.variant-option--swatches{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin-bottom:1.25rem!important;border:none!important;padding:0!important}.variant-option--swatches legend{width:100%;margin-bottom:.65rem;font-weight:600;font-size:.95rem;color:var(--color-foreground, #111827);display:flex;align-items:center;gap:.35rem}.variant-option--swatches .variant-option__swatch-value{font-weight:500;color:var(--color-foreground-subdued, #64748B)}.variant-option__button-label--revive-swatch{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;min-height:44px!important;padding:5px!important;margin:0!important;border:none!important;background:transparent!important;cursor:pointer!important;outline:none!important;box-shadow:none!important;flex:0 0 auto!important;-webkit-tap-highlight-color:transparent}.variant-option__button-label--revive-swatch input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none!important;clip:rect(0,0,0,0)!important}.revive-swatch{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:50%!important;display:block!important;position:relative!important;box-sizing:border-box!important;background:var(--revive-swatch-bg, #eee);background-size:cover!important;background-position:center!important;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.revive-swatch--light-border{box-shadow:inset 0 0 0 1px #00000029}.variant-option__button-label--revive-swatch:hover:not(:has([data-option-available=false])) .revive-swatch{transform:scale(1.08)}.variant-option__button-label--revive-swatch:has(input[type=radio]:checked) .revive-swatch,.variant-option__button-label--revive-swatch input[type=radio]:checked~.revive-swatch{box-shadow:0 0 0 2px var(--color-background, #ffffff),0 0 0 4px #0f172a!important}.variant-option__button-label--revive-swatch:has(input[type=radio]:checked) .revive-swatch--light-border,.variant-option__button-label--revive-swatch input[type=radio]:checked~.revive-swatch--light-border{box-shadow:inset 0 0 0 1px #00000029,0 0 0 2px var(--color-background, #ffffff),0 0 0 4px #0f172a!important}.variant-option__button-label--revive-swatch:has(input[type=radio]:focus-visible) .revive-swatch,.variant-option__button-label--revive-swatch input[type=radio]:focus-visible~.revive-swatch{outline:2px solid #0F172A;outline-offset:3px}.variant-option__button-label--revive-swatch:has([data-option-available=false]){cursor:not-allowed!important}.variant-option__button-label--revive-swatch:has([data-option-available=false]) .revive-swatch{cursor:not-allowed!important}.variant-option__button-label--revive-swatch svg.variant-option__strikethrough{position:absolute!important;top:50%!important;left:50%!important;width:34px!important;height:34px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;pointer-events:none!important;overflow:hidden!important;stroke:#fff!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85))!important}[dir=rtl] .variant-option--swatches{direction:rtl}[dir=rtl] .variant-option--swatches legend{flex-direction:row}[dir=rtl] .variant-option__button-label--revive-swatch svg.variant-option__strikethrough{transform:translate(-50%,-50%) scaleX(-1)!important}.variant-option__button-label--fallback-text{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--color-variant-border, #CBD5E1);border-radius:var(--style-border-radius-inputs, 6px);background:var(--color-variant-background, #FFFFFF);color:var(--color-variant-text, #1E293B);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.variant-option__button-label--fallback-text:hover{border-color:#0f172a}.variant-option__button-label--fallback-text:has(input[type=radio]:checked),.variant-option__button-label--fallback-text input[type=radio]:checked~.variant-option__button-label__text{border-color:#0f172a;background:#0f172a;color:#fff}[dir=rtl] variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label>svg.variant-option__strikethrough{top:50%!important;left:50%!important;right:auto!important;inset-inline-start:auto!important;width:calc(100% - (var(--options-border-width, 1px) * 2))!important;height:calc(100% - (var(--options-border-width, 1px) * 2))!important;transform:translate(-50%,-50%)!important}[dir=rtl] variant-picker .variant-option--swatches .variant-option__button-label--revive-swatch svg.variant-option__strikethrough{inset-inline-start:auto!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}
/*# sourceMappingURL=/cdn/shop/t/39/assets/revive-color-swatches.css.map */