.color-variants-btn{display:inline-flex;align-items:center;gap:12px;padding:0;background:transparent;border:none;color:#1a1a1a;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .3s ease;margin-bottom:32px;position:relative}.color-variants-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#1a1a1a;transition:width .3s ease}.color-variants-btn:hover:after{width:100%}.color-variants-btn:hover{opacity:.7}.color-variants-btn svg{width:18px;height:18px;flex-shrink:0}.color-variants-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#1a1a1a;color:#fff;border-radius:0;font-size:10px;font-weight:500;letter-spacing:.05em}.color-swatches-stacked{display:flex;align-items:center;flex-shrink:0}.color-swatch-mini{width:16px;height:16px;border-radius:50%;background-color:#ccc;border:1.5px solid #fff;box-shadow:0 1px 2px #00000026;margin-right:-6px;position:relative}.color-swatch-mini:first-child{z-index:4}.color-swatch-mini:nth-child(2){z-index:3}.color-swatch-mini:nth-child(3){z-index:2}.color-swatch-mini:nth-child(4){z-index:1}.color-swatch-mini:last-child{margin-right:0}.color-swatches{display:flex;align-items:center;gap:8px}.color-swatch{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#ccc;border:2px solid transparent;box-shadow:0 1px 3px #0000001f;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none}.color-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.color-swatch--current{border-color:#1a1a1a}.color-swatch__check{display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-swatch--light .color-swatch__check{color:#1a1a1a;text-shadow:none}.color-swatch:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:4px 8px;background:#1a1a1a;color:#fff;font-family:Instrument Sans,sans-serif;font-size:10px;font-weight:500;letter-spacing:.05em;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:10}.color-swatch:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.color-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;opacity:0;visibility:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;padding:40px}.color-popup-overlay.is-open{opacity:1;visibility:visible}.color-popup{background:#fff;max-width:720px;width:100%;max-height:85vh;overflow:hidden;transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.color-popup-overlay.is-open .color-popup{transform:translateY(0);opacity:1}.color-popup__header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #e5e5e5}.color-popup__title{font-family:Instrument Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#1a1a1a;margin:0}.color-popup__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease;color:#1a1a1a;padding:0}.color-popup__close:hover{opacity:.5}.color-popup__close svg{width:20px;height:20px}.color-popup__content{padding:32px;overflow-y:auto;max-height:calc(85vh - 80px)}.color-popup__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}@media(max-width:600px){.color-popup__grid{grid-template-columns:repeat(2,1fr)}}.color-popup__item{display:flex;flex-direction:column;text-decoration:none;background:#f8f8f8;transition:opacity .3s ease;position:relative;min-width:0}.color-popup__item:hover{opacity:.9}.color-popup__item--current{pointer-events:none}.color-popup__item--current:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #1a1a1a;z-index:3;pointer-events:none}.color-popup__item-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f5f5f5}.color-popup__item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.color-popup__item:hover .color-popup__item-image img{transform:scale(1.03)}.color-popup__item--current:hover .color-popup__item-image img{transform:none}.color-popup__item-placeholder{width:100%;height:100%;background:#e0e0e0}.color-popup__item-badge{position:absolute;top:12px;left:12px;padding:6px 10px;background:#1a1a1a;color:#fff;font-family:Instrument Sans,sans-serif;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;z-index:2}.color-popup__item-info{padding:16px;text-align:center;background:#fff;margin-top:auto}.color-popup__item-name{display:block;font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:400;color:#1a1a1a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.color-popup__item-price{display:block;font-size:12px;font-weight:400;color:#666}.color-popup__content::-webkit-scrollbar{width:4px}.color-popup__content::-webkit-scrollbar-track{background:transparent}.color-popup__content::-webkit-scrollbar-thumb{background:#e5e5e5}.color-popup__content::-webkit-scrollbar-thumb:hover{background:#ccc}body.color-popup-open{overflow:hidden}@media(max-width:768px){.color-popup-overlay{padding:0;align-items:flex-end}.color-popup{max-height:90vh;max-width:100%;width:100%}.color-popup__header{padding:20px 24px}.color-popup__content{padding:24px;max-height:calc(90vh - 70px)}.color-popup__item-info{padding:12px}.color-popup__item-name,.color-popup__item-price{font-size:11px}}.color-variants-btn--minimal{border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:24px;width:100%;justify-content:space-between}.color-variants-btn--minimal:after{display:none}.color-variants-btn--minimal:hover{border-bottom-color:#1a1a1a}
/*# sourceMappingURL=/cdn/shop/t/10/assets/color-variants.css.map */