.multi-size{display:block;margin:0 0 1.2rem}.multi-size__legend{padding-left:0;font-size:1.6rem;font-weight:700}.multi-size__tiers{margin:0 0 1.6rem;padding:1.2rem 1.4rem 1rem;border-radius:1.2rem;background-color:rgba(var(--color-foreground),.05)}.multi-size__tiers-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1rem;color:rgba(var(--color-foreground),.7)}.multi-size__tiers-header [data-tier-count]{font-weight:600;color:rgb(var(--color-foreground))}.multi-size__tiers-hint{text-align:right}.multi-size__tiers-track{position:relative;height:.8rem;border-radius:.4rem;background-color:rgb(var(--color-background))}.multi-size__tiers-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:.4rem;background-color:rgb(var(--color-button));transition:width var(--duration-default) ease}.multi-size__tiers-marker{position:absolute;top:50%;width:1.4rem;height:1.4rem;border-radius:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-background));border:.2rem solid rgba(var(--color-foreground),.15);box-shadow:0 .1rem .2rem rgba(var(--color-foreground),.1)}.multi-size__tiers-marker.is-active{border-color:rgb(var(--color-button));background-color:rgb(var(--color-button))}.multi-size__tiers-labels{position:relative;min-height:3.4rem;margin-top:1rem}.multi-size__tier{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.1rem;line-height:1.35;color:rgba(var(--color-foreground),.55);white-space:nowrap}.multi-size__tier--last{transform:translate(-100%);align-items:flex-end;text-align:right}.multi-size__tier.is-active{color:rgb(var(--color-foreground))}.multi-size__tier-qty{font-weight:700}.multi-size__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.multi-size__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.multi-size__card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background-color:rgb(var(--color-background))}.multi-size__card--active{border-color:#2c332f;background-color:#fffdf4}.multi-size__card--soldout{opacity:.5}.multi-size__meta{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem}.multi-size__size{font-weight:700;font-size:1.4rem;color:rgb(var(--color-foreground))}.multi-size__price{font-weight:700;font-size:1.3rem;color:rgb(var(--color-foreground))}.multi-size__price-compare{font-weight:400;font-size:1.2rem;color:rgba(var(--color-foreground),.75);margin-right:.3rem;text-decoration:line-through}.multi-size__stock{text-align:right;min-height:1.6rem;color:rgba(var(--color-foreground),.6)}.multi-size__stepper{display:flex;align-items:stretch;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.6rem;overflow:hidden}.multi-size__step-button{flex:0 0 3.2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:rgba(var(--color-foreground),.55);padding:.6rem 0;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.multi-size__step-button:hover:not([disabled]){background-color:rgba(var(--color-foreground),.07);color:rgb(var(--color-foreground))}.multi-size__step-button[disabled]{cursor:not-allowed;opacity:.4}.multi-size__step-button .svg-wrapper{width:1.2rem;height:1.2rem}.multi-size__qty-input{flex:1 1 auto;width:100%;min-width:0;text-align:center;border:none;border-left:.1rem solid rgba(var(--color-foreground),.1);border-right:.1rem solid rgba(var(--color-foreground),.1);background-color:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;padding:.4rem .2rem;-moz-appearance:textfield}.multi-size__qty-input::-webkit-outer-spin-button,.multi-size__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.multi-size__hint{text-align:center;color:rgba(var(--color-foreground),.6);margin:.8rem 0}.multi-size__footer{margin-top:.6rem}.multi-size__summary{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem;font-size:1.4rem;color:rgb(var(--color-foreground))}.multi-size__total{font-weight:700;font-size:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-multi-size.css.map */