.field-icon-left{margin-right:-30px}.field-icon-left.clickable{cursor:pointer}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:43px;-webkit-user-select:none;user-select:none}@media (min-width: 900px) and (min-height: 620px){.hamburger.signed-in{visibility:hidden;display:none}}@media (min-width: 900px){.hamburger.signed-out{display:none}}.hamburger{-webkit-transform:translateZ(2);-moz-transform:translateZ(2);-ms-transform:translateZ(2);-o-transform:translateZ(2);transform:translateZ(2);z-index:10}.hamburger .line{-webkit-user-select:none;user-select:none;width:1.25rem;border-radius:20px;box-shadow:0 0 0 1px #eee;z-index:10;transition:transform .16s ease,opacity .16s ease}.hamburger .line.middle{width:1.75rem}.hamburger #hamburger-nav{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .5rem 12rem}.hamburger #menu-items{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:fixed;z-index:9;top:47px}.hamburger #menu-items.signed-out{top:69px}@media (max-width: 599px){.hamburger #menu-items.signed-out{top:47px}}.hamburger #menu-items{left:calc(100vw + 2px)}.hamburger #menu-items.left-side{left:calc(-100vw - 2px)}.hamburger #menu-items{padding-top:1rem;width:calc(100vw + 2px);height:calc(100vh - 47px);background-color:#12071c;border-top:1px solid #5f279b;overflow-y:scroll;overscroll-behavior-y:none}.hamburger #menu-items::-webkit-scrollbar{display:none}.hamburger #menu-items{overflow-x:hidden;transition:transform .16s ease;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);will-change:transform}.hamburger input{position:absolute;width:48px;height:48px;z-index:20;opacity:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hamburger input:checked~#menu-items{transform:translate(calc(-100vw - 2px))}.hamburger input:checked~#menu-items.left-side{transform:translate(calc(100vw + 2px))}.hamburger input:checked~span.upper{transform-origin:center;transform:translateY(11px) rotate(225deg)}.hamburger input:checked~span.middle{opacity:0}.hamburger input:checked~span.lower{transform-origin:center;transform:translateY(-11px) rotate(-225deg)}#hamburger-checkbox{cursor:pointer}button{outline:none;cursor:pointer}.link{font-weight:700;color:#4ddeff}.link:hover,.link:focus{color:#94bff8;text-decoration:underline}:not(.active).magic-link{background-image:linear-gradient(90deg,#f6d0 7%,#f6d,#ba6bff,#4ddeff,#4ddeff00 93%);background-size:0% 2px;background-repeat:no-repeat;background-position:center bottom;transition:background-size .12s linear;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}:not(.active).magic-link:hover,:not(.active).magic-link:active{background-size:100% 2px}:not(.active).magic-link:hover,:not(.active).magic-link:active{color:#f9f}.discrete-link{color:#eee}.discrete-link:hover,.discrete-link:focus{color:#94bff8;text-decoration:underline}.blue-link-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;color:#94bff8}.blue-link-button:hover,.blue-link-button:focus{color:#4ddeff;text-decoration:underline}.link-copied{position:absolute;color:#f6d;font-size:1rem;line-height:1.5rem;width:20ch;bottom:-1.5rem;left:50%;transform:translate(-35%);z-index:10}.copy-link-button{font-size:1.0625rem;line-height:1.59375rem;position:relative;background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;color:#eee}.copy-link-button:hover{color:#ba6bff}.copy-link-button svg{font-size:15px}.copy-link-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem}.glow-button{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.glow-button{font-size:1rem;line-height:1.5rem}}.glow-button{background-color:#edf;color:#12071c;border-radius:25px;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer}.glow-button:disabled{background-color:#888;color:#000;cursor:not-allowed}.glow-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #c9f;opacity:0;transition:all .16s ease-in-out}.glow-button.selected{background-color:#c9f}.glow-button.selected:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #c9f;opacity:1;transition:none}.glow-button:not([disabled]):hover{background-color:#c9f}.glow-button:not([disabled]):active{background-color:#cc99ff80}.glow-button:hover:before,.glow-button:active:before{opacity:1}.glow-button{padding:0 .5rem}.glow-button.with-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.glow-gradient-button{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.glow-gradient-button{font-size:1rem;line-height:1.5rem}}.glow-gradient-button{background-size:200% auto;background-image:linear-gradient(45deg,#f6d,#ba6bff,#4ddeff);animation:moving-gradient 4s ease infinite alternate;color:#12071c;border-radius:25px;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer;padding:0 .5rem}.glow-gradient-button.with-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.glow-gradient-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #c9f;opacity:0;transition:all .16s ease-in-out}.glow-gradient-button:hover:before,.glow-gradient-button:focus:before,.glow-gradient-button:active:before{opacity:1}.glow-gradient-button:not([disabled]):hover{filter:brightness(1.1)}.glow-gradient-button:not([disabled]):active{opacity:.85}.dark-button{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.dark-button{font-size:1rem;line-height:1.5rem}}.dark-button{background-color:#390f64;color:#eee;border-radius:25px;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer}.dark-button:disabled{background-color:#888;color:#000;cursor:not-allowed}.dark-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #5f279b;opacity:0;transition:all .16s ease-in-out}.dark-button.selected{background-color:#5f279b}.dark-button.selected:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #5f279b;opacity:1;transition:none}.dark-button:not([disabled]):hover{background-color:#5f279b}.dark-button:not([disabled]):active{background-color:#5f279b80}.dark-button:hover:before,.dark-button:active:before{opacity:1}.danger-button{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.danger-button{font-size:1rem;line-height:1.5rem}}.danger-button{background-color:#231b4d;color:#eee;border-radius:25px;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer}.danger-button:disabled{background-color:#888;color:#000;cursor:not-allowed}.danger-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #b00;opacity:0;transition:all .16s ease-in-out}.danger-button.selected{background-color:#b00}.danger-button.selected:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #b00;opacity:1;transition:none}.danger-button:not([disabled]):hover{background-color:#b00}.danger-button:not([disabled]):active{background-color:#bb000080}.danger-button:hover:before,.danger-button:active:before{opacity:1}.round-glow-button{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.round-glow-button{font-size:1rem;line-height:1.5rem}}.round-glow-button{background-color:#edf;color:#12071c;border-radius:50%;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer}.round-glow-button:disabled{background-color:#888;color:#000;cursor:not-allowed}.round-glow-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 7px -1px #c9f;opacity:0;transition:all .16s ease-in-out}.round-glow-button.selected{background-color:#c9f}.round-glow-button.selected:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 7px -1px #c9f;opacity:1;transition:none}.round-glow-button:not([disabled]):hover{background-color:#c9f}.round-glow-button:not([disabled]):active{background-color:#cc99ff80}.round-glow-button:hover:before,.round-glow-button:active:before{opacity:1}.round-glow-button{width:40px;height:40px}.field-icon-right{margin-left:-30px}.field-icon-right.clickable{cursor:pointer}.gradient-button{border:none;position:relative;background-size:175% 175%;background-image:linear-gradient(45deg,#f6d,#ba6bff,#4ddeff,#ba6bff,#f6d);border-radius:80px;min-height:2.25rem;margin:.25rem;color:#12071c;transition:all .3s;padding:0 .5rem;text-align:center;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.gradient-button{font-size:1rem;line-height:1.5rem}}.gradient-button:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:80px;box-shadow:0 0 8px -1px #edf;opacity:0;transition:opacity .1s ease-in-out}.gradient-button:hover,.gradient-button:focus{background-position:right center}.gradient-button:active{opacity:.85}.gradient-button:hover:before,.gradient-button:focus:before,.gradient-button:active:before{opacity:1}.field-icon{margin-left:-30px}.field-icon.clickable{cursor:pointer}.img-button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:inherit;cursor:pointer}.img-button img,.img-button svg{transition:all .1s ease-in-out}.img-button:hover img,.img-button:hover svg,.img-button:focus img,.img-button:focus svg{transform:scale(1.05);filter:drop-shadow(0 0 6px #ba6bff)}.card-button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:inherit;cursor:pointer}.card-button img,.card-button svg{transition:all .1s ease-in-out}.card-button:hover img,.card-button:hover svg,.card-button:focus img,.card-button:focus svg{transform:scale(1.02);filter:drop-shadow(0 0 6px #ba6bff)}@font-face{font-family:Noto Sans;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/NotoSans-Regular.woff2)}@font-face{font-family:Noto Sans;font-display:swap;font-style:italic;font-weight:400;src:url(/fonts/NotoSans-Italic.woff2)}@font-face{font-family:Noto Sans;font-display:swap;font-style:normal;font-weight:700;src:url(/fonts/NotoSans-Bold.woff2)}@font-face{font-family:Noto Sans;font-display:swap;font-style:italic;font-weight:700;src:url(/fonts/NotoSans-BoldItalic.woff2)}@font-face{font-family:Quicksand;font-display:swap;font-weight:300 700;src:url(/fonts/Quicksand.woff2)}@font-face{font-family:Spectral;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/Spectral-Regular.woff2)}body{background-color:#12071c;color:#eee;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem}@media (max-width: 599px){body{font-size:1rem}}p,li{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){p,li{font-size:1rem;line-height:1.5rem}}p,li{color:#eee}blockquote{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){blockquote{font-size:1rem;line-height:1.5rem}}blockquote{color:#eee;font-style:italic;background-color:#231b4d;border-radius:4px;border-left:5px solid #dbf!important;padding-left:16px}h1,h2,h3,h4{font-family:Quicksand;font-variation-settings:"wght" 300;text-wrap:pretty}h1{font-size:1.75rem}@media (min-width: 900px){h1{font-size:2.25rem}}h2{font-size:1.5rem}@media (min-width: 900px){h2{font-size:2rem}}h3{font-size:1.25rem}@media (min-width: 900px){h3{font-size:1.5rem}}.weighted{font-family:Quicksand;font-variation-settings:"wght" 475}.emph{font-family:Quicksand;font-variation-settings:"wght" 550}.strong-emph{font-family:Quicksand;font-variation-settings:"wght" 625}.bold{font-variation-settings:"wght" 550;font-weight:700}.italic{font-style:italic}.text-center{text-align:center}.text-justify{text-align:justify}.silver{color:#eee}.light-pink{color:#f9f}.light-blue{color:#94bff8}.error-font{color:#f33}.warning-font{color:#fe1}.success-font{color:#2f7}.small-error-font{font-size:.875rem;line-height:1.3125rem;color:#f33}.tiny-font{font-size:.875rem;line-height:1.3125rem}.menu-font,.left-menu-font{font-family:Quicksand;color:#eee}.left-menu-font{margin:.5rem;padding:.5rem}.footer-font{font-size:.875rem;line-height:1.3125rem;color:#eee;padding:.5rem}.tiny-footer-font{font-size:.875rem;line-height:1.3125rem;color:#eee}.page-wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.content-wrapper{max-width:1550px;padding-top:70px;flex:1;margin:auto}input{outline:none;padding:0 .5rem}input.with-error{border:1px solid #f33!important}input.with-icon-left{display:inline-block;padding-left:40px}input.with-icon-right{display:inline-block;padding-right:40px}input::placeholder{font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 100000s 0s,color 100000s 0s;-webkit-text-fill-color:#eee}input:-webkit-autofill:first-line{font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem;color:#eee}input:autofill{background:#390f64}input::autofill:first-line{font-size:1.0625rem;line-height:1.59375rem;color:#eee}.gradient-background{background-image:linear-gradient(90deg,#f6d,#ba6bff,#4ddeff);background-size:250% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:moving-gradient 6s ease-in-out infinite alternate;-moz-animation:moving-gradient 6s ease-in-out infinite alternate;animation:moving-gradient 6s ease-in-out infinite alternate}.inline-flex{display:inline-flex}@keyframes banner-glow{0%{text-shadow:0 0 10px #f6d,0 0 20px #f6d}50%{text-shadow:0 0 10px #ba6bff,0 0 20px #ba6bff}to{text-shadow:0 0 10px #4ddeff,0 0 20px #4ddeff}}@keyframes box-glow{0%{box-shadow:0 0 7px #f6d}50%{box-shadow:0 0 7px #ba6bff}to{box-shadow:0 0 7px #4ddeff}}@keyframes moving-gradient{0%{background-position:left}to{background-position:right}}@keyframes levitate{0%{transform:translateY(0)}to{transform:translateY(15px)}}.navbar-separator{width:100%;height:0px;border-radius:20px;box-shadow:0 0 5px 1px #390f64;position:fixed;top:64px;z-index:1}.footer-separator{width:100%;height:0px;border-radius:20px;box-shadow:0 0 5px 1px #f6d;margin-top:3px}.horizontal-menu{position:relative;margin:1rem 0 2rem;width:100%;padding:.5rem .25rem;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:.5rem;border:1px solid #5f279b}.horizontal-menu>a{color:#dbf}.horizontal-menu>a.active{color:#f6d}.horizontal-menu>a:hover{color:#f9f}.menu-marker{background-image:linear-gradient(45deg,#f6d0 7%,#f6d,#f6d,#f6d0 93%);position:absolute;display:none;bottom:2px;height:1px;transition:left .15s linear}.tiny-separator{align-self:center;background-image:linear-gradient(45deg,#5f279b00 7%,#5f279b,#5f279b,#5f279b00 93%);width:2px;height:1rem}.gradient-separator-vertical{align-self:center;background-image:linear-gradient(45deg,#5f279b00 7%,#5f279b,#5f279b,#5f279b00 93%);width:1px;height:95%}.gradient-separator-horizontal-block{align-self:center;background-image:linear-gradient(45deg,#4ddeff,#f6d);flex:1;height:1px}.header-separator{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.header-separator div{flex-grow:1;height:1px;background-image:linear-gradient(45deg,#5f279b,#5f279b 50%,#5f279b,#5f279b00)}.spinner{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px}.tiny-spinner{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;border-radius:50%;perspective:800px}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0%;top:0%;animation:rotate-one 1s linear infinite;border-bottom:3px solid #f6d}.inner.two{right:0%;top:0%;animation:rotate-two 1s linear infinite;border-right:3px solid #ba6bff}.inner.three{right:0%;bottom:0%;animation:rotate-three 1s linear infinite;border-top:3px solid #4ddeff}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}.modal{z-index:21;background-color:#1d112b;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:2rem}@media (max-width: 599px){.modal{padding:1rem}}.modal{color:#eee;border:0px;border-radius:10px;border:1px solid #5f279b}.modal::backdrop{background-color:#080412cc;opacity:0}.modal[data-state=open],.modal[open]{animation:fade-in .25s forwards}.modal[data-state=open]::backdrop,.modal[open]::backdrop{animation:fade-in .25s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay{z-index:20;background-color:#12071ccc;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.close-modal{background:none;border:none;position:absolute;top:0%;right:0%;transform:translate(-10px,5px);font-size:16px}.toggle{width:42px;height:25px;background-color:#390f64;border-radius:9999px;border:none}.toggle[data-state=checked]{background-color:#f6d}.toggle-thumb{display:block;width:21px;height:21px;background-color:#eee;border-radius:9999px;transform:translate(2px);transition:transform .1s linear}.toggle-thumb[data-state=checked]{transform:translate(19px)}.checkbox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.checkbox input[type=checkbox]{cursor:pointer;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#12071c;font:inherit;color:#eee;width:1.15em;height:1.15em;border:1px solid #ba6bff;border-radius:4px;transform:translateY(-.075em);display:grid;place-content:center}.checkbox input[type=checkbox]:before{content:"";width:.65em;height:.65em;opacity:0;transition:opacity .1s ease-in-out;box-shadow:inset 1em 1em #eee;clip-path:polygon(37% 66%,84% 0,100% 16%,40% 98%,0 65%,13% 49%)}.checkbox input[type=checkbox]:checked:before{opacity:1}.checkbox input[type=checkbox]:hover{border:1px solid #f6d}.login-box{grid-area:login-box;position:relative;align-self:center;justify-self:center;width:min(65ch,80vw);z-index:1}@media (min-width: 600px){.login-box{width:min(65ch,60vw)}}@media (min-width: 900px){.login-box{width:min(65ch,100%)}}.login-box{max-width:450px}.login-box:before{content:"";position:absolute;border-radius:24px;top:0;right:0;bottom:0;left:0;background-color:#12071cd9}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.login-box:before{background-color:#12071c54;-webkit-backdrop-filter:blur(3px) brightness(100%);backdrop-filter:blur(3px) brightness(100%)}}.login-box:before{-webkit-animation:box-glow 15s ease-in-out infinite alternate;-moz-animation:box-glow 15s ease-in-out infinite alternate;animation:box-glow 15s ease-in-out infinite alternate}.login-items{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem}@media (max-width: 599px){.login-items{padding:1rem}}.login-items{gap:.5rem}#welcome-banner{font-family:Quicksand;font-variation-settings:"wght" 300;color:#eee;font-size:1.5rem}.login-fields{display:flex;flex-direction:column;align-items:center;justify-content:space-between;justify-content:center;gap:.5rem;width:100%;position:relative}.login-fields #login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1rem}.login-fields .login-field{width:100%}.login-fields .login-field input{width:100%;display:inline-block;resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.login-fields .login-field input{font-size:1rem;line-height:1.5rem}}.login-fields .login-field input{background-color:#12071c;color:#eee;border:1px solid #5f279b}.login-fields .login-field input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.login-fields .login-field input:focus::placeholder{color:transparent}.login-fields .login-field input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.login-fields .login-field input::placeholder{font-size:1rem;line-height:1.5rem}}.login-fields .login-field input::placeholder{color:#ddbbffb3}.login-fields .login-field input.invalid{border:3px solid #f33;color:#f33}.login-fields .login-button{width:50%;min-height:2rem;padding:.5rem}.login-fields .forgot-password{margin:.5rem 0;font-size:.75rem;font-family:Noto Sans}.or-login-with{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}.or-login-with p{color:#eee;font-size:1rem}.or-login-with .sso-button{position:relative;border:none;background-color:#fff;border-radius:50%;height:2.5rem;width:2.5rem;font-size:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all 125ms ease-in-out}.or-login-with .sso-button:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 9px 1px #fff;opacity:0;transition:opacity 125ms ease-in-out}.or-login-with .sso-button:hover,.or-login-with .sso-button:focus,.or-login-with .sso-button:active{background-color:#fff}.or-login-with .sso-button:hover:before,.or-login-with .sso-button:focus:before,.or-login-with .sso-button:active:before{opacity:1}@keyframes separator-glow{0%{box-shadow:0 0 2px 1px #f6d}50%{box-shadow:0 0 2px 1px #ba6bff}to{box-shadow:0 0 2px 1px #4ddeff}}.login-separator{width:100%;height:1px;margin:.25rem 0;background-image:linear-gradient(90deg,#5f279b00,#5f279b,#ba6bff 50%,#5f279b,#5f279b00)}.new-account{width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1rem}.new-account p{text-align:center;color:#eee;font-size:1rem}.new-account .new-account-button{width:min(25ch,80%);align-self:center;min-height:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 2px 15px #12071c;text-align:center;padding:.5rem}.signedout-button{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.signedout-button{font-size:1rem;line-height:1.5rem}}.signedout-button{background-color:#390f64;color:#eee;border-radius:25px;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer}.signedout-button:disabled{background-color:#888;color:#000;cursor:not-allowed}.signedout-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #5f279b;opacity:0;transition:all .16s ease-in-out}.signedout-button.selected{background-color:#5f279b}.signedout-button.selected:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #5f279b;opacity:1;transition:none}.signedout-button:not([disabled]):hover{background-color:#5f279b}.signedout-button:not([disabled]):active{background-color:#5f279b80}.signedout-button:hover:before,.signedout-button:active:before{opacity:1}footer{width:100%;position:relative;background:linear-gradient(#12071c,#12071c)}footer .footer-content.common{background-color:#12071c;border-top:1px solid #f6d;min-height:10vh;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh}@media (min-width: 900px){footer .footer-content.common{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:0}}@media (max-width: 599px){footer .footer-content.common{padding-bottom:8rem}}footer .footer-content.common .responsive-separator-gradient{align-self:stretch;width:auto;height:2px;background-image:linear-gradient(45deg,#f6d0 7%,#f6d,#4ddeff,#4ddeff00 93%)}@media (min-width: 900px){footer .footer-content.common .responsive-separator-gradient{width:2px;height:auto}}footer .footer-content.common *:nth-child(odd){flex-basis:100%}footer .footer-content.common p{font-size:1rem;line-height:1.5rem;color:#eee;margin:.75rem;text-align:center}footer .footer-content.common .company{display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-content.common .social-media{display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-content.common .social-media .social-media-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;text-align:center}footer .footer-content.common .newsletter-subscribe{display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-content.common .newsletter-subscribe input{height:2rem;width:clamp(25ch,40%,50ch);resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){footer .footer-content.common .newsletter-subscribe input{font-size:1rem;line-height:1.5rem}}footer .footer-content.common .newsletter-subscribe input{background-color:#12071c;color:#eee;border:1px solid #5f279b}footer .footer-content.common .newsletter-subscribe input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}footer .footer-content.common .newsletter-subscribe input:focus::placeholder{color:transparent}footer .footer-content.common .newsletter-subscribe input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){footer .footer-content.common .newsletter-subscribe input::placeholder{font-size:1rem;line-height:1.5rem}}footer .footer-content.common .newsletter-subscribe input::placeholder{color:#ddbbffb3}footer .footer-content.common .newsletter-subscribe input.invalid{border:3px solid #f33;color:#f33}footer .footer-content.common .newsletter-subscribe input{font-size:1rem;line-height:1.5rem}footer .footer-content.common .newsletter-subscribe #newsletter-subscribe-button{padding:.5rem 1.5rem;margin:1rem;font-size:.9rem}.navbar-background{width:100vw;height:70px}@media (max-width: 599px){.navbar-background{height:48px}}.navbar-background{position:fixed;top:0;z-index:2;background-color:#12071c}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.navbar-background{background-color:#12071ce6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;position:fixed;width:min(100vw,1550px);height:70px}@media (max-width: 599px){.navbar{height:48px}}.navbar{top:0;left:50%;transform:translate(-50%);padding:0 clamp(1rem,3%,3rem)}@media (min-width: 1598px){.navbar{padding:0}}.navbar{z-index:2}.logo-link{height:70px}@media (max-width: 599px){.logo-link{height:48px}}#logo{position:relative;height:70px}@media (max-width: 599px){#logo{height:48px}}#logo{padding:3px 0}#non-hamburger-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2rem)}#non-hamburger-nav .active{color:#f6d;font-weight:550}#non-hamburger-nav .magic-link{text-align:center;padding:2px 1rem}#non-hamburger-nav{display:none}@media (min-width: 900px){#non-hamburger-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}}.hamburger-link{margin:2rem;font-size:1.5rem;line-height:2.25rem;align-self:center;text-align:center;display:block}.nav-login-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem 1rem;margin:2rem}.nav-enter-no-account-button{margin:2rem;width:min(25ch,80%);align-self:center;min-height:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 2px 15px #12071c;text-align:center;padding:.5rem;border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.nav-enter-no-account-button{font-size:1rem;line-height:1.5rem}}.nav-enter-no-account-button{background-color:#390f64;color:#eee;border-radius:25px;min-height:2rem;transition:all .16s ease-in-out;cursor:pointer}.nav-enter-no-account-button:disabled{background-color:#888;color:#000;cursor:not-allowed}.nav-enter-no-account-button:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #5f279b;opacity:0;transition:all .16s ease-in-out}.nav-enter-no-account-button.selected{background-color:#5f279b}.nav-enter-no-account-button.selected:not([disabled]):before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;box-shadow:0 0 7px -1px #5f279b;opacity:1;transition:none}.nav-enter-no-account-button:not([disabled]):hover{background-color:#5f279b}.nav-enter-no-account-button:not([disabled]):active{background-color:#5f279b80}.nav-enter-no-account-button:hover:before,.nav-enter-no-account-button:active:before{opacity:1}.neon-button{display:inline-block;position:relative;border:#f6d .125rem solid;padding:1rem;border-radius:100px;text-shadow:0 0 1rem #f6d,0 0 2rem #f6d;box-shadow:inset 0 0 2rem #f6d,0 0 3rem #f6d;transition:background .2s linear;transition:color .2s linear}.neon-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 3rem .75rem #f6d;opacity:0;border-radius:100px;transition:opacity .2s linear}.neon-button:hover,.neon-button:focus{background:#f6d;color:#12071c}.neon-button:focus:before,.neon-button:hover:before{opacity:1}.neon-button:focus:after,.neon-button:hover:after{opacity:1}.stars-webgl{background-color:#080412;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-3}.stars-divider{position:relative;top:0;left:0;width:100%;overflow:hidden;line-height:0}.stars-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}@media (min-width: 900px){.stars-divider svg{height:160px}}.stars-divider .shape-fill,.stars-divider.blue .shape-fill{fill:#080412}.stars-divider.inverted{transform:rotate(180deg)}.welcome-card-effect{position:relative;text-align:left}@media (max-width: 599px){.welcome-card-effect{text-align:center}}.fade-in{opacity:0}.fade-in.in-view{transition:opacity .75s ease-in .12s;opacity:1}#hero-content-wrapper{padding-top:70px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;min-height:90vh}@media (max-width: 599px){#hero-assist{display:none}}#hero-contents{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}@media (max-width: 599px){#hero-contents{gap:1rem}}#hero-contents{padding:0 1rem}#hero-headers{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 1200px){#hero-headers{display:block;margin-left:4rem}}#hero-header{text-wrap:balance;color:#ba6bff;width:min(33ch,100%);font-family:Quicksand;font-variation-settings:"wght" 400;font-size:2rem;line-height:2.625rem;text-align:center}@media (min-width: 1200px){#hero-header{text-align:left}}@media (min-width: 600px){#hero-header{font-size:3.375rem;line-height:4rem}}@media (min-width: 900px){#hero-header{font-size:3.875rem;line-height:4.5rem}}@media (min-width: 1200px){#hero-header{font-size:4.375rem;line-height:5rem}}#hero-subheader{text-wrap:balance;text-shadow:0 0 20px #5f279b;width:min(35ch,100%);font-family:Quicksand;font-variation-settings:"wght" 400;font-size:1.875rem;line-height:2.5rem;text-align:center}@media (min-width: 1200px){#hero-subheader{text-align:left}}@media (min-width: 600px){#hero-subheader{font-size:2.5rem;line-height:3.125rem}}@media (min-width: 900px){#hero-subheader{font-size:3.125rem;line-height:3.75rem}}@media (min-width: 1200px){#hero-subheader{font-size:3.75rem;line-height:4.375rem}}#hero-subheader{background-image:linear-gradient(225deg,#4ddeff,#eee);background-size:100% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#scroll-down-sign{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding-bottom:2rem}#scroll-down-sign svg{font-size:1.25rem;line-height:1.875rem;color:#eee}.hero-content{width:100%;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}@media (min-width: 1150px){.hero-content{gap:8rem;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 2rem}}.hero-content{flex:1;position:relative}.hero-image{max-width:700px;width:min(50%,700px)}@media (max-width: 800px){.hero-image{width:min(90%,500px)}}#guild-hero{position:relative;width:100%;gap:1rem;min-height:90vh;background-image:linear-gradient(#12071c,#1d112b);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}#guild-hero:before{content:"";position:absolute;background:linear-gradient(0deg,#12071c59,#12071c59),url(https://storage.googleapis.com/storylace-public/tavern.webp);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;top:0;left:0;width:100%;height:100%;opacity:.6}#guild-info{position:relative;padding:1rem;width:100%}.guild-info-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}@media (max-width: 599px){.guild-info-content{gap:.5rem}}.guild-info-content{text-align:center}.guild-info-content p{font-size:1.125rem;line-height:1.6875rem}@media (min-width: 1200px){.guild-info-content p{font-size:1.375rem;line-height:2.0625rem}}section{position:relative}section#two{background-image:linear-gradient(#1d112b,#12071c)}section#three{background-image:linear-gradient(#12071c,#1d112b)}section#section-enter{background-color:#1d112b}section .title{margin-bottom:.5rem;text-align:left;font-size:2.25rem;line-height:2.75rem}@media (min-width: 600px){section .title{font-size:3rem;line-height:3.5rem}}@media (min-width: 1200px){section .title{font-size:3.5rem;line-height:4rem}}section .subtitle{padding-bottom:1rem;text-align:left}@media (max-width: 599px){section .subtitle{text-align:center;font-size:1.75rem;line-height:2.625rem}}section ul li{margin:.5rem auto;max-width:min(75ch,100%);text-align:left;list-style-position:inside}section .content-wrapper{position:relative;display:grid;place-items:center;gap:2rem;flex:none;padding:2rem 1rem}@media (min-width: 900px){section .content-wrapper{padding:0 2rem}}.kinsprit-img{max-width:100%}@media (min-width: 900px){.kinsprit-img{max-width:50%}}.kinsprit-img{max-height:40vh}@media (max-width: 599px){.kinsprit-img{max-height:35vh}}.info{max-width:min(50ch,95vw)}.info-header{font-size:1.75rem;line-height:2.625rem}@media (max-width: 599px){.info-header{font-size:1.5rem;line-height:2.25rem}}.info-header{text-align:left}.info-text{text-align:left;padding-bottom:1rem}.info-storygazer{position:relative}.info-storygazer:before{box-shadow:0 0 5px 3px #ba6bff80}#support-us{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}#art-info-hero{position:relative;width:100%;gap:1rem;min-height:100vh;background-image:linear-gradient(#12071c,#1d112b);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}#art-info-hero p{font-size:1.125rem;line-height:1.6875rem}@media (min-width: 1200px){#art-info-hero p{font-size:1.375rem;line-height:2.0625rem}}#art-info-hero .human-artists{align-self:center}#art-info-hero:before{content:"";position:absolute;background:linear-gradient(0deg,#12071ca6,#12071ca6),url(https://storage.googleapis.com/storylace-public/magicalForestByJohannesPlenio.webp);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;top:0;left:0;width:100%;height:100%;opacity:.7}.demo-button{width:min(10ch,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center}.stars-section{position:relative;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.stars-section .stars-section-container{position:relative}#art-info{padding:2rem 1rem;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}div#art-info-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem;scroll-margin-top:50px}div#art-info-content #info-art{max-width:min(70ch,98vw);grid-area:info-art;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}div#art-info-content div#info-spoiler-free{grid-area:info-spoiler-free}div#books-info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:10rem;padding-bottom:10rem}@media (max-width: 599px){div#books-info{row-gap:8rem;padding-bottom:8rem}}div#books-info #social-network{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}div#books-info #storygazing-transition{text-align:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;margin:3rem 0}div#books-info #storygazing-transition p{font-size:1.625rem;line-height:2.4375rem}@media (max-width: 599px){div#books-info #storygazing-transition p{font-size:1.25rem;line-height:1.875rem}}.kinsprit-info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width: 900px){.kinsprit-info{display:flex;flex-direction:row;align-items:center;justify-content:center}.kinsprit-info.inverted{flex-direction:row-reverse}}@media (min-width: 900px) and (max-width: 599px){.kinsprit-info.inverted{flex-direction:column}}div#social-info{padding-top:5vh;grid-template-areas:"social-header" "campfire"}div#social-info #social-header{grid-area:social-header}div#social-info #campfire{grid-area:campfire;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;overflow:hidden}#info-enter{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:2rem;grid-area:info-enter;padding:8vh 0}#info-enter .info-enter-text{font-family:Quicksand;font-size:2rem;line-height:3rem;text-align:center}#info-enter{min-height:24vh}#campfire-scene-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;max-height:60vh}@media (max-height: 450px){#campfire-scene-container{max-height:min(400px,80vh)}}@media (max-width: 599px){#campfire-scene-container{width:100%;max-width:100%;max-height:35vh}}#campfire-scene-container{border-radius:20px;overflow:hidden}#campfire-scene{border-radius:24px;max-height:500px;transform:translateY(30px)}@media (min-width: 900px){#campfire-scene{max-height:none}}#campfire-caption{text-align:center;margin-top:1rem;font-size:1.125rem;line-height:1.6875rem}@media (max-width: 599px){#campfire-caption{font-size:1.0625rem;line-height:1.59375rem}}#campfire-caption{width:100%}#cta{position:relative}#cta .cta-content{position:relative;min-height:50vh;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;margin-bottom:8vh}#cta .cta-content img{margin:0 auto;margin-top:8rem}@media (max-width: 599px){#cta .cta-content img{margin-top:4rem}}#cta .cta-content img{max-width:80vw;max-height:60vh}#cta .cta-content a{text-align:center;width:clamp(1vw,40rem,85vw);min-height:10vh;display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:Quicksand;color:#eee;font-size:clamp(2rem,2vw,3rem)}@media (max-width: 345px){#cta .cta-content a{font-size:2rem}}#cta .cta-content a{-webkit-animation:levitate 4s ease-in-out infinite alternate;-moz-animation:levitate 4s ease-in-out infinite alternate;animation:levitate 4s ease-in-out infinite alternate}.access-form{border:1px solid #5f279b;background-color:#1d112b;box-shadow:0 0 7px -1px #5f279b;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;width:min(40ch,100%)}.access-form .glow-input{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.access-form .glow-input{font-size:1rem;line-height:1.5rem}}.access-form .glow-input{background-color:#12071c;color:#eee;border:1px solid #5f279b}.access-form .glow-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.access-form .glow-input:focus::placeholder{color:transparent}.access-form .glow-input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.access-form .glow-input::placeholder{font-size:1rem;line-height:1.5rem}}.access-form .glow-input::placeholder{color:#ddbbffb3}.access-form .glow-input.invalid{border:3px solid #f33;color:#f33}.access-form .glow-input{width:min(30ch,100%)}.access-form .glow-button{width:min(15ch,80%)}.blue-link{cursor:pointer;color:#94bff8}.blue-link:hover,.blue-link:focus{color:#4ddeff;text-decoration:underline}.welcome-highlight{color:#c9f;font-style:italic}.info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (min-width: 900px){.info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}}.centered-info{width:min(75ch,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}#welcome-phrase{font-size:1.125rem;line-height:1.6875rem;max-width:80%}.pink{color:#f6d}.purple{color:#ba6bff}.blue{color:#4ddeff}.small-italic{font-size:1.25rem;line-height:1.875rem;font-style:italic}.books-info-header{width:min(80ch,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.books-info-header p{font-size:1.625rem;line-height:2.4375rem}@media (max-width: 599px){.books-info-header p{font-size:1.125rem;line-height:1.6875rem}}.books-info-header{padding:1rem}@media (max-width: 599px){.books-info-header{gap:.5rem}}.books-info-header{background-color:#1d112b;border-radius:20px;border:1px solid #5f279b;box-shadow:0 0 6px #ba6bff}.books-info-header .reading-stories{font-family:Quicksand;font-variation-settings:"wght" 400}.books-info-header .last-statement{margin-top:2rem}.section-quote{font-size:2rem;line-height:3rem}@media (max-width: 599px){.section-quote{font-size:1.625rem;line-height:2.4375rem}}.section-quote{font-style:italic}.learn-more{font-size:1.0625rem;line-height:1.59375rem}@media (min-width: 1200px){.learn-more{font-size:1.1875rem;line-height:1.78125rem}}#noaiart{border-radius:20px;height:100px;align-self:center}@media (min-width: 900px){#noaiart{align-self:flex-start}}.highlight{color:#c9f}#art-grid{border-radius:10px;width:100%}#support-human-artists{width:min(100px,90%);border-radius:10px;align-self:center}.tiny-title{font-size:1.875rem;line-height:2.8125rem;font-style:italic}#lvl-up{width:min(70ch,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.xp-icon{width:36px;height:36px}@media (max-width: 599px){.xp-icon{width:24px;height:24px}}.lvl-up-msg{text-align:center;color:#e1b42c;font-size:2.25rem;line-height:3.375rem}@media (max-width: 599px){.lvl-up-msg{font-size:1.5rem;line-height:2.25rem}}.explanation{margin-top:.5rem;font-size:1.375rem;line-height:2.0625rem}@media (max-width: 599px){.explanation{font-size:1rem;line-height:1.5rem}}.explanation{width:min(60ch,100%);text-align:center}@media (min-width: 1200px){.explanation{text-align:left}}.section-info{font-size:1.25rem;line-height:1.875rem;width:min(40ch,100%)}.kinsprit-quest-img{width:100%;max-width:700px}.fade-in-out{opacity:1;transition:opacity .5s ease-in-out}.fade-out{opacity:0}.earn-xp-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}