:root{--segment-track-bg: #f3f3f3;--segment-thumb-bg: #2b2b2b;--segment-option-padding: 7px 12px;--segment-option-min-height: 30px;--segment-option-font-size: 10px;--segment-save-bg: #0a6cff;--segment-save-disabled-bg: #ccc}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:block;z-index:2147483647;opacity:0;transition:opacity .18s ease;pointer-events:none}.settings-overlay.is-open{opacity:1;pointer-events:auto}.settings-overlay[hidden]{display:none!important;pointer-events:none!important}.settings-panel{position:fixed;left:0;top:0;width:fit-content;max-width:400px;background:#fff;border-radius:24px;padding:6px;display:flex;flex-direction:column;gap:6px;box-shadow:0 12px 30px #00000029;pointer-events:auto;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.settings-panel .shopify-localization-form{display:none}.settings-overlay.is-open .settings-panel{opacity:1;transform:translateY(0)}.settings-group{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--segment-track-bg);border-radius:999px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.settings-thumb{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--segment-thumb-bg);transform:translate(0);transition:transform .22s cubic-bezier(.2,.8,.2,1);will-change:transform;pointer-events:none;z-index:0}.settings-option{position:relative;z-index:1;border:none;border-radius:999px;padding:var(--segment-option-padding);min-height:var(--segment-option-min-height);font-family:Manrope,sans-serif!important;font-size:var(--segment-option-font-size);line-height:1;background:transparent;color:#000;cursor:pointer;white-space:nowrap;min-width:91px;font-weight:400}@media(hover)and (pointer:fine){.settings-option:not(.is-active):hover{background:#0000000f}}.settings-option.is-active{color:#fff}.settings-save{border:none;border-radius:999px;padding:var(--segment-option-padding);min-height:var(--segment-option-min-height);font-family:Manrope,sans-serif!important;font-size:var(--segment-option-font-size);line-height:1;font-weight:600;background:var(--segment-save-bg);color:#fff;cursor:pointer;white-space:nowrap}.settings-save[disabled]{background:var(--segment-save-disabled-bg);cursor:not-allowed}.announcement-bar{position:fixed;top:0;left:0;width:100%;z-index:calc(var(--layer-sticky) + 1);display:none;align-items:center;justify-content:space-between;background-color:#fffc;padding-inline:16px}@media(max-width:989px){.announcement-bar{padding-inline:0;background-color:#fffffff2}}.announcement-bar.is-visible{display:flex}@media(max-width:989px){.announcement-bar{transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.announcement-bar.is-visible.is-scrolled-hidden{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none}}.announcement-bar__inner{border:none;padding:8px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:989px){.announcement-bar__inner{display:block;text-align:center}}.announcement-bar__close{display:flex;align-items:center;justify-content:center;width:auto;height:32px;aspect-ratio:1;border-radius:50%;border:none;background-color:transparent;font-size:14px;cursor:pointer}.announcement-bar__close:hover{background-color:#dededecc}@media(max-width:989px){.announcement-bar__close{position:absolute;top:8px;right:8px}}.announcement-bar__title{font-family:ABCextended,sans-serif!important;color:#494848;font-style:normal;font-weight:700;font-size:16px;padding-left:12px;margin:0}@media(max-width:989px){.announcement-bar__title{text-align:left;display:block;position:relative;width:100%;padding:20px 0 10px;padding-inline:20px;cursor:pointer;font-size:15px}.announcement-bar__title:before{content:"";position:absolute;left:20px;right:20px;bottom:-8px;height:1px;background:currentColor;opacity:.3}.announcement-bar__title:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(0);transform-origin:center;font-family:Manrope,sans-serif;font-size:24px;line-height:1;color:#494848;transition:transform .3s ease;margin-top:5px}.announcement-bar__title.is-open:after{transform:translateY(-50%) rotate(45deg)}}@media(max-width:989px){.announcement-bar__close{display:none}}@media(max-width:989px){.announcement-bar__form{position:absolute;top:100%;left:0;width:100%;background:#fffffffa;padding:12px 25px;box-shadow:0 8px 20px #0000001f;opacity:0;transform:translateY(-40px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.announcement-bar__form.is-open{opacity:1;transform:translateY(0);pointer-events:auto}}.announcement-settings-panel{width:100%}.announcement-settings-row{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:989px){.announcement-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}}.announcement-settings-group{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--segment-track-bg);border-radius:999px;min-height:var(--segment-option-min-height);touch-action:pan-y;user-select:none;-webkit-user-select:none}@media(max-width:989px){.announcement-settings-group{width:100%}}.announcement-settings-thumb{position:absolute;top:0;left:0;height:100%;width:0;border-radius:999px;background:var(--segment-thumb-bg);transform:translate(0);transition:transform .22s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:0}.announcement-settings-option{position:relative;z-index:1;border:none;border-radius:999px;padding:var(--segment-option-padding);min-height:var(--segment-option-min-height);font-family:Manrope,sans-serif!important;font-size:var(--segment-option-font-size);line-height:1;background:transparent;color:#000;cursor:pointer;white-space:nowrap;min-width:91px;font-weight:400}@media(hover)and (pointer:fine){.announcement-settings-option:not(.is-active):hover{background:#0000000f}}@media(max-width:989px){.announcement-settings-option{flex:1}}.announcement-settings-option.is-active{color:#fff}.announcement-settings-save{border:none;border-radius:999px;padding:var(--segment-option-padding);min-height:var(--segment-option-min-height);font-family:Manrope,sans-serif!important;font-size:var(--segment-option-font-size);line-height:1;font-weight:600;background:var(--segment-save-bg);color:#fff;cursor:pointer;white-space:nowrap;min-width:144px}.announcement-settings-save[disabled]{background:var(--segment-save-disabled-bg);cursor:not-allowed}@media(max-width:989px){.announcement-settings-save{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/settings-overlay.css.map */