.zil-pdp-swatches{width:100%}.zil-pdp-swatches__label{display:flex;align-items:baseline;gap:.4em;margin:0 0 var(--zil-pdp-label-mb, 12px) 0;font-size:var(--zil-pdp-label-size, 14px)}.zil-pdp-swatches__label-name{font-weight:var(--zil-pdp-label-name-weight, 600);color:var(--zil-pdp-label-name-color, currentColor)}.zil-pdp-swatches__label-value{color:var(--zil-pdp-label-value-color, rgba(0, 0, 0, .65))}.zil-pdp-swatches__fieldset{border:none;padding:0;margin:0;min-inline-size:0}.zil-pdp-swatches__grid{display:grid;grid-template-columns:repeat(auto-fill,var(--zil-pdp-swatch-size-mobile, 40px));column-gap:var(--zil-pdp-gap, 16px);row-gap:var(--zil-pdp-row-gap-mobile, var(--zil-pdp-gap, 16px));justify-content:start;align-items:start;text-align:var(--zil-pdp-align, left)}@media screen and (min-width:750px){.zil-pdp-swatches__grid{grid-template-columns:repeat(auto-fill,var(--zil-pdp-swatch-size-desktop, 55px));row-gap:var(--zil-pdp-row-gap-desktop, var(--zil-pdp-gap, 16px))}}.zil-pdp-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--zil-pdp-name-gap, 6px);cursor:pointer;width:100%}.zil-pdp-swatch input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.zil-pdp-swatch__circle{display:block;width:var(--zil-pdp-fill, 100%);aspect-ratio:1 / 1;border-radius:var(--zil-pdp-radius, 50%);border:var(--zil-pdp-border-w, 1px) solid var(--zil-pdp-border-color, rgba(0, 0, 0, .15));position:relative;overflow:hidden;margin-inline:auto;transition:border-color .18s ease,box-shadow .18s ease}.zil-pdp-swatch__circle--library-solid{background-color:var(--zil-pdp-hex, transparent);box-shadow:inset 0 0 0 1px #0000000f}.zil-pdp-swatch__circle--library-composite{background:linear-gradient(to bottom,var(--zil-pdp-hex, transparent) 50%,var(--zil-pdp-hex-secondary, transparent) 50%);box-shadow:inset 0 0 0 1px #0000000f}.zil-pdp-swatch__circle--image{background-image:var(--zil-pdp-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.zil-pdp-swatch__circle--neutral{background-color:var(--zil-pdp-neutral-bg, #f0efed)}.zil-pdp-swatch__circle--unavailable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(0,0,0,.3) calc(50% - .5px),rgba(0,0,0,.3) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none;z-index:1}@media(hover:hover){.zil-pdp-swatch:hover .zil-pdp-swatch__circle{border-color:var(--zil-pdp-border-active, #B57885);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--zil-pdp-border-active, #B57885)}}.zil-pdp-swatch:has(input[type=radio]:checked) .zil-pdp-swatch__circle{border-color:var(--zil-pdp-border-active, #B57885);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--zil-pdp-border-active, #B57885)}.zil-pdp-swatch:has(input[type=radio]:checked) .zil-pdp-swatch__name{color:var(--zil-pdp-border-active, #B57885);font-weight:600}.zil-pdp-swatch:focus-within .zil-pdp-swatch__circle{outline:2px solid var(--zil-pdp-border-active, #B57885);outline-offset:3px}.zil-pdp-swatch__name{font-size:var(--zil-pdp-name-size, 12px);color:var(--zil-pdp-name-color, rgba(0, 0, 0, .75));text-align:center;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zil-pdp-swatches.css.map */