card-color-thumbnails{position:relative;z-index:2;display:block;width:100%;min-width:0;min-height:5.4rem;margin:.8rem 0 .9rem}card-color-thumbnails:not(:has(.card-color-thumbnails__item)){display:none}.card-color-thumbnails__viewport{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.card-color-thumbnails__viewport::-webkit-scrollbar{display:none}.card-color-thumbnails.has-overflow .card-color-thumbnails__viewport{padding-right:4rem}.card-color-thumbnails__track{display:flex;align-items:center;gap:.6rem;width:max-content;min-width:100%;padding:.2rem .1rem}.card-color-thumbnails__item{position:relative;display:flex;flex:0 0 5rem;align-items:center;justify-content:center;width:5rem;height:4.8rem;margin:0;padding:.3rem;overflow:hidden;color:rgb(var(--color-foreground));background:transparent;border:.1rem solid transparent;border-radius:.4rem;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none}.card-color-thumbnails__item:hover{border-color:rgba(var(--color-foreground),.35)}.card-color-thumbnails__item.is-selected{border-color:rgb(var(--color-foreground))}.card-color-thumbnails__item:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-color-thumbnails__image{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .15s ease}.card-color-thumbnails__item.is-sold-out .card-color-thumbnails__image{opacity:.38}.card-color-thumbnails__sold-line{position:absolute;top:50%;left:50%;width:125%;height:.1rem;background:rgba(var(--color-foreground),.55);transform:translate(-50%,-50%) rotate(-48deg);pointer-events:none}.card-color-thumbnails__arrow{position:absolute;z-index:3;top:0;display:flex;align-items:center;justify-content:center;width:3.8rem;height:5.2rem;margin:0;padding:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:0;border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none}.card-color-thumbnails__arrow--previous{left:0;right:auto;border-right:.1rem solid rgba(var(--color-foreground),.12);box-shadow:1.2rem 0 1.5rem rgba(var(--color-background),.95)}.card-color-thumbnails__arrow--next{right:0;left:auto;border-left:.1rem solid rgba(var(--color-foreground),.12);box-shadow:-1.2rem 0 1.5rem rgba(var(--color-background),.95)}.card-color-thumbnails__arrow[hidden]{display:none}.card-color-thumbnails__arrow span{display:block;font-size:2.8rem;font-weight:300;line-height:1;transform:translateY(-.1rem)}.card-color-thumbnails__arrow--previous:hover span{transform:translate(-.2rem,-.1rem)}.card-color-thumbnails__arrow--next:hover span{transform:translate(.2rem,-.1rem)}.card-color-thumbnails__arrow:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}@media screen and (max-width:749px){card-color-thumbnails{min-height:4.7rem;margin-top:.6rem;margin-bottom:.7rem}.card-color-thumbnails__track{gap:.35rem}.card-color-thumbnails__item{flex-basis:4.2rem;width:4.2rem;height:4.1rem;padding:.2rem}.card-color-thumbnails__arrow{width:3.2rem;height:4.5rem}.card-color-thumbnails.has-overflow .card-color-thumbnails__viewport{padding-right:3.4rem}}@media screen and (min-width:750px){card-color-thumbnails{min-height:4.9rem;margin-top:.5rem;margin-bottom:.2rem}.card-color-thumbnails__track{gap:.4rem}.card-color-thumbnails__item{flex-basis:4.5rem;width:4.5rem;height:4.3rem;padding:.25rem}.card-color-thumbnails__arrow{width:3.5rem;height:4.7rem}.card-color-thumbnails.has-overflow .card-color-thumbnails__viewport{padding-right:3.7rem}card-color-thumbnails+.card__content .card__information{padding-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/card-color-thumbnails.css.map */