.sugar-hotspots{--hs-mk: var(--hs-mk-m);--hs-h: var(--hs-h-m);--hs-h-align: var(--hs-h-align-m);--hs-title: var(--hs-title-m);--hs-text: var(--hs-text-m);--hs-box: var(--hs-box-m);--hs-ind: var(--hs-ind-m);--hs-ar: var(--hs-ar-m);display:block;padding-top:var(--hs-pt-m);padding-bottom:var(--hs-pb-m);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sugar-hotspots .sugar-hotspots__inner--inset{padding-left:var(--hs-px-m);padding-right:var(--hs-px-m)}.sugar-hotspots__grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.sugar-hotspots__media{min-width:0}.sugar-hotspots__frame{position:relative}.sugar-hotspots__picture,.sugar-hotspots__frame>.sugar-hotspots__img--placeholder{display:block;aspect-ratio:var(--hs-ar);border-radius:var(--hs-img-r);overflow:hidden}.sugar-hotspots__img{display:block;width:100%;height:100%;object-fit:cover}.sugar-hotspots__img--placeholder{width:100%;background:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.35)}.sugar-hotspots__marker{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;justify-content:center;width:var(--hs-mk);height:var(--hs-mk);margin:0;padding:0;border:0;border-radius:var(--hs-mk-r);background:var(--hs-mk-bg);color:var(--hs-mk-fg);box-shadow:inset 0 0 0 0 var(--hs-act-bc);transform:translate(-50%,-50%);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--hs-title-w, 600);font-size:max(12px,calc(var(--hs-mk) * .35));font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.sugar-hotspots__marker.is-active{background:var(--hs-act-bg);box-shadow:inset 0 0 0 var(--hs-act-bw) var(--hs-act-bc)}.sugar-hotspots__marker:focus-visible,.sugar-hotspots__toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sugar-hotspots__copy{min-width:0;padding:var(--hs-cpy-m) var(--hs-cpx-m)}.sugar-hotspots__heading{margin:0 0 .8em;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight, 700);--sw-bold: max(var(--font-heading-weight, 700), var(--font-body-weight-bold, 700));font-size:var(--hs-h);line-height:1.1;letter-spacing:var(--font-heading-letter-spacing, normal);text-align:var(--hs-h-align);color:inherit}.sugar-hotspots__empty{margin:0 0 16px;opacity:.6}.sugar-hotspots__row+.sugar-hotspots__row{margin-top:var(--hs-row-gap)}.sugar-hotspots__row-head{margin:0;font:inherit;letter-spacing:normal}.sugar-hotspots__toggle{display:flex;align-items:center;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;text-align:left;font-family:var(--font-body-family);font-style:var(--font-body-style);cursor:pointer}.sugar-hotspots__num{display:flex;flex:0 0 var(--hs-box);align-items:center;justify-content:center;width:var(--hs-box);height:var(--hs-box);border-radius:var(--hs-mk-r);background:var(--hs-mk-bg);color:var(--hs-row-fg);font-size:calc(var(--hs-title) * .9);font-weight:var(--hs-title-w, 600);font-variant-numeric:tabular-nums;line-height:1;transition:background-color .2s ease}.sugar-hotspots__row.is-open .sugar-hotspots__num{background:var(--hs-act-bg)}.sugar-hotspots__bar{display:flex;flex:1 1 auto;align-self:stretch;align-items:center;gap:16px;min-width:0;min-height:var(--hs-box);padding-left:max(0px,calc(var(--hs-ind) - var(--hs-box)));border-bottom:var(--hs-div-w) solid var(--hs-div)}.sugar-hotspots__title{flex:1 1 auto;min-width:0;font-size:var(--hs-title);font-weight:var(--hs-title-w);--sw-bold: max(var(--hs-title-w), var(--font-body-weight-bold, 700));line-height:1.25}.sugar-hotspots__icon{position:relative;flex:0 0 auto;width:.8em;height:.8em;font-size:var(--hs-title);transition:transform .3s ease}.sugar-hotspots__icon span{position:absolute;top:50%;left:0;width:100%;height:1px;background:currentColor;transform:translateY(-50%);transition:transform .3s ease}.sugar-hotspots__icon span:last-child{transform:translateY(-50%) rotate(90deg)}.sugar-hotspots--icon-plus_minus .is-open .sugar-hotspots__icon span:last-child{transform:translateY(-50%) rotate(90deg) scaleX(0)}.sugar-hotspots--icon-plus_x .is-open .sugar-hotspots__icon{transform:rotate(45deg)}.sugar-hotspots--icon-caret .sugar-hotspots__icon span:first-child{top:15%;left:20%;width:60%;height:60%;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;background:none;transform:rotate(45deg)}.sugar-hotspots--icon-caret .sugar-hotspots__icon span:last-child,.sugar-hotspots--icon-none .sugar-hotspots__icon{display:none}.sugar-hotspots--icon-caret .is-open .sugar-hotspots__icon{transform:rotate(180deg)}.sugar-hotspots__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.sugar-hotspots__row.is-open .sugar-hotspots__panel{grid-template-rows:1fr}.sugar-hotspots__panel-clip{display:block;min-height:0;overflow:hidden}.sugar-hotspots__text{padding:.75em 0 0 var(--hs-ind);font-size:var(--hs-text);line-height:1.3}.sugar-hotspots__text>:first-child{margin-top:0}.sugar-hotspots__text>:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.sugar-hotspots__marker,.sugar-hotspots__num,.sugar-hotspots__icon,.sugar-hotspots__icon span,.sugar-hotspots__panel{transition:none}}@media screen and (min-width:750px){.sugar-hotspots{--hs-mk: var(--hs-mk-d);--hs-h: var(--hs-h-d);--hs-h-align: var(--hs-h-align-d);--hs-title: var(--hs-title-d);--hs-text: var(--hs-text-d);--hs-box: var(--hs-box-d);--hs-ind: var(--hs-ind-d);--hs-ar: var(--hs-ar-d);padding-top:var(--hs-pt-d);padding-bottom:var(--hs-pb-d)}.sugar-hotspots .sugar-hotspots__inner--inset{padding-left:var(--hs-px-d);padding-right:var(--hs-px-d)}.sugar-hotspots:not(.sugar-hotspots--from-1024) .sugar-hotspots__grid{grid-template-columns:var(--hs-img-w) minmax(0,1fr)}.sugar-hotspots--image-right:not(.sugar-hotspots--from-1024) .sugar-hotspots__grid{grid-template-columns:minmax(0,1fr) var(--hs-img-w)}.sugar-hotspots--image-right:not(.sugar-hotspots--from-1024) .sugar-hotspots__media{order:2}.sugar-hotspots:not(.sugar-hotspots--from-1024) .sugar-hotspots__copy{padding:var(--hs-cp-d)}}@media screen and (min-width:1024px){.sugar-hotspots--from-1024 .sugar-hotspots__grid{grid-template-columns:var(--hs-img-w) minmax(0,1fr)}.sugar-hotspots--from-1024.sugar-hotspots--image-right .sugar-hotspots__grid{grid-template-columns:minmax(0,1fr) var(--hs-img-w)}.sugar-hotspots--from-1024.sugar-hotspots--image-right .sugar-hotspots__media{order:2}.sugar-hotspots--from-1024 .sugar-hotspots__copy{padding:var(--hs-cp-d)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-hotspots.css.map */