ILUS4.min.css

@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Comfortaa:wght@500&family=Montserrat&family=Roboto:wght@300&display=swap);:root{--red:#f03d30;--salmon:#fa514b;--maroon:#991c1c;--lime:#32be47;--green:#68bd33;--olive:#216604;--blue:#0081de;--cyan:#5ac7fa;--indigo:#0212a8;--gold:#ffbf00;--yellow:#ffee00;--sand:#faf4c5;--violet:#7c30ff;--purple:#b71cff;--magenta:#f0f;--rose:#fa2363;--pink:#ff63d0;--apple:#f0003c;--sea:#3efa93;--teal:#33bd96;--aqua:#00ffd5;--orange:#ff8000;--amber:#ffa500;--vermilion:#ff3700;--light:#cccccc;--grey:#a7a7a7;--steel:#47656e;--alpha:rgba(255,255,255,0.5);--auto:rgba(0,0,0,0.5);--dark:#141414;--night:#202020;--brown:#9e521b;--wood:#3b2714;--coco:#8c4c24}body{padding:0;margin:0;background-color:#e6e6e6;font-family:Roboto,sans-serif}html{scroll-behavior:smooth}hr{padding:.095rem 0;background-color:#ccc;border:none;margin:none;border-radius:4px}a{-webkit-tap-highlight-color:transparent;color:var(--blue);cursor:pointer}a:hover{color:var(--cyan)}a:active{color:var(--aqua)}u{border-bottom:2px solid;border-bottom-color:inherit;text-decoration:none}.btn,btn{text-decoration:none;color:#fff;display:inline-block;margin:.4rem .19rem;background-color:var(--night);padding:.7rem 1rem;font-family:Roboto,sans-serif;border-radius:7px;border:none;font-weight:700;font-size:.85rem;outline:0;text-align:center;transition:.1s;cursor:pointer;box-shadow:none;-webkit-tap-highlight-color:transparent}.btn:active,btn:active{transform:scale(.9)}[disabled]{opacity:.45;text-decoration:line-through}.btn .loader,btn .loader{height:auto;width:50px}.btn .loader span,btn .loader span{width:8px;height:8px;background:#fff}btn .loader{padding:.4rem .7rem}.img{width:100%;border-radius:7px;marin:auto;margin-top:.3rem;margin-bottom:.4rem}.bg-img{background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}.code{display:block;background-color:var(--light);font-size:90%;white-space:no-wrap;padding:1rem;font-family:courier-new,monospace;margin:.5rem;color:var(--dark);border-radius:7px;overflow:scroll}.card,card{box-shadow:0 0 9px rgba(0,0,5,.3);background-color:#fff;margin:1rem;overflow:auto;display:block;border-radius:7px;transition:.1s}card{padding:.9rem}.card-content{padding:.9rem;padding-top:0}.card-img{width:100%;marin:auto}list,ol.list,ul.list{padding:0;list-style:none;background-color:#fff;border-radius:7px;color:#000;display:block;overflow:hidden}.list li,list li{padding:.7rem;border-bottom:1px solid #ccc;transition:.1s}.list li:last-child,list li:last-child{border-bottom:none}.active li:hover{background-color:var(--light)}.table{border-collapse:collapse;width:100%;font-size:.9em;margin:1.2rem 0;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.15);border-radius:7px;background-color:#fff}thead{background-color:#000;color:#fff}.table thead tr{background-color:inherit;color:inherit;text-align:left;font-weight:700}.table td,.table th{padding:12px 15px}.table tbody tr{border-bottom:1px solid #ddd;transition:.1s}.active tbody tr:hover{background-color:var(--light)}.inp{outline:0;width:95%;padding:.4rem;margin:.71rem 0;font-size:1rem;border-radius:7px;border:1px solid var(--grey);box-shadow:inset 0 0 2px var(--auto);font-family:Roboto,sans-serif}.inp:hover{box-shadow:inset 0 0 2px var(--night);border-color:#000}textarea{height:100px}.slider{-webkit-appearance:none;width:100%;height:1.2rem;background-color:#c6c6c6;border-radius:6px;overflow:hidden;outline:0;margin:.5rem;box-shadow:inset -1px 2px 5px rgba(0,0,0,.2)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:19px;border-radius:50%;border:3px solid var(--blue);background:#fff;border-radius:6px;box-shadow:-5000px 0 0 4994px var(--blue)}.slider[alert]::-webkit-slider-thumb{box-shadow:-5000px 0 0 4994px var(--apple);border-color:var(--apple)}.slider[victory]::-webkit-slider-thumb{box-shadow:-5000px 0 0 4994px var(--lime);border-color:var(--lime)}.slider[warn]::-webkit-slider-thumb{box-shadow:-5000px 0 0 4994px var(--gold);border-color:var(--gold)}.toggle{width:60px;height:30px;-webkit-appearance:none;background-color:#c6c6c6;border-radius:25px;outline:0;transition:.1s;box-shadow:inset 0 0 5px rgba(0,0,0,.4);position:relative;transform:scale(.78)}input:checked.toggle{background-color:var(--blue)}.toggle:before{content:'';width:30px;height:30px;border-radius:50%;position:absolute;top:0;left:0;background:#fff;transform:scale(1.1);transition:.1s;box-shadow:1px 2px 5px rgba(0,0,0,.2)}input:checked.toggle:before{left:30px}input:checked.toggle[victory]{background-color:var(--lime)}input:checked.toggle[warn]{background-color:var(--gold)}input:checked.toggle[alert]{background-color:var(--red)}.toggle[mini]:before{transform:scale(.7);box-shadow:0 0 0 transparent}.radio{width:30px;height:30px;border-radius:50%;-webkit-appearance:none;border:4px solid var(--blue);outline:0;transition:.1s;position:relative;transform:scale(.78)}input:checked.radio{background:radial-gradient(var(--blue) 50%,rgb(0,0,0,0) 50%)}input:checked.radio[alert]{background:radial-gradient(var(--apple) 50%,rgb(0,0,0,0) 50%)}.radio[alert]{border-color:var(--apple)}input:checked.radio[victory]{background:radial-gradient(var(--lime) 50%,rgb(0,0,0,0) 50%)}.radio[victory]{border-color:var(--lime)}input:checked.radio[warn]{background:radial-gradient(var(--gold) 50%,rgb(0,0,0,0) 50%)}.radio[warn]{border-color:var(--gold)}.badge,badge{display:inline-block;background-color:var(--dark);padding:.25rem .5rem;color:#fff;font-weight:700;border-radius:3489px}.tag,tag{display:inline-block;background-color:var(--light);font-family:monospace;color:var(--rose);padding:.1rem .2rem;border-radius:3px}.note,note{color:#004e91;background-color:rgba(0,78,145,.3);border-left:5px solid #004e91;margin:1rem;padding:.09rem .9rem;border-radius:0 5px 5px 0;display:block}.note a,note a{color:inherit;font-weight:700}.note[alert],note[alert]{color:#b30909;background-color:rgba(179,9,9,.2);border-color:#b30909}.note[victory],note[victory]{color:#009122;background-color:rgba(0,145,34,.2);border-color:#009122}.note[warn],note[warn]{color:#d1a400;background-color:rgb(209,164,0,.2);border-color:#d1a400}.panel,panel{position:relative;left:-1rem;width:100%;padding:2rem 1rem;background:var(--dark);color:#fff;display:block;margin:.8rem 0}.nav{position:fixed;top:0;left:0;width:100%;padding:.45rem;background-color:var(--night);box-shadow:0 1px 5px var(--auto);z-index:20;overflow:auto;display:flex;color:#fff;align-items:center;justify-content:space-between}.nav:empty{padding:1.5rem}.nav .right{margin-right:40px}.nav .left{margin-left:20px}.nav .center{margin-left:45px}.nav .nav-logo{font-size:1.5rem;font-weight:bolder}.nav ol,.nav ul{list-style:none;position:relative;right:0;margin-right:40px}.nav ol li,.nav ul li{display:inline-block;padding:.3rem .6rem;marin:.4rem;border-radius:7px;transition:.1s}.nav .active{background:var(--blue);font-weight:700}.nav ul li:hover{background:rgba(0,0,0,.2)}.nav .active:hover{background:var(--blue)}.nav-menu{display:flex;align-items:center;justify-content:center;width:80px;height:48px;border-radius:7px;position:relative;transform:scale(.56)}.burger-menu{width:50px;height:6px;background:#fff;border-radius:7px;position:absolute;transition:all .15s}.burger-menu::after,.burger-menu::before{content:'';width:50px;height:6px;background:#fff;position:absolute;border-radius:7px;transition:.5s}.burger-menu::before{transform:translateY(-16px)}.burger-menu::after{transform:translateY(16px)}.nav-menu.opened .burger-menu{transform:translateX(-50px);background:0 0}.nav-menu.opened .burger-menu::before{transform:rotate(45deg) translate(35px,-35px)}.nav-menu.opened .burger-menu::after{transform:rotate(-45deg) translate(35px,35px)}.sidenav{width:0;height:100%;position:fixed;z-index:5000;background-color:var(--night);color:#fff;left:0;top:0;box-shadow:3px 0 7px var(--auto);transition:width .5s;overflow:hidden;padding-right:0}.sidenav ol,.sidenav ul{padding-left:0}.sidenav li{list-style:none;padding:2rem 1rem;font-size:1.25rem;transition:.2s;margin:none}.sidenav li:hover{background-color:rgba(0,0,0,.2);font-size:1.5rem}.nav li a,.sidenav a{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.topnav{width:100%;height:0;z-index:10;transition:height .5s;text-align:center;padding-top:3rem}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-content{position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:7px;text-align:center;overflow:hidden;display:none}.dropdown .btn,.dropdown btn{margin-bottom:0}.dropdown .btn:after,.dropdown .drop-btn:after,.dropdown btn:after{content:"\25BC";font-size:10px}.dropdown-content a{text-decoration:none;color:#000;padding:.5rem .2rem;display:block;transition:.2s;background-color:transparent}.dropdown-content a:hover{background-color:rgba(0,0,0,.2);font-size:18px}.dropdown:hover .dropdown-content{display:block}.accordion{max-width:400px;box-shadow:0 0 10px rgba(0,0,0,.25);border-radius:7px;overflow:hidden;background:#000;color:#fff}.accordion .accordion-content,.accordion label{padding:14px 20px}.accordion label{display:block;position:relative;color:inherit;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s}.accordion label:hover{background:rgba(0,0,0,.1)}.add-symbol:after{content:'+';font-weight:700;float:right;margin-right:7px}.accordion-content{background:#fff;color:#000;display:none}.accordion input[type=checkbox],.accordion input[type=radio]{display:none}.accordion input[type=radio]:checked~.accordion-content{display:block}.accordion input[type=checkbox]:checked~.accordion-content{display:block}.accordion input[type=checkbox]:checked~.add-symbol::after{content:'-';float:right;font-weight:700}.loader{display:flex;justify-content:space-around;align-items:flex-end;width:100px}.loader span{background:#000;width:15px;height:15px;border-radius:50%;animation:loader .5s infinite alternate}.loader span:nth-child(1){animation-delay:125ms}.loader span:nth-child(2){animation-delay:.25s}.loader span:nth-child(3){animation-delay:.35s}.bar{display:block;height:30px;background-color:var(--light);border-radius:7px;position:relative;max-width:400px}.bar-status{height:100%;position:absolute;transition:width .5s;left:0;background-color:var(--blue);border-radius:7px;display:block;width:45%;line-height:30px;color:#fff}.bar-label{margin-left:5px}.right{float:right}.left{float:left}.center{display:grid;place-items:center}.align-left{left:0}.align-top{top:0}.align-bottom{bottom:0}.align-right{right:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-thinnest{font-weight:100}.text-thinner{font-weight:200}.text-thin{font-weight:300}.text-regular{font-weight:400}.text-medium{font-weight:500}.text-bold{font-weight:700}.text-bolder{font-weight:800}.text-boldest{font-weight:900}.font-1{font-family:Roboto,sans-serif}.font-2{font-family:Montserrat,sans-serif}.font-3{font-family:Comfortaa,cursive}.font-4{font-family:Cinzel,serif}.font-cursive{font-family:cursive}.font-mono{font-family:courier new,monospace}.font-ariel{font-family:ariel,helvetica,sans-serif}.font-size-1,.font-small{font-size:.75rem}.font-regular,.font-size-2{font-size:1rem}.font-size-3{font-size:1.25rem}.font-medium,.font-size-4{font-size:1.5rem}.font-size-5{font-size:1.75rem}.font-large,.font-size-6{font-size:2rem}.font-size-7{font-size:2.5rem}.font-jumbo,.font-size-8{font-size:3rem}.circle{border-radius:50%}.pill{border-radius:20000px}.rounded{border-radius:7px}.sharp{border-radius:0}.glass{backdrop-filter:blur(20px);background-color:rgba(255,255,255,.4);color:#000}.hide{display:none}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.fixed{position:fixed}.relative{position:fixed}.absolute{position:absolute}.transparent{background-color:transparent}.transform-none{transform:none}.border-none{border:none}.width-full{width:100vw}.height-full{height:100vh}.width-half{width:50vw}.height-half{height:50vh}.pack,.pack-4{padding:1rem}.pack-1{padding:.25rem}.pack-2{padding:.5rem}.pack-3{padding:.75rem}.pack-0{padding:0}.pack-5{padding:1.5rem}.pack-6{padding:3rem}.wrap{padding-top:5rem!important}.wrap-just{padding-top:3rem!important}.wrap-bottom{padding-bottom:5rem!important}.wrap-bottom-just{padding-bottom:3rem!important}.margin,margin-4{margin:1rem}.margin-1{margin:.25rem}.margin-2{margin:.5rem}.margin-3{margin:.75rem}.margin-5{margin:1.5rem}.margin-6{margin:3rem}.overflow-none{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-none{overflow-x:hidden}.overflow-y-none{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.flat{box-shadow:none}.shadow{box-shadow:0 0 5px rgba(0,0,0,.35)}.depth{box-shadow:inset 1px 2px 9px var(--auto)}.anime-fade{animation:fade 1s}.anime-zoom{animation:zoom 1s}.anime-spin{animation:spin 1s}.anime-left{animation:left 1s}.anime-right{animation:right 1s}.anime-down{animation:down 1s}.anime-top{animation:top 1s}.anime-flip{animation:flip 1s}.anime-jelly{animation:jelly 1s}.anime-forever{animation-iteration-count:infinite}.anime-constant{animation-timing-function:linear}.anime-twice{animation-iteration-count:2}.anime thrice{animation-iteration-count:3}.anime-fast{animation-duration:.5s}.anime-faster{animation-duration:.25s}.anime-fastest{animation-duration:.1s}.anime-slow{animation-direction:1.5s}.anime-slower{animation-duration:2s}.anime-slowest{animation-duration:3s}.anime-delayed{animation-delay:.5s}.anime-forwards{animation-fill-mode:forwards}.anime-alter{animation-direction:alternate}.anime-reverse{animation-direction:reverse}anime-alter-reverse{animation-direction:alternate-reverse}.outlined-red{border:2px solid var(--red);background-color:transparent;color:var(--red)}.outlined-salmon{border:2px solid var(--salmon);background-color:transparent;color:var(--salmon)}.outlined-maroon{border:2px solid var(--maroon);background-color:transparent;color:var(--maroon)}.outlined-lime{border:2px solid var(--lime);background-color:transparent;color:var(--lime)}.outlined-green{border:2px solid var(--green);background-color:transparent;color:var(--green)}.outlined-olive{border:2px solid var(--olive);background-color:transparent;color:var(--olive)}.outlined-blue{border:2px solid var(--blue);background-color:transparent;color:var(--blue)}.outlined-cyan{border:2px solid var(--cyan);background-color:transparent;color:var(--cyan)}.outlined-indigo{border:2px solid var(--indigo);background-color:transparent;color:var(--indigo)}.outlined-gold{border:2px solid var(--gold);background-color:transparent;color:var(--gold)}.outlined-yellow{border:2px solid var(--yellow);background-color:transparent;color:var(--yellow)}.outlined-sand{border:2px solid var(--sand);background-color:transparent;color:var(--sand)}.outlined-violet{border:2px solid var(--violet);background-color:transparent;color:var(--violet)}.outlined-purple{border:2px solid var(--purple);background-color:transparent;color:var(--purple)}.outlined-magenta{border:2px solid var(--magenta);background-color:transparent;color:var(--magenta)}.outlined-rose{border:2px solid var(--rose);background-color:transparent;color:var(--rose)}.outlined-pink{border:2px solid var(--pink);background-color:transparent;color:var(--pink)}.outlined-apple{border:2px solid var(--apple);background-color:transparent;color:var(--apple)}.outlined-sea{border:2px solid var(--sea);background-color:transparent;color:var(--sea)}.outlined-teal{border:2px solid var(--teal);background-color:transparent;color:var(--teal)}.outlined-aqua{border:2px solid var(--aqua);background-color:transparent;color:var(--aqua)}.outlined-orange{border:2px solid var(--orange);background-color:transparent;color:var(--orange)}.outlined-amber{border:2px solid var(--amber);background-color:transparent;color:var(--amber)}.outlined-vermilion{border:2px solid var(--vermilion);background-color:transparent;color:var(--vermilion)}.outlined-light{border:2px solid var(--light);background-color:transparent;color:var(--light)}.outlined-grey{border:2px solid var(--grey);background-color:transparent;color:var(--grey)}.outlined-steel{border:2px solid var(--steel);background-color:transparent;color:var(--steel)}.outlined-alpha{border:2px solid var(--alpha);background-color:transparent;color:var(--alpha)}.outlined-auto{border:2px solid var(--auto);background-color:transparent;color:var(--auto)}.outlined-dark{border:2px solid var(--dark);background-color:transparent;color:var(--dark)}.outlined-night{border:2px solid var(--night);background-color:transparent;color:var(--night)}.outlined-brown{border:2px solid var(--brown);background-color:transparent;color:var(--brown)}.outlined-wood{border:2px solid var(--wood);background-color:transparent;color:var(--wood)}.outlined-coco{border:2px solid var(--coco);background-color:transparent;color:var(--coco)}.outlined-bright{border:2px solid #fff;background-color:transparent;color:#fff}.red{background-color:var(--red)}.salmon{background-color:var(--salmon)}.maroon{background-color:var(--maroon)}.lime{background-color:var(--lime)}.green{background-color:var(--green)}.olive{background-color:var(--olive)}.blue{background-color:var(--blue)}.cyan{background-color:var(--cyan)}.indigo{background-color:var(--indigo)}.gold{background-color:var(--gold)}.yellow{background-color:var(--yellow)}.sand{background-color:var(--sand)}.violet{background-color:var(--violet)}.purple{background-color:var(--purple)}.magenta{background-color:var(--magenta)}.rose{background-color:var(--rose)}.pink{background-color:var(--pink)}.apple{background-color:var(--apple)}.teal{background-color:var(--teal)}.aqua{background-color:var(--aqua)}.sea{background-color:var(--sea)}.orange{background-color:var(--orange)}.amber{background-color:var(--amber)}.vermilion{background-color:var(--vermilion)}.light{background-color:var(--light);color:#000}.grey{background-color:var(--grey);color:#000}.steel{background-color:var(--steel)}.auto{background-color:var(--auto)}.alpha{background-color:var(--alpha)}.dark{background-color:var(--dark);color:#fff}.night{background-color:var(--night);color:#fff}.bright{background-color:#fff;color:var(--dark)}.brown{background-color:var(--brown)}.wood{background-color:var(--wood)}.coco{background-color:var(--coco)}.text-red{color:var(--red)}.text-salmon{color:var(--salmon)}.text-maroon{color:var(--maroon)}.text-lime{color:var(--lime)}.text-green{color:var(--green)}.text-olive{color:var(--olive)}.text-blue{color:var(--blue)}.text-cyan{color:var(--cyan)}.text-indigo{color:var(--indigo)}.text-gold{color:var(--gold)}.text-yellow{color:var(--yellow)}.text-sand{color:var(--sand)}.text-violet{color:var(--violet)}.text-purple{color:var(--purple)}.text-magenta{color:var(--magenta)}.text-rose{color:var(--rose)}.text-pink{color:var(--pink)}.text-apple{color:var(--apple)}.text-teal{color:var(--teal)}.text-aqua{color:var(--aqua)}.text-sea{color:var(--sea)}.text-orange{color:var(--orange)}.text-amber{color:var(--amber)}.text-vermilion{color:var(--vermilion)}.text-light{color:var(--light)}.text-grey{color:var(--grey)}.text-steel{color:var(--steel)}.text-bright{color:#fff}.text-brown{color:var(--brown)}.text-wood{color:var(--wood)}.text-coco{color:var(--coco)}.text-dark{color:var(--dark)}.text-night{color:var(--night)}.text-auto{color:var(--auto)}.text-alpha{color:var(--alpha)}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes left{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes right{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes down{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes top{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes flip{from{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes jelly{from,to{transform:scale(1,1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}@keyframes loader{from{opacity:1;transform:scale (1)}to{opacity:.21;transform:scale(1.5)}}@media (min-width:900px){.hide-at-lg{display:none!important}}@media (max-width:550px){.hide-at-sm{display:none!important}}@media (min-width:680px){.hide-from-md{display:none!important}}@media (max-width:680px){.hide-till-md{display:none!important}}@media (max-width:900px) and (min-width:680px){.hide-at-md{display:none!important}}