.variant-option{display:inline-block}.variant-option__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.variant-option__label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;position:relative}.variant-option--swatch{margin-right:8px;margin-bottom:8px}.variant-option__label--swatch{width:40px;height:40px;border-radius:4px;border:2px solid #ddd;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;position:relative}.variant-option__label--swatch[style*="background-color: #fff"],.variant-option__label--swatch[style*="background-color: white"],.variant-option__label--swatch[style*="background-color: #ffffff"],.variant-option__label--swatch[style*="background-color: #f0f0f0"],.variant-option__label--swatch[style*="background-color: #f5f5f5"],.variant-option__label--swatch[style*="background-color: #fafafa"],.variant-option__label--swatch[style*="background-color: #fffaf0"],.variant-option__label--swatch[style*="background-color: #faf8f3"]{border:2px solid #999;box-shadow:inset 0 0 0 1px #ddd}.variant-option__label--swatch .variant-option__label-text{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch:hover{border-color:#666;box-shadow:0 0 0 1px #00000026}.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #fff"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: white"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #ffffff"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #f0f0f0"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #f5f5f5"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #fafafa"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #fffaf0"]:hover,.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--swatch[style*="background-color: #faf8f3"]:hover{border-color:#666;box-shadow:inset 0 0 0 1px #bbb,0 0 0 1px #0003}.variant-option__input:checked+.variant-option__label--swatch{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #fff"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: white"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #ffffff"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #f0f0f0"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #f5f5f5"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #fafafa"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #fffaf0"],.variant-option__input:checked+.variant-option__label--swatch[style*="background-color: #faf8f3"]{border-color:#333;box-shadow:0 0 0 2px #f5f5f5,0 0 0 4px #333}.variant-option__input:focus-visible+.variant-option__label--swatch{outline:2px solid #333;outline-offset:2px}.variant-option--button{margin-right:8px;margin-bottom:8px}.variant-option__label--button{min-width:50px;height:40px;padding:0 12px;border:2px solid #ddd;border-radius:4px;background-color:#fff;color:#333;font-size:14px;font-weight:500;text-transform:capitalize}.variant-option__input:not(:disabled):not(:checked)+.variant-option__label--button:hover{border-color:#999;background-color:#f5f5f5}.variant-option__input:checked+.variant-option__label--button{border-color:#333;background-color:#333;color:#fff}.variant-option__input:focus-visible+.variant-option__label--button{outline:2px solid #333;outline-offset:2px}.variant-option__input:disabled+.variant-option__label,.variant-option__input:disabled+.variant-option__label--swatch,.variant-option__input:disabled+.variant-option__label--button{opacity:.5;cursor:not-allowed}.variant-option__label--swatch[style*="background-color: #f0f0f0"],.variant-option__label--swatch[style*="background-color: #f5f5f5"],.variant-option__label--swatch[style*="background-color: #fafafa"],.variant-option__label--swatch[style*="background-color: #fffaf0"],.variant-option__label--swatch[style*="background-color: #faf8f3"]{background-clip:padding-box;position:relative}.variant-option__label--swatch[style*="background-color: #f0f0f0"]:after,.variant-option__label--swatch[style*="background-color: #f5f5f5"]:after,.variant-option__label--swatch[style*="background-color: #fafafa"]:after,.variant-option__label--swatch[style*="background-color: #fffaf0"]:after,.variant-option__label--swatch[style*="background-color: #faf8f3"]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(200,200,200,.05) 2px,rgba(200,200,200,.05) 4px);border-radius:2px;pointer-events:none}.product-value__list{display:flex;flex-wrap:wrap;gap:12px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/color-switch.css.map */
