.card-wrapper .card__inner .card__badge{position:absolute!important;top:10px!important;left:10px!important;right:auto!important;bottom:auto!important;margin:0!important;padding:0!important;z-index:6;pointer-events:auto}.card-wrapper .card__inner .card__badge .badge{position:static!important;margin:0!important;padding:4px 10px!important;font-size:12px;font-weight:700;border-radius:999px;box-shadow:0 2px 6px #00000024;letter-spacing:.01em}.card-wrapper .card__heading a:after,.card-wrapper .card__inner:after{pointer-events:none}.card-wrapper .card__inner .card__content{pointer-events:none}.card-wrapper .card__inner .card__content a,.card-wrapper .card__inner .card__content button,.card-wrapper .card__inner .card__content .badge{pointer-events:auto}.card__ls-swatches{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;align-items:center;pointer-events:auto}.card__ls-swatches .ls-swatch{position:relative;z-index:4;width:20px;height:20px;border-radius:50%;display:inline-block;padding:0;margin:0;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 2px #fff;background-color:#eaeaea;background-size:cover;background-position:center;flex:0 0 auto;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;outline:none;font:inherit;color:inherit;appearance:none;-webkit-appearance:none;pointer-events:auto}.card__ls-swatches .ls-swatch:hover,.card__ls-swatches .ls-swatch:focus-visible{transform:scale(1.12);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #00000059}.card__ls-swatches .ls-swatch.is-selected{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #111}.card__ls-swatches .ls-swatch-more{font-size:11px;line-height:1;color:#000000b3;padding:3px 7px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:#fff;pointer-events:none}.card__media{position:relative;z-index:3;isolation:isolate}.card__ls-sizes{display:flex;gap:6px;margin:0;padding:0;list-style:none;pointer-events:auto;align-items:center}@media(hover:hover)and (pointer:fine){.card__media>.card__ls-sizes{position:absolute;left:12px;right:12px;transform:translateY(10px);bottom:14px;z-index:5;justify-content:center;flex-wrap:nowrap;width:auto;opacity:0;pointer-events:none;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 10px;border-radius:999px;box-shadow:0 6px 20px #0000001a,0 1px 2px #0000000a;overflow-x:auto;scrollbar-width:none;gap:5px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.card__media>.card__ls-sizes::-webkit-scrollbar{display:none}.card-wrapper:hover .card__media>.card__ls-sizes,.card-wrapper:focus-within .card__media>.card__ls-sizes{opacity:1;transform:translateY(0);pointer-events:auto}.card-wrapper{transition:transform .25s ease}.card-wrapper:hover{transform:translateY(-2px)}}@media(hover:none),(pointer:coarse),(max-width:749px){.card__ls-sizes{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;margin:10px 0 0;padding:2px 0;opacity:1;pointer-events:auto;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%)}.card__ls-sizes::-webkit-scrollbar{display:none}}.card__ls-sizes .ls-size-pill{position:relative;z-index:4;min-width:30px;height:28px;padding:0 9px;margin:0;border-radius:8px;border:none;background:transparent;color:#1a1a1a;font-size:12px;font-weight:600;line-height:1;letter-spacing:.01em;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease;font-family:inherit;appearance:none;-webkit-appearance:none;outline:none;pointer-events:auto}.card__ls-sizes .ls-size-pill:hover,.card__ls-sizes .ls-size-pill:focus-visible{background:#0000000f}.card__ls-sizes .ls-size-pill.is-selected{background:#1a1a1a;color:#fff}.card__ls-sizes .ls-size-pill--out{color:#00000047;text-decoration:line-through;cursor:not-allowed}.card__ls-sizes .ls-size-pill--out:hover{background:transparent}.card__ls-atc-wrap{position:relative;z-index:3;margin-top:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease;pointer-events:none}.card__ls-atc-wrap[data-ls-ready="1"]{max-height:80px;opacity:1;margin-top:12px;pointer-events:auto}.ls-atc-btn{position:relative;z-index:4;width:100%;min-height:42px;padding:11px 14px;border-radius:8px;border:1.5px solid #111;background:#111;color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .12s ease,color .12s ease;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;pointer-events:auto}.ls-atc-btn:hover:not(:disabled){background:#fff;color:#111}.ls-atc-btn:disabled{background:#f2f2f2;color:#7a7a7a;border-color:#dcdcdc;cursor:not-allowed}.ls-atc-btn__label{pointer-events:none}.card-wrapper:has(.ls-atc-btn) .quick-add{display:none!important}.best-sellers-grid__card:has(.card__ls-atc-wrap) .best-sellers-grid__button--fallback{display:none}@media(hover:hover)and (pointer:fine){.card-wrapper .card__media .media>img.motion-reduce{transition:transform .4s ease}.card-wrapper:hover .card__media .media>img.motion-reduce:first-of-type{transform:scale(1.03)}}@media(max-width:749px){.card__ls-swatches{gap:6px;margin-top:8px}.card__ls-swatches .ls-swatch{width:17px;height:17px}.card__ls-sizes .ls-size-pill{min-width:28px;height:28px;line-height:26px;font-size:10.5px;font-weight:600;padding:0 8px;border-radius:999px;box-shadow:none}.card__ls-sizes .ls-size-pill.is-selected{border-width:1.5px;box-shadow:none}.ls-atc-btn{font-size:12px;min-height:40px;padding:9px 10px;letter-spacing:.02em}.card__ls-atc-wrap[data-ls-ready="1"]{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-ls-variant-swatches.css.map */