mix-match{display:block}.mix-match-header{border:solid .1rem rgb(var(--color-border));padding:1rem;display:grid;grid-template-columns:auto 1fr auto;margin-bottom:2.4rem;border-radius:.2rem}.mix-match--steps{display:flex;justify-content:center;padding:0;margin:0;gap:2.5rem;font-size:1.4rem;list-style:none;counter-reset:steps}.mix-match--steps:only-child{grid-column:1/-1}.mix-match--steps li{padding:0;margin:0;counter-increment:steps;display:flex;align-items:center;gap:1rem}.mix-match--steps li:before{content:counter(steps);width:4rem;height:4rem;border:solid .1rem rgb(var(--color-border));display:flex;justify-content:center;align-items:center;border-radius:100%}.mix-match--steps li.active{font-weight:700}.mix-match--steps li.active:before{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mix-match--back{font-size:1.4rem;font-weight:700;text-decoration:none}.mix-match--back .icon-caret{width:1.6rem;height:1.6rem;transform:rotate(90deg);margin-right:.5rem!important}box-opener{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:.2rem;padding:.8rem 1.2rem;font-size:1.4rem;font-weight:700;cursor:pointer}mix-match-box .box__inner{position:relative;z-index:1;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));display:none}mix-match-box.open .box__inner{display:block;padding:2.4rem}mix-match-box.open{width:70.9rem;max-height:100%;overflow:auto}mix-match-box.open .close-button:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-foreground),.25);z-index:-1}mix-match-box .close-button{display:none;color:rgba(var(--color-background),.5);padding:1rem}mix-match-box .close-button .icon{width:1.4rem}mix-match-box.open .close-button{display:block;position:absolute;top:0;right:0}mix-match-box button *{pointer-events:none}mix-match-box{position:fixed;bottom:0;z-index:4;left:0;right:0;margin:0 auto;width:31.8rem;transition:.2s ease;max-width:90%}mix-match-box.open{max-width:100%}mix-match-box .box-header{background:rgb(var(--color-foreground));color:rgb(var(--color-background));text-align:center;padding:1.2rem;font-size:1.4rem}mix-match-box.closed .box-header{cursor:pointer}mix-match-box .box-header>div{display:flex;align-items:center;justify-content:center;gap:1.6rem}mix-match-box .range{width:17rem;height:1.4rem;border-radius:.2rem;background-color:rgba(var(--color-background),.25)}mix-match-box .range__inner{transition:.2s ease;height:100%;background-color:rgb(var(--color-base-cta));border-radius:.2rem;width:1rem}.mix-match--text{margin-bottom:3rem}.mix-match--title{margin-bottom:0}.box__savings{background-color:rgb(var(--color-base-accent-2));color:rgb(var(--color-background));font-size:1.4rem;border-radius:4.2rem;font-family:var(--font-heading-family);font-weight:500;padding:.4rem 1.2rem;display:inline-flex;margin-left:auto}.box__savings .icon{margin-right:.4rem}mix-match-box .button .icon{margin-right:1rem}.box__totals{display:flex;justify-content:space-between;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;margin-bottom:2rem;margin-top:6rem;column-gap:1rem}@media screen and (max-width: 749px){.box__totals{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto}.box__savings{grid-row:2;grid-column:1 / span 2}}.box__empty{text-align:center}mix-match-box.empty *:is(.box__totals,button[type=submit],.single-title,.default-title,.complete-title){display:none}mix-match-box:not(.empty) *:is(.box__empty,.empty-title){display:none}.box__totals [data-total]{color:rgb(var(--color-base-cta))}.box__totals [data-original]{font-weight:400;font-size:1.5rem;text-decoration:line-through;color:rgba(var(--color-foreground),.25);font-weight:100;text-decoration-thickness:.1rem}mix-match-box ul{list-style:none;padding:0;margin:0}mix-match-box .box-item{display:grid;column-gap:1.8rem;grid-template-columns:7rem 1fr auto auto;padding-bottom:1.6rem;margin-bottom:1.6rem;align-items:center;border-bottom:solid .1rem rgb(var(--color-border))}@media screen and (max-width: 749px){mix-match-box.open .box__inner{padding:2rem}mix-match-box .box-item{grid-template-columns:7rem 1fr auto;grid-template-rows:auto auto}.box-item__image{grid-row:1/-1;align-self:flex-start}.box-item__info{grid-column:2/4}.box-item__quantity,.box-item__price{grid-row:2}.box-item__quantity .quantity{width:100%;height:4.2rem}.box-item__quantity .quantity__button{width:4rem}}.box-item__size{font-size:1.4rem;opacity:.7}.box-item__image{border:solid .1rem rgb(var(--color-border));border-radius:.2rem}.box-item__title{font-size:1.6rem;font-family:var(--font-heading-family);text-transform:uppercase;font-weight:700;display:block;line-height:1.3}.box-item__price [data-price]{color:rgb(var(--color-base-cta));font-family:var(--font-heading-family);font-size:1.6rem;font-weight:700}.box-item__price [data-original-price]{font-size:1.3rem;text-decoration:line-through;color:rgba(var(--color-foreground),.5);font-weight:100;text-decoration-thickness:.1rem;margin-left:.5rem}@media screen and (max-width: 749px){.mix-match-header{margin-left:calc(var(--outer-margin) * -1.5);margin-right:calc(var(--outer-margin) * -1.5);border-left:0 none;border-right:0 none}.mix-match--steps{gap:.5rem;font-size:1.2rem}.mix-match--steps li:not(.active) span{display:none}.mix-match--steps li:before{width:3rem;height:3rem;flex:0 0 3rem}.box__footer{position:sticky;bottom:2rem;background:rgb(var(--color-background));border-top:solid .1rem rgb(var(--color-border))}.box__totals{margin-top:0;padding-top:2rem}}.mix-match--products{margin-top:4rem}.mix-match--collection-text{display:grid;grid-template-columns:16rem auto;text-align:left;column-gap:5.2rem;align-items:center;line-height:1.5}@media screen and (max-width: 749px){.mix-match--collection-text{grid-template-columns:1fr;grid-template-rows:auto auto;justify-content:center;text-align:center}.mix-match--collection-text .mix-match--header-image{max-width:16.8rem;margin-left:auto;margin-right:auto;width:100%}}.mix-match--products .card-information__text{text-transform:unset;font-size:2.4rem;font-weight:400}.mix-match--products .card-information__subtitle{font-size:1.6rem;font-family:var(--font-heading-family);font-weight:100}.mix-match--products .card-information__discount{font-size:1.4rem;font-weight:700;background-color:rgb(var(--color-base-accent-2));width:fit-content;color:rgb(var(--color-background));padding:.75rem 2rem .5rem;display:inline-block;font-family:var(--font-heading-family);font-weight:400;border-radius:4.2rem;position:absolute;bottom:0;transform:translateY(50%);left:0;right:0;margin:0 auto}.mix-match--products .card-wrapper .card-information{padding-top:2.4rem;padding-bottom:2.4rem}.mix-match--products .card-wrapper:hover .card-information{background-color:rgb(var(--color-foreground))}.mix-match--products .card-wrapper:hover .card-information__wrapper{--color-foreground: var(--color-background)}@media screen and (min-width: 750px){.mix-match--products .card-wrapper .card-information{padding-top:5rem;padding-bottom:5rem}}.mix-match--usps{margin-bottom:5rem;margin-top:5rem;display:flex;justify-content:space-around}@media screen and (max-width: 749px){.mix-match--usps{flex-wrap:wrap;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-mix-match.css.map */