.models-card{--models-card-radius: 16px;display:flex;flex-direction:column;height:100%;padding:var(--sp-3);border-radius:var(--models-card-radius);background-color:rgb(var(--color-background));box-shadow:0 1px 2px rgb(var(--color-foreground) / .05),0 4px 16px -6px rgb(var(--color-foreground) / .12);transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.models-card:hover{box-shadow:0 2px 4px rgb(var(--color-foreground) / .06),0 16px 32px -12px rgb(var(--color-foreground) / .22);transform:translateY(-3px)}.models-card>.card{display:flex;flex-direction:column;flex-grow:1;background-color:transparent;box-shadow:none}.models-card .product-card__media{border-radius:calc(var(--models-card-radius) - var(--sp-2));overflow:hidden}.models-card .product-card__content{padding-inline:var(--sp-1)}.models-card .product-card__top{margin-block-end:var(--sp-2)}.models-card__swatches{margin-block-end:var(--sp-3)}.models-swatch{--models-swatch-size: 36px;width:var(--models-swatch-size);height:var(--models-swatch-size);border-radius:50%;overflow:hidden;background-color:rgb(var(--color-foreground) / .04);box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .12);transition:box-shadow .2s ease,transform .2s ease}button.models-swatch{padding:0;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}.models-swatch:hover,.models-swatch:focus-visible{box-shadow:inset 0 0 0 1px rgb(var(--color-background)),0 0 0 2px rgb(var(--color-foreground) / .75);transform:translateY(-2px)}.models-swatch.is-active{box-shadow:inset 0 0 0 1px rgb(var(--color-background)),0 0 0 2px rgb(var(--color-foreground))}.models-swatch--image img{width:100%;height:100%;object-fit:cover;display:block}.models-swatch--color{background-color:var(--swatch-color, rgb(var(--color-foreground) / .15))}.models-card .product-card__media img{transition:opacity .25s ease}.models-swatch__more{opacity:.6;letter-spacing:.04em;align-self:center}.models-swatch__more:hover{opacity:1}@media(prefers-reduced-motion:reduce){.models-card,.models-swatch{transition:none}.models-card:hover,.models-swatch:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/variant-swatches.css.map */