@casoon/dragonfly
Version:
Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.
1 lines • 155 kB
CSS
@keyframes scroll-timeline-fade{0%{opacity:0;transform:translateY(var(--spacing-5,1.25rem))}to{opacity:1;transform:translate(0)}}@layer smooth-scroll{:root{--scroll-behavior:smooth;--scroll-padding-top:0;--scroll-snap-type:none;--scroll-snap-align:none;--scroll-snap-stop:always;--scroll-margin:0;--scroll-timeline-name:none;--scroll-timeline-axis:block;--scroll-timeline-view-offset:0}html{scroll-behavior:var(--scroll-behavior,smooth);scroll-padding-top:var(--scroll-padding-top,0)}.scroll-snap-container{scroll-snap-type:var(--scroll-snap-type,none);height:100vh;overflow-y:auto}.scroll-snap-item{scroll-margin:var(--scroll-margin,0);scroll-snap-align:var(--scroll-snap-align,none);scroll-snap-stop:var(--scroll-snap-stop,normal)}.scroll-progress{background:linear-gradient(to right,var(--color-primary,#3b82f6)var(--scroll),transparent 0);height:var(--spacing-1,.25rem);width:100%;z-index:var(--z-50);position:fixed;top:0;left:0}.scroll-timeline{scroll-timeline-axis:var(--scroll-timeline-axis);scroll-timeline-name:var(--scroll-timeline-name);scroll-timeline-view-offset:var(--scroll-timeline-view-offset)}.parallax-container{height:100vh;perspective:var(--border-width);overflow-x:hidden;overflow-y:auto}.parallax-layer{position:absolute;top:0;bottom:0;left:0;right:0}.parallax-layer-back{transform:translateZ(calc(-1*var(--border-width)))scale(2)}.parallax-layer-base{transform:translateZ(0)}.parallax-layer-front{transform:translateZ(var(--border-width))scale(.5)}.scroll-reveal{opacity:0;transform:translateY(var(--spacing-5,1.25rem));transition:all var(--transition-normal,.2s ease)}.scroll-reveal.visible{opacity:1;transform:translate(0)}.scroll-fade{opacity:0;transition:opacity var(--transition-normal,.2s ease)}.scroll-fade.visible{opacity:1}.scroll-scale{opacity:0;transition:all var(--transition-normal,.2s ease);transform:scale(.95)}.scroll-scale.visible{opacity:1;transform:scale(1)}.scroll-slide{opacity:0;transition:all var(--transition-normal,.2s ease)}.scroll-slide.visible{opacity:1;transform:translate(0)}.scroll-slide-left{transform:translate(-50px)}.scroll-slide-right{transform:translate(50px)}.scroll-slide-up{transform:translateY(50px)}.scroll-slide-down{transform:translateY(-50px)}.scroll-rotate{opacity:0;transition:all var(--transition-normal,.2s ease);transform:rotate(-15deg)}.scroll-rotate.visible{opacity:1;transform:rotate(0)}.scroll-stagger>*{opacity:0;transform:translateY(var(--spacing-5,1.25rem));transition:all var(--transition-normal,.2s ease)}.scroll-stagger>:first-child{transition-delay:.1s}.scroll-stagger>:nth-child(2){transition-delay:.2s}.scroll-stagger>:nth-child(3){transition-delay:.3s}.scroll-stagger>:nth-child(4){transition-delay:.4s}.scroll-stagger>:nth-child(5){transition-delay:.5s}.scroll-stagger.visible>*{opacity:1;transform:translate(0)}.scroll-progress-bar{background:var(--slider-track-color);height:var(--spacing-1,.25rem);width:100%;position:fixed;top:0;left:0}.scroll-progress-bar:before{background:var(--color-primary,#3b82f6);content:"";height:100vh;transition:width var(--transition-normal,.2s ease);width:var(--scroll);position:absolute;top:0;left:0}.scroll-to-top{background:var(--color-primary,#3b82f6);bottom:var(--spacing-5,1.25rem);color:var(--color-white,#fff);cursor:pointer;height:var(--spacing-10,2.5rem);opacity:0;right:var(--spacing-5,1.25rem);transform:translateY(var(--spacing-5,1.25rem));transition:all var(--transition-normal,.2s ease);width:var(--spacing-10,2.5rem);z-index:var(--z-50);-webkit-border-radius:5px;border-radius:5px;justify-content:center;align-items:center;display:flex;position:fixed}.scroll-to-top.visible{opacity:1;transform:translate(0)}.scroll-to-top:hover{background:var(--color-primary-dark);transform:translateY(calc(-1*var(--border-width-thick)))}.scroll-spy-nav{right:var(--spacing-5,1.25rem);position:fixed;top:50px;transform:translate(-50px)}.scroll-spy-nav a{background:var(--slider-track-color);height:var(--space-small-10px);margin:var(--space-small-10px)0;transition:all var(--transition-normal,.2s ease);width:var(--space-small-10px);-webkit-border-radius:5px;border-radius:5px;display:block}.scroll-spy-nav a.active{background:var(--color-primary,#3b82f6);transform:scale(1.2)}.scroll-timeline-animation{animation:1s ease-out forwards scroll-timeline-fade;animation-timeline:view();animation-range:entry 10px cover 30px}.scroll-performance{backface-visibility:hidden;will-change:transform,opacity;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){html,body,.scroll-smooth,.scroll-behavior-smooth,.scroll-mt,.scroll-mb,.scroll-ms,.scroll-me,.scroll-pt,.scroll-pb,.scroll-ps,.scroll-pe,.scroll-snap-container,.scroll-snap-item{scroll-behavior:auto!important;scroll-snap-type:none!important;scroll-padding:0!important;transition:none!important;animation:none!important}[data-scroll-trigger]{scroll-behavior:auto!important;scroll-snap-type:none!important;scroll-padding:0!important;transition:none!important;animation:none!important}}@media (max-width:640px){.touch-feedback:after{height:150px;width:150px}.focus-ring:focus-visible{box-shadow:0 0 0 var(--border-width)var(--color-primary,#3b82f6)}}@media (min-width:640px){.scroll-fade-staggered>:nth-child(2){animation-delay:.1s}.scroll-fade-staggered>:nth-child(3){animation-delay:.2s}.scroll-fade-staggered>:nth-child(4){animation-delay:.3s}}@media (min-width:768px){.scroll-to-top{bottom:var(--spacing-8);right:var(--spacing-8)}}@media (min-width:1024px){.scroll-parallax{transform:translateY(calc(var(--scroll-offset)*.15))}}@media (prefers-reduced-motion:reduce){:root{--scroll-behavior:auto}.scroll-fade,.scroll-scale,.scroll-slide,.scroll-rotate,.scroll-parallax{opacity:1;transition:none;animation:none;transform:none}.scroll-fade-staggered>*{opacity:1;transition:none;animation:none;transform:none}}}@layer reset{*{box-sizing:border-box;margin:0;padding:0}:before{box-sizing:border-box;margin:0;padding:0}:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;height:100px;text-size-adjust:100}html:focus-within{scroll-behavior:smooth}body{background-color:var(--color-background,var(--color-white));color:var(--color-foreground,var(--color-black));min-height:100px;text-rendering:optimizespeed;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{max-width:100px;height:auto;display:block}input,button,textarea,select{appearance:none;color:inherit;font:inherit;background:0 0;border:none;margin:0;padding:0}button{cursor:pointer}textarea{resize:vertical}a:not([class]){color:inherit;text-decoration-skip-ink:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer logical-properties{:root{--text-direction:ltr}:root[dir=rtl]{--text-direction:rtl}html:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.spacing{margin-block:var(--spacing-4);margin-inline:var(--spacing-2);padding-block:var(--spacing-3);padding-inline:var(--spacing-2)}h1,h2,h3,h4,h5,h6{border-bottom:var(--border-width)solid var(--color-surface-300);margin-block:var(--spacing-6)var(--spacing-4);padding-bottom:var(--spacing-2)}.text-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.text-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.text-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.flex-row{flex-direction:row;display:flex}.flex-row-reverse{flex-direction:row-reverse;display:flex}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.container{max-width:var(--space-large-80rem);padding-inline:var(--spacing-4);margin-left:auto;margin-right:auto}.border-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--border-width)solid var(--color-surface-300)}.border-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border-width)solid var(--color-surface-300)}.border-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border-width)solid var(--color-surface-300)}.border-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border-width)solid var(--color-surface-300)}.border-block{border-block:var(--border-width)solid var(--color-surface-300)}.border-inline{border-inline:var(--border-width)solid var(--color-surface-300)}.rounded{-webkit-border-radius:var(--spacing-1);border-radius:var(--spacing-1)}.rounded-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){-webkit-border-top-left-radius:var(--spacing-1);border-top-left-radius:var(--spacing-1);-webkit-border-bottom-left-radius:var(--spacing-1);border-bottom-left-radius:var(--spacing-1)}.rounded-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-border-top-right-radius:var(--spacing-1);border-top-right-radius:var(--spacing-1);-webkit-border-bottom-right-radius:var(--spacing-1);border-bottom-right-radius:var(--spacing-1)}.rounded-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){-webkit-border-top-right-radius:var(--spacing-1);border-top-right-radius:var(--spacing-1);-webkit-border-bottom-right-radius:var(--spacing-1);border-bottom-right-radius:var(--spacing-1)}.rounded-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-border-top-left-radius:var(--spacing-1);border-top-left-radius:var(--spacing-1);-webkit-border-bottom-left-radius:var(--spacing-1);border-bottom-left-radius:var(--spacing-1)}.rounded-top:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){-webkit-border-top-left-radius:var(--spacing-1);border-top-left-radius:var(--spacing-1);-webkit-border-top-right-radius:var(--spacing-1);border-top-right-radius:var(--spacing-1)}.rounded-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-border-top-right-radius:var(--spacing-1);border-top-right-radius:var(--spacing-1);-webkit-border-top-left-radius:var(--spacing-1);border-top-left-radius:var(--spacing-1)}.rounded-bottom:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){-webkit-border-bottom-right-radius:var(--spacing-1);border-bottom-right-radius:var(--spacing-1);-webkit-border-bottom-left-radius:var(--spacing-1);border-bottom-left-radius:var(--spacing-1)}.rounded-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-border-bottom-left-radius:var(--spacing-1);border-bottom-left-radius:var(--spacing-1);-webkit-border-bottom-right-radius:var(--spacing-1);border-bottom-right-radius:var(--spacing-1)}.position-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.position-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.position-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.position-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.position-top{top:0}.position-bottom{bottom:0}.float-start{float:inline-start}.float-end{float:inline-end}.clear-start{clear:inline-start}.clear-end{clear:inline-end}.inline-size-full{width:100%}.block-size-full{height:100%}.inline-size-half{width:50%}.block-size-half{height:50%}.grid-cols-2{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-cols-3{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-cols-4{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.m-block-1{margin-block:var(--spacing-1)}.m-block-2{margin-block:var(--spacing-2)}.m-block-3{margin-block:var(--spacing-3)}.m-block-4{margin-block:var(--spacing-4)}.m-inline-1{margin-inline:var(--spacing-1)}.m-inline-2{margin-inline:var(--spacing-2)}.m-inline-3{margin-inline:var(--spacing-3)}.m-inline-4{margin-inline:var(--spacing-4)}.p-block-1{padding-block:var(--spacing-1)}.p-block-2{padding-block:var(--spacing-2)}.p-block-3{padding-block:var(--spacing-3)}.p-block-4{padding-block:var(--spacing-4)}.p-inline-1{padding-inline:var(--spacing-1)}.p-inline-2{padding-inline:var(--spacing-2)}.p-inline-3{padding-inline:var(--spacing-3)}.p-inline-4{padding-inline:var(--spacing-4)}.m-block-start-1{margin-top:var(--spacing-1)}.m-block-start-2{margin-top:var(--spacing-2)}.m-block-start-3{margin-top:var(--spacing-3)}.m-block-start-4{margin-top:var(--spacing-4)}.m-block-end-1{margin-bottom:var(--spacing-1)}.m-block-end-2{margin-bottom:var(--spacing-2)}.m-block-end-3{margin-bottom:var(--spacing-3)}.m-block-end-4{margin-bottom:var(--spacing-4)}.m-inline-start-1:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spacing-1)}.m-inline-start-1:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spacing-1)}.m-inline-start-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spacing-2)}.m-inline-start-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spacing-2)}.m-inline-start-3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spacing-3)}.m-inline-start-3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spacing-3)}.m-inline-start-4:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spacing-4)}.m-inline-start-4:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spacing-4)}.m-inline-end-1:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spacing-1)}.m-inline-end-1:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spacing-1)}.m-inline-end-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spacing-2)}.m-inline-end-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spacing-2)}.m-inline-end-3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spacing-3)}.m-inline-end-3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spacing-3)}.m-inline-end-4:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spacing-4)}.m-inline-end-4:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spacing-4)}.p-block-start-1{padding-top:var(--spacing-1)}.p-block-start-2{padding-top:var(--spacing-2)}.p-block-start-3{padding-top:var(--spacing-3)}.p-block-start-4{padding-top:var(--spacing-4)}.p-block-end-1{padding-bottom:var(--spacing-1)}.p-block-end-2{padding-bottom:var(--spacing-2)}.p-block-end-3{padding-bottom:var(--spacing-3)}.p-block-end-4{padding-bottom:var(--spacing-4)}.p-inline-start-1:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spacing-1)}.p-inline-start-1:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spacing-1)}.p-inline-start-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spacing-2)}.p-inline-start-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spacing-2)}.p-inline-start-3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spacing-3)}.p-inline-start-3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spacing-3)}.p-inline-start-4:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spacing-4)}.p-inline-start-4:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spacing-4)}.p-inline-end-1:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spacing-1)}.p-inline-end-1:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spacing-1)}.p-inline-end-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spacing-2)}.p-inline-end-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spacing-2)}.p-inline-end-3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spacing-3)}.p-inline-end-3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spacing-3)}.p-inline-end-4:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spacing-4)}.p-inline-end-4:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spacing-4)}.overflow-inline{overflow-inline:auto}.overflow-block{overflow-block:auto}[lang=ar]{direction:rtl}[lang=he]{direction:rtl}[lang=fa]{direction:rtl}[lang=ur]{direction:rtl}.navbar{border-bottom:var(--border-width)solid var(--color-surface-300);padding-block:var(--spacing-3);padding-inline:var(--spacing-4);display:flex}.navbar-brand:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spacing-4)}.navbar-brand:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spacing-4)}.navbar-nav{gap:var(--spacing-4);display:flex}.navbar-nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dropdown-menu{border:var(--border-width)solid var(--color-surface-300);-webkit-border-radius:var(--spacing-1);border-radius:var(--spacing-1);min-width:var(--spacing-40);padding-block:var(--spacing-2);padding-left:0;padding-right:0;position:absolute;top:100%}.dropdown-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.dropdown-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.dropdown-item{padding-block:var(--spacing-1);padding-inline:var(--spacing-3)}.dropdown-item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.card{border:var(--border-width)solid var(--color-surface-300);-webkit-border-radius:var(--spacing-2);border-radius:var(--spacing-2);padding-block:var(--spacing-4);padding-inline:var(--spacing-4)}.card-header{border-bottom:var(--border-width)solid var(--color-surface-200);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.card-footer{border-top:var(--border-width)solid var(--color-surface-200);margin-top:var(--spacing-3);padding-top:var(--spacing-2)}.list:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spacing-4)}.list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spacing-4)}.list-item{margin-bottom:var(--spacing-2)}.form-group{margin-bottom:var(--spacing-3)}.form-label{margin-bottom:var(--spacing-1);display:block}.form-control{border:var(--border-width)solid var(--color-surface-300);-webkit-border-radius:var(--spacing-1);border-radius:var(--spacing-1);width:100%;padding-block:var(--spacing-2);padding-inline:var(--spacing-3)}.btn{border:var(--border-width)solid transparent;-webkit-border-radius:var(--spacing-1);border-radius:var(--spacing-1);padding-block:var(--spacing-2);padding-inline:var(--spacing-4)}.btn-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spacing-2)}.btn-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spacing-2)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:var(--border-width)solid var(--color-surface-300);padding-block:var(--spacing-2);padding-inline:var(--spacing-3)}.table th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.table td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.table th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.table td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.tabs{border-bottom:var(--border-width)solid var(--color-surface-300);display:flex}.tab{border-bottom:var(--border-width-thick)solid transparent;padding-block:var(--spacing-2);padding-inline:var(--spacing-4)}.tab.active{border-bottom-color:var(--color-primary-500)}.alert{-webkit-border-radius:var(--spacing-1);border-radius:var(--spacing-1);padding-block:var(--spacing-3);padding-inline:var(--spacing-4)}.alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--spacing-1)solid var(--color-primary-500)}.alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--spacing-1)solid var(--color-primary-500)}.alert-danger:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-color:var(--color-error-500)}.alert-danger:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:var(--color-error-500)}.alert-success:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-color:var(--color-success-500)}.alert-success:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:var(--color-success-500)}.text-flow>*+*{margin-top:var(--spacing-3)}.steps{margin-block:var(--spacing-4);display:flex}.step{border-bottom:var(--border-width-thick)solid var(--color-surface-300);padding-block:var(--spacing-2);text-align:center;flex:1}.step.active{border-bottom-color:var(--color-primary-500)}.modal{justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-dialog{background:var(--color-white);-webkit-border-radius:var(--spacing-2);border-radius:var(--spacing-2);max-height:90%;max-width:90%;min-width:var(--space-large-30rem);padding-block:var(--spacing-4);padding-inline:var(--spacing-4)}.modal-header{border-bottom:var(--border-width)solid var(--color-surface-300);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.modal-footer{border-top:var(--border-width)solid var(--color-surface-300);gap:var(--spacing-2);justify-content:flex-end;margin-top:var(--spacing-3);padding-top:var(--spacing-2);display:flex}@media (max-width:768px){.navbar{flex-direction:column;align-items:flex-start}.navbar-nav{flex-direction:column;margin-top:var(--spacing-3)}.navbar-nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.navbar-nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}[dir=rtl] .btn-icon{transform:scaleX(-1)}[dir=rtl] .dropdown-menu{text-align:right}[lang=ja]{font-feature-settings:"palt";line-break:strict;word-break:normal}[lang=zh]{font-feature-settings:"palt";line-break:strict;word-break:normal}[lang=ko]{font-feature-settings:"palt";line-break:strict;word-break:normal}[lang=th]{line-height:1.8}[lang=my]{line-height:1.8}.layout{grid-template:"header header header""sidebar main aside"1fr"footer footer footer"/200px 1fr 200px;min-height:100%;display:grid}.layout-header{border-bottom:var(--border-width)solid var(--color-surface-300);padding-block:var(--spacing-3);padding-inline:var(--spacing-4);grid-area:header}.layout-sidebar{padding-block:var(--spacing-4);padding-inline:var(--spacing-3);grid-area:sidebar}.layout-sidebar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border-width)solid var(--color-surface-300)}.layout-sidebar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border-width)solid var(--color-surface-300)}.layout-main{padding-block:var(--spacing-4);padding-inline:var(--spacing-4);grid-area:main}.layout-aside{padding-block:var(--spacing-4);padding-inline:var(--spacing-3);grid-area:aside}.layout-aside:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--border-width)solid var(--color-surface-300)}.layout-aside:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border-width)solid var(--color-surface-300)}.layout-footer{border-top:var(--border-width)solid var(--color-surface-300);padding-block:var(--spacing-3);padding-inline:var(--spacing-4);grid-area:footer}@media (max-width:990px){.layout{grid-template-areas:"header header""sidebar main""footer footer";grid-template-columns:var(--space-large-200)1fr}.layout-aside{display:none}}@media (max-width:768px){.layout{grid-template-columns:1fr;grid-template-areas:"header""main""footer"}.layout-sidebar{display:none}.block-spacer{margin-block:var(--spacing-4)}.inline-spacer{margin-left:.5rem;margin-right:.5rem}.flow-spacing>*+*{margin-top:.75rem}.center-content{justify-content:center;align-items:center}}@media (max-width:990px){.tablet-padding{padding-block:var(--spacing-4);padding-inline:var(--spacing-6)}.tablet-margin{margin-block:var(--spacing-4);margin-inline:var(--spacing-6)}.tablet-spacing>*+:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spacing-4)}.tablet-spacing>*+:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spacing-4)}}@media (max-width:768px){.logical-stack{gap:var(--space-4);flex-direction:column;display:flex}.logical-stack>*{margin-top:var(--space-0)}.logical-stack>:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--space-0)}.logical-stack>:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--space-0)}}}@layer colors{:root{--color-blue-50:#e2f0ff;--color-blue-100:#bfe2ff;--color-blue-200:#9fd3ff;--color-blue-300:#7dc3ff;--color-blue-400:#57b3ff;--color-blue-500:#3aa3ff;--color-blue-600:#0091ff;--color-blue-700:#0081f1;--color-blue-800:#0073cf;--color-blue-900:#0065b7;--color-sky-50:#d6f4ff;--color-sky-100:#abe8ff;--color-sky-200:#79dcff;--color-sky-300:#2eceff;--color-sky-400:#00befd;--color-sky-500:#00aee9;--color-sky-600:#009dcf;--color-sky-700:#008dbc;--color-sky-800:#007ca6;--color-sky-900:#006d95;--color-cyan-50:#c8f9fc;--color-cyan-100:#87f2f8;--color-cyan-200:#00eaf3;--color-cyan-300:#00dae4;--color-cyan-400:#00c8d1;--color-cyan-500:#00b6be;--color-cyan-600:#00a4ac;--color-cyan-700:#00949b;--color-cyan-800:#00848b;--color-cyan-900:#007378;--color-mint-50:#cefae9;--color-mint-100:#97f4d4;--color-mint-200:#47edbf;--color-mint-300:#00e1ac;--color-mint-400:#00cd9f;--color-mint-500:#00bb90;--color-mint-600:#00a883;--color-mint-700:#009775;--color-mint-800:#008667;--color-mint-900:#00775a;--color-green-50:#d8f9dd;--color-green-100:#aef1bb;--color-green-200:#7fe998;--color-green-300:#3ce074;--color-green-400:#00d25b;--color-green-500:#00c051;--color-green-600:#00ae46;--color-green-700:#009b41;--color-green-800:#008b35;--color-green-900:#007a2c;--color-lime-50:#eaf4cf;--color-lime-100:#d5e89d;--color-lime-200:#c1dc63;--color-lime-300:#afce00;--color-lime-400:#a0be00;--color-lime-500:#91ad00;--color-lime-600:#839d00;--color-lime-700:#768c00;--color-lime-800:#687c00;--color-lime-900:#5b6d00;--color-yellow-50:#ffecc9;--color-yellow-100:#ffd685;--color-yellow-200:#ffc249;--color-yellow-300:#f7af00;--color-yellow-400:#e59f00;--color-yellow-500:#cf9100;--color-yellow-600:#be8200;--color-yellow-700:#ab7400;--color-yellow-800:#976700;--color-yellow-900:#865900;--color-gold-50:#ffe8cc;--color-gold-100:#ffd5aa;--color-gold-200:#ffbc72;--color-gold-300:#ffa63e;--color-gold-400:#fc8f00;--color-gold-500:#e68200;--color-gold-600:#cc7800;--color-gold-700:#b86b00;--color-gold-800:#a25f00;--color-gold-900:#915200;--color-orange-50:#ffe6d1;--color-orange-100:#ffd0b2;--color-orange-200:#ffbb92;--color-orange-300:#ffa166;--color-orange-400:#ff8322;--color-orange-500:#fa6f00;--color-orange-600:#e06700;--color-orange-700:#cc5900;--color-orange-800:#b64e00;--color-orange-900:#9e4500;--color-coral-50:#ffe8e8;--color-coral-100:#ffd0cf;--color-coral-200:#ffb4b3;--color-coral-300:#ff9c9c;--color-coral-400:#ff7c81;--color-coral-500:#ff5f6a;--color-coral-600:#ff1f4a;--color-coral-700:#f2003a;--color-coral-800:#d90032;--color-coral-900:#bc002d;--color-red-50:#ffe6e0;--color-red-100:#ffccc1;--color-red-200:#ffb5a7;--color-red-300:#ff9e8d;--color-red-400:#ff7f6b;--color-red-500:#ff624e;--color-red-600:#ff2815;--color-red-700:#f30000;--color-red-800:#d90000;--color-red-900:#bd0000;--color-pink-50:#ffe1ed;--color-pink-100:#ffcadc;--color-pink-200:#ffb2cb;--color-pink-300:#ff9bba;--color-pink-400:#ff73a9;--color-pink-500:#ff5299;--color-pink-600:#f08;--color-pink-700:#ea007a;--color-pink-800:#d1006c;--color-pink-900:#b6005e;--color-rose-50:#ffe5e9;--color-rose-100:#ffcad3;--color-rose-200:#ffb3bf;--color-rose-300:#ff9bab;--color-rose-400:#ff7b95;--color-rose-500:#ff517f;--color-rose-600:#ff1c6c;--color-rose-700:#ef005d;--color-rose-800:#d60051;--color-rose-900:#ba0048;--color-purple-50:#ffe5f2;--color-purple-100:#ffcae5;--color-purple-200:#ffafd8;--color-purple-300:#ff93cb;--color-purple-400:#ff75be;--color-purple-500:#ff46b3;--color-purple-600:#ff00a7;--color-purple-700:#e50096;--color-purple-800:#cb0085;--color-purple-900:#b30074;--color-indigo-50:#f2e9ff;--color-indigo-100:#e5d3ff;--color-indigo-200:#d9bdff;--color-indigo-300:#caabff;--color-indigo-400:#be95ff;--color-indigo-500:#b27eff;--color-indigo-600:#a95dff;--color-indigo-700:#9e3aff;--color-indigo-800:#9400ff;--color-indigo-900:#8200e6;--color-gray-50:#f4f9ff;--color-gray-100:#e5f0fc;--color-gray-200:#d4dfeb;--color-gray-300:#c4cfdb;--color-gray-400:#b4bfca;--color-gray-500:#a5afba;--color-gray-600:#95a0ab;--color-gray-700:#86909b;--color-gray-800:#77818c;--color-gray-900:#69737d;--color-gray-hue:262;--color-system-gray-100:oklch(98.7% .003 var(--color-gray-hue));--color-system-gray-200:oklch(97.4% .004 var(--color-gray-hue));--color-system-gray-300:oklch(94.2% .006 var(--color-gray-hue));--color-system-gray-400:oklch(89% .01 var(--color-gray-hue));--color-system-gray-500:oklch(81% .014 var(--color-gray-hue));--color-system-gray-600:oklch(68% .018 var(--color-gray-hue));--color-system-gray-700:oklch(54% .02 var(--color-gray-hue));--color-system-gray-800:oklch(36% .015 var(--color-gray-hue));--color-system-gray-900:oklch(22% .01 var(--color-gray-hue));--color-warm-gray-50:#fff6f4;--color-warm-gray-100:#fceae7;--color-warm-gray-200:#ebd9d6;--color-warm-gray-300:#dbc9c6;--color-warm-gray-400:#cab9b6;--color-warm-gray-500:#baaaa6;--color-warm-gray-600:#ab9a97;--color-warm-gray-700:#9b8b88;--color-warm-gray-800:#8c7c79;--color-warm-gray-900:#7d6d6b;--color-cool-gray-50:#f6f8ff;--color-cool-gray-100:#e9eefc;--color-cool-gray-200:#d9deec;--color-cool-gray-300:#c8cddb;--color-cool-gray-400:#b8bdcb;--color-cool-gray-500:#a9aebb;--color-cool-gray-600:#999eab;--color-cool-gray-700:#8a8f9c;--color-cool-gray-800:#7b808d;--color-cool-gray-900:#6d717e;--color-white:#fff;--color-black:#000;--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-background:var(--color-gray-50);--color-background-secondary:var(--color-gray-100);--color-background-tertiary:var(--color-gray-200);--color-border:var(--color-gray-300);--color-azure-50:#d9f3ff;--color-azure-100:#b1e6ff;--color-azure-200:#94d6ff;--color-azure-300:#6bc8ff;--color-azure-400:#33b9ff;--color-azure-500:#00a9fb;--color-azure-600:#0099ed;--color-azure-700:#0089d0;--color-azure-800:#0079ba;--color-azure-900:#006aa2;--color-teal-50:#c9faf6;--color-teal-100:#89f4ed;--color-teal-200:#00ece3;--color-teal-300:#00dbd3;--color-teal-400:#00c9c2;--color-teal-500:#00b8b0;--color-teal-600:#00a8a1;--color-teal-700:#00958f;--color-teal-800:#008680;--color-teal-900:#00746f;--color-emerald-50:#c0ffe2;--color-emerald-100:#6afdc5;--color-emerald-200:#00f3af;--color-emerald-300:#00e29f;--color-emerald-400:#00ce93;--color-emerald-500:#00bb86;--color-emerald-600:#00ab78;--color-emerald-700:#009a6b;--color-emerald-800:#00885f;--color-emerald-900:#007852;--color-olive-50:#f0f2cc;--color-olive-100:#e2e496;--color-olive-200:#d4d655;--color-olive-300:#c6c600;--color-olive-400:#b6b600;--color-olive-500:#a6a600;--color-olive-600:#969600;--color-olive-700:#878600;--color-olive-800:#770;--color-olive-900:#686800;--color-amber-50:#ffe9cb;--color-amber-100:#ffd499;--color-amber-200:#ffbf6e;--color-amber-300:#ffa400;--color-amber-400:#f09700;--color-amber-500:#da8a00;--color-amber-600:#c87b00;--color-amber-700:#b46e00;--color-amber-800:#9f6200;--color-amber-900:#8e5400;--color-copper-50:#ffe5d3;--color-copper-100:#ffcfb5;--color-copper-200:#ffb997;--color-copper-300:#ffa378;--color-copper-400:#ff8649;--color-copper-500:#ff6200;--color-copper-600:#ec5a00;--color-copper-700:#d94a00;--color-copper-800:#be4500;--color-copper-900:#a63c00;--color-cherry-50:#ffe8e8;--color-cherry-100:#ffd0cf;--color-cherry-200:#ffb4b3;--color-cherry-300:#ff9c9c;--color-cherry-400:#ff7c81;--color-cherry-500:#ff5f6a;--color-cherry-600:#ff1f4a;--color-cherry-700:#f2003a;--color-cherry-800:#d90032;--color-cherry-900:#bc002d;--color-magenta-50:#ffe2f9;--color-magenta-100:#ffcbee;--color-magenta-200:#ffade7;--color-magenta-300:#ff88e3;--color-magenta-400:#ff68da;--color-magenta-500:#ff2bd4;--color-magenta-600:#f800c6;--color-magenta-700:#e000b3;--color-magenta-800:#c5009e;--color-magenta-900:#ac008a;--color-lavender-50:#fce6ff;--color-lavender-100:#f8ccff;--color-lavender-200:#f4b1ff;--color-lavender-300:#ef95ff;--color-lavender-400:#e877ff;--color-lavender-500:#e253ff;--color-lavender-600:#df00ff;--color-lavender-700:#c800eb;--color-lavender-800:#b300d3;--color-lavender-900:#9c00b8;--color-bronze-50:#ffe7dc;--color-bronze-100:#ffceb9;--color-bronze-200:#ffb89c;--color-bronze-300:#ffa17f;--color-bronze-400:#ff8355;--color-bronze-500:#ff5e03;--color-bronze-600:#f84800;--color-bronze-700:#db4600;--color-bronze-800:#c63a00;--color-bronze-900:#ae3100;--color-pearl-50:#fff6f8;--color-pearl-100:#f5ecee;--color-pearl-200:#ebe2e4;--color-pearl-300:#e1d8da;--color-pearl-400:#d7ced1;--color-pearl-500:#cdc5c7;--color-pearl-600:#c4bbbd;--color-pearl-700:#bab2b4;--color-pearl-800:#b1a8aa;--color-pearl-900:#a79fa1;--color-champagne-50:#fff6ef;--color-champagne-100:#f9ece1;--color-champagne-200:#efe2d8;--color-champagne-300:#e5d8ce;--color-champagne-400:#dbcec4;--color-champagne-500:#d2c5bb;--color-champagne-600:#c8bbb1;--color-champagne-700:#beb2a8;--color-champagne-800:#b5a89f;--color-champagne-900:#ab9f95;--color-taupe-50:#fceae9;--color-taupe-100:#ebd9d8;--color-taupe-200:#dbc9c8;--color-taupe-300:#cab9b8;--color-taupe-400:#baa9a9;--color-taupe-500:#ab9a99;--color-taupe-600:#9b8b8a;--color-taupe-700:#8c7c7b;--color-taupe-800:#7d6d6d;--color-taupe-900:#6e5f5e;--color-beige-50:#fff7eb;--color-beige-100:#f6ede0;--color-beige-200:#ece3d6;--color-beige-300:#e2dacc;--color-beige-400:#d8d0c3;--color-beige-500:#cec6b9;--color-beige-600:#c5bdb0;--color-beige-700:#bbb3a6;--color-beige-800:#b2aa9d;--color-beige-900:#a8a094;--color-khaki-50:#f6f0ca;--color-khaki-100:#e5dfba;--color-khaki-200:#d5cfaa;--color-khaki-300:#c5bf9a;--color-khaki-400:#b5af8b;--color-khaki-500:#a5a07c;--color-khaki-600:#96906d;--color-khaki-700:#87815f;--color-khaki-800:#787350;--color-khaki-900:#6a6443;--color-terracotta-50:#ffe8e6;--color-terracotta-100:#ffd0cb;--color-terracotta-200:#ffb4ad;--color-terracotta-300:#ff9d95;--color-terracotta-400:#ff7d76;--color-terracotta-500:#ff605c;--color-terracotta-600:#ff2335;--color-terracotta-700:#f30022;--color-terracotta-800:#d9001b;--color-terracotta-900:#bd001b;--color-burgundy-50:#ffe1f3;--color-burgundy-100:#ffcae5;--color-burgundy-200:#ffb3d7;--color-burgundy-300:#ff91cc;--color-burgundy-400:#ff75be;--color-burgundy-500:#ff48b3;--color-burgundy-600:#fc00a6;--color-burgundy-700:#e20095;--color-burgundy-800:#ca0084;--color-burgundy-900:#b50075;--color-silver-50:#f4f9ff;--color-silver-100:#eaeff5;--color-silver-200:#e0e5eb;--color-silver-300:#d6dbe1;--color-silver-400:#ccd2d7;--color-silver-500:#c3c8ce;--color-silver-600:#b9bec4;--color-silver-700:#b0b5ba;--color-silver-800:#a6abb1;--color-silver-900:#9da2a8;--color-platinum-50:#f6f8ff;--color-platinum-100:#eceef5;--color-platinum-200:#e2e4eb;--color-platinum-300:#d8dbe2;--color-platinum-400:#ced1d8;--color-platinum-500:#c5c7ce;--color-platinum-600:#bbbdc4;--color-platinum-700:#b2b4bb;--color-platinum-800:#a8abb1;--color-platinum-900:#9fa1a8;--color-graphite-50:#ebedfc;--color-graphite-100:#dbddeb;--color-graphite-200:#cbcddb;--color-graphite-300:#bbbdcb;--color-graphite-400:#abadbb;--color-graphite-500:#9c9dab;--color-graphite-600:#8c8e9c;--color-graphite-700:#7d7f8c;--color-graphite-800:#6f717d;--color-graphite-900:#61626f;--color-moss-50:#ddf7d8;--color-moss-100:#cde7c7;--color-moss-200:#bdd6b8;--color-moss-300:#adc6a8;--color-moss-400:#9eb698;--color-moss-500:#8ea789;--color-moss-600:#7f977a;--color-moss-700:#71886c;--color-moss-800:#62795d;--color-moss-900:#546b4f;--color-jade-50:#c5ffd0;--color-jade-100:#90faa8;--color-jade-200:#52f184;--color-jade-300:#00e563;--color-jade-400:#00d358;--color-jade-500:#00c14b;--color-jade-600:#00af44;--color-jade-700:#009b44;--color-jade-800:#00893b;--color-jade-900:#007a2d;--color-sapphire-50:#e5efff;--color-sapphire-100:#c9dfff;--color-sapphire-200:#b1cfff;--color-sapphire-300:#94bfff;--color-sapphire-400:#74adff;--color-sapphire-500:#5a9cff;--color-sapphire-600:#3e89ff;--color-sapphire-700:#1b76ff;--color-sapphire-800:#0060ff;--color-sapphire-900:#0047fb;--color-ruby-50:#ffe1ed;--color-ruby-100:#ffcadc;--color-ruby-200:#ffb2cb;--color-ruby-300:#ff9bba;--color-ruby-400:#ff73a9