.styles-module-scss-module__ntaUGG__page{justify-content:center;align-items:flex-start;width:100%;max-width:40rem;margin:0 auto;padding:4rem 1rem;display:flex}.styles-module-scss-module__ntaUGG__container{flex-direction:column;gap:2.5rem;width:100%;display:flex}.styles-module-scss-module__ntaUGG__container section{flex-direction:column;gap:1rem;display:flex}.styles-module-scss-module__ntaUGG__container section h3{color:#fff;font-size:.875rem;font-weight:500}.styles-module-scss-module__ntaUGG__header{flex-direction:column;gap:.25rem;display:flex;position:relative}.styles-module-scss-module__ntaUGG__header h1{color:#fff;font-size:1rem;font-weight:500}.styles-module-scss-module__ntaUGG__header .styles-module-scss-module__ntaUGG__framework{align-items:center;gap:.5rem;display:flex}.styles-module-scss-module__ntaUGG__header .styles-module-scss-module__ntaUGG__framework img{display:block}.styles-module-scss-module__ntaUGG__header button{align-items:center;gap:.375rem;font-size:1rem;display:flex}.styles-module-scss-module__ntaUGG__header button .styles-module-scss-module__ntaUGG__logo{animation:.2s styles-module-scss-module__ntaUGG__fadeIn}@keyframes styles-module-scss-module__ntaUGG__fadeIn{0%{opacity:0}to{opacity:1}}.styles-module-scss-module__ntaUGG__docs{width:100%}.styles-module-scss-module__ntaUGG__install{flex-direction:column;justify-content:center;margin:-1rem 0 0;display:flex}.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__cmd{width:100%}.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands{gap:1rem;display:flex}.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands a,.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands button{color:#fff;opacity:.35;padding:1rem 0;font-size:.8125rem;font-weight:500;transition:opacity .1s}.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands a:hover,.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands a[data-active=true],.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands button:hover,.styles-module-scss-module__ntaUGG__install .styles-module-scss-module__ntaUGG__commands button[data-active=true]{opacity:1}.styles-module-scss-module__ntaUGG__example .styles-module-scss-module__ntaUGG__controls{align-items:center;gap:.5rem;padding:0 0 1rem;display:flex}@media (max-width:480px){.styles-module-scss-module__ntaUGG__example .styles-module-scss-module__ntaUGG__controls button{padding:.75rem}.styles-module-scss-module__ntaUGG__example .styles-module-scss-module__ntaUGG__controls button .styles-module-scss-module__ntaUGG__name{display:none}.styles-module-scss-module__ntaUGG__example .styles-module-scss-module__ntaUGG__controls button .styles-module-scss-module__ntaUGG__logo svg{transform:none}}
.styles-module-scss-module__fFrzbG__footer{letter-spacing:-.00563rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:4rem 0 0;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem;display:flex}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__credits{align-items:center;gap:.25rem;display:flex}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__credits a{background-color:#fff0;border-radius:3rem;align-items:center;gap:.5rem;padding:.375rem .675rem .375rem .375rem;text-decoration:none;transition:background-color .2s;display:inline-flex}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__credits a img{z-index:1;border-radius:50%;display:block;position:relative;overflow:hidden}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__credits a:hover{background-color:#ffffff1a}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__details{color:#ffffff1f;align-items:center;gap:.5rem;display:flex}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__details a,.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__details span{color:var(--color-muted)}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__details a{transition:color .1s}.styles-module-scss-module__fFrzbG__footer .styles-module-scss-module__fFrzbG__details a:hover{color:#fff}
.styles-module-scss-module__EPbHna__container{width:100%;position:relative}.styles-module-scss-module__EPbHna__container .styles-module-scss-module__EPbHna__copy{z-index:99;letter-spacing:-.00563rem;color:var(--color-muted);padding:.85rem;font-size:.75rem;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.styles-module-scss-module__EPbHna__container .styles-module-scss-module__EPbHna__copy:hover{color:var(--color)}.styles-module-scss-module__EPbHna__container pre{color:#fff;corner-shape:superellipse(1.25);background:#131313;border-radius:.75rem;max-height:11.75rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:300;line-height:1.4;display:block;position:relative;overflow:hidden scroll}
.styles-module-scss-module__0NYjCq__examples{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.styles-module-scss-module__0NYjCq__examples .styles-module-scss-module__0NYjCq__example{z-index:1;aspect-ratio:1.6;-webkit-user-select:none;user-select:none;scroll-snap-align:center;background:#131313;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.styles-module-scss-module__0NYjCq__examples .styles-module-scss-module__0NYjCq__example svg{display:block}@media (max-width:600px){.styles-module-scss-module__0NYjCq__examples{flex-direction:row;width:auto;margin:-1rem;padding:1rem;display:flex;overflow-x:auto}.styles-module-scss-module__0NYjCq__examples .styles-module-scss-module__0NYjCq__example{width:80%}}.styles-module-scss-module__0NYjCq__action{font-family:var(--font-secondary);text-align:center;color:#fff;background:var(--body-light);border-radius:10rem;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.5rem .75rem 1.125rem;font-size:1rem;font-weight:500;display:flex;overflow:hidden}.styles-module-scss-module__0NYjCq__action .styles-module-scss-module__0NYjCq__label{--mask-size:2rem;padding:0 var(--mask-size);margin:0 calc(-1*var(--mask-size));-webkit-mask-image:linear-gradient(to right,transparent,black var(--mask-size),black calc(100% - var(--mask-size)),transparent);mask-image:linear-gradient(to right,transparent,black var(--mask-size),black calc(100% - var(--mask-size)),transparent)}.styles-module-scss-module__0NYjCq__action .styles-module-scss-module__0NYjCq__iconWrapper{width:1.5rem;height:1.5rem;position:relative}.styles-module-scss-module__0NYjCq__action .styles-module-scss-module__0NYjCq__iconWrapper .styles-module-scss-module__0NYjCq__icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.styles-module-scss-module__0NYjCq__button{font-family:var(--font-secondary);text-align:center;color:#fff;corner-shape:superellipse(1.25);background:var(--body-light);border-radius:.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:500}.styles-module-scss-module__0NYjCq__codeblock{font-family:var(--font-secondary);text-align:center;color:#fff;box-shadow:1px -1px 0 0 var(--body-light);border-radius:.75rem;justify-content:flex-end;align-items:flex-start;padding:.625rem 1rem;font-size:1rem;font-weight:500;display:flex;position:absolute;inset:-2.5rem -5.5rem 0 0;transform:translate(-50%,50%)}.styles-module-scss-module__0NYjCq__number{font-family:var(--font-secondary);text-align:center;color:#fff;box-shadow:0 0 0 1px var(--body-light);border-radius:2rem 2rem 0 0;justify-content:center;align-items:center;padding:0 .625rem 1rem;font-size:2.5rem;font-weight:600;display:flex;position:absolute;inset:1rem 1.5rem 0}.styles-module-scss-module__0NYjCq__number .styles-module-scss-module__0NYjCq__cursor{background:#ffffff1a;border-radius:1rem;width:2px;height:.95em;margin-left:.25rem;animation:1s step-start infinite styles-module-scss-module__0NYjCq__blink;transform:translateY(1px)}@keyframes styles-module-scss-module__0NYjCq__blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}