:root{--mode-primary-color: #000000;--mode-secondary-color: #ffffff;--mode-accent-color: #444444;--mode-background-color: #ffffff;--mode-text-color: #000000;--mode-button-bg: #000000;--mode-button-text: #ffffff;--mode-border-color: #e0e0e0}body.mode-a{--mode-primary-color: #000000;--mode-secondary-color: #ffffff;--mode-accent-color: #444444;--mode-background-color: #ffffff;--mode-text-color: #000000;--mode-button-bg: #000000;--mode-button-text: #ffffff;--mode-border-color: #e0e0e0}body.mode-b{--mode-primary-color: #f06292;--mode-secondary-color: #fce4ec;--mode-accent-color: #ad1457;--mode-background-color: #fce4ec;--mode-text-color: #880e4f;--mode-button-bg: #f06292;--mode-button-text: #ffffff;--mode-border-color: #f8bbd0}.mode-selector-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:1000}.mode-selector-container.hidden{display:none}.mode-option{flex:1;position:relative;overflow:hidden;cursor:pointer;transition:flex .5s ease}.mode-option:hover{flex:1.1}.mode-option-img{width:100%;height:100%;object-fit:cover}.mode-option-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.mode-option-title{font-size:3rem;margin-bottom:1rem;font-weight:700;text-transform:uppercase}.mode-option-description{font-size:1.5rem;max-width:400px;margin:0 auto}.mode-indicator{display:inline-flex;align-items:center;margin-left:15px;position:relative}.mode-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 10px;border-radius:30px;border:1px solid var(--mode-border-color);background:var(--mode-background-color);transition:all .3s ease}.mode-toggle:hover{background:var(--mode-secondary-color)}.mode-a-icon,.mode-b-icon{width:16px;height:16px;border-radius:50%}.mode-a-icon{background-color:#000}.mode-b-icon{background-color:#f06292}.current-mode-label{font-size:.85rem;font-weight:500;color:var(--mode-text-color)}.header,.footer{background-color:var(--mode-background-color);color:var(--mode-text-color);border-color:var(--mode-border-color)}.button,.button--primary{background-color:var(--mode-button-bg);color:var(--mode-button-text)}.button:hover,.button--primary:hover{background-color:var(--mode-accent-color)}.card{border-color:var(--mode-border-color)}.card-title{color:var(--mode-text-color)}.price{color:var(--mode-accent-color)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/modes.css.map */