variant-options-slider{display:block;width:100%;min-width:0;max-width:100%}.variant-options-slider__viewport{position:relative;width:100%;min-width:0;--slider-badge-overhang: .75rem}.variant-options-slider__viewport:after{content:"";position:absolute;right:-1px;inset-block:calc(-1 * var(--slider-badge-overhang)) 0;width:4rem;background:linear-gradient(to right,transparent,var(--color-background));pointer-events:none;opacity:1;transition:opacity var(--animation-speed) var(--animation-easing);z-index:2}.variant-options-slider__viewport.is-end:after{opacity:0}.variant-options-slider__viewport:before{content:"";position:absolute;inset-block:calc(-1 * var(--slider-badge-overhang)) 0;left:-1px;width:5rem;background:linear-gradient(to left,transparent,var(--color-background));pointer-events:none;opacity:0;transition:opacity var(--animation-speed) var(--animation-easing);z-index:2}.variant-options-slider__viewport.is-start-scrolled:before{opacity:1}.variant-options-slider__nav{--nav-offset: 16px;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--nav-offset);height:100%;padding:0;border:0;background-color:transparent;color:var(--color-foreground);cursor:pointer;opacity:1;transition:opacity var(--animation-speed) var(--animation-easing);z-index:3}.variant-options-slider__nav--prev{inset-inline-start:var(--padding-2xs);left:calc(-1 * var(--nav-offset))}.variant-options-slider__nav--next{inset-inline-end:var(--padding-2xs);right:calc(-1 * var(--nav-offset))}.variant-options-slider__nav svg{width:.8rem;height:.8rem}.variant-options-slider__nav[hidden]{display:none}.variant-options-slider__nav:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.variant-option--flavors{border:0;padding:0;margin-block-end:var(--margin-lg);min-width:0;max-width:100%}.variant-option__legend--flavors{display:flex;align-items:baseline;gap:var(--gap-2xs);margin-block-end:var(--margin-sm);font-size:var(--font-size--md);font-weight:700;color:var(--color-foreground);padding:0}.variant-option__legend-count{font-weight:400;font-size:var(--font-size--sm);color:var(--color-neutral-dark)}.variant-options-slider__swiper{display:block;width:100%;overflow-x:clip;overflow-y:visible}.variant-options-slider__swiper::part(container){overflow:visible}.variant-options-slider__swiper[init=false]{display:flex;gap:var(--gap-sm)}.variant-options-slider__swiper[init=false] swiper-slide{flex:0 0 auto}.variant-options-slider__slide{width:auto;height:auto}.variant-options-slider--grid{width:100%}.variant-options-slider__swiper--grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-sm);overflow:visible}.variant-options-slider__slide--grid{width:100%;min-width:0}.variant-options-slider__slide--grid .variant-options-slider__label{width:100%}.variant-options-slider__label{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--gap-2xs);padding:var(--padding-2xs);cursor:pointer;text-align:left;width:4.5rem;height:100%;background-color:var(--color-neutral-light);border-radius:var(--style-border-radius-xs);border:var(--options-border-width, 2px) solid transparent;transition:border-color var(--animation-speed) var(--animation-easing)}@media screen and (min-width:750px){.variant-options-slider__label{width:5rem}}.variant-options-slider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;appearance:none;opacity:0;border:0;background:transparent;cursor:pointer;z-index:1}.variant-options-slider__media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--pr-option-color, var(--color-neutral-light));transition:border-color var(--animation-speed) var(--animation-easing)}.variant-options-slider__slide[style*=--pr-option-txt-color] .variant-options-slider__text{color:var(--pr-option-txt-color)}.variant-options-slider__image{width:100%;height:100%;object-fit:cover;display:block}.variant-options-slider__image--placeholder{width:100%;height:100%;background-color:var(--color-neutral-light)}.variant-options-slider__badge{position:absolute;inset-block-start:var(--padding-2xs);inset-inline-start:50%;transform:translate(-50%,-50%);max-width:100%;padding:var(--padding-3xs) var(--padding-2xs);background-color:var(--color-black);color:var(--color-white);font-size:var(--font-size--2xs);font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-options-slider__text{font-size:var(--font-size--xs);font-weight:500;line-height:1.2;color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-options-slider__label:has(.variant-options-slider__input:checked),.variant-options-slider__slide--selected{border-color:var(--color-foreground)}.variant-options-slider__label:not(:has(.variant-options-slider__input:checked)):hover{border-color:var(--color-foreground)}.variant-options-slider__slide--unavailable .variant-options-slider__media{opacity:var(--opacity-50)}.variant-options-slider__slide--unavailable .variant-options-slider__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgb(var(--color-foreground-rgb) / var(--opacity-40)) 50%,transparent calc(50% + 1px))}.variant-options-slider__label:has(.variant-options-slider__input:focus-visible) .variant-options-slider__media{outline:2px solid var(--color-foreground);outline-offset:2px}@media screen and (min-width:750px){.quick-add-modal .variant-options-slider__swiper--grid{display:flex;flex-wrap:wrap}.quick-add-modal .variant-options-slider__slide--grid,.quick-add-modal .variant-options-slider__slide--grid .variant-options-slider__label{width:auto}.quick-add-modal .variant-options-slider--grid .variant-options-slider__media{width:74px;height:74px;aspect-ratio:auto}.quick-add-modal .variant-options-slider--grid .variant-options-slider__text{max-width:74px}}@media screen and (max-width:749px){.quick-add-modal .variant-options-slider__swiper--grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}.ax-color-switch .variant-options-slider__label{width:auto;min-width:5rem;max-width:8rem;padding:0;background:none;border:0}.ax-color-switch .variant-options-slider__media{width:5rem;border-radius:var(--style-border-radius-xs);border:1px solid transparent;background-color:var(--color-neutral-light)}@media screen and (max-width:1199px){.ax-color-switch .variant-options-slider__swiper[init=false]{gap:var(--gap-xs)}}.ax-color-switch__slide--current .variant-options-slider__media,.ax-color-switch .variant-options-slider__slide:not(.ax-color-switch__slide--current):hover .variant-options-slider__media{border-color:var(--color-foreground)}.ax-color-switch .variant-options-slider__text{font-family:var(--font-heading--family);font-size:var(--font-size--md);font-weight:400}.ax-color-switch .variant-options-slider__slide .variant-options-slider__text{color:var(--color-foreground)}.ax-color-switch__slide--current .variant-options-slider__text{font-weight:700}.ax-color-switch .variant-options-slider__slide--unavailable .variant-options-slider__text{opacity:var(--opacity-50)}.ax-color-switch .variant-options-slider__slide--unavailable .variant-options-slider__media:after{background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--color-neutral) 50%,transparent calc(50% + 1px))}.ax-color-switch__promo{position:absolute;inset-block-start:-7px;inset-inline-end:6px;z-index:2;padding:1px var(--padding-2xs) 2px;background-color:var(--color-blue-NM);color:var(--color-background);font-family:var(--font-heading--family);font-size:var(--font-size--xs);line-height:1}.variant-picker:has(.variant-option--format:last-of-type)+.ax-saveur-switch{margin-block-start:max(0px,calc(var(--margin-lg) - var(--gap, 0px)))}@media screen and (max-width:749px){.variant-picker:has(.variant-option--format:last-of-type)+.ax-saveur-switch{margin-block-start:max(0px,calc(var(--margin-lg) - var(--gap-mobile, var(--gap, 0px))))}}.ax-saveur-switch .ax-color-switch__slide--current .variant-options-slider__label{border-color:var(--color-foreground)}.ax-saveur-switch .ax-color-switch__slide--current .variant-options-slider__text{font-weight:700}.ax-saveur-switch .variant-options-slider__slide .variant-options-slider__text{color:var(--color-foreground)}