.e2e-card__frame,.e2e-card__media{position:relative}.e2e-cardsw{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;line-height:1;margin:.5rem 0 0}.e2e-cardsw__chip{width:16px;height:16px;flex:0 0 auto;display:block;box-sizing:border-box;border:1px solid rgba(0,0,0,.25);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.e2e-cardsw__chip:hover,.e2e-cardsw__chip:focus-visible,.e2e-cardsw__chip.is-active,.e2e-cardsw__chip.is-current,.e2e-cardsw__chip.is-selected{transform:scale(1.25);box-shadow:0 0 0 1px #fff,0 0 0 2px #111;outline:none}.e2e-cardsw:has(.is-active) .e2e-cardsw__chip.is-current:not(.is-active){transform:none;box-shadow:none}.e2e-cardsw__more{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--e2e-muted-fg,#6b6b6b);white-space:nowrap}.e2e-card__media--dual .e2e-card__img--main,.e2e-card__media--dual .e2e-card__img--alt{transition:opacity .3s ease}.e2e-card__media--dual.is-angle .e2e-card__img--alt{opacity:1}.e2e-card__media--dual.is-angle .e2e-card__img--main{opacity:0}@media(hover:none){.e2e-card__media--dual:after{content:"";position:absolute;left:50%;bottom:8px;z-index:1;width:6px;height:6px;margin-left:-8px;border-radius:50%;background:#111;box-shadow:10px 0 #00000038;pointer-events:none;transition:background .2s ease,box-shadow .2s ease}.e2e-card__media--dual.is-angle:after{background:#00000038;box-shadow:10px 0 #111}}@media(hover:hover)and (pointer:fine){.e2e-cardsw{position:absolute;left:.6rem;bottom:.6rem;z-index:2;margin:0;max-width:calc(100% - 1.2rem);padding:.4rem .55rem;background:#fffffff0;box-shadow:0 1px 4px #0000001a;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.e2e-cardsw__chip{width:12px;height:12px}.e2e-card__frame:hover .e2e-cardsw,.e2e-card__frame:focus-within .e2e-cardsw{opacity:1;transform:translateY(0);pointer-events:auto}.e2e-cardsw:has(.is-selected){opacity:1;transform:translateY(0);pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/e2e-card-swatches.css.map */
