.mix-and-match{position:relative;display:block;max-width:100%}fieldset.product-form__input .form__label.mix-and-match__label{text-transform:uppercase;margin-bottom:1.5rem;color:rgb(var(--color-foreground))}.mix-and-match__slots{display:flex;flex-wrap:wrap;gap:1.5rem}.mix-and-match__slot{font-size:1rem}.mix-and-match__modal-opener-wrapper{position:relative;min-width:8rem;max-width:8rem}.mix-and-match__modal-opener--opened{z-index:1001}.mix-and-match__modal-button{padding:.5rem;width:100%;min-width:unset;min-height:unset;aspect-ratio:1}.mix-and-match__modal-button:after{border-style:dotted;box-shadow:none;border-width:.25rem}.mix-and-match__remove-button{position:absolute;display:none;top:-1.25rem;right:-1.25rem;width:2.5rem;height:2.5rem;min-width:unset;min-height:unset;padding:.25rem;z-index:1}.mix-and-match__modal-opener-wrapper--selected .mix-and-match__remove-button{display:block}.mix-and-match__remove-button .icon{width:100%;height:100%}.mix-and-match__modal{box-sizing:border-box;position:absolute;width:100%;height:34rem;top:calc(100% + 2rem);left:0;margin:0 auto;border:.1rem solid rgba(var(--color-foreground),.55);opacity:0;visibility:hidden;z-index:-1;overflow:auto}.mix-and-match__modal[open]{opacity:1;visibility:visible;z-index:1000}body.mix-and-match-modal--open:after{content:"";display:block;position:fixed;width:100vw;height:100vh;background:rgba(var(--color-foreground),.4);left:0;top:0}.mix-and-match__modal-content{position:relative;background-color:rgb(var(--color-background));z-index:1000}.mix-and-match__tablist{position:relative;display:flex;gap:1.25rem;padding:1rem 4.25rem 1rem 1.25rem;margin:0;border-bottom:.1rem solid rgba(var(--color-foreground),.55);list-style:none;overflow:scroll}.mix-and-match__tablist-wrapper{position:relative}.mix-and-match__tablist-wrapper:after{content:"";position:absolute;background-image:linear-gradient(to right,rgba(var(--color-base-background-1),.25),rgba(var(--color-base-background-1),1));width:3rem;height:calc(100% - .1rem);right:0;top:0}.mix-and-match-tabs__item{flex:0 0 auto}a.mix-and-match-tabs__link{cursor:pointer}.mix-and-match-tabs__link[aria-selected=true]{text-decoration:underline;text-underline-offset:.4rem}.mix-and-match-tabs__content{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media screen and (min-width: 750px){.mix-and-match-tabs__content{gap:1.5rem}}@media screen and (min-width: 750px) and (max-width: 989px){.mix-and-match-tabs__content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width: 990px){.mix-and-match-tabs__content{grid-template-columns:repeat(5,minmax(0,1fr))}}[aria-hidden=true].mix-and-match-tabs__content{display:none}.mix-and-match__button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;border:none;background-color:transparent;cursor:pointer}.mix-and-match__button-title{display:flex;align-items:center;height:100%;margin:0;margin-top:.25rem;color:rgba(var(--color-foreground),.65);font-size:1rem}.mix-and-match__image{display:block;max-width:100%;height:auto}.product-form__submit--select-first+*:not(.product__payment-icons){display:none}.mix-and-match__icon svg{width:2rem;height:2rem}img.mix-and-match__icon{display:block;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/719/assets/component-mix-and-match.css.map */