/*! browserux.css 3.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:none}:focus-visible{outline:2px solid var(--bux-color-primary);outline-offset:2px}*,*:before,*:after{margin:0;padding:0}[hidden]{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;overscroll-behavior:contain}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: #121212;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-transparent: transparent;--bux-white: #fff;--bux-black: #000;--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: Dosis, 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;--bux-footer-bg: #444;--bux-footer-color: #fff;--bux-code-bg: #f3f3f3;--bux-code-color: #121212;--bux-copy-bg: #fff;--bux-copy-color: #121212;--bux-tag-html-bg: #f05e0e;--bux-tag-html-color: #fff;--bux-tag-css-bg: #0e93f0;--bux-tag-css-color: #fff;--bux-tag-js-bg: #ffcc00;--bux-tag-js-color: #000;--bux-tag-vite-bg: #bd34fe;--bux-tag-vite-color: #fff;--bux-card-bg: #f3f3f3;--bux-card-border: #dedede;color-scheme:light dark;interpolate-size:allow-keywords}@media(prefers-color-scheme:dark){:root{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #eb8a55;--bux-color-secondary: #58aae3;--bux-white: #444;--bux-black: #fff;--bux-code-bg: #333;--bux-code-color: #eaeaea;--bux-copy-bg: #555;--bux-copy-color: #eaeaea;--bux-footer-bg: #222;--bux-footer-color: #fff;--bux-tag-html-bg: #eb8a55;--bux-tag-html-color: #fff;--bux-tag-css-bg: #58aae3;--bux-tag-css-color: #fff;--bux-tag-js-bg: #f3d043;--bux-tag-js-color: #000;--bux-card-bg: #3d3d3d;--bux-card-border: #222}}[data-theme=dark]{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #eb8a55;--bux-color-secondary: #58aae3;--bux-white: #444;--bux-black: #fff;--bux-code-bg: #333;--bux-code-color: #eaeaea;--bux-copy-bg: #555;--bux-copy-color: #eaeaea;--bux-footer-bg: #222;--bux-footer-color: #fff;--bux-tag-html-bg: #eb8a55;--bux-tag-html-color: #fff;--bux-tag-css-bg: #58aae3;--bux-tag-css-color: #fff;--bux-tag-js-bg: #f3d043;--bux-tag-js-color: #000;--bux-card-bg: #3d3d3d;--bux-card-border: #222}html{font-family:var(--bux-typo-font-family);font-size:62.5%}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)}ul,li{list-style:none}h1{align-items:center;display:flex;gap:1rem;justify-content:center;font-size:4rem}@media(max-width:768px){h1{flex-direction:column;line-height:4.2rem}}h1 img{height:auto;width:100px}@media(max-width:768px){h1 img{width:200px}}span.h1{position:relative;top:2px}h2{font-size:2.6rem}h2.small{color:var(--bux-black);cursor:pointer;font-size:2.4rem;margin-top:0;padding-top:3rem}h2.small:after{content:"▼";position:relative;display:block;transition:transform .3s ease;font-size:.9em;color:var(--bux-color-primary);transform:translateY(0) rotate(0);transition:.3s ease}h2.small.open:after{color:var(--bux-color-secondary);transform:translateY(0) rotate(180deg)}h3{font-size:2.4rem;position:relative}h4{font-size:2.4rem;margin-top:5rem;color:var(--bux-color-secondary)}h5{font-size:2.2rem;margin-top:3rem}.btn-download{background-color:var(--bux-tag-css-bg);border-radius:5px;color:var(--bux-tag-css-color);display:inline-block;font-size:2.2rem;font-weight:700;margin-top:3rem;padding:1rem 2.5rem;box-shadow:0 4px 6px #0000001a}.btn-download:hover{background-color:var(--bux-tag-js-bg);color:var(--bux-tag-js-color);transition:.25s}.btn-download.plugin{background-color:var(--bux-tag-vite-bg);color:var(--bux-tag-vite-color)}a{color:var(--bux-color-secondary);font-weight:700}a:hover{color:var(--bux-page-color)}p{margin-top:1rem}p.intro{font-size:2.4rem;margin-inline:auto;margin-top:2rem}.small{color:#666;font-size:1.5rem;margin-top:1rem}.small>a{color:#666;font-weight:400}html[data-theme=dark] .small,html[data-theme=dark] .small>a{color:#aaa}.small>a:hover{text-decoration:underline}pre{margin-top:3rem}.list{margin-top:2rem;padding-left:1rem}.list li{margin-bottom:.5rem;font-size:2rem;text-align:left}ul.list li:before{content:"•";color:var(--bux-color-secondary);font-weight:700;display:inline-block;width:1rem;margin-left:-1rem}.nav-all-btn img{display:block}.nav-all>.nav-all-bg{background:#000000b3;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:none}.nav-all>.nav-all-bg.active{display:block}.nav-all>.nav-all-content{background:var(--bux-white);left:0;position:fixed;top:0;width:280px;bottom:0;overflow-y:auto;padding:0;z-index:3;transition:transform .2s ease-in-out;box-shadow:0 4px 6px #0000001a;padding:2rem;transform:translate(-100%);z-index:2}.nav-all>.nav-all-content.active{transform:translate(0)}.nav-all div img{width:150px;display:block}.nav .nav-all ul{flex-direction:column;align-items:start}.nav-all a{font-weight:400;display:block;line-height:3.6rem;font-size:1.8rem;color:var(--bux-page-color)}.nav-all p{font-weight:700;border-top:2px solid var(--bux-page-bg);padding-top:2rem;margin-bottom:2rem;font-size:2rem}.nav-all strong{display:block;margin:2rem 0 1rem;font-size:2rem}@media(max-width:768px){.mobile-hidden{display:none!important}}.box.box-line{text-align:left}.nav-right-close-btn{display:none!important}#btn-nav{width:40px;margin-left:1.5rem}.box.box-line .nav-right a{display:block;padding:1rem 0;font-size:1.8rem;color:var(--bux-black);font-weight:400}.box.box-line{display:flex;padding:1rem;text-align:left;line-height:1;gap:2rem;align-items:center;justify-content:space-between}.box.box-line .nav-left>a{margin-left:1rem}.box.box-line .nav-right a{display:inline-block;margin-right:1.5rem}.box.box-line .nav-right a:hover{color:var(--bux-color-primary)}.box.box-line .nav-right a.codesource{display:inline-block}.box.box-line .nav-right a.codesource{display:none}.github-link{transition:.3s;position:relative;top:-2px}.github-link:hover{opacity:.5}@media(max-width:1024px){.nav-all>a{padding-right:0}.box.box-line .nav-left>a{margin-left:0}}@media(max-width:550px){.truncate-doc{display:none}}.box.box-line .nav-right a.lang{font-size:1.4rem;color:var(--bux-color-secondary);font-weight:700}.box.box-line .nav-right a.lang:hover{color:var(--bux-color-primary)}@media(max-width:500px){.nav #btn-nav+a>span.h1>span{display:none}}.separator{position:relative;top:0}browserux-theme-switcher{position:relative;top:-2px}.dark-icon{width:24px;position:relative;left:-7px;top:2px}.hero{text-align:center;max-width:800px;margin-inline:auto;padding:0 5rem 5rem}@media(max-width:768px){.hero{padding:2rem}}.hero h2{margin-top:2rem}.npm-box{display:flex}.npm{display:flex;align-items:center;background:var(--bux-code-bg);border-radius:5px;overflow:hidden;font-family:var(--bux-typo-font-family-mono);font-size:1.6rem;margin-top:3rem;padding:0 4px;margin-inline:auto}.npm code{padding:.9rem 1.4rem;color:var(--bux-page-color);background:none;font-size:1.8rem}.npm-copy{background:transparent;border:none;border-left:1px solid var(--bux-page-bg);padding:0 1.3rem;color:var(--bux-placeholder-color);cursor:pointer;font-family:var(--bux-typo-font-family);font-size:1.6rem;min-height:3.8rem;transition:color .15s,background .15s}.npm-copy:hover{background:var(--bux-page-bg);color:var(--bux-page-color)}.demo-section{background-color:var(--bux-white);padding:5rem}@media(max-width:768px){.demo-section{padding:2rem}}.demo-box{max-width:1000px;margin-inline:auto}.demo-header{text-align:center}.demo-header h3{font-weight:400}.demo-header p{font-size:2.2rem}.bux-toggle{display:inline-flex;align-items:center;gap:.8rem;background:var(--bux-code-bg);border:2px solid var(--bux-page-bg);border-radius:3rem;padding:.6rem 1.6rem;font-size:1.6rem;font-family:var(--bux-typo-font-family);font-weight:700;color:var(--bux-page-color);cursor:pointer;transition:border-color .2s,background .2s;margin-top:1rem}.bux-toggle:hover{border-color:var(--bux-color-primary)}.bux-dot{width:.8rem;height:.8rem;border-radius:50%;background:#29b94c;flex-shrink:0;transition:background .2s}.bux-dot.off{background:#dc303e}.demo-card{width:100%;margin-top:2.5rem;border:1px solid #ccc}.demo-card-head{padding:1.8rem 2rem 0}.demo-card-title{font-size:2rem;font-weight:800;color:var(--bux-page-color);margin:0 0 .4rem}.demo-card-desc{font-size:2rem;color:#666;margin:1rem 0}.demo-card-title code,.demo-card-desc code{font-size:1.8rem}html[data-theme=dark] .demo-card-desc{color:#aaa}.tag-new{display:inline-block;background:#29b94c1f;border:1px solid rgba(41,185,76,.3);color:#29b94c;font-size:1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .7rem;border-radius:4px;margin-left:.6rem;vertical-align:middle}.pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--bux-page-bg)}@media(max-width:560px){.pair{grid-template-columns:1fr}}.pane{padding:1.4rem 2rem 1.8rem;text-align:left}.pane+.pane{border-left:1px solid var(--bux-page-bg)}@media(max-width:560px){.pane+.pane{border-left:none;border-top:1px solid var(--bux-page-bg)}}.pane-label{font-size:1.1rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pane-label code{text-transform:none}.pane-label:before{content:"✗"}.pane.is-before .pane-label{color:#dc303e}.pane.is-after .pane-label{color:#29b94c}.pane.is-after .pane-label:before{content:"✓"}.demo-code{background:var(--bux-code-bg);border-top:1px solid var(--bux-page-bg);padding:1rem 2rem;font-family:var(--bux-typo-font-family-mono);font-size:1.3rem;color:#666;overflow-x:auto;white-space:nowrap}html[data-theme=dark] .demo-code{color:#aaa}.demo-code .p{color:var(--bux-color-secondary)}.demo-code .v{color:var(--bux-color-primary)}.demo-code .c{color:#bbb;font-style:italic}.dialog-btns{display:flex;gap:1rem;flex-wrap:wrap;padding:1.4rem 2rem 1.8rem;border-top:1px solid var(--bux-page-bg)}.btn-open{background:var(--bux-code-bg);border:1px solid var(--bux-page-bg);border-radius:5px;padding:.9rem 1.6rem;font-family:var(--bux-typo-font-family);font-size:1.5rem;color:var(--bux-page-color);cursor:pointer;transition:border-color .15s,background .15s}.btn-open:hover{border-color:#888}.btn-open.good{border-color:#29b94c;color:#29b94c}.btn-open.good:hover{background:#29b94c12}#dlg-plain,#dlg-anim{background:var(--bux-white);color:var(--bux-page-color);border:1px solid var(--bux-page-bg);border-radius:8px;padding:2.8rem;max-width:360px;width:90%;box-shadow:0 8px 32px #0000002e;font-size:1.8rem}#dlg-anim{border-color:#29b94c}#dlg-plain{transition:none!important}#dlg-plain::backdrop{background:#00000073;transition:none!important}#dlg-anim{opacity:1;transform:translateY(0);transition:display .28s allow-discrete,opacity .28s,overlay .28s allow-discrete,transform .28s}#dlg-anim::backdrop{background:#0000;transition:background-color .28s,display .28s allow-discrete,overlay .28s allow-discrete}#dlg-anim[open]::backdrop{background:#00000073}@starting-style{#dlg-anim[open]{opacity:0;transform:translateY(-30px)}#dlg-anim[open]::backdrop{background:#0000}}.dlg-title{font-size:2rem;font-weight:800;margin:0 0 .6rem}.dlg-desc{font-size:1.6rem;color:#666;margin:0 0 1.6rem}html[data-theme=dark] .dlg-desc{color:#aaa}.dlg-close{background:var(--bux-code-bg);border:1px solid var(--bux-page-bg);border-radius:5px;padding:.7rem 1.6rem;font-family:var(--bux-typo-font-family);font-size:1.5rem;color:var(--bux-page-color);cursor:pointer}.demo-input{background:var(--bux-code-bg);border:1px solid var(--bux-page-bg);padding:.7rem 1.2rem;border-radius:5px;color:var(--bux-page-color);font-family:var(--bux-typo-font-family);font-size:1.6rem;width:100%}.ex-box-before{box-sizing:content-box!important;width:200px;padding:20px;border:4px solid #dc303e;background:#dc303e12;font-family:var(--bux-typo-font-family);font-size:1.4rem;color:var(--bux-page-color)}.ex-box-after{box-sizing:border-box;width:200px;padding:20px;border:4px solid #29b94c;background:#29b94c12;font-family:var(--bux-typo-font-family);font-size:1.4rem;color:var(--bux-page-color)}.ex-btn-before{font-family:initial!important;font-size:initial!important;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;display:flex}.ex-img-wrap-before{display:inline-block;background:#dc303e12;border:2px dashed #dc303e;line-height:initial}.ex-img-before{vertical-align:initial!important;display:inline!important}.ex-img-wrap-after{display:inline-block;background:#29b94c12;border:2px dashed #29b94c}.ex-hr-before{border:none!important;border-top:1px inset!important;color:revert!important}.ex-ta-before{resize:both!important;field-sizing:initial!important;font-family:initial!important;height:68px;width:100%}.ex-link-before{text-underline-offset:initial!important;color:var(--bux-color-secondary);text-decoration:underline;font-family:var(--bux-typo-font-family);font-size:1.8rem}.ex-link-after{color:var(--bux-color-secondary);text-decoration:underline;font-family:var(--bux-typo-font-family);font-size:1.8rem}.ex-cs-before{color-scheme:light!important}.ex-focus-before :focus{outline:2px solid var(--bux-color-secondary)!important;outline-offset:2px}.scroll-toggle-btn-box{padding:0 0 2rem;display:flex;justify-content:center}.ex-scroll{height:100px;overflow-y:auto;border:1px solid var(--bux-page-bg);border-radius:5px;background:var(--bux-code-bg);padding:.8rem 1.2rem;font-size:1.4rem;color:#666}html[data-theme=dark] .ex-scroll{color:#aaa}.ex-scroll.no-gutter{scrollbar-gutter:auto}.ex-scroll.with-gutter{scrollbar-gutter:stable}.ex-overflow-before{overflow-wrap:normal!important;word-break:normal!important;font-family:var(--bux-typo-font-family-mono);font-size:1.3rem;color:var(--bux-page-color);max-width:200px;overflow:visible;background:#dc303e12;border:2px dashed #dc303e;padding:.8rem}.ex-overflow-after{overflow-wrap:break-word;font-family:var(--bux-typo-font-family-mono);font-size:1.3rem;color:var(--bux-page-color);max-width:200px;background:#29b94c12;border:2px dashed #29b94c;padding:.8rem}.ex-balance-before{text-wrap:unset!important;font-size:2rem;font-weight:700;max-width:195px;color:var(--bux-page-color);line-height:1.3;margin:0}.ex-balance-after{text-wrap:balance;font-size:2rem;font-weight:700;max-width:195px;color:var(--bux-page-color);line-height:1.3;margin:0}.ex-accent{display:flex;flex-direction:column;gap:.8rem;font-size:1.6rem;font-family:var(--bux-typo-font-family);color:var(--bux-page-color)}.ex-accent label{display:flex;align-items:center;gap:.6rem;cursor:pointer}.pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}@media(max-width:600px){.pref-grid{grid-template-columns:1fr}}.pref-card{background:var(--bux-code-bg);border-radius:5px;padding:1.8rem;display:flex;flex-direction:column;gap:.8rem}.pref-title{font-size:2rem;font-weight:800;margin:0}.pref-desc{font-size:2rem;color:#666;margin:0}html[data-theme=dark] .pref-desc{color:#aaa}.pref-btn{align-self:flex-start;background:var(--bux-white);border:2px solid var(--bux-page-bg);border-radius:5px;padding:.6rem 1.4rem;font-family:var(--bux-typo-font-family);font-size:1.4rem;font-weight:700;color:var(--bux-page-color);cursor:pointer;transition:border-color .15s;margin:.4rem 0}.pref-btn:hover{border-color:var(--bux-color-primary)}.pref-btn[aria-pressed=true]{background:#f05e0e17;border-color:var(--bux-color-primary);color:var(--bux-color-primary)}.pref-preview{background:var(--bux-white);border-radius:5px;padding:1.2rem;font-size:1.4rem;flex:1}.pv-theme{border-radius:5px;padding:1rem;background:#eaeaea;color:#121212;font-size:1.4rem;transition:background .3s,color .3s}[data-demo-dark] .pv-theme{background:#333;color:#eaeaea}.pv-fields{display:flex;gap:.8rem;margin-top:.8rem}@media(max-width:480px){.pv-fields{flex-direction:column}}.pv-valid{flex:1;padding:.5rem .9rem;border-radius:4px;font-family:var(--bux-typo-font-family);font-size:1.3rem;background:#f0fff5;border:1px solid #29b94c;color:#121212;transition:background .3s}.pv-invalid{flex:1;padding:.5rem .9rem;border-radius:4px;font-family:var(--bux-typo-font-family);font-size:1.3rem;background:#fff0f0;border:1px solid #dc303e;color:#121212;transition:background .3s}[data-demo-dark] .pv-valid{background:#0d2e18;color:#eaeaea}[data-demo-dark] .pv-invalid{background:#2e0d0d;color:#eaeaea}.pv-motion{display:flex;align-items:center;gap:1.4rem;min-height:5rem}.pv-ball{width:2rem;height:2rem;border-radius:50%;background:var(--bux-color-primary);flex-shrink:0;animation:ball-bounce .9s infinite alternate ease-in-out}@keyframes ball-bounce{0%{transform:translateY(0)}to{transform:translateY(-1.6rem)}}[data-demo-reduced-motion] .pv-ball{animation-duration:0s!important;transform:none!important}[data-demo-reduced-motion] .pv-motion-label{text-decoration:line-through;opacity:.5;font-size:1.4rem}.pv-motion-label{font-size:1.4rem}.pv-contrast{padding:1rem;border-radius:5px;background:var(--bux-code-bg);font-size:1.4rem;transition:background .2s,color .2s,border .2s}[data-demo-contrast] .pv-contrast{background:#fff;color:#000;border:2px solid #000000}html[data-theme=dark] [data-demo-contrast] .pv-contrast{background:#000;color:#fff;border:2px solid #ffffff}.pv-contrast input{display:block;width:100%;margin-bottom:.8rem;background:transparent;border:1px solid currentColor;border-radius:4px;padding:.5rem .9rem;font-family:var(--bux-typo-font-family);color:inherit;font-size:1.4rem}[data-demo-contrast] .pv-contrast ::placeholder{color:#101010cc;opacity:1}html[data-theme=dark] [data-demo-contrast] .pv-contrast ::placeholder{color:#fffc}[data-demo-contrast] .pv-contrast em,[data-demo-contrast] .pv-contrast small{font-weight:700}.pref-info{font-size:1.4rem;color:#666;display:flex;flex-direction:column;gap:.8rem}html[data-theme=dark] .pref-info{color:#aaa}.pref-info code{font-size:1.3rem}.footer{background:var(--bux-footer-bg);text-align:center;padding:5rem;font-size:1.6rem;color:var(--bux-footer-color)}.documentation .footer{text-align:left}.footer h3{font-size:1.8rem}.documentation .footer h3{font-size:1.8rem;padding:0}browserux-share-button{position:fixed;bottom:2.5rem;right:2.5rem}