.ColorThumbnailList{--pdp-thumb-width: 50px;list-style:none;padding:0;margin:0}.ColorThumbnail__Radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ColorThumbnail{position:relative;display:block;width:var(--pdp-thumb-width);cursor:pointer;background-color:#fff;border:1px solid var(--border-color, #dadada);transition:border-color .15s ease,box-shadow .15s ease}.ColorThumbnail__Crop{display:block;position:relative;overflow:hidden;aspect-ratio:3 / 4}.ColorThumbnail__Image{display:block;width:var(--pdp-thumb-boost, 120%);max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ColorThumbnail__Radio:focus-visible+.ColorThumbnail,.ColorThumbnail:not(.out-of-stock):hover{border-color:#1a1a1a}.ColorThumbnail__Radio:checked+.ColorThumbnail:not(.out-of-stock){border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.ColorThumbnail.out-of-stock{cursor:default}.ColorThumbnail.out-of-stock .ColorThumbnail__Image{opacity:.4}.ColorThumbnail.out-of-stock .ColorThumbnail__Crop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cline x1='0' y1='100' x2='100' y2='0' stroke='%23979797' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat}
/*# sourceMappingURL=/cdn/shop/t/10/assets/color-thumbnails.css.map */