:root{--mode-picker-accent: #F04E23;--mode-picker-accent-text: #ffffff}mode-picker{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:calc(var(--z-header) + 2);width:100%;height:100%;padding-inline:calc(var(--page-gutter) * 1.5);padding-block-start:4rem;display:flex;align-items:center;justify-content:center;text-align:center;visibility:hidden;opacity:0;pointer-events:none;transition:visibility var(--duration-default),opacity var(--duration-default)}mode-picker[open]{visibility:visible;opacity:1;pointer-events:all}body.mode-picker-is-open{overflow:hidden}.mode-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff14;backdrop-filter:blur(1.6rem) saturate(1.1);-webkit-backdrop-filter:blur(1.6rem) saturate(1.1);pointer-events:none;z-index:0}.mode-picker__wrapper{position:relative;z-index:1;display:flex;flex-direction:column;max-height:100%;width:100%;max-width:56rem;overflow-y:auto;background-color:rgb(var(--color-background));border-radius:var(--button-action-border-radius, .6rem);box-shadow:0 2.4rem 6.4rem #0000002e,0 0 0 1px #0000000a;transform:translateY(2rem);transition:transform var(--duration-default)}mode-picker[open] .mode-picker__wrapper{transform:translateY(0)}.mode-picker__content{padding:3.2rem 2.4rem;display:flex;flex-direction:column}.mode-picker__eyebrow{font-size:var(--font-size-static-sm);letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);margin:0 0 .8rem}.mode-picker__heading{margin:0 0 1.2rem;font-size:clamp(2.4rem,3.6vw,3.2rem);line-height:1.15;letter-spacing:-.01em}.mode-picker__subheading{color:rgba(var(--color-foreground),.7);font-size:var(--font-size-static-md);line-height:1.45;margin:0 auto 2.4rem;max-width:42rem}.mode-picker__choices{display:grid;grid-template-columns:1fr;gap:1.2rem}.mode-picker__choice{-webkit-appearance:none;appearance:none;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--button-action-border-radius, .6rem);padding:1.8rem 1.6rem;display:flex;align-items:center;gap:1.4rem;text-align:start;cursor:pointer;color:rgb(var(--color-foreground));transition:border-color var(--duration-short),background-color var(--duration-short),color var(--duration-short),transform var(--duration-short)}.mode-picker__choice:hover,.mode-picker__choice:focus-visible{background-color:var(--mode-picker-accent);border-color:var(--mode-picker-accent);color:var(--mode-picker-accent-text);outline:none}.mode-picker__choice[data-mode-choice=local]{background-color:var(--mode-picker-accent);border-color:var(--mode-picker-accent);color:var(--mode-picker-accent-text);box-shadow:0 .6rem 1.6rem #f04e2340}.mode-picker__choice[data-mode-choice=local] .mode-picker__choice-icon{background-color:#ffffff2e;color:var(--mode-picker-accent-text)}.mode-picker__choice[data-mode-choice=local] .mode-picker__choice-arrow{opacity:1}.mode-picker__choice[data-mode-choice=local] .mode-picker__choice-desc{opacity:.9}.mode-picker__choice[data-mode-choice=local]:hover,.mode-picker__choice[data-mode-choice=local]:focus-visible{background-color:var(--mode-picker-accent);border-color:var(--mode-picker-accent);color:var(--mode-picker-accent-text);filter:brightness(1.05);box-shadow:0 .8rem 2rem #f04e2359}.mode-picker__choice:active{transform:scale(.99)}.mode-picker__choice.is-loading{opacity:.6;pointer-events:none}.mode-picker__choice-icon{flex:0 0 4.8rem;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));font-size:2.4rem;transition:background-color var(--duration-short),color var(--duration-short)}.mode-picker__choice:hover .mode-picker__choice-icon,.mode-picker__choice:focus-visible .mode-picker__choice-icon{background-color:#ffffff2e;color:var(--mode-picker-accent-text)}.mode-picker__choice-body{display:flex;flex-direction:column;gap:.2rem}.mode-picker__choice-title{font-weight:600;font-size:var(--font-size-static-md);margin:0}.mode-picker__choice-desc{font-size:var(--font-size-static-sm);color:currentColor;opacity:.7;margin:0}.mode-picker__choice-arrow{margin-inline-start:auto;font-size:1.8rem;color:currentColor;opacity:.5;transition:transform var(--duration-short),opacity var(--duration-short)}.mode-picker__choice:hover .mode-picker__choice-arrow,.mode-picker__choice:focus-visible .mode-picker__choice-arrow{transform:translate(.4rem);opacity:1}.mode-picker__choice:hover .mode-picker__choice-desc,.mode-picker__choice:focus-visible .mode-picker__choice-desc{opacity:.85}@media screen and (min-width:750px){mode-picker{padding-block-start:0}.mode-picker__wrapper{max-width:56rem}.mode-picker__content{padding:4.8rem 4.8rem 4rem}.mode-picker__heading{font-size:clamp(2.8rem,2.6vw,3.6rem)}.mode-picker__choices{gap:1.6rem}}.announcement-bar__mode-switch{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:.5rem 1.2rem;border:1px solid currentColor;border-radius:var(--button-action-border-radius, .6rem);background:transparent;color:inherit;font:inherit;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-short),color var(--duration-short)}.announcement-bar__mode-switch:hover,.announcement-bar__mode-switch:focus-visible{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));outline:none}.announcement-bar__mode-switch .icon{width:1.4rem;height:1.4rem;flex:0 0 auto}.announcement-bar__mode-switch-label{display:inline-block;line-height:1}.cart-drawer__mode{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;margin-block-end:1.2rem;border-radius:var(--button-action-border-radius, .6rem);background-color:rgba(var(--color-foreground),.05);font-size:var(--font-size-static-sm);color:rgb(var(--color-foreground))}.cart-drawer__mode .icon{width:1.6rem;height:1.6rem;flex:0 0 auto}.cart-drawer__mode-label{flex:1}.cart-drawer__mode-switch{margin-inline-start:auto;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:inherit;font-size:inherit}.product__off-mode{padding:2rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--button-action-border-radius, .6rem);background-color:rgba(var(--color-foreground),.04);display:flex;flex-direction:column;gap:1.2rem}.product__off-mode-title{font-weight:600;margin:0}.product__off-mode-text{margin:0;color:rgba(var(--color-foreground),.75);font-size:var(--font-size-static-sm)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-mode-picker.css.map */