html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] [class*=color-scheme-]{color-scheme:dark;--opacity-5-15: .15;--opacity-10-25: .25;--opacity-35-55: .55;--opacity-40-60: .6;--opacity-30-60: .6;--color-background: rgb(12 12 13);--color-background-rgb: 12 12 13;--color-foreground: rgb(240 239 236);--color-foreground-rgb: 240 239 236;--color-foreground-heading: rgb(255 255 255);--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(240 239 236);--color-primary-rgb: 240 239 236;--color-primary-hover: rgb(255 255 255);--color-primary-hover-rgb: 255 255 255;--color-border: rgb(52 52 56);--color-border-rgb: 52 52 56;--color-shadow: rgb(0 0 0);--color-shadow-rgb: 0 0 0;--color-submenu: rgb(23 23 26);--color-account-icon: rgb(240 239 236);--color-primary-button-background: rgb(240 239 236);--color-primary-button-text: rgb(12 12 13);--color-primary-button-border: rgb(240 239 236);--color-primary-button-hover-background: rgb(255 255 255);--color-primary-button-hover-text: rgb(12 12 13);--color-primary-button-hover-border: rgb(255 255 255);--color-secondary-button-background: rgb(12 12 13);--color-secondary-button-text: rgb(240 239 236);--color-secondary-button-border: rgb(96 96 102);--color-secondary-button-hover-background: rgb(30 30 34);--color-secondary-button-hover-text: rgb(255 255 255);--color-secondary-button-hover-border: rgb(240 239 236);--color-input-background: rgb(23 23 26);--color-input-text: rgb(240 239 236);--color-input-text-rgb: 240 239 236;--color-input-border: rgb(62 62 68);--color-input-hover-background: rgb(30 30 34);--color-variant-background: rgb(12 12 13);--color-variant-text: rgb(240 239 236);--color-variant-text-rgb: 240 239 236;--color-variant-border: rgb(78 78 84);--color-variant-hover-background: rgb(30 30 34);--color-variant-hover-text: rgb(255 255 255);--color-variant-hover-border: rgb(240 239 236);--color-selected-variant-background: rgb(240 239 236);--color-selected-variant-text: rgb(12 12 13);--color-selected-variant-border: rgb(240 239 236);--color-selected-variant-hover-background: rgb(255 255 255);--color-selected-variant-hover-text: rgb(12 12 13);--color-selected-variant-hover-border: rgb(255 255 255)}html[data-theme=dark] .header__underlay-closed,html[data-theme=dark] .header__underlay-open{--color-scheme-top-row: rgb(12 12 13);--color-scheme-bottom-row: rgb(12 12 13);--color-submenu: rgb(23 23 26)}html[data-theme=dark] #header-component{--color-submenu: rgb(23 23 26);--color-account-icon: rgb(240 239 236)}html[data-theme=dark] .header .header-actions__action{--button-color: rgb(240 239 236);background-color:transparent;border-color:transparent}html[data-theme=dark] dialog[open],html[data-theme=dark] [class*=drawer][open],html[data-theme=dark] .quick-add-modal[open]{background-color:#17171a}html[data-theme] body,html[data-theme] [class*=color-scheme-],html[data-theme] .header__underlay-closed,html[data-theme] .button,html[data-theme] .button-secondary,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{transition-duration:.01ms!important}}html[data-theme=dark] .header__logo img:not(.header__logo-image--inverse){display:none}html[data-theme=dark] .header__logo-image--inverse{display:block}.mds-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:currentColor;cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent}.mds-theme-toggle:hover{background:rgb(var(--color-foreground-rgb) / .08)}.mds-theme-toggle:focus-visible{outline:.2rem solid var(--color-foreground);outline-offset:.2rem}.mds-theme-toggle svg{width:1.9rem;height:1.9rem;overflow:visible;display:block}.mds-theme-toggle .mds-orb,.mds-theme-toggle .mds-cut,.mds-theme-toggle .mds-rays{transition:all .45s cubic-bezier(.4,0,.2,1)}.mds-theme-toggle .mds-rays{transform-origin:12px 12px}html[data-theme=dark] .mds-theme-toggle .mds-rays{opacity:0;transform:scale(.5) rotate(-45deg)}html[data-theme=dark] .mds-theme-toggle .mds-orb{r:6.4}html[data-theme=dark] .mds-theme-toggle .mds-cut{cx:14;cy:7}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme-mode.css.map */