body.template-product .xs-global-variant-cards{border:0!important;padding:0!important;margin:18px auto 25px!important;text-align:center;width:100%;min-width:0!important}body.template-product .xs-global-variant-heading{width:100%;margin:0 0 16px!important;padding:0!important;color:#151515;font:500 11px/1.5 var(--font-body-family),Arial,sans-serif;letter-spacing:.11em;text-align:center;text-transform:uppercase}body.template-product .xs-global-variant-grid{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:13px 12px;max-width:100%}body.template-product .xs-global-variant-card{display:flex;position:relative;flex-direction:column;align-items:center;gap:3px;width:clamp(72px,19vw,92px);min-width:0;box-sizing:border-box}body.template-product .xs-global-variant-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}body.template-product .xs-global-variant-label{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;cursor:pointer;margin:0!important;color:#171717!important}body.template-product .xs-global-variant-photo{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#f4f4f2;border:1px solid transparent;outline:1px solid transparent;outline-offset:2px;border-radius:2px;width:clamp(67px,18vw,86px);aspect-ratio:3/4;box-sizing:border-box}body.template-product .xs-global-variant-photo img{width:100%;height:100%;display:block;object-fit:cover}body.template-product .xs-global-variant-input:checked+.xs-global-variant-label .xs-global-variant-photo{border-color:#151515;outline-color:#151515}body.template-product .xs-global-variant-input:focus-visible+.xs-global-variant-label .xs-global-variant-photo{outline:2px solid #151515;outline-offset:3px}body.template-product .xs-global-variant-placeholder{font:500 10px/1.3 var(--font-body-family),Arial,sans-serif;letter-spacing:.05em;padding:6px;overflow-wrap:anywhere}body.template-product .xs-global-variant-name{display:block;text-align:center;color:#151515;font:500 10px/1.4 var(--font-body-family),Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%}body.template-product .xs-global-variant-sizes{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px}body.template-product .xs-global-variant-size{font:400 9px/1.5 var(--font-body-family),Arial,sans-serif;color:#363636;position:relative;padding:1px}body.template-product .xs-global-variant-size--soldout{color:#aaa}body.template-product .xs-global-variant-size--soldout:after{content:"";position:absolute;top:50%;left:-8%;width:116%;border-top:1px solid #9a9a9a;transform:rotate(-27deg)}body.template-product .xs-global-variant-input[data-crossout]:not(:checked)+.xs-global-variant-label{opacity:.6}@media(max-width:749px){body.template-product .xs-global-variant-grid{gap:13px 9px}body.template-product .xs-global-variant-card{width:79px}body.template-product .xs-global-variant-photo{width:74px}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/xstreet-global-variant-cards.css.map */