body{z-index:1;background-color:#fafafb;width:100%}.scroll-tool{color:var(--primary-color);text-decoration:none}.nav{position:fixed;top:0;width:100%;padding:10px;padding-left:50px;padding-right:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:100;background:#fff;gap:10px}.nav .title{display:flex;flex-direction:row;font-size:30px;font-weight:700;align-items:center}.nav .logo{height:50px}.page-info{display:flex;gap:30px;cursor:pointer;font-size:20px}.user{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:20px}.user .profile-picture{display:flex;border-radius:50%;width:35px;height:35px;border:1px solid #fff;background-size:cover;background-focus:right;background-repeat:no-repeat}.modal-backdrop{z-index:1040!important}.modal{z-index:1050!important}.app{position:relative;padding-top:65px;height:auto;width:100%;z-index:1;font-family:Poppins,Arial,sans-serif!important}@media (max-width:1000px){.nav .title{text-align:center;font-size:25px}.nav{padding-left:20px!important;padding-right:20px!important}.user .name,.user .sign-up-nav{display:none}.app{padding-top:100px!important}}.loader{display:none;position:fixed;bottom:0;width:100%;height:60px;background:#000;color:#fff;justify-content:center;align-items:center;z-index:10000;overflow:hidden;transform:translateY(100%);opacity:0;transition:transform 1s ease-in,opacity 1s ease-in}.loader.show{transform:translateY(0);opacity:1;display:flex}.loader-text{position:absolute;bottom:5px;font-size:14px;color:#fff;transform:translate(50px,-15px)}.wheel-and-hamster{--dur:1s;position:relative;width:12em;height:12em;font-size:14px;transform:scale(.22) translateX(-50px)}.hamster,.hamster div,.spoke,.wheel{position:absolute}.spoke,.wheel{border-radius:50%;top:0;left:0;width:100%;height:100%}.wheel{background:radial-gradient(100% 100% at center,hsla(0,0%,60%,0) 47.8%,#999 48%);z-index:2}.hamster{animation:hamster var(--dur) ease-in-out infinite;top:50%;left:calc(50% - 3.5em);width:7em;height:3.75em;transform:rotate(4deg) translate(-.8em,1.85em);transform-origin:50% 0;z-index:1}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;background:#f38c24;border-radius:70% 30% 0 100%/40% 25% 25% 60%;box-shadow:0 -.25em 0 #f9cc9e inset,.75em -1.55em 0 #fce5ce inset;top:0;left:-2em;width:2.75em;height:2.5em;transform-origin:100% 50%}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;background:#fbb6b6;border-radius:50%;box-shadow:-.25em 0 #f38c24 inset;top:-.25em;right:-.25em;width:.75em;height:.75em;transform-origin:50% 75%}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;top:.375em;left:1.25em;width:.5em;height:.5em}.hamster__nose{background:#f88585;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;top:.75em;left:0;width:.2em;height:.25em}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;background:#fce5ce;border-radius:50% 30% 50% 30%/15% 60% 40% 40%;box-shadow:.1em .75em 0 #f38c24 inset,.15em -.5em 0 #f9cc9e inset;top:.25em;left:2em;width:4.5em;height:3em;transform-origin:17% 50%;transform-style:preserve-3d}.hamster__limb--fl,.hamster__limb--fr{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);top:2em;left:.5em;width:1em;height:1.5em;transform-origin:50% 0}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#f9cc9e 80%,#f88585 80%);transform:rotate(15deg) translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce5ce 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster__limb--bl,.hamster__limb--br{border-radius:.75em .75em 0 0;clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);top:1em;left:2.8em;width:1.5em;height:2.5em;transform-origin:50% 30%}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#f9cc9e 90%,#f88585 90%);transform:rotate(-25deg) translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce5ce 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;background:#fbb6b6;border-radius:.25em 50% 50% .25em;box-shadow:0 -.2em 0 #f88585 inset;top:1.5em;right:-.5em;width:1em;height:.5em;transform:rotate(30deg) translateZ(-1px);transform-origin:0.25em 0.25em}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100% at center,#999 4.8%,hsla(0,0%,60%,0) 5%),linear-gradient(hsla(0,0%,55%,0) 46.9%,#a5a5a5 47% 52.9%,hsla(0,0%,65%,0) 53%) 50% 50%/99% 99% no-repeat}@keyframes hamster{from,to{transform:rotate(4deg) translate(-.8em,1.85em)}50%{transform:rotate(0) translate(-.8em,1.85em)}}@keyframes hamsterHead{25%,50%,75%,from,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{90%,from,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{25%,50%,75%,from,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{25%,50%,75%,from,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{25%,50%,75%,from,to{transform:rotate(50deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg) translateZ(-1px)}}@keyframes hamsterFLLimb{25%,50%,75%,from,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{25%,50%,75%,from,to{transform:rotate(-60deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg) translateZ(-1px)}}@keyframes hamsterBLLimb{25%,50%,75%,from,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{25%,50%,75%,from,to{transform:rotate(30deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg) translateZ(-1px)}}@keyframes spoke{from{transform:rotate(0)}to{transform:rotate(-1turn)}}.add-btn-spinner{position:relative;padding:12px 24px;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;display:inline-block;user-select:none}.add-btn-spinner.is-disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.btn-spinner{position:absolute;top:6px;right:6px;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.net-status{position:fixed;top:0;left:0;right:0;padding:8px 14px;text-align:center;font-size:10px;font-weight:500;z-index:9999;transform:translateY(-100%);transition:transform .3s ease,background .3s ease}.net-status.offline{background:gray;color:#fff;transform:translateY(0)}.net-status.online{background:#16a34a;color:#fff;transform:translateY(0)}