.color-swatches-fieldset{margin:1.5rem 0}.color-swatches-fieldset legend{font-weight:600;margin-bottom:1rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground))}.color-swatch-label-wrapper{position:relative;display:inline-flex;cursor:pointer;margin:0;padding:0;transition:all .2s ease}.color-swatch-label-wrapper input[type=radio]{position:absolute;opacity:0;pointer-events:none}.color-swatch-container{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem;transition:transform .2s ease}.color-swatch{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid rgba(var(--color-foreground),.2);border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;overflow:hidden;position:relative}.color-swatch.has-image{background-size:cover}.color-swatch.color-fallback{border-width:1px}.color-swatch.color-fallback[style*="background-color: rgb(255, 255, 255)"],.color-swatch.color-fallback[style*="background-color: #FFFFFF"],.color-swatch.color-fallback[style*="background-color: #FFF"]{border-color:rgba(var(--color-foreground),.3);box-shadow:0 2px 4px #00000026}.color-swatch.text-fallback{background:rgba(var(--color-foreground),.05);font-weight:600;font-size:1.25rem;color:rgba(var(--color-foreground),.7)}.color-swatch-label{font-size:.75rem;color:rgba(var(--color-foreground),.75);text-align:center;max-width:70px;line-height:1.2;word-wrap:break-word;transition:color .2s ease}.color-swatch-label-wrapper:hover .color-swatch{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:rgba(var(--color-foreground),.4)}.color-swatch-label-wrapper:hover .color-swatch-label{color:rgb(var(--color-foreground))}.color-swatch-label-wrapper.selected .color-swatch{border-width:3px;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgba(var(--color-foreground),.1),0 4px 8px #0003}.color-swatch-label-wrapper.selected .color-swatch-label{color:rgb(var(--color-foreground));font-weight:600}.color-swatch-label-wrapper.selected .color-swatch:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6);opacity:1;z-index:1}.color-swatch-label-wrapper.selected .color-swatch.has-image[style*=white]:after,.color-swatch-label-wrapper.selected .color-swatch.color-fallback[style*="rgb(255, 255, 255)"]:after,.color-swatch-label-wrapper.selected .color-swatch.color-fallback[style*="#FFF"]:after{color:#000;text-shadow:0 0 3px rgba(255,255,255,.8),0 0 6px rgba(255,255,255,.6)}.color-swatch-label-wrapper.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.color-swatch-label-wrapper.disabled .color-swatch{position:relative}.color-swatch-label-wrapper.disabled .color-swatch:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:rgba(var(--color-foreground),.6);transform:translateY(-50%) rotate(-45deg);z-index:2}.color-swatches-fieldset .variant-input-wrapper,.color-swatches-fieldset>div{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:749px){.color-swatch{width:40px;height:40px}.color-swatch-container{margin:.4rem}.color-swatch-label{font-size:.7rem;max-width:60px}}@media(max-width:480px){.color-swatch{width:36px;height:36px}.color-swatch:after{font-size:1rem}.color-swatch-label{font-size:.65rem}}.color-swatch-label-wrapper:focus-within .color-swatch{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@keyframes swatchSelect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.color-swatch-label-wrapper.selected .color-swatch{animation:swatchSelect .3s ease}.color-swatch-container[title]:hover:before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:.5rem .75rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:.75rem;white-space:nowrap;border-radius:4px;z-index:10;pointer-events:none;box-shadow:0 2px 8px #0003}.color-swatch-container[title]:hover:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:rgb(var(--color-foreground));z-index:10;pointer-events:none}.color-swatches-fieldset.square-swatches .color-swatch{border-radius:4px}.color-swatches-fieldset.large-swatches .color-swatch{width:56px;height:56px}.color-swatches-fieldset.large-swatches .color-swatch:after{font-size:1.5rem}.color-swatches-fieldset.compact .color-swatch-label{display:none}.color-swatches-fieldset.compact .color-swatch-container{gap:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dual-color-swatches.css.map */