.card__media-overhang{position:relative;height:0;z-index:3}.card-size-swatches{position:absolute;top:2.4rem;left:0;right:0;transform:translateY(-100%);padding:0 .8rem;pointer-events:none;opacity:0;visibility:hidden}.card-size-swatches__list{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-end;gap:.3rem;margin:0}.card-size-swatch{border:.1rem solid rgba(var(--color-foreground),.25);background-color:rgb(var(--color-background));border-radius:0;color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;min-height:2.6rem;padding:.3rem .5rem;font-size:1rem;letter-spacing:.03rem;line-height:1;text-align:center;transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease}.card-size-swatch--unavailable{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.45);opacity:.75;position:relative;overflow:hidden;text-decoration:line-through;text-decoration-thickness:.1rem}.card-size-swatch--unavailable:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.1rem;background-color:rgba(var(--color-foreground),.45);transform:rotate(-45deg);pointer-events:none}.product-card-wrapper .card--media:has(.card__media-overhang)>.card__content>.card__information{padding-top:2.5rem}@media screen and (min-width:750px){.product-card-wrapper .card--media:has(.card__media-overhang)>.card__content>.card__information{padding-top:2.9rem}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.card-wrapper:hover .card-size-swatches,.card-wrapper:focus-within .card-size-swatches{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-size-swatches.css.map */
