.swatch,.swatch-shop{--swatch--size: var(--swatch-input--size, 4.5rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:4.5rem;max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:100% 100%!important;background-origin:border-box;border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.color-swatches{display:flex;gap:8px;align-items:center;margin-top:.5rem;flex-wrap:wrap;background-size:100% 100%}.color-swatches{position:relative;z-index:3;pointer-events:auto}.product-link{z-index:1}.color-swatches .swatch-shop{display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.color-swatches input[type=radio]{display:none}.color-swatches .swatch-color{display:block;width:36px;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;box-sizing:border-box;background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:4px solid rgb(235,235,235);-webkit-mask-image:radial-gradient(circle,white 99.99%,transparent 100%);mask-image:radial-gradient(circle,white 99.99%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect;backface-visibility:hidden;transform:translateZ(0)}.color-swatches .swatch-shop:hover .swatch-color{border-color:#ccc}.swatch-wrapper{border-radius:50%;background:transparent;transition:box-shadow .2s ease}.swatch-shop:hover .swatch-color{box-shadow:0 0 0 2px #fff,0 0 0 4px #f1f1f1}.swatch-shop:has(input[type=radio]:checked) .swatch-wrapper{box-shadow:0 0 0 2px #333}.color-swatches .swatch-shop{padding:.5rem;border-radius:50%}.color-selected-label{margin-top:8px;font-weight:600;font-family:Poppins,sans-serif;font-size:14px;color:#222}@media screen and (max-width: 767px){.color-swatches .swatch-color{width:28px;height:28px;border:2px solid rgb(235,235,235)}.color-swatches{gap:8px;margin-left:.25rem}.swatch-shop{max-width:18%}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/component-swatch.css.map */