mix-match-builder:not(:defined) .mix-match-card__actions,mix-match-builder:not(:defined) .mix-match-bar,mix-match-builder:not(:defined) .mix-match__search,mix-match-builder:not(:defined) .mix-match__load-more{display:none}mix-match-builder [hidden]{display:none!important}.mix-match__header{text-align:center;margin-bottom:3rem}.mix-match__heading{margin:0 0 1rem}.mix-match__subheading{max-width:60rem;margin:0 auto}.mix-match__search{max-width:36rem;margin:2rem auto 0}.mix-match-filters{margin-bottom:1.6rem}.mix-match-filters__group{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.mix-match-filters__label{flex:0 0 auto;text-transform:uppercase;font-size:1rem;color:rgba(var(--color-foreground),.6)}.mix-match-filters__rail{display:flex;gap:.6rem;overflow-x:auto;padding:.4rem .2rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.mix-match-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:var(--buttons-border-width) solid rgba(var(--color-foreground),.25);border-radius:10rem;background:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.mix-match-chip:hover{border-color:rgb(var(--color-button))}.mix-match-chip--active{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.mix-match-chip__count{font-size:1.05rem;opacity:.65}.mix-match-filters__group--collapsible{display:block}.mix-match-filters__group--collapsible .mix-match-filters__label{display:block;margin-bottom:.6rem}.mix-match-filters__search{max-width:32rem;margin-bottom:.8rem}.mix-match-filters__rail--wrap{flex-wrap:wrap;overflow-x:visible}.mix-match-chip--overflow{display:none}mix-match-builder:not(:defined) .mix-match-chip--overflow{display:inline-flex}mix-match-builder:not(:defined) .mix-match-filters__search,mix-match-builder:not(:defined) .mix-match-filters__toggle{display:none}.mix-match-filters__group--expanded .mix-match-chip--overflow,.mix-match-filters__group--searching .mix-match-chip--overflow{display:inline-flex}.mix-match-filters__group--searching .mix-match-chip--filtered-out{display:none}.mix-match-filters__toggle{margin-top:.4rem;padding:.2rem 0;border:0;background:none;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.2rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.mix-match-filters__toggle:hover{opacity:.75}.mix-match__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-bottom:1rem}.mix-match__count{margin:0;color:rgba(var(--color-foreground),.6)}.mix-match__sort{display:flex;align-items:center;gap:1rem;margin-left:auto}.mix-match__sort-label{color:rgba(var(--color-foreground),.75);white-space:nowrap}.mix-match__sort .select{min-width:17rem}.mix-match__sort .select__select{height:3.4rem;font-size:1.3rem;padding-right:calc(var(--inputs-border-width) + 3.4rem)}.mix-match__sort .select .svg-wrapper{right:1.2rem}@media screen and (max-width:749px){.mix-match__sort{width:100%;margin-left:0}.mix-match__sort .select{flex:1 1 auto;min-width:0}}.mix-match--loading [data-mm-catalog]{opacity:.4;pointer-events:none;transition:opacity var(--duration-short) ease}.mix-match__grid{margin:0;padding-bottom:1rem}.mix-match__no-results{padding:4rem 0}.mix-match__load-more{margin-top:3rem}.mix-match__load-more .button{min-width:20rem}.mix-match-card{display:flex;flex-direction:column;position:relative;border-radius:var(--product-card-corner-radius);transition:box-shadow var(--duration-short) ease}.mix-match-card--selected{box-shadow:0 0 0 .2rem rgb(var(--color-button));border-radius:var(--product-card-corner-radius)}.mix-match-card__media{position:relative;overflow:hidden;border-radius:var(--product-card-corner-radius);background:rgba(var(--color-foreground),.02)}.mix-match-card__media img,.mix-match-card__media .placeholder-svg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;padding:.6rem;transition:transform var(--duration-default) ease}.mix-match-card:hover .mix-match-card__media img{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.mix-match-card:hover .mix-match-card__media img{transform:none}}.mix-match-card--soldout .mix-match-card__media img{opacity:.45}.mix-match-card__count{position:absolute;top:.8rem;right:.8rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:transparent;font-weight:700}.mix-match-card__soldout-badge{position:absolute;bottom:.8rem;left:.8rem}.mix-match-card__info{display:flex;flex-direction:column;gap:.4rem;padding:1rem .2rem .8rem;flex-grow:1}.mix-match-card__title{margin:0}.mix-match-card__variants .select__select{min-height:3.6rem;height:3.6rem}.mix-match-card__stock-hint{color:rgba(var(--color-foreground),.75);font-weight:600}.mix-match-card__rating{padding:.2rem .2rem .6rem}.mix-match-card__rating .jdgm-prev-badge{display:block!important}.mix-match-card__rating .jdgm-prev-badge__stars{font-size:1.3rem}.mix-match-card__rating .jdgm-prev-badge__text{font-size:1.2rem;color:rgba(var(--color-foreground),.75);white-space:nowrap}.mix-match-card__actions{margin-top:auto;padding:0 .2rem .4rem}.mix-match-card__add{width:100%;min-height:4rem;gap:.6rem}.mix-match-card__add .svg-wrapper{width:1.2rem;height:1.2rem;display:inline-flex}.mix-match-card__notify{width:100%;min-height:4rem;gap:.6rem;white-space:normal;line-height:1.2;padding-inline:1rem}.mix-match-card__notify:not(.swym-loaded){display:none}.mix-match-card__notify.swym-loaded+.mix-match-card__add--soldout{display:none}.mix-match-stepper{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4rem;border:var(--buttons-border-width) solid rgb(var(--color-button));border-radius:var(--buttons-radius);overflow:hidden}.mix-match-stepper__button{display:flex;align-items:center;justify-content:center;width:4rem;align-self:stretch;border:none;cursor:pointer;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.mix-match-stepper__button .svg-wrapper{width:1.2rem;height:1.2rem;display:inline-flex}.mix-match-stepper__button svg{width:100%;height:100%}.mix-match-stepper__button:disabled{opacity:.4;cursor:not-allowed}.mix-match-stepper__qty{font-weight:700;font-size:1.6rem}.section-header.shopify-section-group-header-group,.shopify-section-group-header-group{z-index:5}.mix-match-bar{position:sticky;top:var(--header-height, 0px);z-index:3;margin-bottom:2rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.12);box-shadow:0 .4rem 1.6rem rgba(var(--color-shadow),.12)}.mix-match-bar__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.6rem;padding-top:1.2rem;padding-bottom:1.2rem}.mix-match-bar__tiers{display:flex;gap:.8rem;border:none;margin:0;padding:0}.mix-match-tier__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem 1.4rem;border:var(--buttons-border-width) solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,opacity var(--duration-short) ease}.mix-match-tier--reached .mix-match-tier__content{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.08)}.mix-match-tier--current .mix-match-tier__content{box-shadow:0 0 0 .1rem rgb(var(--color-button))}.mix-match-tier__state{color:rgb(var(--color-button));font-weight:600;white-space:nowrap}.mix-match-tier__label{font-weight:700;white-space:nowrap}.mix-match-tier__incentive{color:rgba(var(--color-foreground),.75);white-space:nowrap}.mix-match-tier__badge{position:absolute;top:-.9rem;left:50%;transform:translate(-50%);background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:transparent;white-space:nowrap;font-weight:700;font-size:1rem;letter-spacing:.04rem;padding:.25rem .8rem .3rem}.mix-match-tier__badge--highlight{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .27rem rgb(var(--color-button))}.mix-match-bar__status{min-width:0}.mix-match-bar__progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem}.mix-match-bar__count{font-weight:600}.mix-match-bar--complete .mix-match-bar__count{color:rgb(var(--color-button))}.mix-match-bar__subtotal{font-weight:700}.mix-match-bar__track{height:.6rem;border-radius:.3rem;background:rgba(var(--color-foreground),.12);overflow:hidden}.mix-match-bar__fill{height:100%;width:0;border-radius:inherit;background:rgb(var(--color-button));transition:width var(--duration-default) ease}.mix-match-bar__hint{margin:.4rem 0 0;color:rgba(var(--color-foreground),.75)}.mix-match-bar__hint[hidden]{display:none}.mix-match-bar__tray{display:flex;gap:.8rem;margin-top:.8rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.mix-match-bar__tray:empty{display:none}.mix-match-tray__item{position:relative;flex:0 0 auto;width:4rem;height:4rem;border-radius:.6rem;border:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background))}.mix-match-tray__item img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.mix-match-tray__count{position:absolute;bottom:-.5rem;right:-.5rem;padding:0 .3rem;font-size:1rem;line-height:1.4;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:transparent}.mix-match-tray__remove{position:absolute;top:-.6rem;right:-.6rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(var(--color-foreground),.75);color:rgb(var(--color-background));font-size:1.1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--duration-short) ease}.mix-match-tray__item:hover .mix-match-tray__remove,.mix-match-tray__remove:focus-visible{opacity:1}.mix-match-bar__actions .button{min-width:22rem}.mix-match-bar__error{grid-column:1 / -1;margin:0;color:rgb(var(--color-foreground));font-weight:600}@media screen and (max-width:989px){.mix-match-bar__inner{grid-template-columns:minmax(0,1fr);gap:.8rem;padding-top:.8rem;padding-bottom:.8rem}.mix-match-bar__tiers{order:-1;overflow-x:auto;padding-top:1rem;scrollbar-width:none}.mix-match-tier__content{padding:.5rem 1rem}.mix-match-bar__tray{margin-top:.4rem}.mix-match-bar__actions .button{width:100%;min-height:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-mix-match-builder.css.map */