.product-form-swatch{--swatch-size: 36px;--swatch-gap: 8px;--swatch-radius: 10px;--ring: 2px;display:flex;flex-wrap:wrap;gap:var(--swatch-gap)}.product-form-swatch .swatch-container{width:var(--swatch-size);height:var(--swatch-size);position:relative;flex:0 0 auto}.product-form-swatch .swatch-container input[type=radio]{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0}.product-form-swatch .swatch-label{display:block;inline-size:100%;block-size:100%;background-size:cover;background-position:center;cursor:pointer;border:2px solid rgba(0,0,0,.28);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;position:relative}.product-form-swatch.swatch--circle .swatch-label{border-radius:9999px}.product-form-swatch.swatch--square .swatch-label{border-radius:var(--swatch-radius)}.product-form-swatch .swatch-label:hover{transform:translateY(-1px)}.product-form-swatch .swatch-container input[type=radio]:focus-visible+.swatch-label{outline:2px solid currentColor;outline-offset:2px}.product-form-swatch .swatch-container input[type=radio]:checked+.swatch-label{box-shadow:0 0 0 var(--ring) currentColor inset,0 0 0 calc(var(--ring) + 1px) #00000038}.product-form-swatch .swatch-container input.disabled+.swatch-label{opacity:.45;filter:grayscale(100%);cursor:not-allowed}.product-form-swatch .swatch-label:after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);padding:4px 6px;font-size:12px;line-height:1;color:#fff;background:#000000d9;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.product-form-swatch .swatch-label:before{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000d9;opacity:0;transition:opacity .12s ease}.product-form-swatch .swatch-label:hover:after,.product-form-swatch .swatch-label:hover:before,.product-form-swatch .swatch-container input[type=radio]:focus-visible+.swatch-label:after,.product-form-swatch .swatch-container input[type=radio]:focus-visible+.swatch-label:before{opacity:1}.product-form-swatch .swatch-container{width:40px}.product-form-swatch .swatch-label{aspect-ratio:1 / 1}.product-form-swatch.swatch--circle .swatch-label{border-radius:50%!important}.product-form-swatch input[type=radio]:checked+.swatch-label{box-shadow:0 0 0 3px #0b3a5b inset,0 0 0 1px #00000040;border-color:transparent}.product-form-swatch{--swatch-size: 32px;--swatch-gap: 10px}.product-form-swatch .swatch-container{width:var(--swatch-size)}.swatch-selected{margin-top:8px;font-size:14px;color:#444}.swatch-selected strong{font-weight:600}@media (max-width: 640px){.product-form-swatch{--swatch-size: 30px;--swatch-gap: 6px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/swatch.css.map */