:root{--clr-60: 0, 0%, 5%;--clr-30: 0, 0%, 98%;--clr-10: 38, 55%, 53%}:root{--dim-border-radius: .35rem;--dim-min-height: 640px;--dim-min-width: 280px}:root{font-size:16px}body{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5}.poppins{font-family:Poppins,Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5}h1,h2,h3,h4,h5,h6{all:unset;font-weight:500}h1,h2,h3,h4,h5,h6,p,small{display:block}h1,.size-xxxl{font-size:clamp(2rem,1.5rem + 2.5vw,2.986rem);font-weight:700}h2,.size-xxl{font-size:clamp(1.8rem,1.4rem + 2vw,2.488rem)}h3,.size-xl{font-size:clamp(1.6rem,1.3rem + 1.5vw,2.074rem)}h4,.size-l{font-size:clamp(1.4rem,1.2rem + 1vw,1.728rem)}h5,.size-m{font-size:clamp(1.2rem,1.1rem + .5vw,1.44rem)}h6,.size-s{font-size:clamp(1.1rem,1.05rem + .25vw,1.2rem)}small,.size-xs{font-size:clamp(.75rem,.7rem + .25vw,.833rem)}.thin{font-weight:100}.extra-light{font-weight:200}.light{font-weight:300}.normal{font-weight:400}.medium{font-weight:500}.semi-bold{font-weight:600}.bold{font-weight:700}.extra-bold{font-weight:800}.black{font-weight:900}.strike-through{text-decoration:line-through}.italic{font-style:italic}@keyframes k-blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}}@keyframes k-ping{0%{opacity:.4}to{opacity:.7}}@keyframes k-rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes ping-down{0%{translate:0 0;opacity:1}50%{translate:0 1rem;opacity:0}51%{translate:0 0}to{opacity:1}}.overflow-hidden{overflow:hidden}.h-screen{min-height:var(--min-website-height);height:100dvh}.h-full{height:100%}.w-full{width:100%}.highlight{color:hsl(var(--clr-10))}.t-center{text-align:center}.default{cursor:default}.d-none{display:none}.ping{animation:k-ping .2s ease 0s infinite alternate}:root{scroll-behavior:smooth;--min-website-height: 600px;--min-website-width: 320px;--section-padding-v: 60px;--section-padding-h: 60px}@media (max-width: 1024px){:root{--section-padding-v-dyn: 40px;--section-padding-h: 40px}}@media (max-width: 480px){:root{--section-padding-v-dyn: 20px;--section-padding-h: 20px}}.section,.section-mini{padding:var(--section-padding-v) var(--section-padding-h);background-color:hsl(var(--clr-60));box-sizing:border-box;width:100%}.section-mini{padding:calc(var(--section-padding-v) / 2) var(--section-padding-h)}section.secondary,.section-secondary{background-color:hsl(var(--clr-60-neg))}body{background-color:hsl(var(--clr-60));color:hsl(var(--clr-30));scroll-margin:90px;padding:0;margin:0}nav{all:unset}main#root{min-height:var(--min-website-height);min-width:var(--min-website-width);position:relative;overflow-x:hidden;height:100dvh;display:grid;grid-template-rows:auto 1fr auto}*::selection{background-color:hsl(var(--clr-30));color:hsl(var(--clr-60))}.no-sel::selection{background-color:transparent;color:inherit}.bt:hover{cursor:pointer}.sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}nav.navigation{justify-content:center;position:relative;display:flex;gap:2rem}a.nav-link{transition:color ease .3s;color:hsl(var(--clr-30));text-decoration:none;position:relative;display:block}a.nav-link:after{transition:opacity .3s ease,translate .3s ease,background-color .3s ease;background-color:hsl(var(--clr-30));left:calc(50% - 2.5px);border-radius:100%;position:absolute;content:"";height:5px;width:5px;opacity:0;bottom:0}a.nav-link:active{color:hsl(var(--clr-10))}a.nav-link:active:after{background-color:hsl(var(--clr-10));translate:0 .85rem;opacity:1}@media (hover: hover) and (pointer: fine){a.nav-link:hover:after{translate:0 .85rem;opacity:1}}.number-input-wrapper .number-input{transition:border-color ease .3s;font-family:Poppins,sans-serif;border:none;border-bottom:.1rem solid hsl(var(--clr-30));border-radius:var(--dim-border-radius);color:hsl(var(--clr-30));background:transparent;box-sizing:border-box;text-align:center;outline:none;padding:1rem}.number-input-wrapper .number-input:focus{border-color:hsl(var(--clr-10))}.number-input-wrapper label{position:absolute;left:0;top:0}.loading-svg{animation:k-rotate .7s ease 0s infinite forwards;position:relative;height:1rem;width:1rem}.button{all:unset}.button-main{position:relative}.button{transition:outline ease .3s,background-color ease .3s,border ease .3s,border-color .3s ease,color ease .3s;border-radius:var(--dim-border-radius);justify-content:center;box-sizing:border-box;align-items:center;position:relative;font-weight:400;display:flex;gap:.5rem}.button[data-size=small]{font-size:clamp(.75rem,.7rem + .25vw,.875rem);padding:clamp(2px,.15rem + .25vw,3px) clamp(6px,.45rem + .75vw,9px)}.button[data-size=medium]{font-size:clamp(.875rem,.8rem + .375vw,1rem);padding:clamp(4px,.25rem + .375vw,5px) clamp(12px,.75rem + 1.25vw,15px)}.button[data-size=large]{font-size:clamp(1rem,.925rem + .375vw,1.125rem);padding:clamp(6px,.375rem + .5vw,8px) clamp(18px,1.125rem + 1.5vw,22px)}.button[data-size=full]{font-size:clamp(1rem,.925rem + .375vw,1.125rem);width:100%;padding:clamp(6px,.375rem + .5vw,8px)}.button[data-disabled=true],.button[data-loading=true]{opacity:.5}.button[data-variant=text]:after{transition:width ease .3s;border-radius:3px;position:absolute;height:3px;content:"";bottom:0;width:0}.button[data-variant=text][data-active=true]:after,.button[data-variant=text]:active:after{width:100%}.button[data-variant=text]{color:hsl(var(--clr-30))}.button[data-variant=text][data-active=true],.button[data-variant=text]:active{color:hsl(var(--clr-10))}.button[data-variant=regular]{background-color:hsl(var(--clr-10));color:hsl(var(--clr-60))}.button[data-variant=outlined] .ripple,.button[data-variant=regular] .ripple,.button[data-variant=text] .ripple{background-color:hsla(var(--clr-30),.2)}.button[data-variant=outlined]{border:1px solid}.button[data-variant=outlined]{background-color:hsla(var(--clr-10),0);border-color:hsl(var(--clr-30));color:hsl(var(--clr-30))}.button[data-variant=outlined][data-active=true],.button[data-variant=outlined]:active{background-color:hsla(var(--clr-10),1);border-color:hsl(var(--clr-10));color:hsl(var(--clr-60))}@media (hover: hover) and (pointer: fine){.button[data-variant=text]:hover:after{width:100%}.button[data-variant=text]:hover{color:hsl(var(--clr-10))}.button[data-variant=outlined]:hover{background-color:hsla(var(--clr-10),1);border-color:hsl(var(--clr-10));color:hsl(var(--clr-60))}}.ripple-container{border-radius:inherit;position:absolute;overflow:hidden;height:100%;width:100%;left:0;top:0}.ripple{animation:ripple-animation .8s linear forwards;transition:opacity ease .3s;border-radius:100%;position:absolute;scale:0}.ripple[state=end]{opacity:0}@keyframes ripple-animation{to{scale:4}}a.link{all:unset;transition:color ease .3s;color:hsl(var(--clr-30));border-radius:100%;display:grid}a.link:active{color:hsl(var(--clr-10))}@media (hover: hover) and (pointer: fine){a.link:hover{color:hsl(var(--clr-10))}}.confetti{position:fixed;height:100%;width:100%;left:0;top:0}article.agreement{transition:opacity .5s ease;place-items:center;position:absolute;display:grid;height:100%;width:100%;opacity:0}article.agreement p a{display:inline}article.agreement section{box-sizing:border-box;place-items:center;position:relative;text-align:center;display:grid;padding:20px}article.agreement section button{margin-top:2rem}article.agreement:before{background:hsla(var(--clr-60),.95);position:absolute;height:100%;width:100%;content:""}article.shuffler{position:relative;place-items:center;display:grid;width:100%}article.shuffler .vfx{position:absolute;opacity:.4;height:100%;width:100%;left:0;top:0;background:radial-gradient(circle,hsla(var(--clr-10),1),hsla(var(--clr-10),0) 60%);filter:blur(60px);animation:k-ping 6s ease .3s infinite alternate}article.shuffler .wrapper{flex-direction:column;align-items:center;position:relative;display:flex;gap:1rem}article.shuffler .wrapper .number-input,article.shuffler .wrapper button{width:280px}article.shuffler .show-case-container{transition:height ease .3s;place-items:center;position:relative;display:grid;height:100px;width:100%}article.shuffler .show-case-container[data-is-initial=false]{height:150px}article.shuffler .confetti{position:absolute;height:100%;width:100%;left:0;top:0}article.shuffler .result{font-size:clamp(8rem,1.5rem + 8vw,8.5rem);font-family:Poppins,sans-serif;translate:-50% -50%;position:absolute;width:100%;left:50%;top:50%;text-align:center;font-weight:700}article.shuffler .result[data-length="5"]{font-size:clamp(6.5rem,1.5rem + 6.5vw,6.5rem)}article.shuffler .result[data-length="6"]{font-size:clamp(5rem,1.5rem + 5vw,5rem)}article.shuffler .result[data-length="7"]{font-size:clamp(4rem,1.5rem + 4vw,4rem)}article.shuffler .result[data-length="9"]{font-size:clamp(3.4rem,1.5rem + 3.4vw,3.4rem)}article.shuffler .result[data-length="10"]{font-size:clamp(3rem,1.5rem + 3vw,3rem)}article.shuffler .result[data-length="11"]{font-size:clamp(2.7rem,1.5rem + 2.7vw,2.7rem)}article.shuffler .result[data-length="13"]{font-size:clamp(2.4rem,1.5rem + 2.4vw,2.4rem)}article.shuffler .result[data-length="14"]{font-size:clamp(2.2rem,1.5rem + 2.2vw,2.2rem)}header{justify-content:space-between;align-items:center;position:relative;padding:20px;display:flex}header nav{align-items:center;display:flex;gap:1rem}footer{justify-content:center;align-items:center;position:relative;padding:20px;display:flex}footer small{opacity:.7}footer small a{display:inline-block!important}