@layer config{*,:before,:after{box-sizing:border-box;min-width:0}html{interpolate-size:allow-keywords;overflow-wrap:break-word;text-size-adjust:none;hanging-punctuation:first allow-end last}body{text-rendering:optimizespeed;min-height:100dvh;margin:0;font-family:system-ui,sans-serif;line-height:1.5}:focus-visible{outline-offset:2px;outline:2px solid light-dark(#4285f4,#8ab4f8)}@supports (outline-color:AccentColor){:focus-visible{outline-color:accentcolor}}:target{scroll-margin-block:1rem}a:not([class]){text-decoration-skip-ink:auto}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6,blockquote{text-wrap:balance}p,li,figcaption{text-wrap:pretty}q{quotes:"« " " »"}ul,ol{margin:0;padding-inline-start:1em;list-style-position:outside;&[role=list]{padding-inline-start:0;list-style:none}& li{margin-block:.1em}}img,picture,table,td,blockquote,pre,code,input,textarea,select,video,svg,iframe{max-width:100%}img,picture,svg,video,canvas,audio,iframe,embed,object{display:block}:where(img,picture):where(:not([src$=\.svg])){height:auto}figure{margin:0}input,button,textarea,select{color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:middle;background-color:#0000;margin:0}form,fieldset{border:none}fieldset{margin:0;padding:1em 0}legend{max-width:100%;color:inherit;white-space:normal;border:0}label{cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-block}button{cursor:pointer;-webkit-tap-highlight-color:transparent}textarea{vertical-align:top;white-space:pre-wrap;resize:vertical;overflow:auto}pre,code,kbd,samp{font-family:ui-monospace,monospace;font-size:1em}pre{white-space:pre-wrap;tab-size:2;line-height:normal;overflow:auto}:where(:not(pre))>code{background-color:oklch(50% 0 0/.2);border-radius:6px;padding:2px 6px;font-size:.9em}svg:not([fill]){fill:currentColor}svg{overflow:visible}svg *{transform-box:fill-box}svg:has(symbol){display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:revert}[aria-hidden=false][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}.visually-hidden{white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;margin:-1px!important;position:absolute!important;overflow:hidden!important}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}@media print{@page{size:a4 portrait;margin:2cm 1.5cm}*{all:unset}img{max-width:100%}input,textarea,select{all:revert}body{width:auto;margin:0;font-family:Georgia,serif;font-size:12pt;line-height:1.5;color:#000!important;background-color:#fff!important}p,blockquote,label,ul,ol{margin-block:0 15pt}p:last-child{margin-bottom:0}h1{margin-block:0 24pt;font-size:18pt;font-weight:700;line-height:1.1}h2{margin-block:0 18pt;font-size:16pt;font-weight:700;line-height:1.1}h3{margin-block:0 15pt;font-size:14pt;font-weight:700}h4{margin-block:0 12pt;font-size:12pt;font-weight:700}.print{display:revert}.no-print{display:none}p,blockquote{orphans:3;widows:3}blockquote,ul,ol,figure,table{break-inside:avoid;page-break-inside:avoid}h1,h2,h3,h4,caption{break-after:avoid;page-break-after:avoid}a,a:link,a:visited{color:unset;font-weight:700;background:0 0!important;text-decoration:underline!important}a[href^=http]:after,a[href^=https]:after{content:" (" attr(href) ")"}video,object,iframe{width:0!important;height:0!important;display:none!important;overflow:hidden!important}}:root{--natives-background:light-dark(var(--color-gray-50),var(--color-gray-800));--natives-text:light-dark(var(--color-gray-900),var(--color-gray-100));--natives-accent-color:var(--accent-1,AccentColor);--natives-spacing:var(--spacing-16) var(--spacing-16);--natives-border-width:1px;--natives-border-color:var(--color-gray-400);--natives-border-radius:var(--radius-4);--natives-chevron-lightmode:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");--natives-chevron-darkmode:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>")}button,a:where(.btn),input:where([type=button],[type=reset],[type=submit]){width:fit-content;padding:var(--natives-spacing,16px 16px);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-background,Field);box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--natives-border-color,ButtonBorder);color:var(--natives-text,ButtonText);font:inherit;font-weight:var(--font-weight-regular,400);text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;user-select:none;text-box-trim:trim-both;text-box-edge:cap alphabetic;border:0;justify-content:center;align-items:center;line-height:normal;text-decoration:none;display:inline-flex;&>span{text-box-trim:trim-both;text-box-edge:cap alphabetic}&:hover,&:focus-visible{background-color:oklch(from var(--natives-background,Field) calc(l * .9) c h)}&:active{background-color:oklch(from var(--natives-background,Field) calc(l * .8) c h)}&.btn-primary{background-color:var(--natives-accent-color,AccentColor);box-shadow:inset 0 0 0 var(--natives-border-width,1px) transparent;color:#fff;&:hover,&:focus-visible{background-color:oklch(from var(--natives-accent-color,AccentColor) calc(l * .9) c h)}&:active{background-color:oklch(from var(--natives-accent-color,AccentColor) calc(l * .8) c h)}}&.btn-secondary{background-color:var(--color-gray-200,GrayText);box-shadow:inset 0 0 0 var(--natives-border-width,1px) transparent;color:var(--natives-accent-color,AccentColor);&:hover,&:focus-visible{background-color:oklch(from var(--color-gray-200,GrayText) calc(l * .9) c h)}&:active{background-color:oklch(from var(--color-gray-200,GrayText) calc(l * .8) c h)}}&.btn-reset{box-shadow:inset 0 0 0 var(--natives-border-width,1px) transparent;color:currentColor;background-color:#0000}}details{border:var(--natives-border-width,1px) solid var(--natives-border-color,ButtonBorder);border-radius:var(--natives-border-radius,0);background-color:var(--accent-4,Canvas);& summary{padding:var(--natives-spacing,16px 16px);transition:background-color;transition-duration:var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);color:var(--natives-text,currentcolor);font-weight:var(--font-weight-semibold,600);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"";width:1rem;height:1rem;transition:rotate var(--transition-duration,.25s);background-image:var(--natives-chevron-lightmode);background-position:50%;background-repeat:no-repeat;background-size:contain;rotate:0deg}}&[open] summary:after{rotate:180deg}[data-theme=dark] &{& summary:after{background-image:var(--natives-chevron-darkmode)}}&::details-content{padding:var(--natives-spacing,16px 16px);border-top:none;padding-top:0;&>:first-child{margin-top:0}&>:last-child{margin-bottom:0}}}@supports (interpolate-size:allow-keywords){details::details-content{height:0;transition:var(--transition-duration,.25s) allow-discrete;interpolate-size:allow-keywords;transition-property:opacity,height,display;display:none}details[open]::details-content{height:auto;display:grid;@starting-style{height:0}}}@media (prefers-reduced-motion:reduce){details{& summary:after,&::details-content{transition:none}}}dialog{--dialog-backdrop-color:oklch(0% 0 0/.5);--dialog-max-width:32rem;max-width:var(--dialog-max-width);color:var(--contrast,CanvasText);background-color:#0000;border:none;padding:0;overflow:visible;&:not([open]){display:none}&::backdrop{background-color:var(--dialog-backdrop-color);backdrop-filter:blur(3px)}&[open]{animation:dialog-show var(--transition-duration,.25s) ease-out}&.dialog-sm{--dialog-max-width:24rem}&.dialog-lg{--dialog-max-width:48rem}&.dialog-fullwidth{--dialog-max-width:calc(100vw - var(--spacing-32,2rem))}}.dialog-content{border:var(--natives-border-width,1px) solid var(--natives-border-color,ButtonBorder);border-radius:var(--natives-border-radius,0);background-color:var(--base,Field);display:grid}.dialog-header{padding:var(--spacing-16,1rem) var(--spacing-24,1.5rem);border-bottom:1px solid var(--natives-border-color,ButtonBorder);border-radius:var(--natives-border-radius,0) var(--natives-border-radius,0) 0 0;background-color:var(--accent-4,Canvas);justify-content:space-between;align-items:center;gap:var(--spacing-16,1rem);display:flex}.dialog-title{color:var(--contrast,CanvasText);font-size:var(--text-xl,1.25rem);font-weight:var(--font-weight-semibold,600);margin:0}.dialog-close{box-sizing:content-box;width:2rem;height:2rem;transition:background-color var(--transition-duration,.25s);border-radius:var(--radius-full,9999px);aspect-ratio:1;flex-shrink:0;place-content:center;place-self:center;padding:2px;font-size:2rem;display:inline-grid;&:hover,&:focus-visible{background-color:var(--accent-5,GrayText)}}.dialog-body{padding:var(--spacing-24,1.5rem);overflow-y:auto;&>:first-child{margin-top:0}&>:last-child{margin-bottom:0}}.dialog-footer{padding:var(--spacing-16,1rem) var(--spacing-24,1.5rem);border-top:1px solid var(--natives-border-color,ButtonBorder);border-radius:0 0 var(--natives-border-radius,0) var(--natives-border-radius,0);background-color:var(--accent-4,Canvas)}@keyframes dialog-show{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){dialog{animation:none;&::backdrop{animation:none}}}@media (width<48rem){dialog{--dialog-max-width:calc(100vw - var(--spacing-16,1rem))}.dialog-header,.dialog-footer,.dialog-body{padding:var(--spacing-16,1rem)}}hr{margin-block:var(--spacing-16,1rem);border:0;border-top:var(--natives-border-width,1px) solid var(--natives-border-color,ButtonBorder);&.hr-primary{border-top-color:var(--natives-accent-color,AccentColor)}&.hr-medium{border-top-width:calc(var(--natives-border-width,1px) * 2)}&.hr-wavy{--hr-wave-length:16px;--hr-wave-height:8px;height:var(--hr-wave-height);margin-block:var(--spacing-16,1rem);background-color:var(--natives-border-color,ButtonBorder);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0,4 C4,0 12,8 16,4' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") left center / var(--hr-wave-length) 100% repeat-x;border:0;&.hr-primary{background-color:var(--natives-accent-color,AccentColor)}}}table{--table-layout:fixed;--table-border-collapse:collapse;--table-border-spacing:0;--table-zebra:0%;table-layout:var(--table-layout,fixed);width:100%;border-spacing:var(--table-border-spacing,0);border-collapse:var(--table-border-collapse,collapse);color:var(--contrast,CanvasText);& caption{margin-block:var(--spacing-8,.5rem);color:graytext;text-align:left}& th,& td{padding:var(--spacing-8,.5rem) var(--spacing-12,.75rem);border:var(--natives-border-width,1px) solid var(--natives-border-color,ButtonBorder);text-align:left;vertical-align:top}& thead th{background-color:var(--accent-4,Canvas);font-weight:var(--font-weight-semibold,600)}& tfoot th,& tfoot td{background-color:var(--accent-4,Canvas);font-weight:var(--font-weight-medium,500)}& tbody tr:nth-child(odd){background-color:oklch(from var(--color-black,#000) l c h / var(--table-zebra,0%))}}.table-responsive{--table-min-width:30rem;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;display:block;overflow-x:auto;&>table{min-width:var(--table-min-width,30rem)}}.table-rounded{padding:var(--spacing-8,.5rem);border:var(--natives-border-width,1px) solid var(--natives-border-color,ButtonBorder);border-radius:var(--natives-border-radius,.5rem);& :is(th,td){background-color:#0000;border:none}& thead :is(th,td),& tr:not(:last-child) :is(th,td){border-bottom:var(--natives-border-width,1px) solid var(--natives-border-color,ButtonBorder)}& tbody tr:nth-child(odd){background-color:#0000}}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]){width:100%;padding:var(--natives-spacing,16px 16px);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-background,Field);box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--natives-border-color,ButtonBorder);color:var(--natives-text,ButtonText);font:inherit;text-box-trim:trim-both;text-box-edge:cap alphabetic;border:0;line-height:1.5;display:block;&:user-invalid{box-shadow:inset 0 0 0 2px var(--error,#b91d1c)}&::placeholder{opacity:1;color:graytext}}:where(input[type=search]){appearance:textfield;&::-webkit-search-decoration{appearance:none}&::-webkit-search-cancel-button{appearance:none}&::-webkit-search-results-button{appearance:none}&::-webkit-search-results-decoration{appearance:none}}:where(input[type=number]){appearance:textfield;&::-webkit-outer-spin-button{appearance:none;margin:0}&::-webkit-inner-spin-button{appearance:none;margin:0}}:where(input[type=date],input[type=time],input[type=datetime-local]){cursor:pointer;&::-webkit-calendar-picker-indicator{transition:opacity var(--transition-duration,.25s);opacity:.6;cursor:pointer;&:hover,&:focus-visible{opacity:1}}}:where(input[type=file]){padding:var(--spacing-8,.5rem) var(--spacing-12,.75rem);cursor:pointer;&::file-selector-button{margin-right:var(--spacing-12,.75rem);padding:var(--spacing-8,.5rem) var(--spacing-12,.75rem);transition:background-color var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-accent-color,AccentColor);color:#fff;font:inherit;cursor:pointer;border:0;&:hover,&:focus-visible{background-color:oklch(from var(--natives-accent-color,AccentColor) calc(l * .9) c h)}}&::-webkit-file-upload-button{margin-right:var(--spacing-12,.75rem);padding:var(--spacing-8,.5rem) var(--spacing-12,.75rem);transition:background-color var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-accent-color,AccentColor);color:#fff;font:inherit;cursor:pointer;border:0;&:hover,&:focus-visible{background-color:oklch(from var(--natives-accent-color,AccentColor) calc(l * .9) c h)}}}select{width:100%;padding:var(--natives-spacing,16px 16px);padding-right:calc(var(--spacing-32,2rem) + var(--spacing-12,.75rem));transition-property:background-color,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-background,Field);background-image:var(--natives-chevron-lightmode);background-repeat:no-repeat;background-position:right var(--spacing-16,1rem) center;box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--natives-border-color,ButtonBorder);color:var(--natives-text,FieldText);font:inherit;text-box-trim:trim-both;text-box-edge:cap alphabetic;cursor:pointer;appearance:none;user-select:none;background-size:1rem;border:0;line-height:1.5;display:block;[data-theme=dark] &{background-image:var(--natives-chevron-darkmode)}&[multiple]{padding-right:var(--spacing-16,1rem);cursor:default;background-image:none}}:where(optgroup){color:graytext;font-weight:var(--font-weight-bold,700)}textarea{width:100%;min-height:5lh;padding:var(--natives-spacing,16px 16px);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-background,Field);box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--natives-border-color,ButtonBorder);color:var(--natives-text,ButtonText);font:inherit;text-box-trim:trim-both;text-box-edge:cap alphabetic;resize:vertical;field-sizing:content;border:0;line-height:1.5;display:block;&:user-invalid{box-shadow:inset 0 0 0 2px var(--error,#b91d1c)}&::placeholder{opacity:1;color:graytext}}.character-counter{color:graytext;min-width:max-content;font-size:var(--text-14,.875rem);font-weight:var(--font-weight-medium,500);text-align:right;margin-left:auto;&.warning{color:var(--warning,#d76300)}&.danger{color:var(--error,#b91d1c);font-weight:var(--font-weight-semibold,600)}}@media (width<48rem){.form-group-footer{flex-direction:column;align-items:stretch}.character-counter{text-align:left;margin-left:0}}[type=checkbox]:not([role=switch]){--checkables-border-color:var(--color-gray-400);--checkable-size:1.25em;width:var(--checkable-size,1.25em);height:var(--checkable-size,1.25em);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);border-radius:var(--natives-border-radius,0);background-color:var(--natives-background,Field);box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--checkables-border-color,ButtonBorder);font:inherit;cursor:pointer;user-select:none;appearance:none;border:0;flex:none;justify-content:center;align-items:center;margin:0;line-height:1;display:inline-grid;position:relative;&:is(:checked,:indeterminate){background-color:var(--natives-accent-color,AccentColor);box-shadow:inset 0 0 0 var(--natives-border-width,1px) transparent}&:hover,&:focus-visible{box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--checkables-border-color,ButtonBorder)}&:checked:after{content:"";background-color:#fff;width:100%;height:100%;position:absolute;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"14\" viewBox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"/></svg>") 50% no-repeat}&:indeterminate:after{content:"";background-color:currentColor;width:100%;height:100%;position:absolute;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"14\" viewBox=\"0 0 448 512\"><path d=\"M431 256c0 17.7-14.3 32-32 32H49c-17.7 0-32-14.3-32-32s14.3-32 32-32h350c17.7 0 32 14.3 32 32z\"/></svg>") 50% no-repeat}}[type=radio]{--checkables-border-color:var(--color-gray-400);--checkable-size:1.25em;width:var(--checkable-size,1.25em);height:var(--checkable-size,1.25em);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration,.25s);border-radius:var(--radius-full,9999px);background-color:var(--natives-background,Field);box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--checkables-border-color,ButtonBorder);cursor:pointer;appearance:none;border:0;place-content:center;margin:0;padding:0;display:inline-grid;&:before{content:"";width:calc(var(--checkable-size,1.25em) / 1);height:calc(var(--checkable-size,1.25em) / 1);transition-property:scale;transition-duration:var(--transition-duration,.25s);border:2px solid var(--color-white,#fff);border-radius:var(--radius-full,9999px);background-color:var(--natives-accent-color,AccentColor);scale:0}&:hover,&:focus-visible{box-shadow:inset 0 0 0 var(--natives-border-width,1px) var(--checkables-border-color,ButtonBorder)}&:checked{&:before{scale:.9}}}[role=switch]{--switch-width:2.5rem;--switch-height:1.5rem;--switch-border-width:1px;--checkables-border-color:var(--color-gray-400);width:var(--switch-width);height:var(--switch-height);transition-property:background;transition-duration:var(--transition-duration,.25s);border:var(--switch-border-width) solid var(--checkables-border-color,ButtonBorder);border-radius:var(--radius-full,9999px);background-color:var(--natives-background,ButtonFace);cursor:pointer;appearance:none;justify-content:start;align-items:center;margin:0;padding:0;display:inline-flex;&:before{content:"";transition-property:flex-grow;transition-duration:var(--transition-duration,.25s)}&:after{content:"";width:var(--switch-height);height:var(--switch-height);transition-property:background,scale;transition-duration:var(--transition-duration,.25s);border-radius:var(--radius-full,9999px);background-color:buttonborder;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"14\" viewBox=\"0 0 448 512\"><path fill=\"currentcolor\" d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:0%;flex-shrink:0;scale:.6}&:checked:before{flex-grow:1}&[data-variant=check]:checked{border-color:var(--natives-accent-color,AccentColor);background-color:var(--natives-accent-color,AccentColor);&:before{flex-grow:1}&:after{background-color:#fff;background-size:70%;scale:.8}}}.range{padding-bottom:2rem;position:relative}[type=range]{--range-thumb-size:22px;--range-track-height:6px;width:100%;height:var(--range-thumb-size);color:var(--natives-accent-color,AccentColor);appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}[type=range]:focus-visible{outline-offset:2px;outline:2px solid}[type=range]::-webkit-slider-runnable-track{height:var(--range-track-height);border-radius:var(--range-track-height);background:oklch(from var(--natives-border-color,ButtonBorder) calc(l * 1.5) c h)}[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:var(--range-thumb-size);height:var(--range-thumb-size);margin-top:calc((var(--range-track-height) - var(--range-thumb-size)) * .5);border:4px solid var(--color-white,#fff);appearance:none;background-color:currentColor;border-radius:50%}[type=range]::-moz-range-track{height:var(--range-track-height);border-radius:var(--range-track-height);background:oklch(from var(--natives-border-color,ButtonBorder) calc(l * 1.5) c h)}[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--range-thumb-size);height:var(--range-thumb-size);border:4px solid var(--color-white,#fff);cursor:pointer;background:currentColor;border-radius:50%}[type=range]::-moz-range-progress{height:var(--range-track-height);border-radius:var(--range-track-height);background:currentColor}.range-value{border-radius:var(--natives-border-radius,4px);background-color:var(--natives-background,ButtonFace);font-size:var(--text-14,.875rem);padding:4px 8px;position:absolute;left:0;translate:0 1.4rem}@supports (position-anchor:--i){[data-range-output=anchor] input::-webkit-slider-thumb{anchor-name:--thumb}[data-range-output=anchor] input::-moz-range-thumb{anchor-name:--thumb}[data-range-output=anchor] .range-value{position-anchor:--thumb;position-area:bottom span-all;inset:anchor(top)}}[data-layout]>*{margin-block:0}[data-layout*=stack]{row-gap:var(--spacing-s,.5rem);display:grid}[data-layout*=cluster]{gap:var(--spacing-s,.5rem);flex-wrap:wrap;align-items:start;display:flex}[data-layout*=autogrid]{--col-min-size:20rem;--grid-fill:auto-fit;grid-template-columns:repeat(var(--grid-fill), minmax(min(var(--col-min-size), 100%), 1fr));gap:var(--spacing-s,.5rem);display:grid}[data-layout*=switcher]{--switcher-min-size:30rem;gap:var(--spacing-s,.5rem);flex-wrap:wrap;display:flex;&>*{flex-basis:calc((var(--switcher-min-size) - 100%) * 999);flex-grow:1}}[data-layout*=repel]{justify-content:space-between;align-items:start;gap:var(--spacing-s,.5rem);flex-wrap:wrap;display:flex}[data-layout*=reel]{--item-size:35%;gap:var(--spacing-s,.5rem);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;max-width:100%;height:auto;margin-inline:auto;display:flex;overflow-x:auto;:where(&>*){flex-basis:var(--item-size);flex-shrink:0}&[data-scroll=start]>*{scroll-snap-align:start}&[data-scroll=center]>*{scroll-snap-align:center}&[data-scroll=end]>*{scroll-snap-align:end}&[data-scrollbar=hidden]{scrollbar-width:none;&::-webkit-scrollbar{display:none}}}[data-layout*=duo]{align-content:start;gap:var(--spacing-s,.5rem);display:grid;@media (width>=48rem){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&[data-split*=reverse]{&>:first-child{order:1}}&[data-split*="1-1"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&[data-split*="2-1"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}&[data-split*="1-2"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}&[data-split*="3-1"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}&[data-split*="1-3"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}&[data-split*="4-1"]{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}&[data-split*="1-4"]{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}&[data-split*=auto-1]{grid-template-columns:auto minmax(0,1fr)}&[data-split*="1-auto"]{grid-template-columns:minmax(0,1fr) auto}}&[data-layout*=desktop]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);&[data-split*=reverse]{&>:first-child{order:1}}&[data-split*="1-1"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&[data-split*="2-1"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}&[data-split*="1-2"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}&[data-split*="3-1"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}&[data-split*="1-3"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}&[data-split*="4-1"]{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}&[data-split*="1-4"]{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}&[data-split*=auto-1]{grid-template-columns:auto minmax(0,1fr)}&[data-split*="1-auto"]{grid-template-columns:minmax(0,1fr) auto}}}[data-layout*=boxed]{--boxed-max:80rem;width:100%;max-width:var(--boxed-max,80rem);margin-inline:auto;&[data-boxed=small]{--boxed-max:64rem}}[data-layout*=liquid]{--liquid-min-margin:var(--spacing-16,1rem);--liquid-content:var(--spacing-2xl,98rem);grid-template-columns:[liquid-start] minmax(var(--liquid-min-margin), 1fr) [content-start] minmax(0, calc(var(--liquid-content) / 2)) [half] minmax(0, calc(var(--liquid-content) / 2)) [content-end] minmax(var(--liquid-min-margin), 1fr) [liquid-end];display:grid;:where(&>*){grid-column:content}}[data-layout*=splash]{grid-column:liquid;grid-template-columns:inherit;display:grid;:where(&>*){grid-column:content}}[data-layout*=splash-start]{grid-column:liquid-start/content-end;grid-template-columns:subgrid;display:grid;:where(&>*){grid-column:content}}[data-layout*=splash-end]{grid-column:content-start/liquid-end;grid-template-columns:subgrid;display:grid;:where(&>*){grid-column:content}}[data-layout*=splash-half-start]{grid-column:liquid-start/half;grid-template-columns:subgrid;display:grid;:where(&>*){grid-column:content-start/half}@media (width<48rem){grid-column:liquid;&>*{grid-column:content}}}[data-layout*=splash-half-end]{grid-column:half/liquid-end;grid-template-columns:subgrid;display:grid;:where(&>*){grid-column:half/content-end}@media (width<48rem){grid-column:liquid;&>*{grid-column:content}}}[data-gap=xs]{gap:var(--spacing-xs,.25rem)}[data-gap=s]{gap:var(--spacing-s,.5rem)}[data-gap=m]{gap:var(--spacing-m,1rem)}[data-gap=l]{gap:var(--spacing-l,2rem)}[data-gap=xl]{gap:var(--spacing-xl,3rem)}[data-gap=none]{gap:0}[data-justify=start]{justify-content:start}[data-justify=end]{justify-content:end}[data-justify=center]{justify-content:center}[data-justify=space]{justify-content:space-between}[data-align=start]{align-content:start;align-items:start}[data-align=end]{align-content:end;align-items:end}[data-align=center]{align-content:center;align-items:center}[data-align=stretch]{align-content:stretch;align-items:stretch}:root{--breakpoint-md:48rem;--breakpoint-lg:64rem;--spacing-0:0;--spacing-1:1px;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-128:8rem;--spacing-160:10rem;--spacing-224:14rem;--font-base:system-ui, sans-serif;--font-poppins:poppins, sans-serif;--font-mono:ui-monospace, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--text-14:.875rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--text-24:1.5rem;--text-30:1.875rem;--text-36:2.25rem;--text-48:3rem;--text-60:3.75rem;--text-80:5rem;--leading-20:1.25rem;--leading-24:1.5rem;--leading-28:1.75rem;--leading-32:2rem;--leading-36:2.25rem;--leading-40:2.5rem;--leading-48:3rem;--leading-56:3.5rem;--leading-80:5rem;--leading-100:6.25rem;--radius-none:0;--radius-4:.25rem;--radius-8:.5rem;--radius-12:.75rem;--radius-16:1rem;--radius-24:1.5rem;--radius-full:9999px;--transition-duration:.25s;--z-under-page-level:-1;--z-above-page-level:1;--z-header-level:1000;--z-above-header-level:2000;--z-above-all-level:3000;--color-gray-50:oklch(97% 0 0);--color-gray-100:oklch(92.2% 0 0);--color-gray-200:oklch(87% 0 0);--color-gray-300:oklch(70.8% 0 0);--color-gray-400:oklch(55.6% 0 0);--color-gray-500:oklch(43.9% 0 0);--color-gray-600:oklch(37.1% 0 0);--color-gray-700:oklch(26.9% 0 0);--color-gray-800:oklch(20.5% 0 0);--color-gray-900:oklch(14.5% 0 0);--color-white:oklch(100% 0 0);--color-black:oklch(0% 0 0);--color-red-300:oklch(70.54% .19 27.52);--color-red-500:oklch(50.54% .19 27.52);--color-green-300:oklch(71.66% .13 150.73);--color-green-500:oklch(51.66% .13 150.73);--color-orange-300:oklch(83.15% .17 49.95);--color-orange-500:oklch(63.15% .17 49.95);--color-blue-300:oklch(71.33% .18 256.37);--color-blue-500:oklch(51.33% .18 256.37);color-scheme:light;&[data-theme=light]{color-scheme:light}&[data-theme=dark]{color-scheme:dark}--accent-1:var(--color-blue-500);--base:light-dark(var(--color-white),var(--color-gray-900));--contrast:light-dark(var(--color-gray-900),var(--color-gray-100));--accent-4:light-dark(var(--color-gray-50),var(--color-gray-800));--accent-5:light-dark(var(--color-gray-100),var(--color-gray-700));--link:light-dark(var(--color-green-500),var(--color-orange-300));--link-hover:light-dark(var(--color-green-500),var(--color-orange-300));--selection:light-dark(var(--color-blue-300),var(--color-blue-500));--accent-2:light-dark(var(--accent-1),var(--color-blue-300));--accent-3:light-dark(var(--color-blue-300),var(--accent-1));--warning:light-dark(var(--color-orange-500),var(--color-orange-300));--error:light-dark(var(--color-red-500),var(--color-red-300));--success:light-dark(var(--color-green-500),var(--color-green-300));--text-m:clamp(var(--text-16), .9565rem + .2174vw, var(--text-18));--text-l:clamp(var(--text-18), 1.0761rem + .2174vw, var(--text-20));--text-xl:clamp(var(--text-20), 1.0054rem + 1.087vw, var(--text-30));--text-2xl:clamp(var(--text-24), 1.2065rem + 1.3043vw, var(--text-36));--text-3xl:clamp(var(--text-30), 1.4348rem + 1.9565vw, var(--text-48));--gap-s:clamp(var(--spacing-8), .2955rem + .9091vw, var(--spacing-16));--gap-m:clamp(var(--spacing-16), .5909rem + 1.8182vw, var(--spacing-32));--gap-l:clamp(var(--spacing-24), .8864rem + 2.7273vw, var(--spacing-48));--gap-xl:clamp(var(--spacing-32), .7727rem + 5.4545vw, var(--spacing-80));--spacing-s:clamp(var(--spacing-8), .2955rem + .9091vw, var(--spacing-16));--spacing-m:clamp(var(--spacing-16), .5909rem + 1.8182vw, var(--spacing-32));--spacing-l:clamp(var(--spacing-24), .8864rem + 2.2727vw, var(--spacing-48));--spacing-xl:clamp(var(--spacing-32), .7727rem + 5.4545vw, var(--spacing-80))}}@layer base{@font-face{font-family:Poppins;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Poppins-Variable-opti.woff2) format("woff2") tech("variations"), url(/fonts/Poppins-Variable-opti.woff2) format("woff2-variations")}:root{--sidebar-width:300px}[data-layout*=boxed]{--boxed-max:96rem}[data-gap=xs]{gap:var(--spacing-8)}body{padding:var(--spacing-s);background-color:var(--base);color:var(--contrast);font-family:var(--font-poppins);font-size:var(--text-16);font-weight:var(--font-weight-regular);&.no-scroll{overflow:hidden}}::selection{background:var(--selection)}.title-main{margin:0}.title-l{margin-block:0 var(--spacing-m);color:var(--accent-2);font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);outline:none;.component-base &{margin-bottom:0}}.title-m{margin-block:0 var(--spacing-m);font-size:var(--text-l);font-weight:var(--font-weight-semibold);.page-content &{margin-top:var(--spacing-l)}}.title-s{font-size:var(--text-16);font-weight:var(--font-weight-semibold);margin:0}.header{padding:var(--spacing-m);border-bottom:1px solid var(--accent-5);& .title-main{margin:0;& img{max-width:150px}}& .tagline{margin-block:var(--spacing-s) 0;color:var(--contrast);font-size:var(--text-14);@media (width<48rem){display:none}}}.header-content{gap:var(--spacing-s);align-items:center;display:flex}.main-wrapper{display:grid;overflow-x:hidden;&>*{grid-area:1/1}}.main{padding:var(--spacing-m);transition:var(--transition-duration);will-change:translate, opacity;background-color:var(--base);transition-property:translate,opacity;@media (width>=48rem){margin-left:var(--sidebar-width,300px)}}@media (width<48rem){[data-state=opened] .main{translate:var(--sidebar-width,300px) 0;opacity:.3}[data-state=closed] .main{opacity:1;translate:0}}.component-wrapper{gap:var(--spacing-m);grid-template-areas:"base""info";display:grid;@media (width>=64rem){grid-template-columns:1fr 1fr;grid-template-areas:"base info";align-content:start;align-items:start}&>.component-base{grid-area:base}&>.component-info{grid-area:info}}.sidebar{width:var(--sidebar-width,300px);padding:var(--spacing-m);border-right:1px solid var(--accent-5);& ul{padding-block:var(--spacing-s) var(--spacing-l)}& .nav-item{padding:var(--spacing-12) var(--spacing-16);transition:background-color var(--transition-duration);border-radius:var(--radius-full);color:var(--contrast);font-size:var(--text-16);text-decoration:none;display:block;&:hover,&:focus-visible{background-color:var(--accent-4)}&[aria-current=page]{background-color:var(--accent-4);color:var(--accent-2);font-weight:var(--font-weight-semibold)}}}.list-components{@media (width<9948rem){grid-template-columns:1fr 1fr;display:grid}}.burger-button{box-shadow:none;background:0 0;border:none;@media (width>=48rem){display:none}}.burger-icon{width:1.8rem;height:1.8rem;fill:var(--contrast)}rect{x:0;rx:1px;transform-origin:50%;width:10px;height:1.5px;transition:y .3s .3s,opacity .3s,rotate .3s}.rect-1{y:0}.rect-2{y:4px}.rect-3{y:8px}[aria-expanded=true] rect{transition:y .3s,opacity .3s,rotate .3s cubic-bezier(.55,-.65,0,2.32) .3s}[aria-expanded=true] .rect-1{y:4px;rotate:45deg}[aria-expanded=true] .rect-2{opacity:0}[aria-expanded=true] .rect-3{y:4px;rotate:-45deg}.component-preview{padding:var(--spacing-m) var(--spacing-s) var(--spacing-l);border-radius:var(--radius-24);background-color:var(--accent-4)}.component-code{translate:0 -1.8rem}.component-actions{justify-content:end;display:flex}.component-code-source{margin-top:var(--spacing-s);padding:var(--spacing-s);border:1px solid var(--accent-5);border-radius:var(--radius-24);position:relative}.component-code-source .js-copy-code{top:var(--spacing-s);right:var(--spacing-s);padding:var(--spacing-8) var(--spacing-8);border-radius:var(--radius-8);font-size:var(--text-14);position:absolute}syntax-highlight{white-space:pre-wrap!important}.download-block{margin-block:var(--spacing-l)}.footer{padding-top:var(--spacing-16);border-top:1px solid var(--accent-5)}.logo-alsacreations-pepins-inner{fill:var(--base)}.footer-alsa{padding-block:var(--spacing-m);text-align:center;& p{margin:0}& .logo-alsacreations{width:150px}}.logo-link{color:var(--accent-2);margin:auto;display:inline-block;@media (width>=48rem){&:focus,&:hover{animation:2s linear infinite alternate spaceboots}}}.btn-github{gap:var(--spacing-8);--button-background-color:oklch(51.33% .18 256.37);--button-background-color-hover:oklch(46.197% .18 256.37);--button-border-color:transparent;--button-text-color:var(--color-white);border-radius:var(--radius-24);color:var(--color-white);&:hover,&:focus-visible{color:var(--color-white)}}@keyframes spaceboots{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.demo-preview{max-width:60rem}.demo,.demo-controls{padding:var(--spacing-m);border-radius:var(--radius-24);background-color:var(--accent-4)}.code-highlight{padding:var(--spacing-s);border-radius:var(--radius-16);font-size:var(--text-14);display:block}.natives-details{--details-background-color:transparent;--details-border-color:var(--accent-5)}.theme-switcher{--theme-switcher-width:42px;--theme-switcher-radius:40px;--theme-switcher-padding:4px;--theme-switcher-border-color:light-dark(#111827,#d4d4d4);--theme-switcher-border-size:1px;--theme-switcher-background:light-dark(#d1d5db,#6b7280);--theme-switcher-icon-size:16px;--theme-switcher-icon-color:light-dark(#111827,#fff);--theme-switcher-icon-background:light-dark(#fff,#1e293b);--theme-switcher-transition:.25s;width:var(--theme-switcher-width);padding:var(--theme-switcher-padding);border-radius:var(--theme-switcher-radius);background-color:var(--theme-switcher-background);box-shadow:0 0 0 var(--theme-switcher-border-size) var(--theme-switcher-border-color) inset;cursor:pointer;border:0;justify-content:start;line-height:0;display:inline-flex;&:before{content:"";transition:var(--theme-switcher-transition) flex-grow;will-change:flex-grow;flex:0 0 0}& *{pointer-events:none}&>.theme-icon{transition:var(--theme-switcher-transition) rotate;background-color:var(--theme-switcher-icon-background);color:var(--theme-switcher-icon-color);border-radius:50%;padding:2px;rotate:0deg}& [class^=theme-icon-]{width:var(--theme-switcher-icon-size);height:var(--theme-switcher-icon-size)}&[aria-pressed=false]{& .theme-icon-dark{display:none}}&[aria-pressed=true]{& .theme-icon-light{display:none}&>.theme-icon{rotate:240deg}&:before{flex:1 0 0}}}}@layer components,utilities;@layer syntax-highlight-element{syntax-highlight{white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:2;hyphens:none;color:#000;text-shadow:0 1px #fff;background:#f5f2f0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5;overflow:auto}@media print{syntax-highlight{text-shadow:none}}::highlight(comment){color:#708090}::highlight(prolog){color:#708090}::highlight(doctype){color:#708090}::highlight(cdata){color:#708090}::highlight(punctuation){color:#999}::highlight(namespace){opacity:.7}::highlight(property){color:#905}::highlight(tag){color:#905}::highlight(boolean){color:#905}::highlight(number){color:#905}::highlight(constant){color:#905}::highlight(symbol){color:#905}::highlight(deleted){color:#905}::highlight(selector){color:#690}::highlight(attr-name){color:#690}::highlight(string){color:#690}::highlight(char){color:#690}::highlight(builtin){color:#690}::highlight(inserted){color:#690}::highlight(operator){color:#9a6e3a;background:#ffffff80}::highlight(entity){color:#9a6e3a;background:#ffffff80}::highlight(url){color:#9a6e3a;background:#ffffff80}::highlight(css-string){color:#9a6e3a;background:#ffffff80}::highlight(atrule){color:#07a}::highlight(attr-value){color:#07a}::highlight(keyword){color:#07a}::highlight(function){color:#dd4a68}::highlight(class-name){color:#dd4a68}::highlight(regex){color:#e90}::highlight(important){color:#e90}::highlight(variable){color:#e90}::highlight(important){font-weight:700}::highlight(bold){font-weight:700}::highlight(italic){font-style:italic}::highlight(entity){cursor:help}}