:root{--dm-transition: background-color .3s ease, color .3s ease}[data-theme=dark]:root,[data-theme=dark] .color-background-1,[data-theme=dark] .color-background-2,[data-theme=dark] .color-inverse,[data-theme=dark] .color-accent-1,[data-theme=dark] .color-accent-2{--color-background: 18, 18, 18;--gradient-background: #121212;--color-foreground: 230, 230, 230;--color-background-contrast: 50, 50, 50;--color-shadow: 0, 0, 0;--color-button: 200, 200, 200;--color-button-text: 18, 18, 18;--color-secondary-button: 40, 40, 40;--color-secondary-button-text: 230, 230, 230;--color-link: 200, 200, 200;--color-badge-foreground: 230, 230, 230;--color-badge-background: 40, 40, 40;--color-badge-border: 200, 200, 200;--payment-terms-background-color: rgb(18, 18, 18)}[data-theme=dark] body,[data-theme=dark] body.color-background-1,[data-theme=dark] body.color-background-2,[data-theme=dark] body.color-inverse,[data-theme=dark] body.color-accent-1,[data-theme=dark] body.color-accent-2,[data-theme=dark] body.gradient{background-color:#121212!important;color:#e6e6e6d9!important}body,.customer,.field input,.field label,button,a{transition:var(--dm-transition)}.menu-drawer__theme-toggle{display:flex;justify-content:center;align-items:center;padding:2rem 0;border-top:1px solid rgba(var(--color-foreground),.1)}.theme-toggle{background:rgba(var(--color-foreground),.08);border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;margin:0}.theme-toggle:hover{background:rgba(var(--color-foreground),.12);transform:scale(1.05)}.theme-toggle svg{width:24px;height:24px;fill:currentColor}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none;position:absolute}[data-theme=dark] .gradient,[data-theme=dark] .gradient.color-background-1,[data-theme=dark] .gradient.color-background-2,[data-theme=dark] .gradient.color-inverse,[data-theme=dark] .gradient.color-accent-1,[data-theme=dark] .gradient.color-accent-2{background:#121212!important}[data-theme=dark] section,[data-theme=dark] .section{background-color:#121212;color:#e6e6e6d9}[data-theme=dark] .customer table{border-color:#e6e6e626}[data-theme=dark] .field input,[data-theme=dark] .field textarea,[data-theme=dark] .field select{background-color:#ffffff0d;border-color:#e6e6e633;color:#e6e6e6}[data-theme=dark] .field input::placeholder,[data-theme=dark] .field textarea::placeholder{color:#e6e6e666}[data-theme=dark] .field label{color:#e6e6e6b3}[data-theme=dark] button,[data-theme=dark] .button{background-color:#c8c8c8;color:#121212;border-color:#c8c8c8}[data-theme=dark] button:hover,[data-theme=dark] .button:hover{background-color:#dcdcdc}[data-theme=dark] a{color:#c8c8c8d9}[data-theme=dark] .form__message{color:#e6e6e6}[data-theme=dark] .header-wrapper,[data-theme=dark] .header,[data-theme=dark] header{background-color:#121212!important;border-bottom-color:#e6e6e61a}[data-theme=dark] .footer,[data-theme=dark] footer{background-color:#121212!important;border-top-color:#e6e6e61a}[data-theme=dark] .header__menu-item,[data-theme=dark] .menu-drawer__menu-item{color:#e6e6e6d9}[data-theme=dark] .header__menu-item:hover,[data-theme=dark] .menu-drawer__menu-item:hover{color:#e6e6e6;background-color:#e6e6e614}[data-theme=dark] .card{background-color:#ffffff0d;border-color:#e6e6e61a}[data-theme=dark] .modal,[data-theme=dark] .drawer,[data-theme=dark] .menu-drawer{background-color:#121212!important}[data-theme=dark] .menu-drawer__inner-container{background-color:#121212}[data-theme=dark] .menu-drawer__utility-links{border-top-color:#e6e6e61a}[data-theme=dark] .card__content,[data-theme=dark] .card__information{color:#e6e6e6d9}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#e6e6e6}[data-theme=dark] p,[data-theme=dark] li,[data-theme=dark] span{color:#e6e6e6d9}[data-theme=dark] .announcement-bar,[data-theme=dark] .announcement-bar-section{background-color:#121212!important;color:#e6e6e6d9}[data-theme=dark] .announcement-bar__link,[data-theme=dark] .announcement-bar__message{color:#e6e6e6d9}[data-theme=dark] .slider-button,[data-theme=dark] .announcement-bar .slider-button{background-color:#ffffff1a;color:#e6e6e6;border-color:#e6e6e633}[data-theme=dark] .slider-button:hover{background-color:#ffffff26}[data-theme=dark] .slider-button svg{fill:#e6e6e6}[data-theme=dark] button[disabled],[data-theme=dark] .button[disabled],[data-theme=dark] button.disabled,[data-theme=dark] .button.disabled{background-color:#c8c8c880;color:#12121299}[data-theme=dark] .product-form__submit,[data-theme=dark] button[name=add],[data-theme=dark] .product-form button[type=submit]{background-color:#e6e6e6!important;border-color:#e6e6e6!important;color:#121212!important}[data-theme=dark] .product-form__submit *,[data-theme=dark] button[name=add] *,[data-theme=dark] .product-form button[type=submit] *,[data-theme=dark] .product-form__submit span,[data-theme=dark] button[name=add] span{color:#121212!important}[data-theme=dark] .product-form__submit:hover,[data-theme=dark] button[name=add]:hover,[data-theme=dark] .product-form button[type=submit]:hover{background-color:#fff!important;border-color:#fff!important;color:#121212!important}[data-theme=dark] .product-form__submit:hover *,[data-theme=dark] button[name=add]:hover *,[data-theme=dark] .product-form button[type=submit]:hover *{color:#121212!important}[data-theme=dark] .shopify-payment-button__button{filter:brightness(.9)}[data-theme=dark] .share-button,[data-theme=dark] .share-button summary{color:#e6e6e6!important}[data-theme=dark] .share-button svg,[data-theme=dark] .share-button .icon{fill:#e6e6e6;color:#e6e6e6}[data-theme=dark] input[type=file]::file-selector-button,[data-theme=dark] input[type=file]::-webkit-file-upload-button{background-color:#c8c8c8e6;color:#121212;border-color:#e6e6e633}@keyframes iconFadeIn{0%{opacity:0;transform:rotate(-180deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.theme-toggle .icon-sun[style*="display: block"],.theme-toggle .icon-moon[style*="display: block"]{animation:iconFadeIn .3s ease}
/*# sourceMappingURL=/cdn/shop/t/16/assets/dark-mode.css.map */