.card-size-bar{position:absolute;inset-inline:0;bottom:0;z-index:3;display:block;background:var(--size-bar-bg);color:var(--size-bar-text);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);letter-spacing:var(--font-base-letter-spacing);cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s ease-out,opacity .2s ease-out}.card-size-bar{--size-bar-start: left;--size-bar-end: right}[dir=rtl] .card-size-bar{--size-bar-start: right;--size-bar-end: left}.card-size-bar[hidden]{display:none}.card-size-bar__inner{position:relative;display:flex;align-items:center}.card-size-bar__track{display:flex;flex:1 1 auto;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;transition:opacity .2s ease}.card-size-bar__track::-webkit-scrollbar{display:none}.card-size-bar--updating .card-size-bar__track{opacity:.4;pointer-events:none}.card-size-bar__size{position:relative;flex:0 0 auto;min-width:36px;margin:0;padding:11px 6px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:calc(var(--font-base-size) - 1px);line-height:1;text-align:center;text-transform:uppercase;cursor:pointer}.card-size-bar .card-size-bar__size,.card-size-bar .card-size-bar__size:hover,.card-size-bar .card-size-bar__arrow,.card-size-bar .card-size-bar__arrow:hover{background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;transition:none}.card-size-bar__size:first-child{margin-inline-start:auto}.card-size-bar__size:last-child{margin-inline-end:auto}.card-size-bar__label{display:inline-block;padding-bottom:2px;border-bottom:1px solid transparent}@media(hover:hover){.card-size-bar__size:not(.card-size-bar__size--unavailable):hover .card-size-bar__label{border-bottom-color:currentColor}}.card-size-bar__size:focus-visible .card-size-bar__label{border-bottom-color:currentColor}.card-size-bar__size:focus-visible{outline:1px solid currentColor;outline-offset:-3px}.card-size-bar .card-size-bar__size--unavailable,.card-size-bar .card-size-bar__size--unavailable:hover{color:var(--size-bar-unavailable);cursor:not-allowed}.card-size-bar__size--unavailable .card-size-bar__label{text-decoration:line-through}.card-size-bar__size.is-loading .card-size-bar__label{animation:card-size-bar-pulse .8s ease-in-out infinite alternate}@keyframes card-size-bar-pulse{to{opacity:.25}}.card-size-bar__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:18px;height:36px;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.card-size-bar__arrow[hidden]{display:none}.card-size-bar__arrow svg{width:9px;height:9px;fill:currentColor}[dir=rtl] .card-size-bar__arrow svg{transform:scaleX(-1)}.card-size-bar__arrow:disabled{opacity:.3;cursor:default}.card-size-bar__error{margin:0;padding:0 8px 8px;font-size:calc(var(--font-base-size) - 3px);line-height:1.3;text-align:center}.card-size-bar__error[hidden]{display:none}@media(hover:hover){.card--has-size-bar .card__quick-add-container,.card--has-size-bar .card__quick-add-container--icon,.card--has-size-bar .card__quick-add-container--desktop{display:none!important}}@media(hover:none){.card--has-size-bar:not(:has(.card-size-bar--no-touch)) .card__quick-add-container,.card--has-size-bar:not(:has(.card-size-bar--no-touch)) .card__quick-add-container--icon,.card--has-size-bar:not(:has(.card-size-bar--no-touch)) .card__quick-add-container--desktop{display:none!important}}@media(hover:hover){.card-size-bar:not(.card-size-bar--always){transform:translateY(100%);opacity:0;pointer-events:none}.card__picture-container:hover .card-size-bar,.card-size-bar:has(:focus-visible){transform:translateY(0);opacity:1;pointer-events:auto}}@media(hover:none){.card-size-bar--no-touch,.card-size-bar__arrow{display:none!important}.card-size-bar__track{scroll-snap-type:x proximity}.card-size-bar--can-next .card-size-bar__track{-webkit-mask-image:linear-gradient(to var(--size-bar-end, left),#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to var(--size-bar-end, left),#000 calc(100% - 32px),transparent)}.card-size-bar--can-prev .card-size-bar__track{-webkit-mask-image:linear-gradient(to var(--size-bar-start, right),#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to var(--size-bar-start, right),#000 calc(100% - 32px),transparent)}.card-size-bar--can-prev.card-size-bar--can-next .card-size-bar__track{-webkit-mask-image:linear-gradient(to left,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to left,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.card-size-bar__size{scroll-snap-align:start;min-width:30px;padding:9px 5px;font-size:calc(var(--font-base-size) - 2px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/card-size-bar.css.map */