.preview-customize-trigger { position:fixed; right:24px; bottom:24px; z-index:80; min-height:48px; padding:12px 20px; border:0; border-radius:999px; color:#1b2621; background:rgba(170,197,217,.08); backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:0 5px 24px #172a2e1a; font:600 14px/1.5 'Avenir Next',Arial,sans-serif; cursor:pointer; }
.preview-customizer { box-sizing:border-box; width:min(420px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; border:0; border-radius:22px; padding:26px; background:#fbfcfb; color:#1b2621; box-shadow:0 20px 80px #06120d33; font:15px/1.6 'Avenir Next',Arial,sans-serif; }
.preview-customizer::backdrop { background:#0c1c1866; }
.preview-customizer-heading { display:flex; gap:14px; align-items:flex-start; justify-content:space-between; margin:0; }
.preview-customizer .preview-customizer-heading h2 { margin:0; font:500 28px/1.1 'Avenir Next',Arial,sans-serif; letter-spacing:-.04em; color:#1b2621; }
.preview-customizer-heading button { border:0; background:transparent; color:#43534b; min-height:44px; margin-top:-8px; cursor:pointer; font:inherit; }
.preview-customizer > p { margin:16px 0 20px; color:#53655a; font:inherit; }
.preview-customizer label { display:block; margin:18px 0 7px; color:#1b2621; font:600 14px/1.5 'Avenir Next',Arial,sans-serif; }
body .preview-customizer :is(select,input) { box-sizing:border-box; width:100%; min-height:48px; padding:10px 12px; border:1px solid #82948a; border-radius:8px; background:#fff; color:#1b2621; font:16px/1.5 'Avenir Next',Arial,sans-serif; }
.preview-customizer-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.preview-customizer-actions button { min-height:46px; padding:10px 15px; border:0; border-radius:8px; background:#19372b; color:#fff; font:600 14px/1.5 'Avenir Next',Arial,sans-serif; cursor:pointer; }
.preview-customizer-actions button + button { background:#e5ece7; color:#19372b; }
.preview-customizer .preview-link-label { font-size:12px; color:#53655a; }
.preview-customizer .preview-customizer-status { font-size:13px; min-height:2em; margin-bottom:0; }
.preview-customizer :focus-visible,.preview-customize-trigger:focus-visible { outline:2px solid #176272; outline-offset:4px; }
.preview-customizer [hidden] { display:none!important; }
body[data-hios-ui="demo"] > footer { padding-bottom:110px; }
@media(max-width:767px),(hover:none) and (pointer:coarse) { .preview-customize-trigger { right:16px; bottom:max(16px,env(safe-area-inset-bottom)); backdrop-filter:none; -webkit-backdrop-filter:none; background:#fff; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .preview-customize-trigger { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media(forced-colors:active) { .preview-customizer,.preview-customize-trigger,.preview-customizer-actions button { color:CanvasText; background:Canvas; border:1px solid CanvasText; } }