.amber-swatches{margin-bottom:1.5rem}.amber-swatches__label{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.amber-swatches__label-text{font-family:freight-display-pro,Georgia,serif;font-size:14px;font-style:italic;font-weight:300;color:var(--color-foreground, #1a1a1a)}.amber-swatches__selected-value{font-family:freight-text-pro,serif;font-size:13px;font-weight:400;color:var(--color-foreground, #1a1a1a)}.amber-swatches__items{display:flex;flex-wrap:wrap;gap:10px}.amber-swatch{position:relative;cursor:pointer}.amber-swatch__label{display:block;width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(0,0,0,.1);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.amber-swatch--selected .amber-swatch__label{box-shadow:0 0 0 2px #fff,0 0 0 3px #1a1a1a}.amber-swatch:hover .amber-swatch__label{transform:scale(1.1)}.amber-swatch--unavailable .amber-swatch__label{opacity:.4;cursor:not-allowed}.amber-swatch--unavailable:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#00000080;transform:rotate(-45deg);pointer-events:none}.amber-swatch__input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.amber-swatch__input:focus+.amber-swatch__label{box-shadow:0 0 0 2px #fff,0 0 0 4px #06c}.amber-swatch__tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;padding:10px;border-radius:4px;box-shadow:0 4px 20px #00000026;white-space:nowrap}.amber-swatch__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.amber-swatch:hover .amber-swatch__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.amber-swatch__tooltip-image{display:block;width:60px;height:60px;border-radius:4px;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.1)}.amber-swatch__tooltip-label{font-family:freight-display-pro,Georgia,serif;font-size:12px;font-style:italic;font-weight:300;color:#1a1a1a}.amber-swatch__tooltip-status{font-family:freight-text-pro,serif;font-size:10px;font-weight:400;color:#c00;text-transform:uppercase;letter-spacing:.05em}@media screen and (max-width:749px){.amber-swatch__label{width:36px;height:36px}.amber-swatches__items{gap:8px}.amber-swatch__tooltip{display:none}}.amber-swatch__label[style*=background-image]:before{content:none}.amber-swatch__label{background-color:#f5f5f5}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-amber-swatches.css.map */