@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500&display=swap";.color-swatches{margin:1.5rem 0}.color-swatches__header{display:flex;gap:.4rem;align-items:baseline;margin-bottom:.7rem;font-size:1.4rem}.color-swatches__current{font-weight:600}.color-swatches__list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.color-swatches__item{margin:0;padding:0}.color-swatch{display:block;width:var(--swatch-size, 44px);height:var(--swatch-size, 44px);border-radius:var(--swatch-radius, 50%);overflow:hidden;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:outline .12s ease,box-shadow .12s ease}.color-swatch img{width:100%;height:100%;object-fit:cover;display:block}.color-swatch:hover{outline:1px solid rgba(0,0,0,.35);outline-offset:2px}.color-swatch.is-selected{outline:2px solid #111;outline-offset:2px;box-shadow:inset 0 0 0 2px #fff}.card-color-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;--swatch-size: 30.4px}.card-color-swatch{display:block;width:var(--swatch-size, 30.4px);height:var(--swatch-size, 30.4px);border-radius:50%;overflow:hidden;border:1px solid #888888;cursor:pointer;transition:width .2s ease,height .2s ease}.card-color-swatch img{width:100%;height:100%;object-fit:cover;display:block}.card-color-swatch.is-selected{outline:2px solid #111;outline-offset:1px}@media(hover:hover)and (pointer:fine){.card-color-swatches{--swatch-size: 12px}.card-wrapper:has(.card-color-swatches):hover .card-color-swatches,.card:has(.card-color-swatches):hover .card-color-swatches{--swatch-size: 40px}.card-wrapper:has(.card-color-swatches) .card__heading,.card:has(.card-color-swatches) .card__heading{max-height:4rem;overflow:hidden;transition:opacity .16s ease,max-height .24s ease,margin .24s ease}.card-wrapper:has(.card-color-swatches):hover .card__heading,.card:has(.card-color-swatches):hover .card__heading{opacity:0;max-height:0;margin-top:0;margin-bottom:0}}.card__information:has(.card-color-swatches){display:flex;flex-direction:column;gap:0;padding-top:.6rem;padding-bottom:.8rem}.card__information:has(.card-color-swatches) .card__heading{margin:0 0 -.6rem}.card__information:has(.card-color-swatches) .price{margin:0}.card__information:has(.card-color-swatches) .card-color-swatches{order:1;margin:.8rem 0 0}.card__information:has(.card-color-swatches) .card__heading,.card__information:has(.card-color-swatches) .card__heading a{font-family:Jost,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.8rem;letter-spacing:.01rem;color:#6b6b6b}.card__information:has(.card-color-swatches) .price,.card__information:has(.card-color-swatches) .price-item{font-family:Jost,sans-serif;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:.01rem}.card__information:has(.card-color-swatches) .price--on-sale .price-item--sale{color:#c60a00}.card__information:has(.card-color-swatches) .price--on-sale .price-item--regular{color:#6b6b6b}.card__information:has(.card-color-swatches){min-height:9rem}.card__information:has(.card-color-swatches) .card__heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover)and (pointer:fine){.card-wrapper:has(.card-color-swatches):hover .card__media img,.card:has(.card-color-swatches):hover .card__media img,.card-wrapper:has(.card-color-swatches):hover .media img,.card:has(.card-color-swatches):hover .media img{transform:none!important;scale:none!important}}.card-swatch-loading{opacity:.55;pointer-events:none;transition:opacity .15s ease}.product-form__input--color-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-color-swatches.css.map */