color-swatches.color-swatches{--cs-tile-bg: rgb(var(--color-background));--cs-border: rgba(var(--color-foreground), .14);--cs-border-hover: rgba(var(--color-foreground), .45);--cs-selected: rgb(var(--color-foreground));--cs-size: 70px;--cs-gap: 4px;--cs-padding-top: 24px;--cs-padding-bottom: 24px;display:block;padding-top:var(--cs-padding-top);padding-bottom:var(--cs-padding-bottom);border-top:1px solid #3A2F2A1A;margin-top:32px}color-swatches[hidden]{display:none}.color-swatches__label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem;margin:0 0 1.4rem}.color-swatches__heading{font-family:"Instrument Serif",sans-serif;font-size:20px;font-weight:400;line-height:1.2;color:#3a2f2a}.color-swatches__separator,.color-swatches__value{font-family:Suisse Int,sans-serif;font-size:16px;font-weight:400;line-height:1.2;color:#3a2f2a99}.color-swatches__list{display:flex;flex-wrap:wrap;gap:var(--cs-gap);margin:0;padding:0;list-style:none}.color-swatches__item{display:block;width:var(--cs-size)}.color-swatches__link{display:block;text-decoration:none;color:inherit}.color-swatches__tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;padding:4px;background-color:var(--cs-tile-bg);border:1px solid var(--cs-border);transition:border-color var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease}.color-swatches__tile img{display:block;width:100%;height:100%;object-fit:cover}.color-swatches__link:hover .color-swatches__tile{border-color:var(--cs-border-hover)}.color-swatches__item.is-selected .color-swatches__tile{border-color:#3a2f2a}.color-swatches__item.is-selected .color-swatches__link{cursor:default}.color-swatches__item.is-unavailable:not(.is-selected) .color-swatches__link{opacity:.45}.color-swatches__link:focus-visible .color-swatches__tile{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.color-swatches__item--skeleton .color-swatches__tile{background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.06);animation:color-swatches-pulse 1.4s ease-in-out infinite}.color-swatches__value:empty{display:none}.color-swatches__separator:has(+.color-swatches__value:empty){display:none}@keyframes color-swatches-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.color-swatches__item--skeleton .color-swatches__tile{animation:none}}@media screen and (max-width:749px){color-swatches.color-swatches{padding-top:24px;margin-top:24px}color-swatches{--cs-size: 60px;--cs-gap: 3px}.color-swatches__heading{font-size:2rem}.color-swatches__separator,.color-swatches__value{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/component-color-swatches.css.map */