body{transition:background-color .4s ease,color .4s ease}body img,body video,body svg{transition:none}.menu-toggle-btn{display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;position:relative;z-index:100}.toggle-wrapper{display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1}.toggle-button{position:relative;display:flex;align-items:center;width:52px;height:28px;border-radius:14px;cursor:pointer;background:#78788c59;border:1.5px solid rgba(180,180,200,.4);box-sizing:border-box;flex-shrink:0;visibility:visible;opacity:1;overflow:hidden;padding:0;margin:0;transition:background .35s ease,border-color .35s ease;user-select:none;-webkit-user-select:none}.toggle-circle{position:absolute;top:50%;left:4px;transform:translateY(-50%) translate(0);width:20px;height:20px;border-radius:50%;background:var(--white);box-shadow:0 1px 5px #0000004d;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:2;pointer-events:none;visibility:visible;opacity:1}.toggle-sun{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:13px;height:13px;object-fit:contain;z-index:1;pointer-events:none;transition:opacity .3s ease;opacity:1}.toggle-moon{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:13px;height:13px;object-fit:contain;z-index:1;pointer-events:none;transition:opacity .3s ease;opacity:0}:root{--white: #ffffff;--accent: #7fb9ff;--accent-deep: #5a83b5;--grot: var(--sans);--ease: cubic-bezier(.16, 1, .3, 1);--bg: #fffbf6;--bg-rgb: 255 251 246;--surface: var(--white);--surface-2: rgba(25, 31, 56, .04);--surface-3: rgb(25 31 56 / 8%);--surface-4: rgba(127, 185, 255, .15);--text: #191f38;--body: rgba(25, 31, 56, .78);--muted: rgba(25, 31, 56, .7);--whisper: rgba(25, 31, 56, .32);--hairline: rgba(25, 31, 56, .12);--border: rgba(25, 31, 56, .1);--nav-bg: rgba(255, 251, 246, .85)}.night-mode{--bg: #0d1124;--bg-rgb: 13 17 36;--surface: #141934;--surface-2: #1d2548;--surface-3: #2c3a60;--surface-4: rgba(127, 185, 255, .25);--text: #fffbf6;--body: rgba(255, 251, 246, .82);--muted: rgba(255, 251, 246, .58);--whisper: rgba(255, 251, 246, .32);--hairline: rgba(255, 251, 246, .14);--border: rgba(255, 251, 246, .12);--nav-bg: rgba(13, 17, 36, .85)}body.night-mode .toggle-button{background:#1e1e3299;border-color:#64649680}body.night-mode .toggle-circle{transform:translateY(-50%) translate(0)}body.night-mode .toggle-sun{opacity:1}body.night-mode .toggle-moon{opacity:0}body.day-mode .toggle-button{background:#d2dcff80;border-color:#788cdc66}body.day-mode .toggle-circle{transform:translateY(-50%) translate(24px)}body.day-mode .toggle-sun{opacity:0}body.day-mode .toggle-moon{opacity:1}body.day-mode{background-color:var(--kc-day-bg-color, var(--white));color:var(--kc-day-text-color, #121212)}body.day-mode.kc-has-day-image{background-image:var(--kc-day-bg-image);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}body.day-mode h1,body.day-mode h2,body.day-mode h3,body.day-mode h4,body.day-mode h5,body.day-mode h6{color:var(--kc-day-heading-color)}body.day-mode .w-nav,body.day-mode .navbar,body.day-mode .navbar-wrapper,body.day-mode .nav-menu-wrapper,body.day-mode .sidemenu-bar-inner,body.day-mode .kc_nav-menu{background-color:var(--kc-day-bg-color)}body.day-mode .nav-link,body.day-mode .navbar-brand,body.day-mode .prod-name,body.day-mode .sidebar-menu-title,body.day-mode .copyright-text,body.day-mode .copyright-link,body.day-mode .top-cart-title,body.day-mode .cart-count{color:var(--kc-day-text-color)}body.day-mode .outline-button{border-color:var(--kc-day-text-color);color:var(--kc-day-text-color)}body.night-mode{background-color:var(--kc-night-bg-color);color:var(--kc-night-text-color)}body.night-mode.kc-has-night-image{background-image:var(--kc-night-bg-image);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}body.night-mode h1,body.night-mode h2,body.night-mode h3,body.night-mode h4,body.night-mode h5,body.night-mode h6{color:var(--kc-night-heading-color)}body.night-mode .w-nav,body.night-mode .navbar,body.night-mode .navbar-wrapper,body.night-mode .nav-menu-wrapper,body.night-mode .sidemenu-bar-inner,body.night-mode .kc_nav-menu{background-color:var(--kc-night-bg-color)}body.night-mode .nav-link,body.night-mode .navbar-brand,body.night-mode .prod-name,body.night-mode .sidebar-menu-title,body.night-mode .copyright-text,body.night-mode .copyright-link,body.night-mode .top-cart-title,body.night-mode .cart-count{color:var(--kc-night-text-color)}body.night-mode .outline-button{border-color:var(--kc-night-text-color);color:var(--kc-night-text-color)}body.night-mode .section-header,body.night-mode .header-wrapper,body.night-mode header.header,body.night-mode .shopify-section,body.night-mode [class*=color-scheme-]{--color-background: var(--kc-night-bg-r, 15), var(--kc-night-bg-g, 15), var(--kc-night-bg-b, 15);--color-foreground: var(--kc-night-text-r, 229), var(--kc-night-text-g, 229), var(--kc-night-text-b, 229);--gradient-background: var(--kc-night-bg-color, #0f0f0f);background-color:rgb(var(--color-background));color:rgba(var(--color-foreground))}body.day-mode .section-header,body.day-mode .header-wrapper,body.day-mode header.header,body.day-mode .shopify-section,body.day-mode [class*=color-scheme-]{--color-background: var(--kc-day-bg-r, 255), var(--kc-day-bg-g, 255), var(--kc-day-bg-b, 255);--color-foreground: var(--kc-day-text-r, 18), var(--kc-day-text-g, 18), var(--kc-day-text-b, 18);--gradient-background: var(--kc-day-bg-color, var(--white));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}body.night-mode [class*=color-scheme-] a,body.night-mode [class*=color-scheme-] .h1,body.night-mode [class*=color-scheme-] .h2,body.night-mode [class*=color-scheme-] .h3,body.night-mode [class*=color-scheme-] nav a,body.night-mode header a{color:var(--kc-night-text-color, #e5e5e5)}body.day-mode [class*=color-scheme-] a,body.day-mode [class*=color-scheme-] .h1,body.day-mode [class*=color-scheme-] .h2,body.day-mode [class*=color-scheme-] .h3,body.day-mode [class*=color-scheme-] nav a,body.day-mode header a{color:var(--kc-day-text-color, #121212)}body.night-mode .header__heading-link,body.night-mode .header__heading-link svg,body.night-mode .header__heading-link span{color:var(--kc-night-text-color, #e5e5e5);fill:var(--kc-night-text-color, #e5e5e5)}body.day-mode .header__heading-link,body.day-mode .header__heading-link svg,body.day-mode .header__heading-link span{color:var(--kc-day-text-color, #121212);fill:var(--kc-day-text-color, #121212)}body.night-mode .header__icon,body.night-mode .header__icon svg,body.night-mode .header__icon path{color:var(--kc-night-text-color, #e5e5e5);fill:currentColor}body.day-mode .header__icon,body.day-mode .header__icon svg,body.day-mode .header__icon path{color:var(--kc-day-text-color, #121212);fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/35/assets/day-night-mode.css.map */