.mix-and-match-box{background-color:var(--color-background);border-top-left-radius:var(--spacing-s);border-top-right-radius:var(--spacing-s);bottom:0;box-shadow:var(--box-shadow-10);inset-inline:0;position:fixed;transform:translateY(100%);transition:transform var(--timing-normal) var(--easing-normal);z-index:var(--layer-sticky)}.mix-and-match-box.is-fixed{transform:translateY(0)}.mix-and-match-box__content{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-inline:auto;max-width:var(--max-content-width-l);padding-block:var(--spacing-s) var(--spacing-m);padding-inline:var(--spacing-m);width:100%}.mix-and-match-box__progress{align-self:center;background-color:var(--color-grey-7);border-radius:.5rem;display:flex;justify-content:center;max-width:25rem;overflow:hidden;padding:var(--spacing-2xs);position:relative;width:100%}.mix-and-match-box__progress-fill{background-color:var(--color-auxiliary-success-0);bottom:0;left:0;position:absolute;top:0;transition:width var(--timing-normal) var(--easing-normal);width:0}.mix-and-match-box__progress-label{color:var(--color-primary-white);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);letter-spacing:-.0175rem;line-height:130%;position:relative;text-align:center}.mix-and-match-box__products-wrapper{display:flex;min-height:3.6875rem;position:relative}.mix-and-match-box__products{display:flex;gap:var(--spacing-s);overflow-x:auto;scrollbar-width:none}.mix-and-match-box__products--with-reward{padding-inline-end:calc(3.6875rem + var(--spacing-s))}.mix-and-match-box__product{align-items:center;display:flex;flex-shrink:0;height:3.6875rem;justify-content:center;position:relative;width:3.6875rem}.mix-and-match-box__product-placeholder{align-items:center;border:.0625rem dashed var(--color-grey-8);border-radius:.25rem;color:var(--color-grey-4);display:flex;height:100%;justify-content:center;padding:var(--spacing-s);width:100%}.mix-and-match-box__product-placeholder .icon{flex-shrink:0;height:100%;width:100%}.mix-and-match-box__product-image{border-radius:.25rem;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.mix-and-match-box__product-remove{align-items:center;background-color:var(--color-primary-black);border-radius:50%;color:var(--color-primary-white);display:flex;justify-content:center;padding:var(--spacing-2xs);position:absolute;right:var(--spacing-2xs);top:var(--spacing-xs)}.mix-and-match-box__product-remove .icon{height:.5rem;width:.5rem}.mix-and-match-box__reward-gradient{background-image:linear-gradient(to right,transparent,var(--color-background));height:100%;pointer-events:none;position:absolute;right:3.6875rem;top:0;width:2rem;z-index:1}.mix-and-match-box__reward{align-items:center;background-color:var(--color-background);border:.0625rem dashed var(--color-grey-8);border-radius:.25rem;color:var(--color-grey-7);display:flex;flex-direction:column;height:3.6875rem;justify-content:center;position:absolute;right:0;top:0;width:3.6875rem;z-index:1}.mix-and-match-box__reward-icon{color:var(--color-grey-4)}.mix-and-match-box__scrollbar{background-color:var(--color-grey-3);border-radius:.5rem;height:.25rem;position:relative}.mix-and-match-box__scrollbar-thumb{background-color:var(--color-grey-7);border-radius:inherit;height:100%;position:absolute;top:0}.mix-and-match-box__actions{align-items:center;display:flex;gap:var(--spacing-m)}.mix-and-match-box__savings{display:flex;flex:1;flex-direction:column;flex-shrink:0;font-size:var(--font-size-s);gap:var(--spacing-2xs);letter-spacing:-.02rem;line-height:130%;white-space:nowrap}.mix-and-match-box__savings-row{align-items:center;display:flex;gap:var(--spacing-2xs)}.mix-and-match-box__savings-amount,.mix-and-match-box__savings-badge{font-weight:var(--font-weight-bold)}.mix-and-match-box__savings-badge{background-color:var(--color-auxiliary-error-4);border-radius:.5rem;color:var(--color-primary-white);font-size:var(--font-size-xs);padding-inline:var(--spacing-xs);text-transform:uppercase}.mix-and-match-box__cta{flex:2}.mix-and-match-box.is-loading .mix-and-match-box__progress{display:none}.mix-and-match-box.is-loading .mix-and-match-box__progress-label{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;border-radius:4px;color:transparent;display:block;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mix-and-match-box.is-loading .mix-and-match-box__progress-label:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.mix-and-match-box.is-loading .mix-and-match-box__progress-label *{color:transparent;pointer-events:none}.mix-and-match-box.is-loading .mix-and-match-box__progress-label:before{content:'';display:inline-block}.mix-and-match-box.is-loading .mix-and-match-box__scrollbar-thumb{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;color:transparent;display:block;left:0;overflow:hidden;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40%}.mix-and-match-box.is-loading .mix-and-match-box__scrollbar-thumb:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.mix-and-match-box.is-loading .mix-and-match-box__scrollbar-thumb *{color:transparent;pointer-events:none}@media(min-width:48em){.mix-and-match-box{background-color:var(--color-grey-1);border-radius:0;box-shadow:none;transform:translateY(0)}.mix-and-match-box__content{flex-direction:row;justify-content:space-between}.mix-and-match-box__products-wrapper{max-width:60%}.mix-and-match-box__scrollbar{display:none}.mix-and-match-box__cta{flex:auto}.mix-and-match-box__progress{left:50%;position:absolute;top:-35px;transform:translateX(-50%);width:100%}}
.mix-and-match-category-selector{display:flex;gap:var(--spacing-xs);list-style:none;overflow-x:auto;padding-block-end:var(--spacing-3xs);padding-block-start:var(--spacing-s);scroll-snap-type:x mandatory}@media(min-width:48em){.mix-and-match-category-selector{gap:var(--spacing-l)}}.mix-and-match-category-selector__item{flex-shrink:0;scroll-snap-align:start}.mix-and-match-category-selector__button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:var(--spacing-3xs);opacity:.5;outline:none;padding:0;width:auto;width:4rem}.mix-and-match-category-selector__button[disabled]{pointer-events:none}.mix-and-match-category-selector__image{align-items:center;background-color:var(--color-grey-2);border:1px solid transparent;border-radius:160px;border-radius:var(--radius-full,160px);display:flex;height:4rem;justify-content:center;overflow:hidden;position:relative;width:4rem}.mix-and-match-category-selector__image-media{height:100%;min-height:0;min-width:0;width:100%}.mix-and-match-category-selector__image-media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mix-and-match-category-selector__title{color:var(--color-grey-5);font-size:var(--font-size-s);line-height:1.5;min-height:calc(var(--font-size-s)*1.5);text-align:center}.mix-and-match-category-selector__button--active{opacity:1}.mix-and-match-category-selector__button--active .mix-and-match-category-selector__image{border-color:var(--color-primary-black)}.mix-and-match-category-selector__button--active .mix-and-match-category-selector__title{color:var(--color-primary-black);font-weight:var(--font-weight-bold);text-decoration:underline}.mix-and-match-category-selector.is-loading .mix-and-match-category-selector__image{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;color:transparent;display:block;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mix-and-match-category-selector.is-loading .mix-and-match-category-selector__image:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.mix-and-match-category-selector.is-loading .mix-and-match-category-selector__image *{color:transparent;pointer-events:none}
.mix-and-match-filters{align-items:center;display:flex;gap:var(--spacing-2xs);padding-block:var(--spacing-3xs)}.mix-and-match-filters__clear{color:var(--color-primary-black);flex-shrink:0;margin-inline-start:var(--spacing-xs)}.mix-and-match-filters__clear .icon{height:1rem;width:1rem}.mix-and-match-filters__clear[disabled]{opacity:.4;pointer-events:none}.mix-and-match-filters__list{display:flex;gap:var(--spacing-2xs);list-style:none;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory}.mix-and-match-filters__item{flex-shrink:0;scroll-snap-align:start}.mix-and-match-filters__chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:var(--color-grey-2);border:0;border-radius:160px;border-radius:var(--radius-full,160px);box-shadow:none;color:inherit;color:var(--color-primary-black);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-m);height:2.5rem;justify-content:center;outline:none;padding:0;padding-inline:var(--spacing-s);white-space:nowrap;width:auto}.mix-and-match-filters__chip[disabled]{opacity:.4;pointer-events:none}.mix-and-match-filters__chip--active{background-color:var(--color-primary-black);color:var(--color-primary-white)}.mix-and-match-filters.is-loading .mix-and-match-filters__chip{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;color:transparent;display:block;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:4rem}.mix-and-match-filters.is-loading .mix-and-match-filters__chip:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.mix-and-match-filters.is-loading .mix-and-match-filters__chip *{color:transparent;pointer-events:none}
.mix-and-match-item{align-items:center;background-color:var(--color-primary-white);border:.0625rem solid var(--color-grey-3);display:flex;gap:var(--spacing-m);padding:var(--spacing-2xs);width:100%}.mix-and-match-item,.mix-and-match-item__image{border-radius:var(--spacing-xs);position:relative}.mix-and-match-item__image{background-color:var(--color-grey-2);flex-shrink:0;height:6rem;overflow:hidden;width:6rem}.mix-and-match-item__image-media{height:100%;width:100%}.mix-and-match-item__image-media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mix-and-match-item__badge{background-color:var(--color-primary-white);border:.0625rem solid var(--color-primary-black);border-radius:var(--spacing-2xs);color:var(--color-primary-black);font-family:var(--font-family-text);font-size:var(--font-size-xs);font-size:var(--font-size-2xs);font-style:normal;font-weight:var(--font-weight-bold);left:var(--spacing-xs);line-height:130%;padding:0 var(--spacing-2xs);position:absolute;text-transform:uppercase;top:var(--spacing-xs);white-space:nowrap}.mix-and-match-item__info{display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-3xs);min-width:0}.mix-and-match-item__title{color:var(--color-primary-black);display:flex;flex-direction:column;margin:0;overflow-wrap:break-word}.mix-and-match-item__prices{margin:0}.mix-and-match-item__control{flex-shrink:0}.mix-and-match-item__add{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:var(--color-primary-black);border:0;border-radius:160px;border-radius:var(--radius-full,160px);box-shadow:none;color:inherit;color:var(--color-primary-white);cursor:pointer;display:flex;font:inherit;height:3rem;justify-content:center;outline:none;padding:0;width:auto;width:3rem}.mix-and-match-item__add .icon{height:var(--icon-m);width:var(--icon-m)}.mix-and-match-item__add[disabled]{opacity:.4;pointer-events:none}.mix-and-match-item__stepper{align-items:center;background-color:var(--color-primary-white);border:.03125rem solid var(--color-grey-3);border-radius:var(--spacing-xs);display:flex;height:3rem}.mix-and-match-item__stepper-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:2rem;justify-content:center;outline:none;padding:0;width:auto;width:2.5rem}.mix-and-match-item__stepper-button .icon{height:1rem;width:1rem}.mix-and-match-item__stepper-button[disabled]{opacity:.4;pointer-events:none}.mix-and-match-item__stepper-count{align-items:center;border-inline:.03125rem solid var(--color-grey-3);display:flex;height:3rem;justify-content:center;letter-spacing:-.0175rem;width:3rem}.mix-and-match-item.is-loading .mix-and-match-item__image,.mix-and-match-item.is-loading .mix-and-match-item__title-flavour{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;color:transparent;display:block;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mix-and-match-item.is-loading .mix-and-match-item__image:after,.mix-and-match-item.is-loading .mix-and-match-item__title-flavour:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.mix-and-match-item.is-loading .mix-and-match-item__image *,.mix-and-match-item.is-loading .mix-and-match-item__title-flavour *{color:transparent;pointer-events:none}.mix-and-match-item.is-loading .mix-and-match-item__title-flavour{border-radius:.25rem;max-width:60%}.mix-and-match-item.is-loading .mix-and-match-item__title-flavour:before{content:'';display:inline-block}
.mix-and-match-product-card{display:flex;flex-direction:column;gap:var(--spacing-m);width:100%}.mix-and-match-product-card__top{position:relative}.mix-and-match-product-card .masked{-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA1MyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNMCA1M3E4IDAgOC04VjMzcTQtMjEgMjYtMjRoMThxOCAwIDgtOHY1NUgwIi8+PC9zdmc+),linear-gradient(var(--color-primary-black),var(--color-primary-black));mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA1MyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNMCA1M3E4IDAgOC04VjMzcTQtMjEgMjYtMjRoMThxOCAwIDgtOHY1NUgwIi8+PC9zdmc+),linear-gradient(var(--color-primary-black),var(--color-primary-black));-webkit-mask-position:calc(100% + 1px) calc(100% + 1px);mask-position:calc(100% + 1px) calc(100% + 1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:64px 56px,101% 101%;mask-size:64px 56px,101% 101%}.mix-and-match-product-card .masked:after{border-color:transparent transparent var(--color-primary-white) transparent;bottom:0;content:'';display:block;height:0;position:absolute;right:0;width:0;z-index:2}.mix-and-match-product-card__image{background-color:var(--color-grey-2);border-radius:var(--spacing-xs);height:14.1875rem;overflow:hidden;position:relative;width:100%}.mix-and-match-product-card__image-media{height:100%;width:100%}.mix-and-match-product-card__image-media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mix-and-match-product-card__tag{background-color:var(--color-primary-white);border:.0625rem solid var(--color-primary-black);border-radius:var(--spacing-2xs);color:var(--color-primary-black);font-family:var(--font-family-text);font-size:var(--font-size-xs);font-size:var(--font-size-2xs);font-style:normal;font-weight:var(--font-weight-bold);left:var(--spacing-xs);line-height:130%;padding:0 var(--spacing-2xs);position:absolute;text-transform:uppercase;top:var(--spacing-xs);white-space:nowrap}.mix-and-match-product-card__add{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:var(--color-primary-black);border:0;border-radius:160px;border-radius:var(--radius-full,160px);bottom:calc(-1*var(--spacing-xs));box-shadow:none;color:inherit;color:var(--color-primary-white);cursor:pointer;display:flex;font:inherit;height:3rem;justify-content:center;outline:none;padding:0;position:absolute;right:0;width:auto;width:3rem;z-index:3}.mix-and-match-product-card__add .icon{height:var(--icon-m);width:var(--icon-m)}.mix-and-match-product-card__add[disabled]{opacity:.4;pointer-events:none}.mix-and-match-product-card__quick-add .quick-add__add-to-cart{display:none}.mix-and-match-product-card__info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-4xs,4px)}.mix-and-match-product-card__pills{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-4xs,4px);list-style:none;margin:0;padding:0}.mix-and-match-product-card__pill{border:.0625rem solid var(--color-grey-3);border-radius:160px;border-radius:var(--radius-full,160px);color:var(--color-primary-black);padding:var(--spacing-4xs,4px) var(--spacing-2xs);white-space:nowrap}.mix-and-match-product-card__title{color:var(--color-primary-black);font-weight:var(--font-weight-bold);letter-spacing:-.02rem;line-height:1.3;margin:0}.mix-and-match-product-card__subtitle{color:var(--color-primary-black);letter-spacing:-.0175rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.mix-and-match-product-card__prices{margin:0}.mix-and-match-product-card.is-loading .mix-and-match-product-card__image,.mix-and-match-product-card.is-loading .mix-and-match-product-card__title{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;color:transparent;display:block;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mix-and-match-product-card.is-loading .mix-and-match-product-card__image:after,.mix-and-match-product-card.is-loading .mix-and-match-product-card__title:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.mix-and-match-product-card.is-loading .mix-and-match-product-card__image *,.mix-and-match-product-card.is-loading .mix-and-match-product-card__title *{color:transparent;pointer-events:none}.mix-and-match-product-card.is-loading .mix-and-match-product-card__title{border-radius:.25rem;max-width:60%}.mix-and-match-product-card.is-loading .mix-and-match-product-card__title:before{content:'';display:inline-block}
.mix-and-match{margin:auto;max-width:var(--max-content-width-l);padding-block-end:var(--spacing-9xl);padding-block-start:var(--spacing-m)}.mix-and-match.critical-component-hide{display:block}.mix-and-match.critical-component-clear{opacity:1}.mix-and-match__category-selector,.mix-and-match__filters{margin-block-end:var(--spacing-s);margin-inline:var(--spacing-m)}.mix-and-match__filters{margin-inline-end:0}@media(min-width:48em){.mix-and-match__filters{margin-inline-end:var(--spacing-m)}}.mix-and-match__selection{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin-inline:var(--spacing-m)}.mix-and-match__selection--cards{display:grid;grid-template-columns:repeat(2,1fr)}.mix-and-match__product{display:flex;flex-direction:column}.mix-and-match__stepper{align-items:center;display:inline-grid;gap:var(--spacing-xs);grid-template-columns:auto 2ch auto}.mix-and-match__stepper-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--spacing-2xl);justify-content:center;outline:none;padding:0;width:auto;width:var(--spacing-2xl)}.mix-and-match__stepper-button .icon{height:var(--icon-m);width:var(--icon-m)}.mix-and-match__stepper-button[disabled]{opacity:.4;pointer-events:none}@media(min-width:64em){.mix-and-match{padding-block-start:var(--spacing-2xl)}.mix-and-match__selection{display:grid;grid-gap:var(--spacing-xs) var(--spacing-l);gap:var(--spacing-xs) var(--spacing-l);grid-template-columns:repeat(auto-fill,minmax(22.5rem,1fr))}.mix-and-match__selection--cards{grid-template-columns:repeat(auto-fill,minmax(10.1875rem,1fr))}}