.card__inner{position:relative}.card-media-hit{position:absolute;left:var(--image-padding, 0px);right:var(--image-padding, 0px);top:var(--image-padding, 0px);bottom:var(--image-padding, 0px);z-index:2;display:block;text-decoration:none}.card-hover-sizes{display:block;position:absolute;left:var(--image-padding, 0px);right:var(--image-padding, 0px);bottom:var(--image-padding, 0px);z-index:3;opacity:0;transform:translateY(.4rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.card-wrapper:hover .card-hover-sizes,.card-wrapper:focus-within .card-hover-sizes,.card-wrapper.is-scroll-active .card-hover-sizes{opacity:1;transform:translateY(0)}.card-wrapper:has(.card-hover-sizes):hover .card__heading a:after,.card-wrapper:has(.card-hover-sizes):focus-within .card__heading a:after,.card-wrapper:has(.card-hover-sizes).is-scroll-active .card__heading a:after{pointer-events:none}.card-hover-sizes__fade{padding:1rem .8rem 1.1rem;background:#ffffffc7}.card-hover-sizes__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem 1rem}.card-hover-sizes__btn{-webkit-appearance:none;appearance:none;border:0;border-bottom:1px solid rgb(var(--color-foreground));border-radius:0;background:transparent;margin:0;padding:.2rem 0 .25rem;font-family:inherit;font-size:1.2rem;font-weight:400;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:rgb(var(--color-foreground));cursor:pointer;position:relative;z-index:4;pointer-events:none;-webkit-tap-highlight-color:transparent}.card-wrapper:hover .card-hover-sizes__btn,.card-wrapper:focus-within .card-hover-sizes__btn,.card-wrapper.is-scroll-active .card-hover-sizes__btn{pointer-events:auto}.card-hover-sizes__btn:hover,.card-hover-sizes__btn:focus-visible{opacity:.65;outline:none}.card-hover-sizes__btn--quick-add{border-bottom-color:transparent;font-size:1.1rem;letter-spacing:.08em;text-transform:none;padding:.25rem 0 .3rem}.card-hover-sizes__btn--quick-add:hover,.card-hover-sizes__btn--quick-add:focus-visible{border-bottom-color:rgb(var(--color-foreground));opacity:1}.card-hover-sizes__btn.is-unavailable,.card-hover-sizes__btn:disabled{opacity:.35;text-decoration:none;border-bottom-color:rgba(var(--color-foreground),.35);cursor:default}.card-hover-sizes__btn--quick-add.is-unavailable,.card-hover-sizes__btn--quick-add:disabled,.card-hover-sizes__btn--quick-add.is-unavailable:hover,.card-hover-sizes__btn--quick-add:disabled:hover{border-bottom-color:transparent;cursor:default}.card-hover-sizes__btn.is-loading{opacity:.55;pointer-events:none!important}@media screen and (min-width:990px){.card-hover-sizes__fade{padding:1.2rem 1.2rem 1.35rem}.card-hover-sizes__row{gap:.9rem 1.6rem}.card-hover-sizes__btn{font-size:1.4rem}.card-hover-sizes__btn--quick-add{font-size:1.15rem}.card-wrapper.is-scroll-active:not(:hover):not(:focus-within) .card-hover-sizes{opacity:0;transform:translateY(.4rem)}.card-wrapper.is-scroll-active:not(:hover):not(:focus-within) .card-hover-sizes__btn{pointer-events:none}.card-wrapper.is-scroll-active:not(:hover):not(:focus-within) .card__heading a:after{pointer-events:auto}}@media screen and (max-width:989px){.card-wrapper:hover:not(.is-scroll-active):not(:focus-within) .card-hover-sizes{opacity:0;transform:translateY(.4rem)}.card-wrapper:hover:not(.is-scroll-active):not(:focus-within) .card-hover-sizes__btn{pointer-events:none}.card-wrapper:hover:not(.is-scroll-active):not(:focus-within) .card__heading a:after{pointer-events:auto}}.card-wrapper:has(.card-hover-sizes--sold-out):hover .card__badge,.card-wrapper:has(.card-hover-sizes--sold-out):focus-within .card__badge,.card-wrapper:has(.card-hover-sizes--sold-out).is-scroll-active .card__badge{opacity:0;pointer-events:none;transition:opacity .2s ease}@media screen and (min-width:990px){.card-wrapper:has(.card-hover-sizes--sold-out).is-scroll-active:not(:hover):not(:focus-within) .card__badge{opacity:1;pointer-events:auto}}@media screen and (max-width:989px){.card-wrapper:has(.card-hover-sizes--sold-out):hover:not(.is-scroll-active):not(:focus-within) .card__badge{opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/card-hover-sizes.css.map */