.wgp-color-mode-row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;padding:0 0 1.8rem;margin:0 0 1.8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.wgp-color-mode-row__label{font-size:max(calc(var(--header-drawer-font-size, 1.8rem) - .2rem),1.4rem);font-weight:700;letter-spacing:.01em;color:rgb(var(--color-foreground))}.wgp-color-mode-switch{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;gap:.85rem;min-height:4rem;padding:.35rem 0;margin:-.35rem 0;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}.wgp-color-mode-icon{width:2.7rem;height:2.7rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.7rem;opacity:.42;transform:scale(.92);transition:opacity .16s ease,transform .16s ease,color .16s ease,filter .16s ease}.wgp-color-mode-icon svg{display:block;width:100%;height:100%;overflow:visible}.wgp-color-mode-icon--sun svg circle{fill:currentColor;stroke:currentColor;stroke-width:1.2}.wgp-color-mode-icon--sun svg path{fill:none;stroke:currentColor;stroke-width:2.55;stroke-linecap:round}.wgp-color-mode-icon--moon svg path{fill:currentColor;stroke:currentColor;stroke-width:1.05;stroke-linejoin:round}.wgp-color-mode-track{position:relative;display:inline-block;width:5.4rem;height:3rem;flex:0 0 5.4rem;border-radius:999px;border:.2rem solid rgba(var(--color-foreground),.48);background:rgba(var(--color-foreground),.13);box-shadow:inset 0 0 0 .1rem rgba(var(--color-background),.22);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.wgp-color-mode-thumb{position:absolute;top:50%;left:.35rem;width:2.05rem;height:2.05rem;border-radius:50%;background:rgb(var(--color-foreground));box-shadow:0 .15rem .45rem #00000047;transform:translateY(-50%);transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .18s ease}html[data-wgp-theme=light] .wgp-color-mode-icon--sun{color:#ffc247;opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 .35rem rgba(255,194,71,.3))}html[data-wgp-theme=dark] .wgp-color-mode-icon--moon{color:#dce5ff;opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 .35rem rgba(220,229,255,.24))}html[data-wgp-theme=light] .wgp-color-mode-track{background:#ffc2472e;border-color:#ffc247b8}html[data-wgp-theme=dark] .wgp-color-mode-track{background:#94a4d238;border-color:#dce5ff9e}html[data-wgp-theme=dark] .wgp-color-mode-thumb{transform:translate(2.3rem,-50%)}.wgp-color-mode-switch:hover .wgp-color-mode-icon,.wgp-color-mode-switch:focus-visible .wgp-color-mode-icon{opacity:.78}html[data-wgp-theme=light] .wgp-color-mode-switch:hover .wgp-color-mode-icon--sun,html[data-wgp-theme=light] .wgp-color-mode-switch:focus-visible .wgp-color-mode-icon--sun,html[data-wgp-theme=dark] .wgp-color-mode-switch:hover .wgp-color-mode-icon--moon,html[data-wgp-theme=dark] .wgp-color-mode-switch:focus-visible .wgp-color-mode-icon--moon{opacity:1}html[data-wgp-theme=dark],html[data-wgp-theme=dark] .color-scheme-1{--color-background: var(--wgp-dark-page);--color-background-accent: var(--wgp-dark-page-accent);--gradient-background: rgb(var(--wgp-dark-page));--color-foreground: var(--wgp-dark-text);--color-heading: var(--wgp-dark-heading);--color-background-contrast: var(--wgp-dark-contrast);--color-button: var(--wgp-dark-button);--color-button-alpha: 1;--color-button-gradient: var(--wgp-dark-button-gradient);--color-button-text: var(--wgp-dark-button-text);--color-secondary-button: var(--wgp-dark-page);--color-secondary-button-text: var(--wgp-dark-link);--color-link: var(--wgp-dark-link);--color-caption: var(--wgp-dark-caption);--color-badge-foreground: var(--wgp-dark-text);--color-badge-background: var(--wgp-dark-page);--color-badge-border: var(--wgp-dark-text);--payment-terms-background-color: rgb(var(--wgp-dark-page))}html[data-wgp-theme=dark] .color-scheme-2{--color-background: var(--wgp-dark-surface);--color-background-accent: var(--wgp-dark-surface-accent);--gradient-background: rgb(var(--wgp-dark-surface));--color-foreground: var(--wgp-dark-text);--color-heading: var(--wgp-dark-heading);--color-background-contrast: var(--wgp-dark-contrast);--color-button: var(--wgp-dark-button);--color-button-alpha: 1;--color-button-gradient: var(--wgp-dark-button-gradient);--color-button-text: var(--wgp-dark-button-text);--color-secondary-button: var(--wgp-dark-surface);--color-secondary-button-text: var(--wgp-dark-link);--color-link: var(--wgp-dark-link);--color-caption: var(--wgp-dark-caption);--color-badge-foreground: var(--wgp-dark-text);--color-badge-background: var(--wgp-dark-surface);--color-badge-border: var(--wgp-dark-text);--payment-terms-background-color: rgb(var(--wgp-dark-surface))}html[data-wgp-theme=dark]{color-scheme:dark}html[data-wgp-theme=light]{color-scheme:light}@media(prefers-reduced-motion:no-preference){html.wgp-theme-ready body,html.wgp-theme-ready .color-scheme-1,html.wgp-theme-ready .color-scheme-2,html.wgp-theme-ready .gradient{transition:background-color .16s ease,color .16s ease,border-color .16s ease}}@media(prefers-reduced-motion:reduce){.wgp-color-mode-icon,.wgp-color-mode-track,.wgp-color-mode-thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/wgp-color-mode.css.map */