/*! browserux.css 4.0.0 | 2026 MIT Licence | github.com/Effeilo/browserux.css */:root{--bux-page-bg: #eaeaea;--bux-page-color: #121212;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-transparent: transparent;--bux-valid-border-color: #29b94c;--bux-valid-bg-color: #f0fff5;--bux-invalid-border-color: #dc303e;--bux-invalid-bg-color: #fff0f0;--bux-placeholder-color: #aaa;--bux-invalid-placeholder-color: #dc303e;--bux-progress-bar-bg: #efefef;--bux-progress-value-bg: #29b94c;--bux-selection-bg: var(--bux-page-color);--bux-selection-color: var(--bux-page-bg);--bux-selection-text-shadow: none;--bux-scrollbar: var(--bux-page-bg);--bux-scrollbar-track: #ddecf6;--bux-scrollbar-thumb: var(--bux-color-secondary);--bux-scrollbar-thumb-hover: var(--bux-color-primary);--bux-scrollbar-vertical-width: 10px;--bux-scrollbar-horizontal-height: 10px;--bux-typo-font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bux-typo-font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--bux-typo-font-size: 1.6rem;--bux-typo-line-height: 1.6;color-scheme:light dark;interpolate-size:allow-keywords}@media(prefers-color-scheme:dark){:root{--bux-page-bg: #121212;--bux-page-color: #eaeaea;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-valid-bg-color: #0d2e18;--bux-invalid-bg-color: #2e0d0d;--bux-scrollbar-track: #1a2535}}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}body{transition:background-color .3s,color .3s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}@media(prefers-contrast:more){::placeholder{color:#101010cc;opacity:1}[disabled]{color:#101010cc}::selection{text-shadow:none}em,i,small{font-weight:700}}@media(prefers-contrast:more)and (prefers-color-scheme:dark){::placeholder{color:#efefefe6;opacity:1}[disabled]{color:#efefefe6}}@media(prefers-reduced-transparency:reduce){dialog::backdrop{background:#000000e6}::-webkit-scrollbar{background:var(--bux-page-bg)}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;outline-offset:2px}button,input,select,textarea{border:1px solid ButtonText}[disabled],[aria-disabled=true]{opacity:.5}}::selection{background:var(--bux-selection-bg);color:var(--bux-selection-color);text-shadow:var(--bux-selection-text-shadow)}@supports (-moz-appearance: none){html{scrollbar-color:var(--bux-scrollbar-thumb) var(--bux-scrollbar-track);scrollbar-width:auto}}::-webkit-scrollbar{background:var(--bux-scrollbar);height:var(--bux-scrollbar-horizontal-height);width:var(--bux-scrollbar-vertical-width)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background-color:var(--bux-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--bux-scrollbar-thumb);border-radius:calc(var(--bux-scrollbar-vertical-width) / 2)}::-webkit-scrollbar-thumb:hover{background-color:var(--bux-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}::placeholder{color:var(--bux-placeholder-color)}input,textarea,[contenteditable]{caret-color:var(--bux-color-primary)}input[type=checkbox],input[type=radio],input[type=range],meter,select{accent-color:var(--bux-color-primary)}progress{accent-color:var(--bux-progress-value-bg)}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{background:var(--bux-color-primary);border:none}input:user-valid,textarea:user-valid,select:user-valid{background-color:var(--bux-valid-bg-color);border-color:var(--bux-valid-border-color)}input:user-invalid,textarea:user-invalid,select:user-invalid{background-color:var(--bux-invalid-bg-color);border-color:var(--bux-invalid-border-color)}input:user-invalid::placeholder,textarea:user-invalid::placeholder{color:var(--bux-invalid-placeholder-color)}progress::-webkit-progress-bar{background-color:var(--bux-progress-bar-bg);border-radius:8px}progress::-webkit-progress-value{background-color:var(--bux-progress-value-bg);border-radius:8px}progress::-moz-progress-bar{background-color:var(--bux-progress-value-bg)}:focus{outline:2px solid var(--bux-color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--bux-color-primary);outline-offset:2px}*,*:before,*:after{margin:0;padding:0}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}html{font-family:var(--bux-typo-font-family);font-size:62.5%;min-height:100%;overflow-y:scroll;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;tab-size:4;-moz-tab-size:4;text-size-adjust:100%;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bux-page-bg);color:var(--bux-page-color);font-size:var(--bux-typo-font-size);line-height:var(--bux-typo-line-height);min-height:100%;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}blockquote,pre{max-width:100%}pre{font-family:var(--bux-typo-font-family-mono)}hr{border:none;border-top:1px solid currentColor;color:inherit;height:0;overflow:visible}a{outline:0;text-decoration:none;text-decoration-skip-ink:auto;text-underline-offset:.2em;touch-action:manipulation}abbr[title],dfn[title]{cursor:help;text-decoration:underline dotted}b,strong{font-weight:bolder}code{max-width:100%;white-space:pre-wrap}code,kbd,samp{font-family:var(--bux-typo-font-family-mono)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}area{touch-action:manipulation}audio,canvas,iframe,img,svg,video{vertical-align:middle}img::selection{background-color:var(--bux-transparent)}img,svg,video{height:auto;max-width:100%}svg{fill:currentColor}table{border-color:inherit;text-indent:0}table,td{max-width:100%}fieldset{border:none;padding:0}legend{padding:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;-webkit-user-select:none;user-select:none}button,input,label,select,textarea{touch-action:manipulation}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,select{text-transform:none}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),label[for],select{cursor:pointer}[disabled],[aria-disabled=true]{cursor:not-allowed}button,[type=button],[type=reset],[type=submit]{-moz-appearance:button;appearance:button;-webkit-appearance:button}input,textarea{max-width:100%}input,select,textarea{-webkit-user-select:text;user-select:text}[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{vertical-align:baseline}textarea{field-sizing:content;resize:vertical}::-webkit-file-upload-button{-moz-appearance:button;appearance:button;-webkit-appearance:button;font:inherit}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-moz-focus-inner{border-style:none;padding:0}:-moz-ui-invalid{box-shadow:none}summary{display:list-item}[role=button],details[open] summary,summary{-webkit-user-select:none;user-select:none}dialog{background:var(--bux-page-bg);border:none;color:var(--bux-page-color);margin:auto;max-width:100%;padding:0}dialog::backdrop{background:#00000080}@media(prefers-reduced-motion:no-preference){dialog{opacity:1;transform:translateY(0);transition:display .25s allow-discrete,opacity .25s,overlay .25s allow-discrete,transform .25s}@starting-style{dialog[open]{opacity:0;transform:translateY(-8px)}}dialog::backdrop{transition:background-color .25s,display .25s allow-discrete,overlay .25s allow-discrete}@starting-style{dialog[open]::backdrop{background-color:#0000}}}@media print{*,*:before,*:after{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}img,figure{page-break-inside:avoid}}:root{--bux-page-bg: #eaeaea;--bux-page-color: #374152;--bux-color-primary: #b0bec5;--bux-color-secondary: #0e93f0;--bux-transparent: transparent;--bux-valid-border-color: #29b94c;--bux-valid-bg-color: #f0fff5;--bux-invalid-border-color: #dc303e;--bux-invalid-bg-color: #fff0f0;--bux-placeholder-color: #aaa;--bux-invalid-placeholder-color: #dc303e;--bux-progress-bar-bg: #efefef;--bux-progress-value-bg: #29b94c;--bux-selection-bg: var(--bux-page-color);--bux-selection-color: var(--bux-page-bg);--bux-selection-text-shadow: none;--bux-scrollbar: var(--bux-page-bg);--bux-scrollbar-track: transparent;--bux-scrollbar-thumb: var(--bux-color-primary);--bux-scrollbar-thumb-hover: var(--bux-color-primary);--bux-scrollbar-vertical-width: 10px;--bux-scrollbar-horizontal-height: 10px;--bux-typo-font-family: "Space Grotesk", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bux-typo-font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--bux-typo-font-size: 1.6rem;--bux-typo-line-height: 1.6;--bux-code-bg: #fff;--bux-code-color: var(--bux-page-color)}@media(prefers-color-scheme:dark){:root{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #eb8a55;--bux-color-secondary: #58aae3;--bux-code-bg: #555}}[data-theme=dark]{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #eb8a55;--bux-color-secondary: #58aae3;--bux-code-bg: #555}:root{--border-color: #000;--spacing: 5rem;--spacing-half: 2.5rem;--text-mutted: #808080;--text-light: #606060;--component-accent: rgba(176,190,197,1);--component-accent-light: rgba(176,190,197,.3);--component-accent-color: #fff;--carousel-accent: rgba(128,203,196,1);--carousel-accent-light: rgba(128,203,196,.3);--carousel-accent-color: #fff;--modal-accent: rgba(239,154,154,1);--modal-accent-light: rgba(239,154,154,.3);--modal-accent-color: #fff;--popover-accent: rgba(255,204,128,1);--popover-accent-light: rgba(255,204,128,.3);--popover-accent-color: var(--bux-page-color);--accordion-accent: rgba(197,225,165,1);--accordion-accent-light: rgba(197,225,165,.3);--accordion-accent-color: var(--bux-page-color);--tabs-accent: rgba(206,147,216,1);--tabs-accent-light: rgba(206,147,216,.3);--tabs-accent-color: #fff;--tooltip-accent: rgba(128,222,234,1);--tooltip-accent-light: rgba(128,222,234,.3);--tooltip-accent-color: var(--bux-page-color);--progress-bar-accent: rgba(188,170,164,1);--progress-bar-accent-light: rgba(188,170,164,.3);--progress-bar-accent-color: #fff;--switch-accent: rgba(223,156,122,1);--switch-accent-light: rgba(223,156,122,.3);--switch-accent-color: #fff}body{background-color:#eceae5;background-image:linear-gradient(#c2c2bd 1px,transparent 1px),linear-gradient(90deg,#c2c2bd 1px,transparent 1px);background-position:-1px -1px;background-size:48px 48px}main{background:#fff;border-inline:1px solid var(--border-color);margin:0 auto;max-width:114rem}.header{align-items:center;border-bottom:2px solid var(--border-color);border-inline:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 2rem 1rem 1rem}.logo{font-size:2.6rem;text-transform:uppercase}.logo span{color:var(--bux-page-color);font-weight:700;position:relative;top:2px}.logo span+span{color:var(--bux-color-primary)}.logo span+span+span{color:var(--bux-page-color);font-weight:400}.logo span+span+span+span{font-weight:700}.nav{display:flex;gap:1rem;position:relative;top:2px}.nav-toggle{align-items:center;background:#fff;border:2px solid var(--border-color);color:var(--bux-page-color);cursor:pointer;display:none;height:4.4rem;justify-content:center;padding:0;width:4.4rem}.nav-backdrop,.nav-panel-header,.nav-close{display:none}.nav-toggle:focus-visible{outline:3px solid var(--bux-color-primary);outline-offset:3px}.nav-toggle-line{background:currentColor;display:block;height:2px;position:absolute;transition:transform .18s ease,opacity .18s ease;width:2rem}.nav-toggle-line:nth-child(1){transform:translateY(-7px)}.nav-toggle-line:nth-child(3){transform:translateY(7px)}.header.is-nav-open .nav-toggle-line:nth-child(1){transform:rotate(45deg)}.header.is-nav-open .nav-toggle-line:nth-child(2){opacity:0}.header.is-nav-open .nav-toggle-line:nth-child(3){transform:rotate(-45deg)}.nav-link{color:var(--bux-page-color);font-size:1.4rem;text-transform:uppercase}.nav-link:hover{text-decoration:underline;text-decoration-color:var(--bux-color-primary);text-decoration-thickness:2px;text-underline-offset:4px}.nav-link.active{font-weight:700}.nav span{color:var(--bux-color-primary);font-weight:700}.nav-cadre{position:relative;top:-3px}.breadcrumb{border-bottom:2px solid var(--border-color);border-inline:1px solid var(--border-color);font-size:1.4rem;font-weight:700;padding:1rem var(--spacing-half);text-transform:uppercase}.breadcrumb a{color:var(--bux-page-color);font-weight:400}.breadcrumb span{color:var(--bux-color-primary);font-weight:700;display:inline-block;margin:0 .5rem;position:relative;top:-1px}.hero{border-bottom:1px solid var(--border-color);border-inline:1px solid var(--border-color)}.hero-flex{align-items:center;display:flex;flex-wrap:wrap}.hero-flex-txt{width:calc(100% / 3 * 2)}@media(max-width:980px){.landing .hero-flex-txt{width:100%}}.hero-flex-img{text-align:center;width:calc(100% / 3)}@media(max-width:980px){.landing .hero-flex-img{display:none}}@media(max-width:720px){.hero-flex-img{padding-bottom:var(--spacing-half)}.hero-flex-img img{width:150px}:not(.landing) .hero p{padding-bottom:var(--spacing-half)}}h1{font-size:clamp(4rem,19vw,10rem);font-weight:700;letter-spacing:-2px;line-height:.9;overflow-wrap:normal;padding:var(--spacing) var(--spacing-half) var(--spacing-half);text-transform:uppercase;word-break:normal}@media(max-width:480px){h1{padding-top:var(--spacing-half)}}h1 span{color:var(--bux-color-primary)}.hero p{font-size:2rem;font-weight:700;padding:1rem var(--spacing-half) var(--spacing);text-wrap:balance}@media(max-width:720px){.hero p{font-size:1.8rem}}.hero-flex-txt:has(.hero-positioning) p{padding:1rem var(--spacing-half) 0}.hero-flex-txt:has(.hero-positioning) p.hero-positioning{font-weight:400;padding:1rem var(--spacing-half) var(--spacing)}@media(max-width:480px){.hero-flex-txt:has(.hero-positioning) p.hero-positioning{padding-bottom:var(--spacing-half)}}.hero p code{background:#0000004d;font-size:1.7rem;letter-spacing:-1px;padding:.2rem .5rem}#ui-accordion .hero p code,#ui-tooltip .hero p code,#ui-popover .hero p code{background:#ffffff80}.hero-content{background:#fff;border-top:2px solid var(--border-color);color:var(--bux-page-color);display:flex;flex-wrap:wrap}.hero-content>p{border-right:2px solid var(--border-color);font-size:1.4rem;font-weight:400;padding:1.5rem var(--spacing-half);text-transform:uppercase;width:calc(100% / 3)}.hero-content.column-4>p{width:25%}.hero-content>p.last-3,.hero-content>p:last-of-type{border-right:none}.hero-content.column-4>p.last-3{border-right:2px solid var(--border-color)}.hero-content.column-4>p.last-4{border-right:none}.hero-content>p span{display:block;font-weight:700}.hero-content>p.empty{display:none}@media(max-width:890px){.hero-content.column-4>p{border-bottom:2px solid var(--border-color);width:calc(100% / 3)}.hero-content.column-4>p.empty{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);border-bottom:none;display:block}.hero-content.column-4>p.last-3{border-right:none}.hero-content.column-4>p.last-4{border-right:2px solid var(--border-color);border-bottom:none}}@media(max-width:768px){.hero .hero-content.column-4>p.empty{display:none}.hero .hero-content>p.empty{display:block;border-bottom:none;background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px)}.hero .hero-content>p,.hero-content.column-4>p{border-bottom:2px solid var(--border-color);border-top:none;width:50%;padding-bottom:1.5rem}.hero .hero-content>p.last-4{border-right:none}.hero .hero-content>p.last-3{border-bottom:none;border-right:2px solid var(--border-color)}.hero-content>p.last-2{border-right:none}}@media(max-width:500px){.hero .hero-content>p.empty{display:none}.hero .hero-content>p,.hero-content.column-4>p{border-right:none;width:100%;padding-bottom:1.5rem}.hero .hero-content>p.last-3{border-bottom:none;border-right:none}.hero-content.column-4>p.last-3{border-bottom:2px solid var(--border-color);border-right:none}}.section-intro{background:var(--bux-page-color);border:1px solid var(--border-color);border-right:none;color:#fff;font-size:1.8rem;font-weight:700;padding:1rem var(--spacing-half)}@media(max-width:720px){.section-intro{font-size:1.6rem}}section{border-right:1px solid var(--border-color)}h2:not(.columns h2){background:var(--bux-page-color);border:1px solid var(--border-color);border-right:none;color:#fff;font-size:2rem;font-weight:700;padding:1rem var(--spacing-half)}@media(max-width:720px){h2:not(.columns h2){font-size:1.8rem}}.columns{background:#fff;display:flex;flex-wrap:wrap}.columns>li{border:1px solid var(--border-color);display:flex;flex-direction:column;list-style:none;padding:1.5rem var(--spacing-half);width:calc(100% / 3)}.options .columns>li{display:block}.columns>li:last-of-type,.columns>li.last{border-right:none}.columns.columns-4>li{width:25%}.column-number{color:var(--text-mutted);font-size:1.2rem}.column-img{background:var(--component-accent);margin:1rem 0;padding:var(--spacing-half);text-align:center}.columns h3,.columns h2{font-size:1.9rem}.columns p{color:var(--text-light);margin-top:1rem;text-wrap:pretty}.columns code{background:var(--component-accent-light);font-size:1.3rem;letter-spacing:-1px;padding:.2rem .5rem}.compat-table{font-size:1.4rem;margin-top:1rem;text-align:center;width:100%}.columns p a{color:var(--bux-page-color);font-size:1.4rem;font-weight:700;text-decoration:underline;text-decoration-color:var(--bux-color-primary);text-decoration-thickness:2px;text-underline-offset:4px}.columns p .btn{border:2px solid var(--border-color);color:var(--bux-page-color);display:block;padding:1rem;text-align:center;text-decoration:none;transition:background .2s color .2s;margin-top:2rem}.columns p .btn:hover{background:var(--component-accent);border:2px solid var(--component-accent);color:#fff;font-weight:700}.columns p.bottom{margin-top:auto}.columns>li.empty{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);display:none}.infos .columns>li.last-3{border-right:none}@media(max-width:980px){.composants .columns>li.empty{display:block}.composants .columns>li{width:calc(100% / 3)}.composants .columns>li.last{border-right:1px solid var(--border-color)}.composants .columns>li.last-3{border-right:none}}@media(max-width:780px){.composants .columns>li.empty{display:none}.composants .columns>li{width:50%}.composants .columns>li.last{border-right:none}.composants .columns>li.last-3{border-right:1px solid var(--border-color)}.composants .columns>li.last-2{border-right:none}}@media(max-width:480px){.composants .columns>li{border-right:none;width:100%}.composants .columns>li.last-3{border-right:none}}.benefits .columns>li.last-3,.limitations .columns>li.last-3,.benefits .columns.columns-4>li.last-4,.limitations .columns.columns-4>li.last-4{border-right:none}.benefits .columns.columns-4>li.last-3,.limitations .columns.columns-4>li.last-3{border-right:1px solid var(--border-color)}@media(max-width:1024px){.benefits .columns.columns-4>li.empty,.limitations .columns.columns-4>li.empty{display:block}.benefits .columns.columns-4>li,.limitations .columns.columns-4>li{width:calc(100% / 3)}.benefits .columns.columns-4>li.last-3,.limitations .columns.columns-4>li.last-3{border-right:none}.benefits .columns.columns-4>li.last-4,.limitations .columns.columns-4>li.last-4{border-right:1px solid var(--border-color)}}@media(max-width:780px){.infos .columns>li.empty,.benefits .columns>li.empty,.limitations .columns>li.empty{display:block}.benefits .columns.columns-4>li.empty,.limitations .columns.columns-4>li.empty{display:none}.infos .columns>li,.benefits .columns>li,.limitations .columns>li,.benefits .columns.columns-4>li,.limitations .columns.columns-4>li{width:50%}.benefits .columns.columns-4>li.last-4,.limitations .columns.columns-4>li.last-4{border-right:none}.infos .columns>li.last-3,.benefits .columns>li.last-3,.limitations .columns>li.last-3,.benefits .columns.columns-4>li.last-3,.limitations .columns.columns-4>li.last-3{border-right:1px solid var(--border-color)}.infos .columns>li.last-2,.benefits .columns>li.last-2,.limitations .columns>li.last-2{border-right:none}}@media(max-width:480px){.infos .columns>li.empty,.benefits .columns>li.empty,.limitations .columns>li.empty{display:none}.infos .columns>li,.benefits .columns>li,.limitations .columns>li,.benefits .columns.columns-4>li,.limitations .columns.columns-4>li{border-right:none;width:100%}.infos .columns>li.last-3,.benefits .columns>li.last-3,.limitations .columns>li.last-3,.benefits .columns.columns-4>li.last-3,.limitations .columns.columns-4>li.last-3{border-right:none}}.options .columns>li.last-3,.options .columns>li.last-4{border-right:none}.options .columns.columns-4>li.last-3{border-right:1px solid var(--border-color)}@media(max-width:1010px){.options .columns.columns-4>li{width:calc(100% / 3)}.options .columns.columns-4>li.empty{display:block}.options .columns.columns-4>li.last-3{border-right:none}.options .columns.columns-4>li.last-4{border-right:1px solid var(--border-color)}}@media(max-width:830px){.options .columns>li,.options .columns.columns-4>li{width:50%}.options .columns>li.empty{display:block}.options .columns.columns-4>li.empty{display:none}.options .columns.columns-4>li.last-2,.options .columns.columns-4>li.last-4{border-right:none}.options .columns>li.last-3,.options .columns.columns-4>li.last-3{border-right:1px solid var(--border-color)}.options .columns>li.last-2{border-right:none}}@media(max-width:560px){.options .columns>li.empty{display:none}.options .columns>li,.options .columns.columns-4>li{border-right:none;width:100%}.options .columns>li.last-3,.options .columns.columns-4>li.last-3{border-right:none}}.footer{padding:2.5rem;display:flex;font-size:1.4rem;align-items:center;justify-content:space-between;border:1px solid #000;border-bottom:2px solid #000;margin-bottom:5rem}.footer .logo{font-size:1.8rem}.footer .logo img{width:3rem}.footer a{color:var(--bux-page-color);font-weight:700}.footer a:hover{text-decoration:underline;text-decoration-color:var(--bux-color-primary);text-decoration-thickness:2px;text-underline-offset:4px}@media(max-width:640px){.footer{flex-direction:column;text-align:center}.footer .logo{margin-bottom:1rem}}.start-box{border:1px solid var(--border-color);border-right:none;display:flex;flex-wrap:wrap}.start-instructions{border-right:2px solid var(--border-color);padding:var(--spacing-half);width:25%}.start-instructions h3{font-size:2.4rem;line-height:1.2}.start-instructions p,.start-instructions ul{margin-top:1rem}.start-instructions li{list-style:none}.start-instructions li span{color:var(--bux-color-primary);display:inline-block;font-weight:700;min-width:var(--spacing-half)}.start-code{background:var(--bux-page-color);color:#fff;font-family:var(--bux-typo-font-family-mono);font-size:1.4rem;padding:var(--spacing-half);width:75%}.start-code p{margin-bottom:.5rem}.code-comments{color:var(--bux-color-primary)}.code-classname{color:#e6b89c}.code-indent{padding-left:2rem}.code-spacing{margin-top:2rem}@media(max-width:1050px){.start-instructions{width:30%}.start-code{width:70%}}@media(max-width:870px){.start-instructions{width:40%}.start-code{width:60%}}@media(max-width:650px){.start-instructions,.start-code{width:50%}}@media(max-width:530px){.start-instructions{border-right:none}.start-instructions,.start-code{width:100%}}.preview-box,.code-box{border:1px solid var(--border-color);border-right:none;padding:var(--spacing-half)}.code details{border:2px solid #000;border-bottom:none}.code details:last-of-type{border-bottom:2px solid #000}.code details>summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:1rem 2.5rem}.code details>summary:hover{background:var(--component-accent-light)}.code details>summary::-webkit-details-marker{display:none}.code details>summary>.chev{transition:transform .3s cubic-bezier(.22,1,.36,1)}.code details[open]>summary>.chev{transform:rotate(45deg)}@supports (interpolate-size: allow-keywords){.code details::details-content{block-size:0;overflow:clip;transition:block-size .32s cubic-bezier(.22,1,.36,1),content-visibility .32s allow-discrete}.code details[open]::details-content{block-size:auto}}.code-snippet{position:relative}.copy-code{background:#1118276b;border:1px solid rgba(248,248,242,.28);color:#f8f8f2;cursor:pointer;font-family:var(--bux-typo-font-family-mono);font-size:1.4rem;letter-spacing:0;line-height:1;padding:1rem 2rem;position:absolute;right:1rem;top:1rem;transition:background .18s ease,border-color .18s ease,color .18s ease;z-index:1}.copy-code:hover,.copy-code:focus-visible{background:#f8f8f224;border-color:#f8f8f28f}.copy-code:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.copy-code.is-copied{border-color:#86efaca3;color:#86efac}.copy-code.is-copy-error{border-color:#fca5a5a3;color:#fca5a5}.code-box pre{background:var(--bux-page-color);color:#f8f8f2;font-size:1.3rem;overflow:auto;padding:4rem 2.5rem 2.5rem;white-space:pre}@media(max-width:600px){.code-box pre{font-size:1.2rem;padding:4rem 1.5rem}}.code-box pre code{background:transparent!important}.code-box .token.comment,.code-box .token.prolog,.code-box .token.doctype,.code-box .token.cdata{color:#a8b3c4}.code-box .token.punctuation{color:#d4dbe7}.code-box .token.tag,.code-box .token.property,.code-box .token.constant,.code-box .token.symbol,.code-box .token.deleted{color:#7dd3fc}.code-box .token.attr-name,.code-box .token.selector,.code-box .token.boolean,.code-box .token.number{color:#e6b89c}.code-box .token.string,.code-box .token.char,.code-box .token.attr-value,.code-box .token.builtin,.code-box .token.inserted{color:#86efac}.code-box .token.operator,.code-box .token.entity,.code-box .token.url{color:#e2e8f0}.code-box .token.atrule,.code-box .token.keyword{color:#c4b5fd}.code-box .token.function,.code-box .token.class-name{color:#67e8f9}.code-box .token.regex,.code-box .token.important,.code-box .token.variable{color:#fca5a5}.components-nav{display:flex}.components-nav div{width:50%}.components-nav a{border:1px solid var(--border-color);color:var(--bux-page-color);display:block;padding:var(--spacing-half);width:100%}.components-nav a span{display:block;font-size:2.6rem;font-weight:700}.components-nav a span.direction{color:var(--text-mutted);font-size:1.4rem;font-weight:400;text-transform:uppercase}.components-nav div.next{text-align:right}.components-nav div.next a{border-right:none}@media(max-width:600px){.components-nav a span{font-size:2rem}}@media(max-width:500px){.components-nav{flex-direction:column}.components-nav div{width:100%}.components-nav .previous a{border-right:none}}#ui-browser .hero{background:var(--component-accent);color:var(--component-accent-color)}#ui-carousel .hero{background:var(--carousel-accent);color:var(--carousel-accent-color)}#ui-modal .hero{background:var(--modal-accent);color:var(--modal-accent-color)}#ui-popover .hero{background:var(--popover-accent);color:var(--popover-accent-color)}#ui-accordion .hero{background:var(--accordion-accent);color:var(--accordion-accent-color)}#ui-tabs .hero{background:var(--tabs-accent);color:var(--tabs-accent-color)}#ui-tooltip .hero{background:var(--tooltip-accent);color:var(--tooltip-accent-color)}#ui-progress-bar .hero{background:var(--progress-bar-accent);color:var(--progress-bar-accent-color)}#ui-switch .hero{background:var(--switch-accent);color:var(--switch-accent-color)}#carousel .column-img{background:var(--carousel-accent)}#modal .column-img{background:var(--modal-accent)}#popover .column-img{background:var(--popover-accent)}#accordion .column-img{background:var(--accordion-accent)}#tabs .column-img{background:var(--tabs-accent)}#tooltip .column-img{background:var(--tooltip-accent)}#progress-bar .column-img{background:var(--progress-bar-accent)}#switch .column-img{background:var(--switch-accent)}#carousel code{background:var(--carousel-accent-light)}#modal code{background:var(--modal-accent-light)}#popover code{background:var(--popover-accent-light)}#accordion code{background:var(--accordion-accent-light)}#tabs code{background:var(--tabs-accent-light)}#tooltip code{background:var(--tooltip-accent-light)}#progress-bar code{background:var(--progress-bar-accent-light)}#switch code{background:var(--switch-accent-light)}#carousel .btn:hover{background:var(--carousel-accent);border:2px solid var(--carousel-accent);color:var(--carousel-accent-color)}#accordion .btn:hover{background:var(--accordion-accent);border-color:var(--accordion-accent);color:var(--accordion-accent-color)}#modal .btn:hover{background:var(--modal-accent);border:2px solid var(--modal-accent);color:var(--modal-accent-color)}#popover .btn:hover{background:var(--popover-accent);border:2px solid var(--popover-accent);color:var(--popover-accent-color)}#tabs .btn:hover{background:var(--tabs-accent);border-color:var(--tabs-accent);color:var(--tabs-accent-color)}#tooltip .btn:hover{background:var(--tooltip-accent);border-color:var(--tooltip-accent);color:var(--tooltip-accent-color)}#progress-bar .btn:hover{background:var(--progress-bar-accent);border-color:var(--progress-bar-accent);color:var(--progress-bar-accent-color)}#switch .btn:hover{background:var(--switch-accent);border-color:var(--switch-accent);color:var(--switch-accent-color)}#ui-carousel code:not(.hero p code){background:var(--carousel-accent-light)}#ui-modal code:not(.hero p code){background:var(--modal-accent-light)}#ui-popover code:not(.hero p code){background:var(--popover-accent-light)}#ui-accordion code:not(.hero p code){background:var(--accordion-accent-light)}#ui-tabs code:not(.hero p code){background:var(--tabs-accent-light)}#ui-tooltip code:not(.hero p code){background:var(--tooltip-accent-light)}#ui-progress-bar code:not(.hero p code){background:var(--progress-bar-accent-light)}#ui-switch code:not(.hero p code){background:var(--switch-accent-light)}#ui-carousel .columns p a:hover{text-decoration-color:var(--carousel-accent)}#ui-modal .columns p a:hover{text-decoration-color:var(--modal-accent)}#ui-popover .columns p a:hover{text-decoration-color:var(--popover-accent)}#ui-accordion .columns p a:hover{text-decoration-color:var(--accordion-accent)}#ui-tabs .columns p a:hover{text-decoration-color:var(--tabs-accent)}#ui-tooltip .columns p a:hover{text-decoration-color:var(--tooltip-accent)}#ui-progress-bar .columns p a:hover{text-decoration-color:var(--progress-bar-accent)}#ui-switch .columns p a:hover{text-decoration-color:var(--switch-accent)}#ui-carousel .code details>summary:hover{background:var(--carousel-accent-light)}#ui-modal .code details>summary:hover{background:var(--modal-accent-light)}#ui-popover .code details>summary:hover{background:var(--popover-accent-light)}#ui-accordion .code details>summary:hover{background:var(--accordion-accent-light)}#ui-tabs .code details>summary:hover{background:var(--tabs-accent-light)}#ui-tooltip .code details>summary:hover{background:var(--tooltip-accent-light)}#ui-progress-bar .code details>summary:hover{background:var(--progress-bar-accent-light)}#ui-switch .code details>summary:hover{background:var(--tabs-switch-light)}#ui-carousel details[open] .chev{color:var(--carousel-accent)}#ui-modal details[open] .chev{color:var(--modal-accent)}#ui-popover details[open] .chev{color:var(--popover-accent)}#ui-accordion details[open] .chev{color:var(--accordion-accent)}#ui-tabs details[open] .chev{color:var(--tabs-accent)}#ui-tooltip details[open] .chev{color:var(--tooltip-accent)}#ui-progress-bar details[open] .chev{color:var(--progress-bar-accent)}#ui-switch details[open] .chev{color:var(--switch-accent)}#preview-carousel-track{padding-inline:7rem}#preview-carousel{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding:0;padding:1rem 0 4rem}#preview-carousel .origin{scroll-initial-target:nearest}@supports (-moz-appearance: none){#preview-carousel{scrollbar-color:rgba(128,203,196,1) transparent;scrollbar-width:auto}}#preview-carousel::-webkit-scrollbar{background:transparent;height:10px;width:10px}#preview-carousel::-webkit-scrollbar-track{background-color:transparent}#preview-carousel::-webkit-scrollbar-thumb{background-color:#80cbc4b3;border-radius:0;border:2px solid #000}#preview-carousel::-webkit-scrollbar-thumb:hover{background-color:#80cbc4}@supports selector(.carousel::scroll-button(right)){#preview-carousel-track{position:relative}#preview-carousel::scroll-button(left),#preview-carousel::scroll-button(right){background:#fff;color:var(--bux-color-primary);position:absolute;top:1rem;inline-size:5rem;min-height:320px;border:2px solid #000;cursor:pointer;font-size:5rem;z-index:1}#preview-carousel::scroll-button(left):hover,#preview-carousel::scroll-button(right):hover{color:var(--bux-page-color)}#preview-carousel::scroll-button(left):disabled,#preview-carousel::scroll-button(right):disabled{opacity:0;pointer-events:none}#preview-carousel::scroll-button(left){content:"‹";left:.5rem}#preview-carousel::scroll-button(right){content:"›";right:.5rem}#preview-carousel{scroll-marker-group:after}#preview-carousel::scroll-marker-group{display:flex;justify-content:center;gap:.45rem;padding-block:.85rem 0;height:8px;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}#preview-carousel>article::scroll-marker{content:"";width:1rem;height:1rem;border:2px solid #000;background:transparent;transition:.2s}#preview-carousel>article::scroll-marker:target-current{background:#80cbc4;width:3rem}}.card{container-type:scroll-state;flex:0 0 min(380px,80vw);scroll-snap-align:center;overflow:hidden}@media(max-width:580px){.card{flex:0 0 min(100%,80vw)}}.card-inner{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);display:flex;flex-direction:column;gap:2rem;min-height:320px;padding:2.5rem;border-top:2px solid #000;border-bottom:2px solid #000;border-right:2px solid #000}.card:first-of-type{border-left:2px solid #000}@supports (container-type: scroll-state){@container scroll-state(snapped: x){.card-inner{background-color:#1f242b;background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);color:#fff}}}.card-num{font-size:1.4rem;color:#80cbc4;font-weight:700}.card h3{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.02em}.card p{flex:1}.card code{background:#80cbc44d;font-size:1.3rem;padding:.2rem .5rem}.card-tag{background-color:#fff;display:inline-block;align-self:flex-start;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;border:1px solid #000;color:var(--bux-page-color)}.accordion{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);border:1px solid #000}.accordion details{border:1px solid #000;overflow:hidden;padding:0}.accordion details[open]{background:var(--bux-page-color);color:#fff}.accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:color var(--dur-2);padding:1rem 2.5rem;font-weight:700;font-size:2rem}.accordion details[open] summary{background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);border-bottom:2px solid #000;color:#fff}.accordion summary::-webkit-details-marker{display:none}.accordion summary:hover{background-image:repeating-linear-gradient(45deg,#c5e1a5,#c5e1a5 14px,#e7f0dd 14px,#e7f0dd 28px)}.chev{font-size:3.6rem;font-weight:700;transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block;width:24px;text-align:center}details[open] .chev{transform:rotate(45deg);color:var(--component-accent)}.details-body{padding:2.5rem;max-width:65ch}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}details::details-content{block-size:0;overflow:clip;transition:block-size .32s cubic-bezier(.22,1,.36,1),content-visibility .32s allow-discrete}details[open]::details-content{block-size:auto}}.tabs{max-width:100%;border:2px solid #000;overflow:hidden;padding:0;margin:0;min-inline-size:0;background:var(--bux-page-color)}.tabs>input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px}.tab-list{position:relative;display:flex;border-bottom:2px solid #000;background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px)}.tab-label{flex:1;padding:2rem 2.5rem;text-align:center;font-weight:700;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none}@media(max-width:640px){.tab-label{font-size:1.6rem;padding:2rem 1rem}}@media(max-width:540px){.tab-label span{display:none}}@media(max-width:330px){.tab-label{padding:2rem .5rem}}.tab-label:hover{background-image:repeating-linear-gradient(45deg,#d7acde,#d7acde 14px,#e4cae9 14px,#e4cae9 28px)}.tabs:has(#tab-1:focus-visible) .tab-label[for=tab-1],.tabs:has(#tab-2:focus-visible) .tab-label[for=tab-2],.tabs:has(#tab-3:focus-visible) .tab-label[for=tab-3]{outline:5px solid rgba(206,147,216,1);outline-offset:-4px}.tab-indicator{position:absolute;bottom:0;left:0;height:5px;width:calc(100% / 3);background:#ce93d8;transition:transform .6s cubic-bezier(.22,1,.36,1)}.tabs:has(#tab-1:checked) .tab-indicator{transform:translate(0)}.tabs:has(#tab-2:checked) .tab-indicator{transform:translate(100%)}.tabs:has(#tab-3:checked) .tab-indicator{transform:translate(200%)}.tabs:has(#tab-1:checked) .tab-label[for=tab-1],.tabs:has(#tab-2:checked) .tab-label[for=tab-2],.tabs:has(#tab-3:checked) .tab-label[for=tab-3]{color:#fff;background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px)}.tab-panels{display:grid;grid-template:"stack"}.tab-panel{background:var(--bux-page-color);grid-area:stack;padding:2.5rem;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .32s,transform .32s,visibility .32s allow-discrete}.tabs:has(#tab-1:checked) .tab-panel[data-tab="1"],.tabs:has(#tab-2:checked) .tab-panel[data-tab="2"],.tabs:has(#tab-3:checked) .tab-panel[data-tab="3"]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.tab-panel h4{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff}.tab-panel p,.tab-panel li{color:#fff}.tab-panel li{margin-left:2rem}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paragraph-with-tooltips{background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);border:2px solid var(--border-color);color:#fff;font-size:2.4rem;margin-inline:auto;max-width:50rem;padding:var(--spacing-half)}.anchor{position:relative;border-bottom:1px dashed var(--tooltip-accent);cursor:help;font-style:italic;color:var(--tooltip-accent)}.anchor-1{anchor-name:--a1}.anchor-2{anchor-name:--a2}.anchor-3{anchor-name:--a3}.tooltip{border:2px solid var(--border-color);position:absolute;font-size:1.6rem;padding:.6rem .9rem;background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);color:var(--bux-page-color);width:max-content;max-width:240px;line-height:1.4;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .32s,transform .32s;z-index:10;bottom:calc(100% + 8px);left:50%;translate:-50% 0}@supports (anchor-name: --a){.tooltip-1{position-anchor:--a1;bottom:anchor(top);left:anchor(center);margin-bottom:8px;translate:-50% 0}.tooltip-2{position-anchor:--a2;bottom:anchor(top);left:anchor(center);margin-bottom:8px;translate:-50% 0}.tooltip-3{position-anchor:--a3;bottom:anchor(top);left:anchor(center);margin-bottom:8px;translate:-50% 0}}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#e6e6e3}.anchor:hover .tooltip,.anchor:focus .tooltip,.anchor:focus-within .tooltip{opacity:1;transform:translateY(0)}.browser{border:2px solid #000;overflow:hidden;font-family:-apple-system,SF Pro Text,sans-serif}.browser-header{background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);padding:10px 12px 0;display:flex;flex-direction:column;gap:0}.browser-header-box{display:flex;align-items:center;gap:8px}.browser-header-dots{display:flex;align-items:center;gap:6px;flex-shrink:0}.browser-header-dots #btn-close{width:16px;height:16px;background:#ff5f57;border:2px solid rgba(0,0,0,1);display:flex;align-items:center;justify-content:center}.browser-header-dots #btn-min{width:16px;height:16px;background:#febc2e;border:2px solid rgba(0,0,0,1);display:flex;align-items:center;justify-content:center}.browser-header-dots #btn-max{width:16px;height:16px;background:#28c840;border:2px solid rgba(0,0,0,1);display:flex;align-items:center;justify-content:center}.browser-header-dots #btn-close .btn-icon{font-size:8px;color:#8a1a0c;opacity:0;line-height:1}.browser-header-dots #btn-min .btn-icon{font-size:9px;color:#7a5800;opacity:0;line-height:.6;margin-top:-1px}.browser-header-dots #btn-max .btn-icon{font-size:8px;color:#0d5317;opacity:0;line-height:1}.browser-header-tabs{display:flex;align-items:flex-end;gap:0;overflow:hidden;flex:1}.browser-header-tab{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);border:2px solid #000;border-bottom:none;padding:20px 30px;font-size:1.4rem;color:#222;white-space:nowrap;display:flex;align-items:center;gap:6px;max-width:200px}.browser-header-tab.disabled{background:#ffffff4d;border:2px solid rgba(0,0,0,.08);color:#fff;padding-top:18px;padding-bottom:18px}.browser-header-tab-add{background:#ffffff4d;border:.5px solid rgba(0,0,0,.06);border-bottom:none;padding:21px 30px 20px;font-size:2rem;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.browser-content{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);height:300px;border-top:.5px solid rgba(0,0,0,.08);color:#aaa;letter-spacing:.02em;overflow-y:scroll;position:relative;scroll-timeline:--my-scroll block}.browser-content:has(.ui-scrollbar){overflow:scroll}.browser-content-height{height:3000px}.ui-scrollbar .browser-content-height{width:3000px}.browser-content-height p{position:sticky;top:50%;transform:translateY(-50%);text-align:center;font-size:2.6rem;font-weight:700}.scroll-progress{position:sticky;top:0;left:0;height:10px;width:100%;background:var(--progress-bar-accent);transform-origin:left;transform:scaleX(0);animation:scroll-grow linear;animation-timeline:--my-scroll}@keyframes scroll-grow{to{transform:scaleX(1)}}.paragraph-selection::selection,.paragraph-selection *::selection{background-color:#ff0;color:#000}.paragraph-selection::search-text,.paragraph-selection *::search-text{background-color:var(--component-accent);color:#fff}.paragraph-selection::search-text:current,.paragraph-selection *::search-text:current{background-color:var(--bux-page-color);color:#fff}.paragraph-selection{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);border:2px solid var(--border-color);padding:var(--spacing-half);font-size:2rem;text-wrap:balance}.paragraph-selection span{font-style:italic;font-size:1.8rem}kbd{background:#ffffff80;font-size:1.5rem;padding:.3rem .5rem;border:2px solid rgba(0,0,0,.2)}:root{--scrollbar-width: 16px;--scrollbar-height: var(--scrollbar-width);--scrollbar-radius: 999px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(247,203,0,1);--scrollbar-thumb-hover: #f7ae00;--scrollbar-width-firefox: auto;--scrollbar-corner: transparent}@supports (-moz-appearance: none){:where(.ui-scrollbar){scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:var(--scrollbar-width-firefox, auto)}}@supports selector(::-webkit-scrollbar){:where(.ui-scrollbar)::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height, var(--scrollbar-width))}:where(.ui-scrollbar)::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}:where(.ui-scrollbar)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius, 999px)}:where(.ui-scrollbar)::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}:where(.ui-scrollbar)::-webkit-scrollbar-corner{background:var(--scrollbar-corner, transparent)}}.modal-demo{max-width:100%;text-align:center}.modal-demo>button{background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);color:#fff;border:2px solid var(--border-color);padding:1.5rem 2.5rem;margin:0 1rem}@media(max-width:410px){.modal-demo>button{width:100%;margin:0}.modal-demo>button.btn-primary{margin-bottom:2.5rem}}.modal-demo>button:hover{color:var(--modal-accent)}.modal{margin:auto;width:min(560px,calc(100vw - 2rem));padding:0;background:transparent;border:none;overflow:visible}.modal--small{width:min(420px,calc(100vw - 2rem))}.modal-inner{background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);border:2px solid var(--border-color);padding:2.5rem;box-shadow:0 40px 80px -20px #0006;display:grid;gap:1.25rem}.modal-inner header{display:flex;justify-content:space-between;align-items:start}.modal-inner h3{font-size:2.6rem;font-weight:700}.modal-close{background:#fff;width:36px;height:36px;font-size:3.6rem;line-height:1;transition:all .16s;padding-left:2px;border:2px solid var(--border-color)}.modal-close:hover{background:var(--modal-accent);color:#fff}.modal-inner p{font-size:1.8rem}.modal-inner p code{font-size:1.5rem}.modal-inner footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.modal-inner footer button{background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);color:#fff;border:2px solid var(--border-color);padding:1rem 2.5rem;margin:0}.modal-inner footer button:hover{color:var(--modal-accent)}.modal-inner footer button.btn-ghost{background-image:none;color:var(--bux-page-color)}.modal-inner footer button.btn-ghost:hover{border:2px solid var(--modal-accent);color:var(--bux-page-color)}.modal{opacity:0;transform:scale(.96) translateY(8px);transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1),overlay .24s allow-discrete,display .24s allow-discrete}.modal:popover-open,.modal:open,dialog.modal[open]{opacity:1;transform:scale(1) translateY(0)}@starting-style{.modal:popover-open,.modal:open,dialog.modal[open]{opacity:0;transform:scale(.96) translateY(8px)}}.modal::backdrop{background:color-mix(in oklch,#000 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .24s,overlay .24s allow-discrete,display .24s allow-discrete}.modal:popover-open::backdrop,.modal:open::backdrop,dialog.modal[open]::backdrop{opacity:1}@starting-style{.modal:popover-open::backdrop,.modal:open::backdrop,dialog.modal[open]::backdrop{opacity:0}}.switch-grid{display:grid;gap:1rem;max-width:400px;margin-inline:auto}.switch{display:flex;color:#fff;align-items:center;gap:1rem;padding:2rem 2.5rem;background-image:repeating-linear-gradient(45deg,#262c34,#262c34 14px,#2f3640 14px,#2f3640 28px);border:2px solid var(--border-color);cursor:pointer}.switch:hover{background-image:repeating-linear-gradient(45deg,#c9805b,#c9805b 14px,#df9c7a 14px,#df9c7a 28px)}.switch:has(input:checked){border-color:var(--accent);background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);color:var(--bux-page-color)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:44px;height:24px;background:#ffffff80;transition:background .24s;flex-shrink:0}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;transition:transform .24s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 6px #0003}.switch:has(input:checked) .switch-track{background:var(--switch-accent)}.switch:has(input:checked) .switch-track:after{transform:translate(20px)}.switch-text{font-size:2rem;font-weight:700}.focus,.focus-visible{border:2px solid var(--border-color);background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);padding:2.5rem;text-align:center}.focus-box{display:flex;flex-wrap:wrap;justify-content:space-between}.focus-box>div{width:calc(50% - 1.25rem)}.focus-box p{font-size:1.8rem}.focus-box code{background:var(--component-accent-light);font-size:1.5rem;padding:.2rem .5rem}.focus-box button,.focus-box a{background:#fff;color:var(--bux-page-color);border:2px solid var(--border-color);display:inline-block;line-height:1;padding:1.5rem 2.5rem;margin:1rem}.focus button:focus,.focus a:focus{outline:5px solid red;outline-offset:2px}.focus-visible button:focus-visible,.focus-visible a:focus-visible{outline:5px solid #f7cb02;outline-offset:2px}@media(max-width:1100px){.focus-box p{font-size:1.6rem}.focus-box code{font-size:1.4rem}}@media(max-width:1040px){.focus-box>div{width:100%}.focus{margin-bottom:2.5rem}}@media(max-width:480px){.focus-box button,.focus-box a{width:100%;margin-inline:0}}#form-preview{accent-color:var(--component-accent);background-image:repeating-linear-gradient(45deg,#f1f1ef,#f1f1ef 14px,#e6e6e3 14px,#e6e6e3 28px);border:2px solid var(--border-color);display:grid;gap:1.6rem 2rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;max-width:760px;padding:var(--spacing-half)}#form-preview p,#form-preview fieldset{margin:0}#form-preview>p:nth-of-type(4),#form-preview fieldset,#form-preview>p:nth-last-of-type(-n+4){grid-column:1 / -1}#form-preview .field{display:grid;gap:.6rem}#form-preview label,#form-preview legend{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.6rem}#form-preview input:not([type=checkbox]):not([type=radio]):not([type=range]),#form-preview select,#form-preview textarea{background:#fff;border:2px solid var(--border-color);color:var(--bux-page-color);font:inherit;min-height:4.8rem;padding:1rem 1.25rem;width:100%}#form-preview textarea{resize:vertical}#form-preview ::placeholder{color:var(--text-mutted);opacity:1}#form-preview .hint{color:var(--text-light);font-size:1.3rem;line-height:1.35}#form-preview .field:has(:is(input[required],select[required],textarea[required]):user-valid) .hint:before{color:#29b94c;content:"✓ ";font-weight:700}#form-preview .field:has(:is(input[required],select[required],textarea[required]):user-invalid) .hint:before{color:#dc303e;content:"! ";font-weight:700}#form-preview input:not([type=checkbox]):not([type=radio]):not([type=range]):user-valid,#form-preview select:user-valid,#form-preview textarea:user-valid{background-color:#f0fff5;border-color:#29b94c}#form-preview input:not([type=checkbox]):not([type=radio]):not([type=range]):user-invalid,#form-preview select:user-invalid,#form-preview textarea:user-invalid{background-color:#fff0f0;border-color:#dc303e}#form-preview input:user-invalid::placeholder,#form-preview textarea:user-invalid::placeholder{color:#dc303e}#form-preview fieldset{background:#ffffffa6;border:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1.5rem}#form-preview fieldset legend{padding-inline:.5rem}#form-preview fieldset label,#form-preview label:has(input[type=checkbox]){align-items:center;display:inline-flex;gap:.7rem;margin:0}#form-preview input[type=checkbox],#form-preview input[type=radio]{width:1.8rem;height:1.8rem}#form-preview input[type=range],#form-preview progress,#form-preview meter{display:block;width:100%}#form-preview progress{accent-color:var(--component-accent)}#form-preview progress,#form-preview meter{height:1.8rem}#form-preview progress::-webkit-progress-bar{background-color:#ffffffb3}#form-preview progress::-webkit-progress-value{background-color:var(--component-accent)}#form-preview progress::-moz-progress-bar{background-color:var(--component-accent)}#form-preview button{background:#fff;border:2px solid var(--border-color);color:var(--bux-page-color);font:inherit;font-weight:700;line-height:1;margin-right:1rem;padding:1.4rem 2.5rem}@media(max-width:400px){#form-preview button{width:100%;margin-top:1rem}}#form-preview button:hover{background:var(--component-accent);color:var(--component-accent-color)}#form-preview:has(:is(input,select,textarea):invalid) button[type=submit]{opacity:.65}@media(max-width:900px){.hero-flex-txt,.hero-flex-img{width:100%}}@media(max-width:720px){body.has-nav-open{overflow:hidden}.header{align-items:center;gap:1rem;padding:1rem}.nav-toggle{display:inline-flex;margin-left:auto;position:relative;z-index:3}.nav-backdrop{background:#0000006b;border:0;cursor:pointer;display:block;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility 0s linear .2s;visibility:hidden;z-index:20}.header.is-nav-open .nav-backdrop{opacity:1;pointer-events:auto;transition:opacity .2s ease,visibility 0s;visibility:visible}.nav{background:#fff;border:2px solid var(--border-color);border-left:0;box-shadow:20px 0 50px #0000002e;display:block;gap:0;height:100dvh;left:0;max-width:calc(100vw - 5rem);overflow-y:auto;pointer-events:none;position:fixed;top:0;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s;visibility:hidden;width:min(32rem,calc(100vw - 5rem));z-index:21}.header.is-nav-open .nav{pointer-events:auto;transform:translate(0);transition:transform .24s cubic-bezier(.22,1,.36,1),visibility 0s;visibility:visible}.nav-panel-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.2rem}.nav-panel-brand{align-items:center;color:var(--bux-page-color);display:flex;font-size:2.2rem;gap:0;line-height:1;min-width:0;padding:0;text-transform:uppercase}.nav-panel-brand img{flex:0 0 auto;margin-right:.4rem}.nav-panel-brand span{color:var(--bux-page-color);display:inline-block;flex:0 0 auto;font-weight:700;min-width:max-content;position:relative;top:2px}.nav-panel-brand span+span{color:var(--bux-color-primary)}.nav-close{align-items:center;background:var(--bux-page-color);border:2px solid var(--border-color);color:#fff;cursor:pointer;display:flex;font-size:3.2rem;height:4.4rem;justify-content:center;line-height:1;margin-left:auto;padding:0 0 .4rem;width:4.4rem}.nav-close:hover,.nav-close:focus-visible{background:var(--bux-color-primary);color:var(--bux-page-color)}.nav-close:focus-visible{outline:3px solid var(--bux-color-primary);outline-offset:3px}.nav-link{border-top:1px solid var(--border-color);display:block;font-size:1.6rem;padding:1.6rem 2rem}.nav-link:first-of-type{border-top:0}.nav-separator{display:none}.nav>.nav-cadre{display:none}h1{font-size:clamp(4rem,13vw,5.2rem);letter-spacing:0}#form-preview{grid-template-columns:1fr}}