:root{--bux-orange-600: #e8540e;--bux-blue-500: #2b7ce8;--bux-green-600: #1c7f44;--bux-red-600: #c42b2b;--bux-color-bg: #f4f3ef;--bux-color-text: #121212;--bux-color-muted: #555555;--bux-color-border: #0a0a0a;--bux-color-shadow: #0a0a0a;--bux-color-accent: #0e93f0;--bux-color-accent-2: #fdf101;--bux-color-valid: #1c7f44;--bux-color-invalid: #c42b2b;--bux-color-valid-surface: #dff0e7;--bux-color-invalid-surface: #f5dede;--bux-progress-track: #efefef;--bux-selection-color: var(--bux-color-text);--bux-search-text-color: var(--bux-color-text);--bux-search-text-current-bg: var(--bux-color-accent);--bux-search-text-current-color: #121212;--bux-scrollbar-bg: transparent;--bux-scrollbar-track: transparent;--bux-scrollbar-thumb: var(--bux-color-accent);--bux-scrollbar-thumb-hover: var(--bux-color-accent-2);--bux-scrollbar-width: 10px;--bux-scrollbar-height: 10px;--bux-focus-color: #f3a47a;--bux-focus-width: 3px;--bux-focus-offset: 2px;--bux-color-white: #ffffff;--bux-color-white-fix: #ffffff;--bux-color-text-fix: #121212;--bux-font-body: Archivo, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}html{font-family:var(--bux-font-body);font-size:62.5%}body{background:var(--bux-color-bg);color:var(--bux-color-text);margin:0;min-height:100%}@supports (color: oklch(0% 0 0)){:root{--bux-orange-600: oklch(62% .2 38);--bux-blue-500: oklch(61% .2 256);--bux-green-600: oklch(52% .17 150);--bux-red-600: oklch(52% .2 25)}}@supports (color: color-mix(in oklab,white,black)){:root{--bux-color-valid-surface: color-mix(in oklab, var(--bux-color-valid), var(--bux-color-bg) 88%);--bux-color-invalid-surface: color-mix(in oklab, var(--bux-color-invalid), var(--bux-color-bg) 88%);--bux-focus-color: color-mix(in oklab, var(--bux-color-accent), white 45%)}}@supports (color: light-dark(white,black)){:root{--bux-color-bg: light-dark(#f4f3ef, #121212);--bux-color-text: light-dark(#121212, #eaeaea);--bux-color-muted: light-dark(#555555, #999999);--bux-color-border: light-dark(#0a0a0a, #444444);--bux-color-shadow: light-dark(#0a0a0a, #444444);--bux-color-accent: light-dark(#0e93f0, #58aae3);--bux-color-accent-2: light-dark(#fdf101, #fdf101);--bux-color-valid: light-dark(var(--bux-green-600), oklch(76% .11 150));--bux-color-invalid: light-dark(var(--bux-red-600), oklch(76% .12 25));--bux-progress-track: light-dark(#efefef, #2a2a2a);--bux-selection-color: var(--bux-color-text);--bux-search-text-color: var(--bux-color-text);--bux-search-text-current-bg: var(--bux-color-accent);--bux-search-text-current-color: #121212;--bux-scrollbar-thumb: var(--bux-color-accent);--bux-scrollbar-thumb-hover: var(--bux-color-accent-2);--bux-color-white: light-dark(#ffffff, #121212);--bux-color-white-fix: light-dark(#ffffff, #ffffff);--bux-color-text-fix: light-dark(#121212, #121212)}}[data-theme=dark]{--bux-color-bg: #121212;--bux-color-text: #eaeaea;--bux-color-muted: #999999;--bux-color-border: #444444;--bux-color-shadow: #444444;--bux-color-accent: #58aae3;--bux-color-accent-2: #f1d700;--bux-color-valid: oklch(76% .11 150);--bux-color-invalid: oklch(76% .12 25);--bux-progress-track: #2a2a2a;--bux-color-white: #2b2b2b}::-webkit-scrollbar{background:var(--bux-scrollbar-bg);height:var(--bux-scrollbar-height);width:var(--bux-scrollbar-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:.2rem solid var(--bux-color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:var(--bux-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}:root{--site-border: .3rem solid var(--bux-color-border);--site-border-thin: .2rem solid var(--bux-color-border);--site-shadow: .6rem .6rem 0 var(--bux-color-shadow);--site-shadow-sm: 3px 3px 0 var(--bux-color-shadow);--site-shadow-pressed: 1px 1px 0 var(--bux-color-shadow);--site-gutter: 3.2rem;--site-gutter-sm: 1.6rem}@media(max-width:1240px){html{padding:0 5rem}}@media(max-width:768px){html{padding:0 2rem}}ul,p{list-style:none;margin:0;padding:0}.btn{background:var(--bux-color-white);border:var(--site-border);box-shadow:var(--site-shadow);color:var(--bux-color-text);display:inline-block;font-size:16px;font-weight:800;padding:15px 26px;text-decoration:none;text-transform:uppercase}.btn.btn-dark{background:var(--bux-color-border);box-shadow:.6rem .6rem #0a0a0a59;color:var(--bux-color-white-fix)}.btn:hover{box-shadow:var(--site-shadow-pressed);transform:translate(3px,3px)}.btn.btn-theme{align-items:center;background:var(--bux-color-accent-2);box-shadow:var(--site-shadow-sm);display:flex;font-size:1.3rem;gap:.5rem;padding:.5rem 1.5rem}.btn.btn-theme:hover{box-shadow:var(--site-shadow-pressed);transform:translate(1px,1px)}h1{font-size:6.4rem;font-weight:900;line-height:1;margin:0 0 2.4rem}h2{font-size:4rem;font-weight:900;margin:0}h3{font-size:2.4rem;font-weight:800;margin:0}@media(max-width:768px){h1{font-size:4.8rem}h2{font-size:3rem}h3{font-size:2.2rem}}@media(max-width:370px){.main-lab h1{font-size:4.4rem}}.main{background:var(--bg);border:var(--site-border);border-radius:.6rem;box-shadow:1.8rem 1.8rem 0 var(--bux-color-shadow);margin:6.4rem auto 9.6rem;max-width:114rem;overflow:hidden}@media(max-width:768px){.main{margin:2.4rem auto 4.8rem}}.header{align-items:center;background:var(--bux-color-white);border-bottom:var(--site-border);display:flex;justify-content:space-between;padding:1rem var(--site-gutter)}@media(max-width:920px){.header{padding:1rem var(--site-gutter-sm)}}.logo{align-items:center;color:inherit;display:flex;font-size:1.8rem;font-weight:900;text-decoration:none;text-transform:uppercase}.logo img{margin-right:1rem;max-width:3.6rem}.logo span{background:var(--bux-color-accent-2);border:var(--site-border-thin);color:var(--bux-color-text-fix);margin:0 .5rem;padding:0 .5rem}@media(max-width:450px){.logo{font-size:1.4rem}.logo img{margin-right:.5rem;max-width:3.6rem}.logo span{margin:0 .2rem;padding:0 .2rem}}@media(max-width:360px){.main-lab .logo{font-size:1.1rem}}.nav{align-items:center;display:flex;gap:.5rem}.nav-toggle{align-items:center;background:var(--bux-color-accent-2);border:var(--site-border);box-shadow:var(--site-shadow-sm);cursor:pointer;display:none;flex-direction:column;gap:.4rem;height:4.4rem;justify-content:center;padding:0;position:relative;width:4.4rem;z-index:40}.nav-toggle:hover{box-shadow:var(--site-shadow-pressed);transform:translate(1px,1px)}.nav-toggle span{background:var(--bux-color-text-fix);display:block;height:.3rem;transition:opacity .16s ease,transform .16s ease;width:2.2rem}.nav a{background:var(--bux-color-white);border:2px solid var(--bux-color-white);color:var(--bux-color-text);font-size:1.4rem;font-weight:700;padding:7px 12px;text-decoration:none}@media(max-width:1024px){.nav a{padding:1rem .7rem}}.nav a:hover{background:var(--bux-color-accent-2);border-color:var(--bux-color-border);color:var(--bux-color-text-fix)}.nav a.active{background:var(--bux-color-accent);border-color:var(--bux-color-border);color:#fff}body.mobile-nav-open{overflow:hidden}body.mobile-nav-open:before{background:#1212126b;content:"";top:0;right:0;bottom:0;left:0;position:fixed;z-index:20}@media(max-width:920px){.nav-toggle{display:inline-flex}.header.is-nav-open .nav-toggle{position:fixed;right:var(--site-gutter);top:3.6rem}.header.is-nav-open .nav-toggle span:nth-child(1){transform:translateY(.7rem) rotate(45deg)}.header.is-nav-open .nav-toggle span:nth-child(2){opacity:0}.header.is-nav-open .nav-toggle span:nth-child(3){transform:translateY(-.7rem) rotate(-45deg)}.nav{align-items:stretch;background:var(--bux-color-white);border-left:var(--site-border);box-shadow:-.8rem 0 0 var(--bux-color-shadow);flex-direction:column;gap:1rem;height:100dvh;max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:9.6rem 2.4rem 2.4rem;position:fixed;right:0;top:0;transform:translate(calc(100% + 1rem));transition:transform .22s ease;width:min(82vw,32rem);-webkit-overflow-scrolling:touch;z-index:30}.header.is-nav-open .nav{transform:translate(0)}.nav a{border-color:var(--bux-color-border);font-size:1.8rem;padding:1.2rem 1.4rem}.nav browserux-theme-switcher[no-shadow]{margin-top:.8rem}.nav browserux-theme-switcher[no-shadow] .theme-toggle-wrapper,.nav browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button{width:100%}}browserux-share-button{--bux-share-btn-bg: transparent;--bux-share-btn-border-radius: 0;--bux-share-btn-font-size: 0;--bux-share-btn-gap: 0;--bux-share-btn-height: auto;--bux-share-btn-hover-bg: transparent;--bux-share-btn-padding-inline: 0}.share-icon,browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{background-color:var(--bux-color-text-fix);height:2.4rem;width:2.4rem}.share-icon{-webkit-mask:url(/prx/000/https/browseruxcss.com/img/share-round-line-icon.svg) center / contain no-repeat;mask:url(/prx/000/https/browseruxcss.com/img/share-round-line-icon.svg) center / contain no-repeat}browserux-theme-switcher[no-shadow],browserux-theme-switcher[no-shadow] .theme-toggle-wrapper{display:inline-flex}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper{align-items:center;gap:0;margin-left:0}browserux-theme-switcher[no-shadow] .theme-icon,browserux-theme-switcher[no-shadow] .toggle-thumb{display:none}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button{align-items:center;background:var(--bux-color-accent-2);border:var(--site-border);border-radius:0;box-shadow:var(--site-shadow-sm);cursor:pointer;display:flex;font-size:1.3rem;gap:.5rem;height:auto;padding:.5rem 1rem;width:auto}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:hover{box-shadow:var(--site-shadow-pressed);transform:translate(1px,1px)}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{content:"";display:block;-webkit-mask:url(/prx/000/https/browseruxcss.com/img/theme-light-round-line-icon.svg) center / contain no-repeat;mask:url(/prx/000/https/browseruxcss.com/img/theme-light-round-line-icon.svg) center / contain no-repeat}[data-theme=dark] browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{-webkit-mask-image:url(/prx/000/https/browseruxcss.com/img/theme-dark-round-line-icon.svg);mask-image:url(/prx/000/https/browseruxcss.com/img/theme-dark-round-line-icon.svg)}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:after{content:"Theme";display:block;font-family:var(--bux-font-body);font-weight:700;text-transform:uppercase}.hero{align-items:center;background:var(--bux-color-accent);color:var(--bux-color-white);display:flex;gap:5rem;padding:6.4rem var(--site-gutter)}@media(max-width:1024px){.hero{flex-wrap:wrap}}@media(max-width:768px){.hero{padding:3.2rem var(--site-gutter-sm)}}.hero-logo{background:var(--bux-color-white);border:var(--site-border);box-shadow:8px 8px 0 var(--bux-color-shadow);margin:0 auto 3.2rem;max-width:30rem;padding:2.5rem 2rem 2rem;text-align:center}.hero-logo img{width:20rem}.hero-logo p{color:var(--bux-color-text);font-family:var(--bux-font-mono);font-size:2rem;font-weight:700;letter-spacing:.2rem;margin:1rem 0 0}@media(max-width:370px){.hero-logo p{font-size:1.8rem}}@media(max-width:340px){.hero-logo p{font-size:1.6rem}}.hero .text{flex:1;text-align:center;text-wrap:balance}.intro{font-size:2rem;font-weight:500;line-height:1.6;margin:0 0 2.4rem}@media(max-width:768px){.intro{font-size:1.8rem}}.intro strong{font-weight:900}.intro a{color:var(--bux-color-white);font-weight:900;text-underline-offset:.5rem}.intro a:hover{color:var(--bux-color-accent-2);text-decoration-color:var(--bux-color-accent-2)}.npm-box{display:flex;justify-content:center}@media(max-width:450px){.npm-box{display:none}}.npm{align-items:center;background:var(--bux-color-white);border:var(--site-border);color:var(--bux-color-text);display:flex;gap:1rem}#npm-code{font-size:1.4rem;padding-right:1rem}.npm span{color:var(--bux-color-accent);font-weight:700;padding-left:1.6rem}.npm-copy{background:var(--bux-color-accent-2);border-left:var(--site-border);font-size:1.3rem;font-weight:700;padding:1rem 2rem}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3.2rem}.content{border-top:var(--site-border);padding:6.4rem var(--site-gutter)}@media(max-width:768px){.content{padding:3.2rem var(--site-gutter-sm)}}.content-intro{color:var(--bux-color-muted);font-family:var(--bux-font-mono);font-size:1.4rem;font-weight:700;margin-top:1rem}.content-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3.2rem}@media(max-width:768px){.content-grid{margin-top:2.4rem}}.content-grid .card{background:var(--bux-color-white);border:var(--site-border);box-shadow:var(--site-shadow);display:flex;gap:2rem;padding:2.4rem;width:calc(50% - 1rem)}@media(max-width:768px){.content-grid .card{flex-wrap:wrap;gap:0;padding:var(--site-gutter-sm);width:100%}}.content-grid .card p{margin-top:.6rem}.card-number{color:var(--bux-color-accent);font-family:var(--bux-font-mono);font-size:2.6rem;font-weight:700}@media(max-width:768px){.card-number{width:100%}.features .card-number{width:auto}}.footer{align-items:center;background:#0a0a0a;color:var(--bux-color-white-fix);display:flex;justify-content:space-between;padding:var(--site-gutter-sm) var(--site-gutter)}@media(max-width:768px){.footer{flex-wrap:wrap;padding:var(--site-gutter-sm)}}.footer p{font-size:2rem;font-weight:700}@media(max-width:700px){.footer p{font-size:1.8rem;text-align:center;width:100%}}.footer p+p{font-family:var(--bux-font-mono);font-size:1.4rem;font-weight:700}@media(max-width:700px){.footer p+p{margin-top:1rem}}.footer p a{color:var(--bux-color-white-fix);font-weight:900;text-underline-offset:.5rem}.footer p a:hover{color:var(--bux-color-accent-2);text-decoration-color:var(--bux-color-accent-2)}@media(max-width:768px){[data-demo-page] h1{font-size:4rem}}.bux-toggle{align-items:center;background:var(--bux-color-white);border:var(--site-border);box-shadow:.5rem .5rem 0 var(--bux-color-shadow);color:var(--bux-color-text);cursor:pointer;display:inline-grid;font-family:var(--bux-font-body);font-size:1.4rem;font-weight:800;gap:1rem;grid-template-columns:auto auto auto;line-height:1;margin:0 0 2.4rem;min-height:4.4rem;padding:.7rem 1rem .7rem 1.4rem;text-transform:uppercase}.bux-toggle-label{white-space:nowrap}.bux-switch-track{background:var(--bux-color-border);border:var(--site-border-thin);display:block;height:2.6rem;position:relative;width:5rem}.bux-dot{background:var(--bux-color-accent-2);border:var(--site-border-thin);display:block;height:2.2rem;left:2.4rem;position:absolute;top:0;transition:background-color .15s,left .15s;width:2.2rem}.bux-dot.off{background:var(--bux-color-bg);left:0}.bux-switch-state{background:var(--bux-color-accent-2);border:var(--site-border-thin);color:var(--bux-color-text-fix);min-width:4.2rem;padding:.45rem .6rem;text-align:center}.bux-toggle[aria-checked=false] .bux-switch-state{background:var(--bux-color-bg);color:var(--bux-color-text)}@media(max-width:480px){.bux-toggle{gap:.7rem;grid-template-columns:1fr auto auto;max-width:100%}.bux-toggle-label{overflow:hidden;text-overflow:ellipsis}}.demo-up-list{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between}.demo-up-list .pref-card{width:calc(50% - 1.6rem)}@media(max-width:1024px){.demo-up-list .pref-card{width:100%}}.demo-card,.pref-card{background:var(--bux-color-white);border:var(--site-border);box-shadow:.8rem .8rem 0 var(--bux-color-shadow);margin:3.2rem 0}.pref-card{margin:3.2rem 0 0}.demo-card-head,.pref-card h3{background:var(--bux-color-accent);border-bottom:var(--site-border);color:var(--bux-color-white);padding:2.4rem var(--site-gutter)}@media(max-width:480px){.demo-card-head,.pref-card h3{padding:var(--site-gutter-sm)}}.demo-card-title code{background:#fff6;font-size:1.8rem;padding:.2rem 1rem;position:relative;top:-1px}.demo-card-desc{margin-top:.5rem}.demo-card-desc code{background:#ffffff4d;font-size:1.4rem;padding:.2rem .5rem;position:relative;top:-1px}.pref-card-content{padding:2.4rem var(--site-gutter)}@media(max-width:480px){.pref-card-content{padding:var(--site-gutter-sm)}}.pair{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between}.pair>*{padding:2.4rem var(--site-gutter);width:50%}@media(max-width:1024px){.pair>*{width:100%}}@media(max-width:480px){.pair>*{padding:var(--site-gutter-sm)}}.pane-label{font-size:1.4rem;font-weight:500;margin-bottom:1rem}.pane-label:before{content:"✗"}.pane.is-before{border-right:var(--site-border)}.pane.is-before .pane-label{color:#dc303e}.pane.is-after .pane-label{color:#29b94c}.pane.is-after .pane-label:before{content:"✓"}@media(max-width:1024px){.pane.is-before{border-bottom:var(--site-border);border-right:none}}.demo-code{background:var(--bux-color-accent-2);border-top:var(--site-border);color:var(--bux-color-text-fix);padding:var(--site-gutter-sm) var(--site-gutter)}.demo-code .p{font-weight:700}.demo-code .v{background-color:var(--bux-color-text-fix);color:var(--bux-color-white-fix);padding:2px 5px}.dialog-btns{border-top:1px solid var(--bux-color-bg);display:flex;flex-wrap:wrap;gap:1rem;padding:1.4rem 2rem 1.8rem}.btn-open,.dlg-close{background:var(--bux-color-bg);border:1px solid var(--bux-color-bg);border-radius:5px;color:var(--bux-color-text);cursor:pointer;font-family:var(--bux-font-body);font-size:1.5rem}.btn-open{padding:.9rem 1.6rem;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}html[data-browserux-off] .btn-open.good{border-color:var(--bux-color-bg);color:var(--bux-color-text)}html[data-browserux-off] .btn-open.good:hover{background:var(--bux-color-bg)}#dlg-plain,#dlg-anim{background:var(--bux-color-white);border:1px solid var(--bux-color-bg);border-radius:8px;box-shadow:0 8px 32px #0000002e;color:var(--bux-color-text);font-size:1.8rem;max-width:360px;padding:2.8rem;width:90%}html:not([data-browserux-off]) #dlg-anim{border-color:#29b94c;opacity:1;transform:translateY(0);transition:display .28s allow-discrete,opacity .28s,overlay .28s allow-discrete,transform .28s}#dlg-plain{transition:none!important}#dlg-plain::backdrop{background:#00000073;transition:none!important}html:not([data-browserux-off]) #dlg-anim::backdrop{background:#0000;transition:background-color .28s,display .28s allow-discrete,overlay .28s allow-discrete}html:not([data-browserux-off]) #dlg-anim[open]::backdrop{background:#00000073}@starting-style{html:not([data-browserux-off]) #dlg-anim[open]{opacity:0;transform:translateY(-30px)}html:not([data-browserux-off]) #dlg-anim[open]::backdrop{background:#0000}}.dlg-title{font-size:2rem;font-weight:800;margin:0 0 .6rem}.dlg-desc{color:#666;font-size:1.6rem;margin:0 0 1.6rem}html[data-theme=dark] .dlg-desc{color:#aaa}.dlg-close{padding:.7rem 1.6rem}.demo-input{background:var(--bux-color-bg);border:1px solid var(--bux-color-bg);border-radius:5px;color:var(--bux-color-text);font-family:var(--bux-font-body);font-size:1.6rem;padding:.7rem 1.2rem;width:100%}html:not([data-browserux-off]) .demo-input:user-valid{background-color:var(--bux-color-valid-surface);border-color:var(--bux-color-valid)}html:not([data-browserux-off]) .demo-input:user-invalid{background-color:var(--bux-color-invalid-surface);border-color:var(--bux-color-invalid)}html:not([data-browserux-off]) .demo-input:user-invalid::placeholder{color:var(--bux-color-invalid)}.ex-box-before,.ex-box-after{background:#dc303e12;border:4px solid #dc303e;box-sizing:content-box;color:var(--bux-color-text);font-family:var(--bux-font-body);font-size:1.4rem;padding:20px;width:200px}.ex-box-before{box-sizing:content-box!important}html:not([data-browserux-off]) .ex-box-after{background:#29b94c12;border-color:#29b94c;box-sizing:border-box}.ex-btn-before{-moz-appearance:auto;appearance:auto;display:flex;font-family:initial!important;font-size:initial!important;-webkit-appearance:auto}html[data-browserux-off] #card-button-font-inheritance .is-after button{font-family:initial!important;font-size:initial!important}.ex-img-wrap-before,.ex-img-wrap-after{display:inline-block}.ex-img-wrap-before{background:#dc303e12;border:2px dashed #dc303e;line-height:initial}.ex-img-before{display:inline!important;vertical-align:initial!important}.ex-img-wrap-after{background:#29b94c12;border:2px dashed #29b94c}html[data-browserux-off] .ex-img-wrap-after{background:#dc303e12;border-color:#dc303e;line-height:initial}html[data-browserux-off] .ex-img-wrap-after img{display:inline!important;vertical-align:initial!important}.ex-hr-before{border:none!important;border-top:1px inset!important;color:revert!important}html[data-browserux-off] #card-horizontal-rule .is-after hr{border:none!important;border-top:1px inset!important;color:revert!important;height:revert!important;overflow:revert!important}.ex-ta-before{field-sizing:initial!important;font-family:initial!important;height:68px;resize:both!important;width:100%}html[data-browserux-off] #card-textarea-field-sizing .is-after textarea{field-sizing:initial!important;height:68px;resize:both!important}.ex-link-before,.ex-link-after{color:var(--bux-color-accent);font-family:var(--bux-font-body);font-size:1.8rem;text-decoration:underline}.ex-link-before,html[data-browserux-off] .ex-link-after{text-underline-offset:initial!important}html[data-browserux-off] #card-caret-color .is-after input{caret-color:auto!important}.ex-cs-before,html[data-browserux-off] #card-color-scheme .is-after{color-scheme:light!important}.ex-focus-before :focus{outline:2px solid var(--bux-color-accent)!important;outline-offset:2px}html[data-browserux-off] #card-focus-visible .is-after :focus{outline:auto!important;outline-offset:0!important}.scroll-toggle-btn-box{display:flex;justify-content:center;padding:0 0 2rem}.ex-scroll{background:var(--bux-color-bg);border:1px solid var(--bux-color-bg);border-radius:5px;color:#666;font-size:1.4rem;height:100px;overflow-y:auto;padding:.8rem 1.2rem}html[data-theme=dark] .ex-scroll{color:#aaa}.ex-scroll.no-gutter,.ex-scroll.with-gutter{scrollbar-gutter:auto}html:not([data-browserux-off]) .ex-scroll.with-gutter{scrollbar-gutter:stable}.ex-overflow-before,.ex-overflow-after{background:#dc303e12;border:2px dashed #dc303e;color:var(--bux-color-text);font-family:var(--bux-font-body-mono);font-size:1.3rem;max-width:200px;overflow:visible;overflow-wrap:normal;padding:.8rem;word-break:normal}.ex-overflow-before{overflow-wrap:normal!important;word-break:normal!important}html:not([data-browserux-off]) .ex-overflow-after{background:#29b94c12;border-color:#29b94c;overflow-wrap:break-word}.ex-balance-before,.ex-balance-after{color:var(--bux-color-text);font-size:2rem;font-weight:700;line-height:1.3;margin:0;max-width:195px;text-wrap:unset}.ex-balance-before{text-wrap:unset!important}html:not([data-browserux-off]) .ex-balance-after{text-wrap:balance}.ex-accent{color:var(--bux-color-text);display:flex;flex-direction:column;font-family:var(--bux-font-body);font-size:1.6rem;gap:.8rem}.ex-accent label{align-items:center;cursor:pointer;display:flex;gap:.6rem}html:not([data-browserux-off]) :is(input[type=checkbox],input[type=radio],input[type=range],meter,select){accent-color:var(--bux-color-accent-2)}html[data-browserux-off] #card-accent-color .is-after :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:auto}.pref-grid{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;margin-top:2rem}@media(max-width:600px){.pref-grid{grid-template-columns:1fr}}html[data-theme=dark] .pref-desc{color:#aaa}.pref-btn{align-self:flex-start;background:var(--bux-color-white);border:2px solid var(--bux-color-bg);border-radius:5px;color:var(--bux-color-text);cursor:pointer;font-family:var(--bux-font-body);font-size:1.4rem;font-weight:700;margin:.4rem 0;padding:.6rem 1.4rem;transition:border-color .15s}.pref-btn:hover{border-color:var(--bux-color-accent)}.pref-btn[aria-pressed=true]{background:#f05e0e17;border-color:var(--bux-color-accent);color:var(--bux-color-accent)}.pv-theme{background:#eaeaea;border-radius:5px;color:#121212;font-size:1.4rem;padding:1rem;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,.pv-invalid{border-radius:4px;color:#121212;flex:1;font-family:var(--bux-font-body);font-size:1.3rem;padding:.5rem .9rem;transition:background .3s}.pv-valid{background:#f0fff5;border:1px solid #29b94c}.pv-invalid{background:#fff0f0;border:1px solid #dc303e}[data-demo-dark] .pv-valid{background:#0d2e18;color:#eaeaea}[data-demo-dark] .pv-invalid{background:#2e0d0d;color:#eaeaea}.pv-motion{align-items:center;display:flex;gap:1.4rem;min-height:5rem}.pv-ball{animation:ball-bounce .9s infinite alternate ease-in-out;background:var(--bux-color-accent);border-radius:50%;flex-shrink:0;height:2rem;width:2rem}@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}.pv-motion-label{font-size:1.4rem}[data-demo-reduced-motion] .pv-motion-label{opacity:.5;text-decoration:line-through}.pv-contrast{background:var(--bux-color-bg);border-radius:5px;font-size:1.4rem;padding:1rem;transition:background .2s,color .2s,border .2s}[data-demo-contrast] .pv-contrast{background:#fff;border:2px solid #000000;color:#000}html[data-theme=dark] [data-demo-contrast] .pv-contrast{background:#000;border-color:#fff;color:#fff}.pv-contrast input{background:transparent;border:1px solid currentColor;border-radius:4px;color:inherit;display:block;font-family:var(--bux-font-body);font-size:1.4rem;margin-bottom:.8rem;padding:.5rem .9rem;width:100%}[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{color:#666;display:flex;flex-direction:column;font-size:1.4rem;gap:.8rem}html[data-theme=dark] .pref-info{color:#aaa}.pref-info code{font-size:1.3rem}