.pu-color-swatches{margin:1.4rem 0 0;padding-top:1.4rem;border-top:.1rem solid rgba(18,18,18,.1)}.pu-color-swatches__label{margin:0 0 1rem;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#12121280}.pu-color-swatches__label strong{color:#0a0a0a;font-weight:700;letter-spacing:.03em}.pu-color-swatches__list{display:grid;grid-template-columns:repeat(var(--pu-swatch-count, 4),1fr);gap:10px;margin:0;padding:0;list-style:none}.pu-color-swatches__item{min-width:0}.pu-color-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:6px;border-radius:14px;text-decoration:none;color:inherit;transition:background-color .25s var(--pu-ease-premium, cubic-bezier(.16, 1, .3, 1))}.pu-color-swatch:hover,.pu-color-swatch:focus-visible{background:#1212120b}.pu-color-swatch--active{background:#1212120e}.pu-color-swatch__thumb{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:#f2f2ef;border:.15rem solid transparent;transition:border-color .25s var(--pu-ease-premium, cubic-bezier(.16, 1, .3, 1)),transform .25s var(--pu-ease-premium, cubic-bezier(.16, 1, .3, 1))}.pu-color-swatch__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.pu-color-swatch--active .pu-color-swatch__thumb{border-color:#0a0a0a}.pu-color-swatch:hover .pu-color-swatch__thumb{transform:scale(1.035)}.pu-color-swatch__name{max-width:100%;font-size:.72rem;line-height:1.25;letter-spacing:.01em;color:#121212bf;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu-color-swatch--active .pu-color-swatch__name{color:#0a0a0a;font-weight:600}.pu-color-swatch--soldout .pu-color-swatch__thumb img{filter:grayscale(1);opacity:.5}.pu-color-swatch--soldout .pu-color-swatch__name{opacity:.45}.pu-color-swatch__badge{position:absolute;left:50%;bottom:6px;transform:translate(-50%);padding:3px 7px;border-radius:999px;background:#242833;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none}@media screen and (max-width:389px){.pu-color-swatches__list{gap:8px}.pu-color-swatches__label{font-size:.8rem}.pu-color-swatch__name{font-size:.68rem}}@media screen and (max-width:989px){.product__media-list.slider{column-gap:0!important;scroll-padding-left:0!important;scroll-padding-right:0!important;overscroll-behavior-x:contain}.product__media-list.slider>.product__media-item{scroll-snap-stop:always}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-powerup-color-swatches.css.map */