.product-hotspots-section.product-hotspots-section--flush-top{padding-block-start:0}@media screen and (max-width:46.874rem){.product-hotspots-section.product-hotspots-section--flush-top{padding-block-start:2.5rem}}.product-hotspots{--featured-content-width: 75.125rem;--featured-label-width: 9.8125rem;--featured-label-gap: 1.125rem;--featured-rail-gap: .75rem;--featured-media-ratio: 1027 / 634;--featured-divider-width: 0px;--featured-divider-gap: 0px;display:block;color:var(--color-foreground)}@media screen and (max-width:46.874rem){.product-hotspots[data-featured-divider-mobile]{--featured-divider-width: var(--border-width);--featured-divider-gap: 1.25rem}}@media screen and (min-width:46.875rem){.product-hotspots[data-featured-divider-desktop]{--featured-divider-width: var(--border-width);--featured-divider-gap: 1.25rem}}.product-hotspots [hidden]{display:none}.product-hotspots :where(h2,h3,p){margin:0}.product-hotspots__header-inner,.product-hotspots__body-inner,.product-hotspots__footer-inner{inline-size:min(100%,var(--featured-content-width));margin-inline:auto}.product-hotspots__header-inner{inline-size:calc(100% - .25rem);padding-block-start:var(--featured-divider-gap);border-block-start:var(--featured-divider-width) solid var(--color-divider)}.product-hotspots__body{display:contents}.product-hotspots__body-inner{margin-block-start:1.25rem}.product-hotspots__visual{position:relative;display:flow-root;min-inline-size:0}.product-hotspots__media{display:block;inline-size:100%;aspect-ratio:var(--featured-media-ratio);overflow:hidden}.product-hotspots__media :is(img,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}.product-hotspots__points{position:absolute;z-index:2;inset-block-start:0;inset-inline:0;aspect-ratio:var(--featured-media-ratio);pointer-events:none}.product-hotspots__editor-hint{margin-block-start:1.25rem}.product-hotspots__rail{--product-hotspots-responsive-mode: rail;--g-horizontal-scroll-viewport-gutter: calc(var(--section-container-edge) + .125rem);--g-horizontal-scroll-viewport-margin-block-start: 1.25rem;scroll-snap-type:inline mandatory}.product-hotspots .product-hotspots__items{position:relative;display:flex;align-items:stretch;gap:var(--featured-rail-gap);inline-size:100%;min-block-size:9.75rem;margin:0}.product-hotspots .product-hotspots__items:not(:has(.product-hotspots__card-media)){min-block-size:0}.product-hotspots .product-hotspots__item{flex:0 0 100%;display:grid;block-size:auto;min-inline-size:0;scroll-snap-align:start}.product-hotspots[data-swiper-state=enhanced] .product-hotspots__rail{overflow:hidden;scroll-snap-type:none}.product-hotspots[data-swiper-state=enhanced] .product-hotspots__items{gap:0}.product-hotspots__point{--g-mini-button-engaged-background: var(--color-mini-button-light-engaged-background);position:absolute;inset-block-start:var(--featured-point-y);inset-inline-start:var(--featured-point-x);display:grid;place-items:center;inline-size:var(--minimum-touch-target);block-size:var(--minimum-touch-target);margin:0;padding:0;color:var(--color-foreground);background:transparent;border:0;border-radius:var(--radius-square);cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);-webkit-appearance:none;appearance:none;touch-action:manipulation}.product-hotspots__point>span.caption{display:grid;place-items:center;box-sizing:border-box;inline-size:1.5rem;block-size:1.5rem;color:currentcolor;background:var( --g-mini-button-surface-background, var(--featured-point-background, var(--color-background)) );border:var(--border-width) solid transparent;border-radius:50%;transition:color var(--button-transition-duration) var(--motion-easing),background-color var(--button-transition-duration) var(--motion-easing),border-color var(--button-transition-duration) var(--motion-easing)}.product-hotspots__point[aria-pressed=true]{color:var(--featured-point-background, var(--color-background))}.product-hotspots__point[aria-pressed=true]>span.caption{background:var(--color-foreground);box-shadow:0 0 0 var(--border-width) var(--featured-point-background, var(--color-background))}.product-hotspots__point:focus-visible{color:var(--featured-point-background, var(--color-background));outline:none}.product-hotspots__point:focus-visible>span.caption{background:var(--color-foreground);border-color:transparent;outline:var(--focus-ring-width) solid var(--featured-point-background, var(--color-background));outline-offset:var(--focus-ring-width);box-shadow:0 0 0 calc(var(--focus-ring-width) * 3) var(--color-foreground)}.product-hotspots__card{grid-area:1 / 1;display:grid;grid-template-columns:min(8.4375rem,36.5%) minmax(0,1fr);inline-size:100%;min-block-size:9.75rem;color:var(--color-foreground);background:var(--featured-card-background, var(--color-background))}.product-hotspots__card--text{display:block;min-block-size:0}.product-hotspots__card-media{inline-size:100%;overflow:hidden}.product-hotspots__card-media img{display:block;inline-size:100%;min-block-size:100%;object-fit:cover}.product-hotspots__card-copy{display:flex;flex-direction:column;gap:.5rem;min-inline-size:0;padding:1.25rem}.product-hotspots__card-description,.product-hotspots__card-description :is(p,ul,ol){margin-block:0}.product-hotspots__footer{margin-block-start:1.25rem}.product-hotspots__footer-inner{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;inline-size:calc(min(100%,var(--featured-content-width)) - .25rem);min-block-size:1.5rem}.product-hotspots__full-list{margin:-.75rem 0;padding:.75rem 0;white-space:nowrap}.product-hotspots__full-list:focus-visible{outline:var(--focus-ring-width) solid currentcolor;outline-offset:var(--focus-ring-offset)}.product-hotspots__controls{display:flex;align-items:center;margin-inline-start:auto}.product-hotspots__control{--g-mini-button-engaged-background: var(--color-mini-button-light-engaged-background);display:inline-flex;flex:0 0 var(--minimum-touch-target);align-items:center;justify-content:center;inline-size:var(--minimum-touch-target);block-size:var(--minimum-touch-target);margin:-.625rem;padding:.625rem;color:var(--color-foreground);background:transparent;border:0;border-radius:var(--radius-square);cursor:pointer;transition:color var(--button-transition-duration) var(--motion-easing),opacity var(--button-transition-duration) var(--motion-easing);-webkit-appearance:none;appearance:none;touch-action:manipulation}.product-hotspots__control svg{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;background:var( --g-mini-button-surface-background, var(--featured-point-background, var(--color-background)) );transition:background-color var(--button-transition-duration) var(--motion-easing)}@media screen and (max-width:61.999rem){.product-hotspots__control svg{background-color:var(--g-mini-button-surface-background, transparent)}}.product-hotspots__control:focus-visible{color:var(--featured-point-background, var(--color-background));outline:none}.product-hotspots__control:focus-visible svg{background:var(--color-foreground);outline:var(--focus-ring-width) solid var(--featured-point-background, var(--color-background));outline-offset:var(--focus-ring-width);box-shadow:0 0 0 calc(var(--focus-ring-width) * 3) var(--color-foreground)}.product-hotspots__control:disabled{opacity:var(--opacity-disabled);cursor:default}.product-hotspots__count{min-inline-size:2rem;margin-inline:.5rem;text-align:center;white-space:nowrap}.product-hotspots[data-transitioning] :is(.product-hotspots__point,.product-hotspots__control){pointer-events:none}.product-hotspots__editor-empty{padding-block:2rem}@media screen and (min-width:62rem){.product-hotspots__header-inner{position:relative;inline-size:min(100%,var(--featured-content-width));padding-block-start:0}.product-hotspots__heading{position:absolute;inset-block-start:2rem;inset-inline-start:0;inline-size:var(--featured-label-width);margin:0}.product-hotspots__body{display:block;margin-block-start:2rem}.product-hotspots__body-inner{box-sizing:border-box;margin-block-start:0;padding-inline-start:calc(var(--featured-label-width) + var(--featured-label-gap))}.product-hotspots .product-hotspots__rail{--product-hotspots-responsive-mode: stage;display:contents}.product-hotspots .product-hotspots__items{position:absolute;top:0;right:0;bottom:0;left:0;display:block;align-items:normal;gap:0;inline-size:auto;min-block-size:0;margin:0;pointer-events:none}.product-hotspots .product-hotspots__item{position:absolute;top:0;right:0;bottom:0;left:0;display:block;block-size:auto;pointer-events:none}.product-hotspots__card{--featured-card-inline-size: 22.125rem;--featured-card-x: 0px;--featured-card-y: 0px;position:absolute;inset-block-start:var(--featured-card-y);inset-inline-start:var(--featured-card-x);grid-template-columns:7.625rem minmax(0,1fr);inline-size:var(--featured-card-inline-size);min-block-size:9.75rem;pointer-events:auto}.product-hotspots__card--text{--featured-card-inline-size: 14.5rem;display:block;min-block-size:0}.product-hotspots__card-media{inline-size:7.625rem}.product-hotspots__footer-inner{flex-wrap:nowrap;justify-content:flex-end;inline-size:min(100%,var(--featured-content-width))}.product-hotspots__controls,.product-hotspots__footer--controls-only{display:none}}@media(forced-colors:active){.product-hotspots :is(.product-hotspots__point,.product-hotspots__control):focus-visible :is(span,svg){outline-color:Highlight;box-shadow:none}.product-hotspots__point[aria-pressed=true]>span.caption{forced-color-adjust:none;border-color:CanvasText;color:Canvas;background:CanvasText}}@media(scripting:none){.product-hotspots__footer,.product-hotspots__controls,.product-hotspots dieux-ingredients-dialog-trigger{display:none}}@media(prefers-reduced-motion:reduce){.product-hotspots :is(.product-hotspots__point>span,.product-hotspots__control,.product-hotspots__control svg){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-hotspots.css.map */