@import"https://fonts.cdnfonts.com/css/sticky-memos";@import"https://fonts.cdnfonts.com/css/learninglings-3";@import"https://fonts.cdnfonts.com/css/unbounded";@import"https://fonts.cdnfonts.com/css/afacad";@import"https://fonts.cdnfonts.com/css/sen";*,:after,:before{box-sizing:border-box}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{all:unset}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}:root{--background:var(--pinata-dark);--header-background:var(--pinata-darker);--text-color:var(--pinata-light);--accent-color:var(--pinata-purple);--header-background:hsla(0,0%,100%,.1);--header-backdrop-filter:blur(10px)}html{font-size:16px;font-family:var(--font-standard-first);font-weight:200}body{background-color:var(--background);color:var(--text-color);overflow-x:hidden}body[data-theme=light]{--background:var(--pinata-light);--text-color:var(--pinata-dark);--header-background:hsla(0,0%,100%,.7)}body[data-theme=dark]{--background:var(--pinata-dark);--text-color:var(--pinata-light);--header-background:hsla(0,0%,100%,.1)}*{box-sizing:border-box;padding:0;margin:0;scrollbar-width:none}::-webkit-scrollbar{display:none}button{cursor:pointer}@media(max-width:768px){html{font-size:14px}}.f{display:flex}body[data-theme=light] .blob{opacity:.3}.blob,body[data-theme=dark] .blob{opacity:.15}@keyframes fadeInAnimation{0%{opacity:0;scale:0}75%{opacity:.75;scale:1.1}to{opacity:1;scale:1}}@keyframes fadeInWithoutScale{0%{opacity:0}to{opacity:1}}.hero-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:-4rem 0 0;min-height:100vh}.hero-section__text{flex:1;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px var(--shadow-color),inset 0 4px 6px var(--shadow-color);z-index:1;animation-name:fadeInWithoutScale;animation-timing-function:ease-in;animation-duration:.75s;animation-delay:.75s;animation-iteration-count:1;animation-fill-mode:forwards}.hero-section__heading{font-size:3rem;letter-spacing:.2rem;font-family:var(--font-standard-first);color:#fff;text-rendering:optimizeLegibility}.hero-section__subheading{font-size:2rem;letter-spacing:.15rem;color:var(--background-color)}.hero-section__subheading-roleT{color:var(--pinata-yellow);font-weight:700}.hero-section__subheading-roleA{color:var(--pinata-pink);font-weight:700}.hero-section__subheading-roleP{color:var(--pinata-green);font-weight:700}.hero-section__tagline{font-size:2rem;text-transform:uppercase;letter-spacing:.15rem;margin-top:1rem;animation:fadeInAnimation 1s ease-in;color:var(--accent-color);font-weight:700}.hero-section__buttons{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:1rem}.hero-section__buttons__login{color:var(--accent-color-3);background:rgba(220,182,33,.297);border:1px solid var(--accent-color-3);border-radius:100vmax}.hero-section__buttons__login,.hero-section__buttons__signup{display:flex;justify-content:center;width:clamp(80px,30vw,300px);font-size:1.15rem;padding:.25rem;margin:.15rem;background-color:transparent;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none}.hero-section__buttons__signup{color:#fff;border:1px solid #fff;border-radius:100vmax}.hero-section__buttons__login:hover,.hero-section__buttons__signup:hover{background-color:rgba(0,204,255,.316);cursor:pointer}.hero-section__images,.hero-section__text{flex:1;margin:0 2.5%;max-width:40%}.hero-section__images{width:375px;height:375px}.hero-section .hexagon{position:absolute;width:125px;height:144px;transition:transform .3s ease}.hero-section .hexagon:hover{transform:scale(1.05)}.hero-section .hexagon svg{width:100%;height:100%}.hero-section .hexagon .hexagon-border{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawBorder 2s linear forwards}.hero-section .hexagon-1{top:0;left:125px}.hero-section .hexagon-2{top:94px;left:31px}.hero-section .hexagon-3{top:94px;left:219px}.hero-section .hexagon-4{top:188px;left:125px}.hero-section .hexagon-5{top:282px;left:31px}.hero-section .hexagon-6{top:282px;left:219px}@keyframes drawBorder{to{stroke-dashoffset:0}}@keyframes move{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}to{transform:translate(0) rotate(1turn)}}.hero-section .blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;opacity:.4;animation:move 20s ease-in-out infinite}.hero-section .blob-1{width:600px;height:600px;left:-300px;top:-300px;background:var(--pinata-purple);opacity:.7;animation-delay:-10s}@media(max-width:1024px){.hero-section .blob-1{width:200px;height:200px;left:70px;top:60px}}@media(max-width:768px){.hero-section .blob-1{width:150px;height:150px;left:60px;top:55px}}@media(max-width:600px){.hero-section .blob-1{width:100px;height:100px;left:55px;top:45px;opacity:.9}}.hero-section .blob-2{width:400px;height:400px;right:-200px;top:100px;background:var(--pinata-pink);animation-delay:-5s;opacity:.8}@media(max-width:1024px){.hero-section .blob-2{width:90px;height:150px;right:100px;top:50px}}@media(max-width:768px){.hero-section .blob-2{width:60px;height:150px;right:80px;top:50px}}@media(max-width:600px){.hero-section .blob-2{width:50px;height:150px;right:86px;top:90px;opacity:.9}}.hero-section .blob-3{width:300px;height:300px;left:100px;top:500px;background:var(--pinata-yellow);animation-delay:0s;opacity:.4}@media(max-width:1024px){.hero-section .blob-3{width:100px;height:110px;left:85px;top:400px}}@media(max-width:768px){.hero-section .blob-3{width:95px;height:100px;left:70px;top:350px}}@media(max-width:600px){.hero-section .blob-3{width:85px;height:90px;left:65px;top:315px;opacity:.8}}.hero-section .ball{width:55px;height:55px;left:1250px;top:150px;z-index:-10;animation:float 6s ease-in-out infinite}.hero-section .ball.bubble{background:radial-gradient(circle at 50% 55%,var(--pinata-purple),var(--pinata-purple) 40%,rgba(92,92,214,.8) 60%,rgba(92,92,214,.4));z-index:-10}.hero-section .ball.bubble:after{content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;opacity:.5;filter:blur(1px);z-index:2;transform:rotate(-30deg);background:radial-gradient(circle at 50% 80%,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 74%,var(--pinata-purple) 80%,var(--pinata-purple) 84%,hsla(0,0%,100%,0) 100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-section__images,.hero-section__text{position:relative;z-index:2}.hero-section .ball{position:absolute;width:100px;height:100px;border-radius:100%;right:20%;bottom:20%;z-index:1}.hero-section .ball.bubble{background:radial-gradient(circle at 50% 55%,rgba(240,245,255,.9),rgba(240,245,255,.9) 40%,rgba(225,238,255,.8) 60%,rgba(43,130,255,.4));animation:bubble-anim 2s ease-out infinite}.hero-section .shadow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,.4),rgba(0,0,0,.1) 40%,transparent 50%);transform:rotateX(90deg) translateZ(-50px);z-index:1}@keyframes bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(.9)}68%{transform:scaleY(.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(.98)}97%,to{transform:scale(1)}}.animated-svg{position:relative;width:85%;height:85%;padding:2px}.animated-border{animation:dash 5s linear infinite}@keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@media(min-width:1025px)and (max-width:1280px){.hero-section{margin:2rem;height:75vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--pinata-purple-rgb),.1),rgba(var(--pinata-pink-rgb),.1));border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.hero-section__text{max-width:50%;padding:2rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid hsla(0,0%,100%,.2)}.hero-section__heading,.hero-section__subheading{font-size:calc(2.5rem + .5*(100vw - 1025px)/255);margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section__buttons{flex-direction:row;justify-content:center;gap:1.5rem}.hero-section__buttons__login,.hero-section__buttons__signup{padding:.75rem 2rem;font-size:1.25rem;border:2px solid transparent;transition:all .3s ease}.hero-section__buttons__login:hover,.hero-section__buttons__signup:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.3)}}@media(max-width:1024px){.hero-section{margin:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(var(--pinata-purple-rgb),.1),rgba(var(--pinata-pink-rgb),.1));border-radius:15px}.hero-section__heading{font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section__subheading{font-size:1.75rem}.hero-section__buttons{gap:1rem}.hero-section__buttons__login,.hero-section__buttons__signup{padding:.5rem 1.5rem;font-size:1.1rem}}@media(max-width:768px){.hero-section{flex-direction:column;margin:1rem;padding:1rem;border-radius:10px}.hero-section__text{max-width:90%;padding:1.5rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid hsla(0,0%,100%,.2)}.hero-section__heading{font-size:2rem}.hero-section__subheading{font-size:1.5rem}.hero-section__buttons{flex-direction:column;align-items:center;gap:1rem}.hero-section__buttons__login,.hero-section__buttons__signup{width:100%;max-width:300px;padding:.75rem;font-size:1rem}}@media(max-width:600px){.hero-section{margin:0;padding:1rem;border-radius:8px;overflow:hidden}.hero-section__text{max-width:100%;padding:1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid hsla(0,0%,100%,.2)}.hero-section__heading{font-size:1.75rem}.hero-section__subheading{font-size:1.25rem}.hero-section__buttons{flex-direction:column;align-items:center;gap:.75rem}.hero-section__buttons__login,.hero-section__buttons__signup{width:100%;max-width:250px;padding:.5rem;font-size:.9rem}.hero-section__images{width:100%;max-width:300px;display:none}.hexagon{width:100px;height:115.2px}.ball{width:40px;height:40px;left:90%;top:20px;transform:translateX(-50%);z-index:-10;animation:float 6s ease-in-out infinite}}@media(max-width:600px)and (max-width:600px){.ball{left:80%;top:10px}}@media only screen and (max-width:600px){.ball.bubble{display:none}.hero-section{max-width:100%;min-height:80vh}}.is-hidden{visibility:hidden}.is-visible{visibility:visible}.arrow-container{position:fixed;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2}.arrow{position:absolute;bottom:0;opacity:0}.arrow-1{left:58.7vw;opacity:.3725}.arrow-2{left:41.6vw;opacity:.289}.arrow-3{left:63.4vw;opacity:.331}.arrow-4{left:41.05vw;opacity:.3135}.arrow-5{left:44.25vw;opacity:.213}.arrow-6{left:53.5vw;opacity:.3275}.arrow-7{left:40.35vw;opacity:.587}.arrow-8{left:59.9vw;opacity:.6025}.arrow-9{left:27.7vw;opacity:.1915}.arrow-10{left:21.05vw;opacity:.3495}.arrow-11{left:53.65vw;opacity:.202}.arrow-12{left:68vw;opacity:.3065}@keyframes flash{0%{background-color:#ffb6c1;box-shadow:32px 0 #ffb6c1,-32px 0 #fa198b}50%{background-color:#fa198b;box-shadow:32px 0 #ffb6c1,-32px 0 #ffb6c1}to{background-color:#ffb6c1;box-shadow:32px 0 #fa198b,-32px 0 red}}.header{position:relative;display:flex;align-items:center;background-color:var(--header-background);backdrop-filter:var(--header-backdrop-filter);-webkit-backdrop-filter:var(--header-backdrop-filter);color:var(--text-color);box-shadow:0 4px 6px rgba(0,0,0,.1);gap:3.5vw;margin:1rem 12vw;letter-spacing:.1rem;font-size:1.25rem;font-weight:700;border-radius:100vmax;padding:.75rem .5rem}@media screen and (max-width:650px){.header{gap:0;padding:.75rem .25rem;margin:2.5vw;justify-content:space-between}}.header-loading{width:16px;height:16px;border-radius:50%;background-color:#fa198b;box-shadow:32px 0 #fa198b,-32px 0 #fa198b;position:relative;animation:flash .5s ease-out infinite alternate}.header-loading-container{width:50%;display:flex;justify-content:center}.header-left{display:flex;align-items:center;gap:1rem}@media screen and (max-width:650px){.header-left{gap:0}}.header-left-logo{width:5rem;height:5rem;border-radius:50%;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075)}.header-left-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:650px){.header-left-logo{width:3.5rem;height:3.5rem}}.header-left-title{display:flex;justify-content:center;align-items:center;gap:.25rem;font-size:1.25rem}.header-left-title-button{text-decoration:none;color:#000;font-size:1.35rem;white-space:nowrap}.header-left-title-icon{width:1.5rem;height:1.5rem;cursor:pointer}.header-left-title-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:850px){.header-left-title{display:none}}.header-left-info-icon{width:2.15rem;height:2.15rem;cursor:pointer}.header-left-info-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:1000px){.header-left-info{display:none}}.header-right{display:flex;align-items:center;text-align:center;width:100%;padding:0 2.5vw}@media screen and (min-width:1000px){.header-right{padding:0}}@media screen and (max-width:650px){.header-right{justify-content:space-around;width:85%}}.header-right-links{color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem;padding:.5rem;letter-spacing:.05rem;font-size:clamp(.5rem,1.25rem,2vw);border-radius:100vmax;width:100%}.header-right-links div{cursor:pointer}.header-right-links a{text-decoration:none;text-transform:capitalize;margin:.15rem;padding:.125rem;color:var(--text-color)}.header-right-links a:hover{color:var(--accent-color)}@media screen and (max-width:1350px){.header-right-links-tab-1,.header-right-links-tab-4{display:none}}.header-right-auth{display:flex;align-items:center;margin-left:2.5vw;margin-right:7.5vw}@media screen and (max-width:1000px){.header-right-auth{margin-right:2.5vw;margin-left:0}}.header-right-auth-name{white-space:nowrap}.header-right-auth-user{position:relative}.header-right-auth-user-info-pic{min-width:2.5rem;aspect-ratio:1}.header-right-auth-user-info-pic img,.header-right-auth-user-info-pic-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.header-right-auth-user-menu{display:flex;flex-direction:column;text-align:left;position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--header-background);backdrop-filter:var(--header-backdrop-filter);-webkit-backdrop-filter:var(--header-backdrop-filter);color:var(--text-color);padding:1.5rem;border-radius:1rem;z-index:1000}.header-right-auth-user-menu a{color:var(--text-color);text-decoration:none}.header-right-icons{display:flex;justify-content:center;align-items:center;gap:.75rem}.header-right-icons-icon{width:2.25rem;height:2.25rem;cursor:pointer}.header-right-icons-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:1200px){.header-right-icons{display:none}}.header-right-collapsable{display:none;width:2.5rem;height:2.5rem;cursor:pointer}.header-right-collapsable svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:1200px){.header-right-collapsable{display:flex}}@media screen and (max-width:650px){.header-right-collapsable{width:2.25rem;height:2.25rem}}.header-user-info{display:flex;align-items:center}.working{width:80vw;height:100vh;margin:0 3rem;padding:2rem;position:relative}.working-header{font-size:2.5rem;text-align:center;margin-top:3rem;color:#fff;opacity:.5;text-shadow:2px 2px 0 #4074b5,2px -2px 0 #4074b5,-2px 2px 0 #4074b5,-2px -2px 0 #4074b5,2px 0 0 #4074b5,0 2px 0 #4074b5,-2px 0 0 #4074b5,0 -2px 0 #4074b5,-4px -10px 12px rgba(0,221,203,0);letter-spacing:.25rem;position:relative;z-index:-1}.working-container{position:relative;height:calc(100% - 6rem);width:100%;overflow:visible;z-index:0;display:flex;justify-content:center;align-items:center}.form-glassmorphism{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;color:transparent}.form-glassmorphism:hover{box-shadow:0 8px 12px rgba(0,0,0,.2)}.form-glassmorphism input{background:transparent;border:1px solid hsla(0,0%,100%,.18);border-radius:10px;padding:.3rem;margin-bottom:1rem;width:calc(100% - .6rem);color:#fff}.form-glassmorphism input:focus{outline:none;border-color:hsla(0,0%,100%,.18)}.form-glassmorphism button{border:none;color:#fff;padding:.5rem 1rem;border-radius:10px;max-width:100vmax;cursor:pointer;transition:background-color .3s ease}.form-glassmorphism button,.form-glassmorphism button:hover{background-color:hsla(0,0%,100%,.1)}:root{--s:150px;--m:4px;--f:calc(1.732 * var(--s) + 4 * var(--m) - 1px)}.fade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background:linear-gradient(180deg,#1a1a2e 0,transparent 10%,transparent 20%,rgba(26,26,46,.85) 30%,rgba(26,26,46,.95) 40%,#1a1a2e 50%,#1a1a2e 85%,transparent 90%,#1a1a2e);pointer-events:none;z-index:1}.hexagon-container{font-size:0;width:100%;height:auto;position:absolute;top:-25vh;left:0;right:0;transform:rotate(318deg);display:grid;grid-template-columns:repeat(7,var(--s));grid-template-rows:repeat(4,calc(var(--s) * 1.1547));gap:calc(var(--s)*.2) calc(var(--s)*.115);justify-content:center;align-content:start;padding:0;z-index:1}.hexagon-container .hexagon{width:var(--s);height:calc(var(--s)*1.1547);display:inline-block;font-size:medium;clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);background:hsla(0,0%,100%,.03);border:2px solid hsla(0,0%,100%,.1);transition:all .3s ease;position:relative;opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:visible;z-index:999999;place-self:center;transform:none}.hexagon-container .hexagon:nth-child(odd){transform:none}.hexagon-container .hexagon.feature{background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.2);box-shadow:0 4px 30px rgba(0,0,0,.2)}.hexagon-container .hexagon:hover{border-color:hsla(0,0%,100%,.3);box-shadow:0 0 15px hsla(0,0%,100%,.1),0 0 30px hsla(0,0%,100%,.05)}.hexagon-container .hexagon.clickable:hover{transform:scale(1.05);background:hsla(0,0%,100%,.12)!important;box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 15px hsla(0,0%,100%,.1)}.hexagon-container:before{content:"";width:calc(var(--s)/2 + var(--m));float:left;height:120%;shape-outside:repeating-linear-gradient(transparent 0 calc(var(--f) - 3px),#000 0 var(--f))}.invisible{opacity:0;pointer-events:none;display:none}.clickable{cursor:pointer}.clickable:hover{background:hsla(0,0%,100%,.12)!important;transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 15px hsla(0,0%,100%,.1)}.label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-252deg);color:#fff;font-size:1rem;font-weight:700;text-align:center;width:100%;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 10px hsla(0,0%,100%,.1);pointer-events:none;letter-spacing:.5px;padding:0 10px}.features-carousel{max-width:1200px;min-height:80vh;margin:2rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background);padding:2rem;border-radius:10px;box-shadow:0 2px 4px rgba(255,208,0,.2),0 4px 8px rgba(255,208,0,.2),0 8px 16px rgba(255,208,0,.2);will-change:opacity,transform;position:relative}.features-carousel:after{content:"";position:absolute;inset:0;border-radius:10px;z-index:-1;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.features-carousel .carousel-content{display:flex;align-items:center;justify-content:space-between;width:100%}@media(max-width:768px){.features-carousel .carousel-content{flex-direction:column}}.features-carousel .carousel-content .feature-text{flex-basis:50%;padding-right:1rem;color:var(--text-color)}.features-carousel .carousel-content .feature-text h2{font-size:2rem;margin-bottom:1rem}.features-carousel .carousel-content .feature-text p{font-size:1.2rem;line-height:1.5}.features-carousel .carousel-content .feature-video{flex-basis:50%;padding-left:1rem}.features-carousel .carousel-content .feature-video video{width:100%;border-radius:8px;outline:none}.features-carousel .carousel-controls{margin-top:1rem;display:flex;gap:1rem}.features-carousel .carousel-controls .pushable{position:relative;border:none;background:transparent;padding:0;margin:1rem 0 .5rem .5rem;cursor:pointer;outline-offset:4px;transition:filter .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:150px;height:35px}.features-carousel .carousel-controls .pushable:focus:not(:focus-visible){outline:none}.features-carousel .carousel-controls .pushable:hover{filter:brightness(110%)}.features-carousel .carousel-controls .pushable:hover .front{transform:translateY(-2px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.features-carousel .carousel-controls .pushable:hover .shadow{transform:translateY(1px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.features-carousel .carousel-controls .pushable:active .front{transform:translateY(-1px);transition:transform 34ms}.features-carousel .carousel-controls .pushable:active .shadow{transform:translateY(0);transition:transform 34ms}.features-carousel .carousel-controls .shadow{background:rgba(0,0,0,.25);will-change:transform;transform:translateY(1px);transition:transform .6s cubic-bezier(.3,.7,.4,1);filter:blur(1px)}.features-carousel .carousel-controls .edge,.features-carousel .carousel-controls .shadow{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(var(--clip-path,30% 0,100% 0,100% 100%,30% 100%,20% 50%))}.features-carousel .carousel-controls .edge{background:linear-gradient(270deg,#2a0052 0,#5400a3 8%,#5400a3 92%,#2a0052)}.features-carousel .carousel-controls .front{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;background:var(--pinata-yellow);opacity:.8;will-change:transform;transform:translateY(-2px);transition:transform .6s cubic-bezier(.3,.7,.4,1);clip-path:polygon(var(--clip-path,30% 0,100% 0,100% 100%,30% 100%,20% 50%))}.features-carousel .carousel-controls .prev-btn{--clip-path:30% 0%,100% 0%,100% 100%,30% 100%,20% 50%}.features-carousel .carousel-controls .prev-btn .front{padding-left:5px}.features-carousel .carousel-controls .next-btn{--clip-path:0% 0%,70% 0%,80% 50%,70% 100%,0% 100%}.features-carousel .carousel-controls .next-btn .front{padding-right:5px}.features-to-cta-transition{position:relative;height:150px;overflow:hidden;margin-top:-1px}.features-to-cta-transition .wave{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,var(--background) 0,var(--pinata-dark) 100%)}.features-to-cta-transition .wave:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%235c5cd6' fill-opacity='0.15' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");opacity:.5}.features-to-cta-transition .wave:after,.features-to-cta-transition .wave:before{content:"";position:absolute;width:100%;height:100%;background-size:cover;background-position:50%}.features-to-cta-transition .wave:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffd166' fill-opacity='0.1' d='M0,160L48,144C96,128,192,96,288,106.7C384,117,480,171,576,181.3C672,192,768,160,864,144C960,128,1056,128,1152,138.7C1248,149,1344,171,1392,181.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");opacity:.3}.cta-container{position:relative;padding:4rem 2rem;background:linear-gradient(135deg,var(--pinata-dark) 0,var(--pinata-purple) 100%);overflow:hidden;margin-top:-1px}.cta-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 150%,var(--pinata-pink) 0,transparent 50%),radial-gradient(circle at 80% -50%,var(--pinata-yellow) 0,transparent 50%);opacity:.1;z-index:1}.cta-content{position:relative;max-width:1200px;margin:0 auto;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;background:hsla(0,0%,100%,.05);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}.cta-header{text-align:center;margin-bottom:3rem}.cta-header h2{font-family:var(--font-standard-first);font-size:3rem;color:var(--pinata-light);margin-bottom:1rem;letter-spacing:-.02em}.cta-header .subtitle{font-family:var(--font-fun-second);font-size:1.25rem;color:var(--pinata-yellow);text-transform:uppercase;letter-spacing:.1em}.cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{padding:1.5rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card .highlight{display:block;font-family:var(--font-fun-second);color:var(--pinata-yellow);font-size:2rem;margin-bottom:.75rem}.feature-card p{color:var(--pinata-light);line-height:1.6}.cta-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.cta-button{position:relative;padding:1rem 2rem;border-radius:100px;font-family:var(--font-standard-first);font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:var(--pinata-yellow);color:var(--pinata-dark)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,209,102,.3)}.cta-button.primary .timer{position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);font-size:.75rem;color:var(--pinata-yellow);white-space:nowrap;animation:pulse 2s infinite}.cta-button.secondary{background:transparent;border:2px solid var(--pinata-light);color:var(--pinata-light)}.cta-button.secondary:hover{background:hsla(0,0%,100%,.1)}.guarantee{text-align:center;color:var(--pinata-light);opacity:.8;font-size:.875rem;margin-top:2rem}.social-proof{text-align:center;margin-top:3rem}.social-proof .proof-text{color:var(--pinata-light);font-size:1.125rem}.social-proof .proof-text .highlight{color:var(--pinata-yellow);font-weight:600}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:768px){.cta-container{padding:3rem 1rem}.cta-header h2{font-size:2.25rem}.cta-actions{flex-direction:column;align-items:center}.cta-actions .cta-button{width:100%;max-width:300px;text-align:center}}.transition-message{position:relative;z-index:2;text-align:center;padding:2rem;color:var(--pinata-light)}.transition-message h3{font-family:var(--font-fun-second);font-size:1.75rem;color:var(--pinata-yellow);margin-bottom:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.transition-message p{font-family:var(--font-standard-first);font-size:1.25rem;max-width:800px;margin:0 auto;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease .2s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.cta-header h2{font-size:1.875rem}.feature-card{padding:1rem}}.about-container{min-height:100vh;background:linear-gradient(135deg,var(--pinata-darker) 0,var(--pinata-dark) 100%);padding:6rem 2rem;position:relative;overflow:hidden}.about-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,var(--pinata-purple) 0,transparent 60%),radial-gradient(circle at 80% 80%,var(--pinata-pink) 0,transparent 60%);opacity:.05;z-index:1}.about-header{position:relative;z-index:2;text-align:center;margin-bottom:6rem}.about-header h1{font-family:var(--font-standard-first);font-size:3.5rem;color:var(--pinata-light);margin-bottom:1rem;letter-spacing:.02em}.about-header .header-subtitle{font-family:var(--font-standard-first);font-size:1.5rem;color:var(--pinata-yellow);opacity:.9}.team-members{position:relative;z-index:2;max-width:1200px;margin:0 auto}.team-member{display:flex;align-items:center;margin-bottom:6rem;position:relative}.team-member.left{flex-direction:row}.team-member.left .member-content{padding-right:4rem}.team-member.right{flex-direction:row-reverse}.team-member.right .member-content{padding-left:4rem;text-align:right}.member-content{flex:1;position:relative;z-index:2}.member-name{font-family:var(--font-standard-first);font-size:2.5rem;font-weight:700;color:var(--pinata-light);margin-bottom:.5rem;letter-spacing:.05em;transition:color .3s ease}.team-member:hover .member-name{color:var(--pinata-yellow)}.member-title{font-family:var(--font-fun-second);font-size:1.25rem;color:var(--pinata-purple);margin-bottom:1.5rem;letter-spacing:.02em}.member-description{font-family:var(--font-standard-first);font-size:1.125rem;line-height:1.6;color:var(--pinata-light);opacity:.9;max-width:600px}.member-image{position:absolute;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1}.member-image img{border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);transition:transform .1s ease;will-change:transform}.member-image.active{opacity:1;pointer-events:auto}.member-image:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--pinata-yellow),var(--pinata-purple),var(--pinata-pink));border-radius:22px;z-index:-1;opacity:0;transition:opacity .3s ease}.team-member:hover .member-image:before{opacity:1}@media(max-width:1024px){.about-container{padding:4rem 1.5rem}.team-member{margin-bottom:4rem}.team-member.left,.team-member.right{flex-direction:column;text-align:center}.team-member.left .member-content,.team-member.right .member-content{padding:0;text-align:center}.member-name{font-size:2rem}.member-description{margin:0 auto}}@media(max-width:768px){.about-header h1{font-size:2.5rem}.member-name{font-size:1.75rem}.member-image img{width:250px;height:250px}}:root{--font-standard-first:"Afacad","Roboto",sans-serif;--font-fun-first:"Learninglings","Helvetica",sans-serif;--font-fun-second:"Unbounded","Helvetica",sans-serif;--font-teacher-name:"Sen","Helvetica",sans-serif;--pinata-purple:#5c5cd6;--pinata-light-purple:#7474e8;--pinata-dark:#1a1a2e;--pinata-darker:#13132a;--pinata-light:#fff;--pinata-off-white:#f5f5f5;--pinata-yellow:#ffd166;--pinata-pink:#ef476f;--pinata-green:#06d6a0}.container{position:relative;background:var(--pinata-off-white);color:var(--pinata-dark);font-family:var(--font-standard-first);padding:2rem;margin:0 auto;width:90%}.container hr{position:absolute;border:2px solid #000;width:88vw;left:0;right:0}.login-form{border-radius:1rem;padding:2.5rem;background-color:#fff;color:#000;margin-top:2.5rem}.login-form-container{display:flex;flex-direction:column;align-items:center}.login-form-header{font-size:1.5rem;margin-bottom:.25rem;margin-left:-.75rem}.login-form-item{display:flex;flex-direction:column;margin-bottom:1.25rem;font-size:1.25rem}.login-form-item input{width:15rem;border-radius:1rem;padding:0 .5rem}.login-form-button{width:-moz-max-content;width:max-content;background-color:var(--accent-color-1);color:#fff;padding:.5rem 1.25rem;border-radius:100vmax}.login-form-link{color:blue;cursor:pointer}body,html{height:100%;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column}.role-selection{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);border-radius:1rem;width:min(22rem,90%);min-height:14.75rem;margin:0 auto;padding:.75rem;gap:.75rem;box-shadow:0 1px 1px hsla(0,0%,98%,.15),0 2px 2px hsla(0,0%,98%,.14),0 4px 4px hsla(0,0%,98%,.12),0 8px 8px hsla(0,0%,98%,.1),0 16px 16px hsla(0,0%,98%,.08)}.role-selection-container-parent,.role-selection-container-teacher{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:.75rem;transition:all .3s ease}.role-selection-container-parent:hover,.role-selection-container-teacher:hover{background-color:hsla(0,0%,100%,.05)}.role-selection-container-teacher{border-bottom:1px solid var(--pinata-light);margin-bottom:.5rem}.role-selection-container-parent{border-top:1px solid var(--pinata-light);margin-top:.5rem}.role-selection-text{font-size:1.2rem;font-weight:500;text-align:center;max-width:25ch;line-height:1.5;color:var(--pinata-light)}.role-selection-text-subtext{text-align:left;font-size:1.25rem;color:hsla(0,0%,100%,.8);font-style:italic}.role-selection-text strong{color:var(--pinata-yellow);font-weight:600}.role-selection-text:last-child{font-size:1rem;color:hsla(0,0%,100%,.8);margin-top:.5rem}.role-selection .parent-btn,.role-selection .teacher-btn{padding:1rem 2rem;border:1px solid hsla(0,0%,100%,.3);border-radius:.5rem;font-family:var(--font-standard-first);font-size:1.2rem;font-weight:500;transition:all .3s ease}.role-selection .parent-btn:hover,.role-selection .teacher-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.5)}.role-selection .parent-btn{background-color:var(--pinata-purple);color:var(--pinata-light)}.role-selection .parent-btn:hover{background-color:var(--pinata-light-purple)}.role-selection .teacher-btn{background-color:var(--pinata-green);color:var(--pinata-light)}.role-selection .teacher-btn:hover{background-color:#05a47b}@media screen and (max-width:48rem){.role-selection{width:95%;min-height:15.625rem}}.signup-form{justify-content:center;gap:.25rem;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);border-radius:1rem;width:min(23.25rem,90%);padding:1.25rem;margin:0 auto;position:relative;box-shadow:0 1px 1px rgba(255,208,0,.15),0 2px 2px rgba(255,208,0,.14),0 4px 4px rgba(255,208,0,.12),0 8px 8px rgba(255,208,0,.1),0 16px 16px rgba(255,208,0,.08)}.signup-form,.signup-form-item{display:flex;flex-direction:column;align-items:center}.signup-form-item{width:100%;padding:.25rem}.signup-form-item label{display:none}.signup-form-item input{width:100%;height:3rem;padding:0 1.5rem;font-size:1.2rem;border-radius:100vmax;border:1px solid hsla(0,0%,100%,.18);background-color:hsla(0,0%,100%,.05);color:var(--pinata-light);font-family:var(--font-standard-first);transition:all .3s ease;text-align:center}.signup-form-item input::-moz-placeholder{color:hsla(0,0%,100%,.6);font-size:1.1rem;text-align:left}.signup-form-item input::placeholder{color:hsla(0,0%,100%,.6);font-size:1.1rem;text-align:left}.signup-form-item input:focus{outline:none;background-color:hsla(0,0%,100%,.1);border-color:var(--pinata-purple);box-shadow:0 0 0 2px rgba(92,92,214,.2)}.signup-form .button-container{display:flex;gap:1rem;margin-top:1rem;width:100%;justify-content:center}.signup-form button{display:flex;justify-content:center;align-items:center;width:45%;height:3rem;border-radius:100vmax;border:none;font-size:1.5rem;font-weight:500;font-family:var(--font-standard-first);transition:all .3s ease}.signup-form button:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.signup-form button[type=submit]{background-color:var(--pinata-purple);color:var(--pinata-light);position:relative;overflow:hidden}.signup-form button[type=submit]:after{content:"→";position:absolute;left:-2rem;bottom:-2rem;font-size:1.5rem;opacity:0;transition:all .8s ease;transform:rotate(-45deg)}.signup-form button[type=submit]:hover{background-color:var(--pinata-light-purple);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.signup-form button[type=submit]:active{transform:translateY(0);box-shadow:none}.signup-form button[type=submit]:active:after{animation:slideArrowDiagonal 1s ease-in-out forwards}.signup-form .cancel-btn{background-color:var(--pinata-pink);color:var(--pinata-light)}.signup-form .cancel-btn:hover{background-color:#eb184a}.signup-form .back-btn{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--pinata-light);transition:all .3s ease;cursor:pointer;width:2.5rem;height:2.5rem;padding:0;z-index:1;border-radius:50%}.signup-form .back-btn:before{content:"←";font-size:1.5rem;line-height:1;margin-bottom:0}.signup-form .back-btn:after{content:"Back";position:absolute;bottom:-1.25rem;font-size:.825rem;font-style:italic;opacity:.8}.signup-form .back-btn:hover{transform:translateX(-3px);color:var(--pinata-dark);background-color:var(--pinata-light)}@keyframes slideArrowDiagonal{0%{left:-2rem;bottom:-2rem;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% + 2rem);bottom:calc(100% + 2rem);opacity:0}}@media screen and (max-width:48rem){.signup-form{width:95%;padding:1.5rem}}@media screen and (max-width:45rem){.role-selection{width:90%;min-height:14rem;padding:1rem;gap:.5rem}.role-selection-text{font-size:1rem;max-width:20ch}.role-selection-text-subtext{font-size:1rem}.role-selection .parent-btn,.role-selection .teacher-btn{padding:.75rem 1.5rem;font-size:1rem}.signup-form{width:90%;padding:2.5rem 1rem 1rem}.signup-form-item{width:80%}.signup-form-item input{height:2.75rem;font-size:1rem;padding:0 1.25rem}.signup-form-item input::-moz-placeholder{font-size:.9rem}.signup-form-item input::placeholder{font-size:.9rem}.signup-form .button-container{gap:.75rem;margin-top:.75rem}.signup-form button{height:2.75rem;font-size:1.25rem}.signup-form .back-btn{top:.75rem;left:.75rem;width:2rem;height:2rem}.signup-form .back-btn:before{font-size:1.25rem}.signup-form .back-btn:after{font-size:.75rem;bottom:-1rem}}@media screen and (max-width:20rem){.role-selection,.signup-form{width:95%;padding:.75rem}.signup-form{padding-top:2.25rem}.signup-form-item{width:90%}.signup-form .button-container{flex-direction:column;align-items:center;gap:.5rem}.signup-form .button-container button{width:80%}}@media screen and (min-width:90rem){.role-selection{width:min(22rem,90%);min-height:14.75rem;padding:.75rem;gap:.75rem}.role-selection-text{font-size:1.2rem;max-width:25ch;line-height:1.5}.role-selection-text-subtext{font-size:1.25rem}.role-selection-text strong{font-size:1.3rem}.role-selection-container-parent,.role-selection-container-teacher{padding:.75rem;gap:.5rem}.role-selection .parent-btn,.role-selection .teacher-btn{padding:1rem 2rem;font-size:1.2rem;border-radius:.5rem}.signup-form{width:min(23.25rem,90%);padding:1.25rem;gap:.25rem}.signup-form-item{width:100%;padding:.25rem}.signup-form-item input{height:3rem;font-size:1.2rem;padding:0 1.5rem}.signup-form-item input::-moz-placeholder{font-size:1.1rem}.signup-form-item input::placeholder{font-size:1.1rem}.signup-form .button-container{gap:1rem;margin-top:1rem;width:100%}.signup-form .button-container button{height:3rem;font-size:1.5rem}.signup-form .back-btn{width:2.5rem;height:2.5rem}}.role-selection-container-parent,.role-selection-container-teacher{cursor:pointer}@keyframes loadingGrid{0%{top:0;color:#fff}50%{top:30px;color:hsla(0,0%,100%,.2)}to{top:0;color:#fff}}.classroom,.classroom-init{display:flex;flex-direction:column;align-items:center}.classroom-init{justify-content:center;width:100vw;height:100vh}.classroom-loading{width:16px;height:16px;box-shadow:0 30px,0 -30px;border-radius:4px;background:currentColor;display:block;margin:-50px auto 0;position:relative;color:#fff;transform:translate(-20px,30px);box-sizing:border-box;animation:loadingGrid 2s ease infinite}.classroom-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:15rem}.classroom-loading:after,.classroom-loading:before{content:"";box-sizing:border-box;width:16px;height:16px;box-shadow:0 30px,0 -30px;border-radius:4px;background:currentColor;color:#fff;position:absolute;left:30px;top:0;animation:loadingGrid 2s ease .2s infinite}.classroom-loading:before{animation-delay:.4s;left:60px}.classroom-control{display:flex;justify-content:center;min-width:50%;width:100%;min-height:25vh;padding:1.5rem 0;border-bottom:1.5rem solid var(--text-color-dark);border-radius:.75rem;background-image:linear-gradient(180deg,#43e8fc 5%,#036bd2);box-shadow:-.5px .5px .8px hsl(var(--shadow-color)/.34),-2.9px 2.9px 4.6px -.4px hsl(var(--shadow-color)/.34),-5.4px 5.5px 8.7px -.7px hsl(var(--shadow-color)/.34),-8.8px 9px 14.2px -1.1px hsl(var(--shadow-color)/.34),-14.1px 14.3px 22.6px -1.4px hsl(var(--shadow-color)/.34);-ms-overflow-style:none;scrollbar-width:none}.classroom-control::-webkit-scrollbar{display:none}.classroom-control-header{display:flex;justify-content:center;align-items:center;width:100%;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.classroom-control-header::-webkit-scrollbar{display:none}.classroom-control-header-card{height:100%;padding:.5rem;margin-right:.5rem}.classroom-control-header-title{display:flex;flex-direction:column;align-items:center;max-width:37.5%;font-size:clamp(.5rem,1.625rem,2vw);font-family:var(--font-teacher-name);overflow:scroll;border-right:1px solid hsla(60,56%,91%,.6);text-shadow:-.25rem .25rem .25rem rgba(95,95,95,.285);text-align:center;letter-spacing:1px;padding:.75rem 0;-ms-overflow-style:none;scrollbar-width:none}.classroom-control-header-title::-webkit-scrollbar{display:none}.classroom-control-header-title-image{width:5rem;height:5rem;border-radius:12px;overflow:hidden;margin:.75rem 0;filter:drop-shadow(.25rem .25rem .25rem rgba(0,0,0,.2))}.classroom-control-header-title-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.classroom-control-header-groups{display:flex;justify-content:space-around;gap:1rem;border-right:1px solid hsla(60,56%,91%,.6);overflow:hidden}.classroom-control-header-groups-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:22.5%}.classroom-control-header-groups-section-points{font-size:clamp(.25rem,1rem,2vw);text-align:center;text-shadow:-.25rem .25rem .25rem rgba(95,95,95,.285)}.classroom-control-header-groups-section-color{background-color:var(--groupColor);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;width:clamp(1rem,2.5rem,2.5vw);height:clamp(1rem,2.5rem,2.5vw);border-radius:50%;box-shadow:-.25rem .25rem .25rem rgba(95,95,95,.285);cursor:pointer}.classroom-control-header-groups-section-color:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(to top right,transparent 55%,#fff)}.classroom-control-header-groups-section-name{font-size:clamp(.25rem,1.15rem,2vw);text-shadow:-.25rem .25rem .25rem rgba(95,95,95,.285)}.classroom-control-header-student{display:flex;flex-direction:column;justify-content:center;align-items:center}.classroom-control-header-student-row{display:flex;justify-content:center;gap:.5rem}.classroom-control-header-student-row button{cursor:pointer}.classroom-control-header-student-row-add-icon{width:3.75rem;height:3.25rem;margin:.25rem;cursor:pointer}.classroom-control-header-student-row-add-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}@media screen and (max-width:413px)and (max-height:916px){.classroom-control{min-height:auto!important;height:64px!important;padding:.5rem!important;justify-content:space-evenly;width:100%}.classroom-control,.classroom-control-header{display:flex;flex-direction:row;align-items:center}.classroom-control-header{justify-content:flex-start;gap:1rem;width:auto;overflow:visible}.classroom-control-header-title{display:flex;flex-direction:row;gap:.5rem;margin-right:-1rem}.classroom-control-header-title-image{display:none}.classroom-control-header-groups{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:5rem;gap:.1rem;transform:translateX(.5rem);width:65%}.classroom-control-header-groups-section{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:0;box-shadow:none}.classroom-control-header-groups-section-color,.classroom-control-header-groups-section-points{margin:0;padding:0}.classroom-control-header-groups-section-color{position:relative;background-color:var(--groupColor);margin:-.15rem 0;width:100%;height:100%;border-radius:0;box-shadow:none}.classroom-control-header-groups-section-color:after{content:none}.classroom-control-header-groups-section-color-points{position:absolute;top:.15rem;left:15rem}.classroom-control-header-groups-section-name{margin-right:.5rem}.classroom-control-header-groups-section-store{display:none!important}.classroom-control-header-student{display:flex;flex-direction:row;gap:.75rem}}@media screen and (max-width:375px)and (max-height:667px){.classroom-control{min-height:auto;height:54px;padding:.5rem;justify-content:space-evenly;width:100%}.classroom-control,.classroom-control-header{display:flex;flex-direction:row;align-items:center}.classroom-control-header{gap:1rem;width:auto;overflow:visible}.classroom-control-header-title{display:flex;flex-direction:row;align-items:center;gap:.5rem}.classroom-control-header-title-image{display:none}.classroom-control-header-groups{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.75rem}.classroom-control-header-groups-section-store{display:none!important}.classroom-control-header-student{display:flex;flex-direction:row;gap:.75rem}}.student-classroom-view{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10rem;aspect-ratio:3/4;max-height:100%;margin-bottom:1rem;border-radius:12px;overflow:hidden;box-shadow:-.5rem .5rem .75rem rgba(0,0,0,.285);transition:all 2s ease-in;transform-origin:center}.student-classroom-view:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;pointer-events:none}.student-classroom-view:hover{transform:rotateX("15deg") rotateY("15deg")}.student-classroom-view-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.student-classroom-view-inner-image{width:30.5%;aspect-ratio:3/4}.student-classroom-view-inner-image img,.student-classroom-view-inner-image svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.student-classroom-view-inner-details{display:flex;flex-direction:column;align-items:center;text-shadow:-2px 2px 4px rgba(0,0,0,.2);padding-bottom:.25rem}.student-classroom-view-inner-details-name{text-align:center;font-size:1.15rem;overflow-wrap:break-word}.student-classroom-view-inner-details-points{text-align:center;font-size:1.4rem}@media screen and (max-width:413px)and (max-height:916px){.student-classroom-view{width:85%!important;height:85%!important;box-sizing:border-box;gap:0;margin-top:.5rem;border-bottom:1px solid rgba(156,191,196,.2);border-right:1px solid rgba(156,191,196,.2);border-radius:12px}.student-classroom-view-inner-image{display:none}.student-classroom-view-inner-details-name{font-size:.8rem}.student-classroom-view-inner-details-points{font-size:1rem}}.grid-classroom{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:auto;gap:0 1.5rem;width:100vw;max-height:100vh;justify-items:center}.grid-classroom-control{grid-area:1/7/3/19;width:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:900px){.grid-classroom-control{grid-area:1/2/1/24}}.grid-classroom-card-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:20vh;opacity:0}@media screen and (max-width:413px)and (max-height:916px){.grid-classroom{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,1fr);gap:0;width:100vw;height:100vh;max-height:100vh}.grid-classroom-control{grid-area:1/1/2/5;opacity:1}.grid-classroom-card-container{display:block;opacity:1;min-height:auto}}@keyframes animloader{to{background-position:185px 0,center 0,center 115px,center 142px}}.test{display:flex;justify-content:center;align-items:center;padding:5px;margin:10px}.dashboard{min-height:100vh;padding:2.5rem 2.5vw}.dashboard-header-title{display:flex;align-items:center;gap:1rem}.dashboard-header-title-journey{transform:translateY(2px)}.dashboard-initial-loading{width:75vw;height:215px;display:block;margin:auto;position:relative;box-sizing:border-box}.dashboard-initial-loading:after{content:"";width:calc(100% - 30px);height:calc(100% - 15px);top:15px;left:15px;position:absolute;background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 50%,transparent),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 16px,transparent 0),linear-gradient(#ddd 50px,transparent 0);background-repeat:no-repeat;background-size:75px 175px,100% 100px,100% 16px,100% 30px;background-position:-185px 0,center 0,center 115px,center 142px;box-sizing:border-box;animation:animloader 1s linear infinite}.dashboard-initial-create{position:fixed;top:50%;left:50%;width:75vw;height:90vh;border:none;border-radius:1rem;transform:translate(-50%,-50%);overflow:scroll;z-index:5000}.dashboard-initial-create-inner{position:relative;width:100%;height:100%;display:flex}.dashboard-initial-create-inner-info{width:100%;height:100%;padding:2.5rem;color:#fff;text-shadow:-2px 2px 2px rgba(0,0,0,.5)}.dashboard-initial-create-inner-info-img{position:absolute;top:0;left:0;width:50%;height:100%;border-radius:1rem;overflow:hidden;z-index:-1;filter:brightness(.75)}.dashboard-initial-create-inner-info-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dashboard-initial-create-inner-info-content{height:100%;display:flex;flex-direction:column;justify-content:center;width:60ch}.dashboard-initial-create-inner-info-content-header{font-size:2.5rem;margin-bottom:1rem;flex:none}.dashboard-initial-create-inner-info-content-header h4{padding-bottom:.25rem;border-bottom:4px solid var(--accent-color-1)}.dashboard-initial-create-inner-info-content-features{font-size:1.25rem}.dashboard-initial-create-inner-form-header{font-size:1.5rem;margin-bottom:1.5rem;flex:none}.dashboard-initial-create-inner-form-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-initial-create-inner-form-btn{background-color:var(--accent-color-1);color:#fff;padding:.5rem;border-radius:.5rem}.dashboard-initial-create-inner-form-btn-close{background-color:var(--accent-color-2)}.dashboard-initial-create-inner-form-item{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:.5rem}.dashboard-initial-create-inner-form-item input{border-radius:.5rem;border:1px solid #d3d3d3;padding:0 .5rem}.dashboard-initial-create-inner-form-item-actions{margin-top:1.5rem}.dashboard-initial-welcome{padding:5rem 2.5vw;border:2px solid #d3d3d3;box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.15);border-radius:1rem;margin-top:2.5vh;background-image:url(/art/celebration_02.jpg);background-size:cover;background-position:50%;color:#fff;text-align:center}.dashboard-initial-welcome,.dashboard-initial-welcome-header{display:flex;flex-direction:column;align-items:center}.dashboard-initial-welcome-header-title{font-size:2rem}.dashboard-initial-welcome-header-subtitle{margin-top:.25rem;font-size:1.25rem}.dashboard-journey-dialog{position:fixed;top:50%;left:50%;width:62.5vw;height:50vh;padding:1.75vw;border-radius:1rem;transform:translate(-50%,-50%)}.dashboard-journey-dialog:backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-journey-dialog-inner{border-radius:1rem;overflow:scroll}.dashboard-journey-orgs-view{display:flex;justify-content:space-between}.dashboardWelcomeHeader{background-color:#fa198b;color:#fff;padding:.25rem .75rem;margin:.75rem;border-radius:100vmax;font-size:1.35rem}@keyframes underline{0%{width:0}to{width:100%}}.admin-dashboard{display:flex;flex-direction:row;min-height:60vh}.admin-dashboard-sidebar{flex:0 0 auto;width:17.5vw;margin-right:7.5vw}.admin-dashboard-sidebar-steps-line{margin:.65rem 0;height:1px;width:115%;border:1px solid gray}.admin-dashboard-sidebar-steps-btn{color:#fff;border:2px solid #fff;border-radius:100vmax;padding:.25rem .75rem;width:100%;text-align:left;height:2.5em;font-size:1em;margin:.3em;line-height:2.5em;letter-spacing:1px;text-align:center}.admin-dashboard-sidebar-steps-btn.active{color:#fff}.admin-dashboard-classes-view{position:relative}.admin-dashboard-classes-view-create{position:fixed;top:50%;left:50%;width:75vw;height:90vh;border:none;border-radius:1rem;transform:translate(-50%,-50%);overflow:scroll;z-index:5000}.admin-dashboard-classes-view-create-inner{position:relative;width:100%;height:100%;display:flex}.admin-dashboard-classes-view-create-inner-info{width:100%;height:100%;padding:2.5rem;color:#fff;text-shadow:-2px 2px 2px rgba(0,0,0,.5)}.admin-dashboard-classes-view-create-inner-info-img{position:absolute;top:0;left:0;width:50%;height:100%;border-radius:1rem;overflow:hidden;z-index:-1;filter:brightness(.75)}.admin-dashboard-classes-view-create-inner-info-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-dashboard-classes-view-create-inner-info-content{height:100%;display:flex;flex-direction:column;justify-content:center;width:60ch}.admin-dashboard-classes-view-create-inner-info-content-header{font-size:2.5rem;margin-bottom:1rem;flex:none}.admin-dashboard-classes-view-create-inner-info-content-header h4{padding-bottom:.25rem;border-bottom:4px solid var(--accent-color-1)}.admin-dashboard-classes-view-create-inner-info-content-features{font-size:1.25rem}.admin-dashboard-classes-view-create-inner-form-header{font-size:1.5rem;margin-bottom:1.5rem;flex:none}.admin-dashboard-classes-view-create-inner-form-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-dashboard-classes-view-create-inner-form-btn{background-color:var(--accent-color-1);color:#fff;padding:.5rem;border-radius:.5rem}.admin-dashboard-classes-view-create-inner-form-btn-close{background-color:var(--accent-color-2)}.admin-dashboard-classes-view-create-inner-form-item{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:.5rem}.admin-dashboard-classes-view-create-inner-form-item input{border-radius:.5rem;border:1px solid #d3d3d3;padding:0 .5rem}.admin-dashboard-classes-view-create-inner-form-item-actions{margin-top:1.5rem}.admin-dashboard-classes-view-add{border-bottom:1px solid #d3d3d3;margin-bottom:1.75rem}.admin-dashboard-classes-view-add-button{display:flex;align-items:center;gap:1rem;padding-bottom:.25rem;font-size:1.5rem}.admin-dashboard-classes-view-add-button-icon{width:1.75rem;height:1.75rem;transition:.2s}.admin-dashboard-classes-view-add-button-icon:hover{transform:scale(1.05)}.admin-dashboard-classes-view-add-button-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.admin-dashboard-classes-view-member-add-select-member-btn{display:flex;align-items:center;gap:1rem}.admin-dashboard-classes-view-member-add-select-member-btn-img{display:block;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;overflow:hidden}.admin-dashboard-classes-view-member-add-select-member-btn-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-dashboard-classes-view-classes{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:2.5vw}.admin-dashboard-classes-view-classes-add{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.15);background-color:#fff;border-radius:1rem;text-align:center;font-size:1.15rem}.admin-dashboard-classes-view-classes-add-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#d3d3d3;padding:.5rem;margin-bottom:.5rem;border-radius:50%;transition:.2s}.admin-dashboard-classes-view-classes-add-icon:hover{transform:scale(1.05)}.admin-dashboard-classes-view-classes-add-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.admin-dashboard-classes-view-classes-class{position:relative;width:27.5vw;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;border-radius:1rem;background-color:rgba(0,0,0,.25);box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.15);color:#fff;text-shadow:-2px 2px 2px rgba(0,0,0,.5)}.admin-dashboard-classes-view-classes-class-img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;overflow:hidden;z-index:-1}.admin-dashboard-classes-view-classes-class-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.admin-dashboard-classes-view-classes-class-header{width:100%;display:flex;justify-content:flex-end;margin-bottom:5%}.admin-dashboard-classes-view-classes-class-header-remove{width:1.75rem;height:1.75rem;cursor:pointer;transition:.2s}.admin-dashboard-classes-view-classes-class-header-remove:hover{transform:scale(1.05)}.admin-dashboard-classes-view-classes-class-header-remove svg{width:100%;height:100%}.admin-dashboard-classes-view-classes-class-content-name{font-size:2.5rem;margin-bottom:.25rem}.admin-dashboard-classes-view-classes-class-content-teacher{position:relative;display:flex;align-items:center;gap:.5rem;font-size:2rem}.admin-dashboard-classes-view-classes-class-content-teacher-modal{position:absolute;top:100%;left:50%;width:-moz-max-content;width:max-content;max-height:25rem;padding:.5rem 2.5rem;border-radius:1rem;text-shadow:none;transform:translateX(-50%);font-size:1rem;overflow:scroll;z-index:2500}.admin-dashboard-classes-view-classes-class-content-teacher-edit{width:1.75rem;height:1.75rem}.admin-dashboard-classes-view-classes-class-content-teacher-edit svg{width:100%;height:100%}.admin-dashboard-classes-view-classes-class-content-students{display:flex;align-items:center;gap:.5rem}.admin-dashboard-classes-view-classes-class-content-students-container{display:flex;flex-direction:column}.admin-dashboard-classes-view-classes-class-content-students-title{display:flex;align-items:center;gap:.25rem;font-size:2rem}.admin-dashboard-classes-view-classes-class-content-students-title-count{display:flex;align-items:center;justify-content:center;font-size:1rem;width:1.75rem;height:1.75rem;border-radius:100%;background-color:var(--accent-color-3);text-shadow:-2px -2px 2px rgba(0,0,0,.25);color:#fff}.admin-dashboard-classes-view-classes-class-content-students-edit{width:-moz-max-content;width:max-content;background-color:#000;color:#fff;padding:.25rem 1.25rem;margin-top:.5rem}.admin-dashboard-groups-view-new{border-bottom:1px solid #d3d3d3;margin-bottom:1.75rem}.admin-dashboard-groups-view-new-button{display:flex;align-items:center;gap:1rem;padding-bottom:.25rem;font-size:1.5rem}.admin-dashboard-groups-view-new-button-icon{width:1.75rem;height:1.75rem;transition:.2s}.admin-dashboard-groups-view-new-button-icon:hover{transform:scale(1.05)}.admin-dashboard-groups-view-new-button-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.admin-dashboard-groups-view-add{position:fixed;top:50%;left:50%;width:62.5vw;height:90vh;color:#fff;background-color:#fff;background-image:url(/sparkles.webp);display:flex;flex-direction:column;padding:1.75vw;border-radius:1rem;transform:translate(-50%,-50%);z-index:5000}.admin-dashboard-groups-view-add:backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-dashboard-groups-view-add-preview{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:scroll}.admin-dashboard-groups-view-add-preview-header{text-align:center;font-size:1.75rem;margin-bottom:1.5rem}.admin-dashboard-groups-view-add-preview-header h4{padding-bottom:.25rem;border-bottom:1px solid #d3d3d3}.admin-dashboard-groups-view-add-preview-card{width:12rem;aspect-ratio:9/16;position:relative;transition:background-color .4s ease-in;border-radius:1rem;margin-bottom:2.5rem;box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px hsla(0,0%,100%,.3);overflow:hidden}.admin-dashboard-groups-view-add-preview-card:after,.admin-dashboard-groups-view-add-preview-card:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.admin-dashboard-groups-view-add-preview-card:before{background-position:50% 50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);opacity:.5;filter:brightness(.5) contrast(1)}.admin-dashboard-groups-view-add-preview-card:after{background-image:url(/sparkles.webp),url(https://assets.codepen.io/13471/holo.png),linear-gradient(125deg,rgba(255,0,132,.314) 15%,rgba(252,164,0,.251) 30%,rgba(255,255,0,.188) 40%,rgba(0,255,138,.125) 60%,rgba(0,207,255,.251) 70%,rgba(204,76,250,.314) 85%);background-position:50% 50%;background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.admin-dashboard-groups-view-add-preview-card:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px rgba(0,0,0,.5)}.admin-dashboard-groups-view-add-preview-card-delete{display:none}.admin-dashboard-groups-view-add-preview-card-delete-btn{width:1.75rem;height:1.75rem;color:#fff}.admin-dashboard-groups-view-add-preview-card-delete-btn svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.admin-dashboard-groups-view-add-preview-card-delete-list{display:block;position:absolute;right:.5vw;top:.5vw;z-index:4500}.admin-dashboard-groups-view-add-preview-card-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0}.admin-dashboard-groups-view-add-preview-card-inner-img{width:100%;height:100%;opacity:.9}.admin-dashboard-groups-view-add-preview-card-inner-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-dashboard-groups-view-add-preview-card-name{position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff;font-size:2.5rem;transform:translateY(-25%);z-index:100}.admin-dashboard-groups-view-add-preview-card-edit{display:none;margin-top:.5rem}.admin-dashboard-groups-view-add-preview-card-edit-list{display:flex;justify-content:center}.admin-dashboard-groups-view-add-preview-card-edit-btn{background-color:#000;color:#fff;font-size:1.15rem;padding:.5rem;z-index:4500}.admin-dashboard-groups-view-add-preview-edit-form-item{display:flex;flex-direction:column;margin-bottom:.75rem}.admin-dashboard-groups-view-add-preview-edit-form-item label{margin-bottom:.15rem}.admin-dashboard-groups-view-add-preview-edit-form-item input{width:100%;padding:.25rem .5rem;border:1px solid #d3d3d3;border-radius:.5rem}.admin-dashboard-groups-view-add-preview-edit-form-item input[type=file]::file-selector-button{margin-right:20px;border:none;background:#084cdf;padding:.25rem 1.25rem;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}.admin-dashboard-groups-view-add-preview-edit-form-btn{background-color:var(--color2);color:#fff;text-align:center;font-size:1.15rem;margin:.75rem 0;border-radius:.5rem;padding:.5rem}.admin-dashboard-groups-view-groups{display:flex;gap:2.5vw;flex-wrap:wrap}.admin-dashboard-groups-view-groups-group{display:flex;flex-direction:column;align-items:center}.admin-dashboard-groups-view-groups-group-orbs{overflow:hidden}.admin-dashboard-groups-view-groups-group-orbs canvas{width:12.5rem;aspect-ratio:9/16;border-radius:1rem;background-color:transparent}.admin-dashboard-students-view-edit{width:100%}.admin-dashboard-students-view-edit-header{font-size:2rem;margin-top:2.5rem;margin-bottom:.5rem}.admin-dashboard-students-view-edit-students-container{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:auto}.admin-dashboard-students-view-form{display:flex;flex-direction:column}.admin-dashboard-students-view-form-btn{width:-moz-max-content;width:max-content;background-color:var(--accent-color-1);color:#fff;margin:1rem 0;padding:.5rem}.admin-dashboard-students-view-form-row{display:flex;align-items:center;justify-content:space-between;width:50vw}.admin-dashboard-students-view-form-row-col{display:flex;align-items:center;position:relative}.admin-dashboard-students-view-form-row-col-short{width:17.5%}.admin-dashboard-students-view-form-row-col-med{width:25%}.admin-dashboard-students-view-form-row-col-group{background-color:gray;margin-left:.5rem}.admin-dashboard-students-view-form-row-col-group-select{position:absolute;top:100%;left:50%;background-color:#fff;box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.15);border-radius:1rem;padding:.5rem 1.5rem;transform:translate(-50%);margin-top:.5rem;z-index:5005}.admin-dashboard-students-view-form-row-col-group-select-drop{border:none}.admin-dashboard-students-view-form-row-col-group-box{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;cursor:pointer}.admin-dashboard-students-view-form-row-col-group-box-circ{width:.5rem;height:.5rem;border-radius:50%;overflow:hidden}.admin-dashboard-students-view-form-row-col-class{width:1.75rem;height:1.75rem;background-color:var(--accent-color-3);border-radius:50%;margin-left:.5rem;overflow:hidden;cursor:pointer}.admin-dashboard-students-view-form-row-col-class-select{position:absolute;top:100%;left:50%;background:hsla(0,0%,100%,.19);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(2.2px);-webkit-backdrop-filter:blur(2.2px);border:1px solid hsla(0,0%,100%,.31);border-radius:1rem;overflow:hidden;padding:.5rem 1.5rem;transform:translate(-50%);margin-top:.5rem;z-index:5000}.admin-dashboard-students-view-form-row-col-class-select-header{margin-bottom:.5rem}.admin-dashboard-students-view-form-row-col-class-select-btn button{background-color:var(--pinata-yellow);color:#fff;border-radius:.5rem;padding:.5rem;margin:.5rem 0}.admin-dashboard-students-view-form-row-col-class-btn{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.admin-dashboard-students-view-form-row-col-class-btn svg{width:62.5%;height:62.5%;-o-object-fit:contain;object-fit:contain}.admin-dashboard-students-view-form-row-col-input{padding:.25rem .5rem;border-radius:.5rem}.admin-dashboard-students-view-form-row-col-select-multi{border:none;width:30vw;height:30vh;padding:.5rem 1.25rem;border-radius:1rem;border:3px solid var(--pinata-purple);color:#fff;background-color:rgba(92,92,214,.95)}.admin-dashboard-students-view-form-row-col-select-multi::-webkit-scrollbar{display:none}.admin-dashboard-students-view-form-row-col-btn-container{display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-dashboard-students-view-form-row-col-btn-icon{display:block;width:1.75rem;height:1.75rem}.admin-dashboard-students-view-form-row-col-btn-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.admin-dashboard-students-view-upload-form-drop-container{position:relative;display:flex;gap:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;border-radius:1rem;border:2px dashed #555;background:#f5f5f5;color:#444;cursor:pointer;transition:background .2s ease-in-out,border .2s ease-in-out}.admin-dashboard-students-view-upload-form-drop-container.drag-active,.admin-dashboard-students-view-upload-form-drop-container:hover{background:#f5f5f5;border-color:#111}.admin-dashboard-students-view-upload-form-drop-container.drag-active .drop-title,.admin-dashboard-students-view-upload-form-drop-container:hover .drop-title{color:#222}.admin-dashboard-students-view-upload-form-drop-title{display:flex;align-items:center;gap:.75rem;color:#444;font-size:1.5rem;font-weight:700;text-align:center;transition:color .2s ease-in-out}.admin-dashboard-students-view-upload-form-drop-title-icon{width:1.75rem;height:1.75rem}.admin-dashboard-students-view-upload-form-drop-title-icon svg{width:100%;height:100%}.admin-dashboard-students-view-upload-form input[type=file]{margin-top:.5rem;margin-bottom:1.5rem;width:50vw;color:#444;padding:.25rem;border-radius:1rem;background:#fff;border-radius:1rrem;border:1px solid #555}.admin-dashboard-students-view-upload-form input[type=file]::file-selector-button{margin-right:20px;border:none;background:#084cdf;padding:.5rem 1.25rem;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}.admin-dashboard-students-view-upload-form input[type=file]::file-selector-button:hover{background:#0d45a5}.admin-dashboard-reporting-view{display:flex;flex-direction:column;align-items:center}.admin-dashboard-reporting-view-header{font-size:1.5rem;padding-left:.5rem;margin-bottom:1rem}.admin-dashboard-reporting-view-new-form{color:#000}.admin-dashboard-reporting-view-new-form-container{padding:2.5rem;background-color:#fff;box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.15);border-radius:1rem}.admin-dashboard-reporting-view-new-form-time{margin-top:2.25rem}.admin-dashboard-reporting-view-new-form-item{display:flex;flex-direction:column;font-size:1.15rem}.admin-dashboard-reporting-view-new-form-item select{border-radius:.5rem}.admin-dashboard-reporting-view-new-form-item-sub{font-size:.75rem;margin:.15rem 0}.admin-dashboard-reporting-view-new-form-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:var(--accent-color-1);color:#fff;margin:1rem 0;font-size:1.15rem}.admin-dashboard-reporting-view-new-form-button-icon{width:1.25rem;height:1.25rem}.admin-dashboard-reporting-view-new-form-button-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.member-view{min-height:100vh;-ms-overflow-style:none}.member-view::-webkit-scrollbar{display:none}.member-view-create{position:fixed;top:50%;left:50%;width:75vw;height:90vh;border:none;border-radius:1rem;transform:translate(-50%,-50%);overflow:scroll;z-index:5000}.member-view-create-inner{position:relative;width:100%;height:100%;display:flex}.member-view-create-inner-info{width:100%;height:100%;padding:2.5rem;color:#fff;text-shadow:-2px 2px 2px rgba(0,0,0,.5)}.member-view-create-inner-info-img{position:absolute;top:0;left:0;width:50%;height:100%;border-radius:1rem;overflow:hidden;z-index:-1;filter:brightness(.75)}.member-view-create-inner-info-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-view-create-inner-info-content{height:100%;display:flex;flex-direction:column;justify-content:center;width:60ch}.member-view-create-inner-info-content-header{font-size:2.5rem;margin-bottom:1rem;flex:none}.member-view-create-inner-info-content-header h4{padding-bottom:.25rem;border-bottom:4px solid var(--accent-color-1)}.member-view-create-inner-info-content-features{font-size:1.25rem}.member-view-create-inner-form-header{font-size:1.5rem;margin-bottom:1.5rem;flex:none}.member-view-create-inner-form-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.member-view-create-inner-form-btn{background-color:var(--accent-color-1);color:#fff;padding:.5rem;border-radius:.5rem}.member-view-create-inner-form-btn-close{background-color:var(--accent-color-2)}.member-view-create-inner-form-item{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:.5rem}.member-view-create-inner-form-item label{width:25%}.member-view-create-inner-form-item input,.member-view-create-inner-form-item select{border-radius:.5rem;border:1px solid #d3d3d3;padding:0 .5rem}.member-view-create-inner-form-item-actions{margin-top:1.5rem}.member-view-create-inner-form-profile-pic{position:relative;margin:0 auto 2.5rem;width:50%;aspect-ratio:1;border-radius:50%;border:1px solid #d3d3d3;overflow:hidden}.member-view-create-inner-form-profile-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-view-create-inner-form-profile-pic-upload{position:absolute;bottom:0;left:50%;width:100%;height:2.75rem;padding:0 1rem;background-color:var(--accent-color-1);color:#fff;transform:translate(-50%)}.member-view-create-inner-form-profile-pic-upload-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.member-view-create-inner-form-profile-pic-upload-btn-icon{width:1.75rem;height:1.75rem}.member-view-create-inner-form-profile-pic-upload-btn-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.member-view-add{width:12.5vw;aspect-ratio:9/16;justify-content:center;border-radius:1rem;background-color:#fff;box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.15)}.member-view-add,.member-view-add-button{display:flex;flex-direction:column;align-items:center}.member-view-add-button{font-size:1.15rem}.member-view-add-button-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#d3d3d3;padding:.5rem;margin-bottom:.5rem;border-radius:50%;transition:.2s}.member-view-add-button-icon:hover{transform:scale(1.05)}.member-view-add-button-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.member-view-header{position:relative;display:flex;justify-content:center;align-items:center}.member-view-header-container{display:flex;padding:.25rem;margin:.75rem}.member-view-header-add{border-bottom:1px solid #d3d3d3;margin-bottom:1.75rem}.member-view-header-add-button{display:flex;align-items:center;gap:1rem;padding-bottom:.25rem;font-size:1.5rem}.member-view-header-add-button-icon{width:1.75rem;height:1.75rem;transition:.2s}.member-view-header-add-button-icon:hover{transform:scale(1.05)}.member-view-header-add-button-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.member-view-header-modal[open]{position:fixed;display:flex;justify-content:center;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%);background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18);z-index:100}.member-view-header-modal{margin:.75rem;padding:.25rem}.member-view-header-modal-inner-header{display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:400;font-size:1.15rem;letter-spacing:.15rem;margin:.1rem;padding:.1rem;text-shadow:-.5px 1px 3px rgba(0,0,0,.4)}.member-view-header-modal-inner-header-btn:hover{color:red;font-weight:300}.member-view-header-modal-inner-form-labelsAndInputs{display:flex;flex-direction:column;margin:0 .5rem;padding:.15rem}.member-view-header-modal-inner-form-labelsAndInputs input,.member-view-header-modal-inner-form-labelsAndInputs select{border-radius:100vmax}.member-view-header-modal-inner-form-labelsAndInputs-button{display:flex;flex-direction:row;justify-content:space-between}.member-view-header-modal-inner-form-labelsAndInputs-button:hover{color:lime;font-weight:300}.member-view-member{position:relative;display:flex;align-items:center;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:-.5rem .5rem .5rem rgba(0,0,0,.25);color:#fff;margin:.2rem;padding:0;width:12.5vw;aspect-ratio:9/16}.member-view-member-icon{border-radius:12px 50% 50% 50%;overflow:hidden;background-color:#faebd7;top:0;left:0}.member-view-member-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-view-member-edit{color:#fff;background-color:#000;padding:.5rem 1.25rem;cursor:pointer;transition:all .2s ease-in}.member-view-member-edit:hover{transform:scale(1.05)}.member-view-member-edit-modal[open]{position:fixed;display:flex;flex-direction:column;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:90vw;height:90vh;border-radius:10px;border:1px solid hsla(0,0%,100%,.18);z-index:100;overflow:scroll}.member-view-member-delete{position:absolute;top:.25rem;right:.25rem;cursor:pointer;width:1.75rem;height:1.75rem;transition:all .2s ease-in}.member-view-member-delete:hover{transform:scale(1.05)}.member-view-member-delete svg{width:100%;height:100%}.member-view-member-container{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:1rem .5rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));font-size:1.25rem}.member-view-member-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.member-view-member-info-role{font-style:italic}.member-view-member-info-classes{display:flex;gap:.5rem}.member-view-member-info-classes-add{width:1.75rem;height:1.75rem;cursor:pointer;transition:all .2s ease-in}.member-view-member-info-classes-add:hover{transform:scale(1.05)}.member-view-member-info-classes-add svg{width:100%;height:100%}.member-view-member-groups{text-align:center}.member-view-member-verify{display:flex;align-items:center;gap:.5rem}.member-view-rendered{display:flex;flex-wrap:wrap;overflow:scroll;gap:1.5rem}.classes-view-classes{display:flex;border:1px solid red}.classes-view-classes-c{border:1px solid blue;margin:1rem;padding:.15rem;font-size:1.15rem}.check{width:1.75rem;height:1.75rem}.check img{width:100%;height:100%}.unchecked{width:1.25rem;height:1.25rem}.unchecked img{width:100%;height:100%}body[data-theme=dark] .admin-dashboard-sidebar-steps-btn{box-shadow:0 -6px 10px var(--color2),0 4px 15px hsla(0,0%,100%,.15)}.d-teacher_section{height:100vh;width:100vw}.dashboard-teacher-classes{display:flex;gap:2.5rem;align-items:center;overflow:scroll}.dashboard-teacher-classes-container{margin-bottom:2.5rem}.dashboard-teacher-classes-container-header{font-size:2rem;margin-bottom:.5rem}.dashboard-teacher-classes-class{position:relative;width:27.5vw;aspect-ratio:16/9;box-shadow:-.25rem .25rem .25rem rgba(0,0,0,.25);border-radius:1rem;overflow:hidden;color:#fff;text-align:center}.dashboard-teacher-classes-class-edit{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem}.dashboard-teacher-classes-class-edit svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dashboard-teacher-classes-class-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.dashboard-teacher-classes-class-image img{width:100%;-o-object-fit:cover;object-fit:cover}.dashboard-teacher-classes-class-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2.5rem;background:rgba(0,0,0,.25)}.dashboard-teacher-classes-class-content-header{font-size:2rem}.dashboard-teacher-classes-class-content-actions{display:flex}.dashboard-teacher-classes-class-content-actions a{color:none;text-decoration:none}.dashboard-teacher-classes-class-content-actions-btn{background-color:var(--accent-color-1);color:#fff;padding:.5rem 1.25rem;font-size:1.15rem;margin-top:.5rem;border-radius:.25rem}.dashboard-teacher-students{width:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:auto}.dashboard-teacher-students-header-button{display:flex;align-items:center;gap:.5rem;font-size:2rem}.dashboard-teacher-students-header-button svg{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}.dashboard-owner-options-option-danger{border:1px solid red}.dashboard-owner-options-option-danger-button{background-color:red;color:#fff;padding:.5rem}.organization-modal-view-create{width:100%;height:100%}.organization-create,.organization-modal-view-create{display:flex;padding:2.5rem 2.5vw}.organization-create-info{width:50vw}.organization-create-form-container{width:50vw;display:flex;flex-direction:column;align-items:center}.organization-create-form-item{display:flex;flex-direction:column;margin-bottom:1.25rem;font-size:1.25rem}.organization-create-form-button{width:-moz-max-content;width:max-content;padding:.5rem;color:#fff;background-color:var(--accent-color-1)}.modal-close{width:1.75vw;height:1.75vw;max-width:1.75rem;max-height:1.75rem;cursor:pointer}.modal-close-container{display:flex;gap:.5rem;align-items:center;cursor:pointer}.modal-close svg{width:100%;height:100%}.cards-container{display:grid;grid-template-columns:repeat(7,1fr);width:100%;padding:.75rem;box-sizing:border-box}.card{background-color:transparent;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s;width:70%;height:100%;border:1px solid #ddd;border-radius:8px}.card h4{margin:0 0 8px}.card .card-details{border-top:2px solid #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.card .card-details:hover{transform:translateY(-5px);box-shadow:0 8px 16px hsla(0,0%,49%,.6)}.card .card-details-name{margin:8px 0;font-weight:700}.card .card-details-img{width:45%;height:45%;border-radius:8px;overflow:hidden;margin:5px 0}.card .card-details-img img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.card .card-details-date{margin:5px 0;color:#00eaff}.d-accommodations-actions{display:flex;flex-direction:row;gap:1rem;padding:1rem;margin:1rem;font-size:1.25rem;font-weight:600}.d-accommodations-actions-btn1{background-color:var(--pinata-yellow);color:var(--pinata-dark);border:none;border-radius:.5rem;padding:.5rem 1rem}.d-accommodations-actions-btn2,.d-accommodations-actions-btn3{background-color:var(--pinata-yellow);color:var(--pinata-dark);border:1px solid var(--pinata-yellow);border-radius:.5rem;padding:.5rem 1rem}.uploadthing-admin-dashboard-member-profile-pic-add{display:"none";all:"unset"}