.sugar-story-cards{display:block;overflow-x:clip;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sugar-story-cards__empty{margin:0;padding:40px 0;text-align:center;opacity:.6}.sugar-story-cards__stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body" "nav"}.sugar-story-cards__heading{grid-area:head;margin:0 0 32px;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));line-height:1.1;letter-spacing:var(--font-heading-letter-spacing, normal);color:inherit}.sugar-story-cards__backdrop{display:none}.sugar-story-cards__backdrop-img,.sugar-story-cards__backdrop-shade{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sugar-story-cards__backdrop-img{object-fit:cover}.sugar-story-cards__backdrop-shade{background:#000;opacity:var(--sc-bd-ov);pointer-events:none}.sugar-story-cards__track{grid-area:body;min-width:0}.sugar-story-cards .sugar-story-cards__viewport{overflow:visible}.sugar-story-cards__list{display:flex;margin:0;padding:0;list-style:none}.sugar-story-cards__card{position:relative;display:flex;box-sizing:border-box;min-width:0;margin:0;list-style:none}.sugar-story-cards__card-inner{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:100%;padding:var(--sc-pad);border:var(--sc-border) solid rgba(var(--color-foreground),.15);border-radius:var(--sc-card-r);background:var(--sc-card-bg);overflow:hidden}.sugar-story-cards__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;line-height:1.25;letter-spacing:var(--sc-tag-ls, normal);color:inherit}.sugar-story-cards__label{flex:0 0 auto;white-space:nowrap;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight, 400);font-size:var(--sc-label);letter-spacing:.06em}.sugar-story-cards__tagline{font-family:var(--sc-tag-font);font-style:var(--sc-tag-style);font-weight:var(--sc-tag-weight);--sw-bold: max(var(--sc-tag-weight), var(--font-body-weight-bold, 700));font-size:var(--sc-tag);text-align:right}.sugar-story-cards__media{position:relative;aspect-ratio:var(--sc-ar);border-radius:var(--sc-img-r);overflow:hidden}.sugar-story-cards__img{display:block;width:100%;height:100%;object-fit:cover}.sugar-story-cards__img--placeholder{background:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.35)}.sugar-story-cards__text{font-size:var(--sc-text);line-height:1.45}.sugar-story-cards__text>:first-child{margin-top:0}.sugar-story-cards__text>:last-child{margin-bottom:0}.sugar-story-cards--style-picture_first .sugar-story-cards__card-inner{padding:0 0 var(--sc-pad)}.sugar-story-cards--style-picture_first .sugar-story-cards__media{order:-1;border-radius:0}.sugar-story-cards--style-picture_first .sugar-story-cards__head{display:block;padding:8px var(--sc-pad) 0;font-family:var(--sc-tag-font);font-style:var(--sc-tag-style);font-weight:var(--sc-tag-weight);--sw-bold: max(var(--sc-tag-weight), var(--font-body-weight-bold, 700));font-size:var(--sc-tag)}.sugar-story-cards--style-picture_first .sugar-story-cards__label{font:inherit;letter-spacing:inherit;white-space:normal}.sugar-story-cards--style-picture_first .sugar-story-cards__tagline{text-align:left}.sugar-story-cards--style-picture_first .sugar-story-cards__text{padding:0 var(--sc-pad)}.sugar-story-cards__nav{grid-area:nav;display:flex;align-items:center;gap:12px;margin-top:24px}.sugar-story-cards__nav .sc-progress{margin:0 0 0 16px}@media screen and (max-width:749px){.sugar-story-cards{padding-top:var(--sc-pt-m);padding-bottom:var(--sc-pb-m);--sc-pad: var(--sc-pad-m);--sc-card-r: var(--sc-card-r-m, var(--sc-card-r-d));--sc-label: var(--sc-label-m);--sc-tag: var(--sc-tag-m);--sc-text: var(--sc-text-m);--sc-ar: var(--sc-ar-m)}.sugar-story-cards .sugar-story-cards__inner--inset{padding-left:var(--sc-px-m);padding-right:var(--sc-px-m)}.sugar-story-cards .sugar-story-cards__heading{font-size:var(--sc-h-m);text-align:var(--sc-h-align-m)}.sugar-story-cards:not([data-m=slider]) .sugar-story-cards__nav{display:none}.sugar-story-cards:not([data-m=slider]) .sugar-story-cards__list{flex-direction:column;gap:var(--sc-gap-m)}.sugar-story-cards[data-m=slider] .sugar-story-cards__track{clip-path:inset(-40px -100vw -40px 0)}:where([dir=rtl]) .sugar-story-cards[data-m=slider] .sugar-story-cards__track{clip-path:inset(-40px 0 -40px -100vw)}.sugar-story-cards[data-m=slider] .sugar-story-cards__card{flex:0 0 auto;width:calc((100% - var(--sc-gap-m) * (var(--sc-cpv-m) - 1)) / var(--sc-cpv-m));margin-inline-end:var(--sc-gap-m)}}@media screen and (min-width:750px)and (max-width:1023px){.sugar-story-cards--from-1024{padding-top:var(--sc-pt-m);padding-bottom:var(--sc-pb-m);--sc-pad: var(--sc-pad-m);--sc-card-r: var(--sc-card-r-m, var(--sc-card-r-d));--sc-label: var(--sc-label-m);--sc-tag: var(--sc-tag-m);--sc-text: var(--sc-text-m);--sc-ar: var(--sc-ar-m)}.sugar-story-cards--from-1024 .sugar-story-cards__inner--inset{padding-left:var(--sc-px-m);padding-right:var(--sc-px-m)}.sugar-story-cards--from-1024 .sugar-story-cards__heading{font-size:var(--sc-h-m);text-align:var(--sc-h-align-m)}.sugar-story-cards--from-1024:not([data-m=slider]) .sugar-story-cards__nav{display:none}.sugar-story-cards--from-1024:not([data-m=slider]) .sugar-story-cards__list{flex-direction:column;gap:var(--sc-gap-m)}.sugar-story-cards--from-1024[data-m=slider] .sugar-story-cards__track{clip-path:inset(-40px -100vw -40px 0)}:where([dir=rtl]) .sugar-story-cards--from-1024[data-m=slider] .sugar-story-cards__track{clip-path:inset(-40px 0 -40px -100vw)}.sugar-story-cards--from-1024[data-m=slider] .sugar-story-cards__card{flex:0 0 auto;width:calc((100% - var(--sc-gap-m) * (var(--sc-cpv-t) - 1)) / var(--sc-cpv-t));margin-inline-end:var(--sc-gap-m)}}@media screen and (min-width:750px){.sugar-story-cards:not(.sugar-story-cards--from-1024){padding-top:var(--sc-pt-d);padding-bottom:var(--sc-pb-d);--sc-pad: var(--sc-pad-d);--sc-card-r: var(--sc-card-r-d);--sc-label: calc(var(--sc-label-d) * var(--sw-page-fit, 1));--sc-tag: calc(var(--sc-tag-d) * var(--sw-page-fit, 1));--sc-text: calc(var(--sc-text-d) * var(--sw-page-fit, 1));--sc-ar: var(--sc-ar-d)}.sugar-story-cards:not(.sugar-story-cards--from-1024) .sugar-story-cards__inner--inset{padding-left:var(--sc-px-d);padding-right:var(--sc-px-d)}.sugar-story-cards:not(.sugar-story-cards--from-1024) .sugar-story-cards__heading{margin-bottom:48px;font-size:calc(var(--sc-h-d) * var(--sw-page-fit, 1));text-align:var(--sc-h-align-d)}.sugar-story-cards:not(.sugar-story-cards--from-1024):not([data-d=slider]) .sugar-story-cards__nav{display:none}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=focus] .sugar-story-cards__list{align-items:stretch;gap:var(--sc-gap-d);--sc-w: calc((100% - (var(--sc-n) - 1) * var(--sc-gap-d)) / (1 + (var(--sc-n) - 1) * var(--sc-scale)))}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=focus] .sugar-story-cards__card{flex:0 0 var(--sc-w);transform-origin:50% 100%;transition:transform .35s ease,margin .35s ease}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=focus] .sugar-story-cards__card:not(.sugar-story-cards__card--focus){margin-left:calc(var(--sc-w) * (1 - var(--sc-scale)) / -2);margin-right:calc(var(--sc-w) * (1 - var(--sc-scale)) / -2);transform:scale(var(--sc-scale));cursor:pointer}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=focus] .sugar-story-cards__card:focus-visible{outline:none}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=focus] .sugar-story-cards__card:focus-visible>.sugar-story-cards__card-inner{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=even] .sugar-story-cards__list{align-items:stretch;gap:var(--sc-gap-d)}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=even] .sugar-story-cards__card{flex:1 1 0}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=slider] .sugar-story-cards__track{clip-path:inset(-40px -100vw -40px 0)}:where([dir=rtl]) .sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=slider] .sugar-story-cards__track{clip-path:inset(-40px 0 -40px -100vw)}.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=slider] .sugar-story-cards__card{flex:0 0 auto;width:calc((100% - var(--sc-gap-d) * (var(--sc-cpv-d) - 1)) / var(--sc-cpv-d));margin-inline-end:var(--sc-gap-d)}.sugar-story-cards:not(.sugar-story-cards--from-1024).sugar-story-cards--backdrop .sugar-story-cards__stage{grid-template-areas:"body" "nav"}.sugar-story-cards:not(.sugar-story-cards--from-1024).sugar-story-cards--backdrop .sugar-story-cards__backdrop{display:block;position:relative;grid-area:body;width:calc(var(--sc-bd-f) * 100%);aspect-ratio:var(--sc-bd-ar);border-radius:var(--sc-card-r);overflow:hidden}.sugar-story-cards:not(.sugar-story-cards--from-1024).sugar-story-cards--backdrop .sugar-story-cards__heading{grid-area:body;position:relative;z-index:1;align-self:end;justify-self:start;box-sizing:border-box;max-width:calc(var(--sc-bd-f) * 100%);margin:0;padding:0 40px 40px;color:var(--sc-bd-color);text-align:left}.sugar-story-cards:not(.sugar-story-cards--from-1024).sugar-story-cards--backdrop .sugar-story-cards__track{position:relative;z-index:2;align-self:center}.sugar-story-cards:not(.sugar-story-cards--from-1024).sugar-story-cards--backdrop .sugar-story-cards__track{padding-left:max(0px,calc(var(--sc-bd-f) * 100% - var(--sc-overlap)))}.sugar-story-cards:not(.sugar-story-cards--from-1024).sugar-story-cards--backdrop .sugar-story-cards__nav{max-width:calc(var(--sc-bd-f) * 100%)}}@media screen and (min-width:750px)and (max-width:1023px){.sugar-story-cards:not(.sugar-story-cards--from-1024)[data-d=slider] .sugar-story-cards__card{width:calc((100% - var(--sc-gap-d) * (var(--sc-cpv-t) - 1)) / var(--sc-cpv-t))}}@media screen and (min-width:1024px){.sugar-story-cards--from-1024{padding-top:var(--sc-pt-d);padding-bottom:var(--sc-pb-d);--sc-pad: var(--sc-pad-d);--sc-card-r: var(--sc-card-r-d);--sc-label: calc(var(--sc-label-d) * var(--sw-page-fit, 1));--sc-tag: calc(var(--sc-tag-d) * var(--sw-page-fit, 1));--sc-text: calc(var(--sc-text-d) * var(--sw-page-fit, 1));--sc-ar: var(--sc-ar-d)}.sugar-story-cards--from-1024 .sugar-story-cards__inner--inset{padding-left:var(--sc-px-d);padding-right:var(--sc-px-d)}.sugar-story-cards--from-1024 .sugar-story-cards__heading{margin-bottom:48px;font-size:calc(var(--sc-h-d) * var(--sw-page-fit, 1));text-align:var(--sc-h-align-d)}.sugar-story-cards--from-1024:not([data-d=slider]) .sugar-story-cards__nav{display:none}.sugar-story-cards--from-1024[data-d=focus] .sugar-story-cards__list{align-items:stretch;gap:var(--sc-gap-d);--sc-w: calc((100% - (var(--sc-n) - 1) * var(--sc-gap-d)) / (1 + (var(--sc-n) - 1) * var(--sc-scale)))}.sugar-story-cards--from-1024[data-d=focus] .sugar-story-cards__card{flex:0 0 var(--sc-w);transform-origin:50% 100%;transition:transform .35s ease,margin .35s ease}.sugar-story-cards--from-1024[data-d=focus] .sugar-story-cards__card:not(.sugar-story-cards__card--focus){margin-left:calc(var(--sc-w) * (1 - var(--sc-scale)) / -2);margin-right:calc(var(--sc-w) * (1 - var(--sc-scale)) / -2);transform:scale(var(--sc-scale));cursor:pointer}.sugar-story-cards--from-1024[data-d=focus] .sugar-story-cards__card:focus-visible{outline:none}.sugar-story-cards--from-1024[data-d=focus] .sugar-story-cards__card:focus-visible>.sugar-story-cards__card-inner{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.sugar-story-cards--from-1024[data-d=even] .sugar-story-cards__list{align-items:stretch;gap:var(--sc-gap-d)}.sugar-story-cards--from-1024[data-d=even] .sugar-story-cards__card{flex:1 1 0}.sugar-story-cards--from-1024[data-d=slider] .sugar-story-cards__track{clip-path:inset(-40px -100vw -40px 0)}:where([dir=rtl]) .sugar-story-cards--from-1024[data-d=slider] .sugar-story-cards__track{clip-path:inset(-40px 0 -40px -100vw)}.sugar-story-cards--from-1024[data-d=slider] .sugar-story-cards__card{flex:0 0 auto;width:calc((100% - var(--sc-gap-d) * (var(--sc-cpv-d) - 1)) / var(--sc-cpv-d));margin-inline-end:var(--sc-gap-d)}.sugar-story-cards--from-1024.sugar-story-cards--backdrop .sugar-story-cards__stage{grid-template-areas:"body" "nav"}.sugar-story-cards--from-1024.sugar-story-cards--backdrop .sugar-story-cards__backdrop{display:block;position:relative;grid-area:body;width:calc(var(--sc-bd-f) * 100%);aspect-ratio:var(--sc-bd-ar);border-radius:var(--sc-card-r);overflow:hidden}.sugar-story-cards--from-1024.sugar-story-cards--backdrop .sugar-story-cards__heading{grid-area:body;position:relative;z-index:1;align-self:end;justify-self:start;box-sizing:border-box;max-width:calc(var(--sc-bd-f) * 100%);margin:0;padding:0 40px 40px;color:var(--sc-bd-color);text-align:left}.sugar-story-cards--from-1024.sugar-story-cards--backdrop .sugar-story-cards__track{position:relative;z-index:2;align-self:center}.sugar-story-cards--from-1024.sugar-story-cards--backdrop .sugar-story-cards__track{padding-left:max(0px,calc(var(--sc-bd-f) * 100% - var(--sc-overlap)))}.sugar-story-cards--from-1024.sugar-story-cards--backdrop .sugar-story-cards__nav{max-width:calc(var(--sc-bd-f) * 100%)}}@media screen and (max-width:749px)and (prefers-reduced-motion:no-preference){.sugar-story-cards.sugar-story-cards--pin[data-m=stack] .sugar-story-cards__card{position:sticky;top:calc(var(--header-sticky-offset, 0px) + var(--sc-top) + var(--i) * (var(--sc-pad-m) + var(--sc-border) + max(var(--sc-label-m),var(--sc-tag-m)) * 1.25))}}@media screen and (min-width:750px)and (max-width:1023px)and (prefers-reduced-motion:no-preference){.sugar-story-cards--from-1024.sugar-story-cards--pin[data-m=stack] .sugar-story-cards__card{position:sticky;top:calc(var(--header-sticky-offset, 0px) + var(--sc-top) + var(--i) * (var(--sc-pad-m) + var(--sc-border) + max(var(--sc-label-m),var(--sc-tag-m)) * 1.25))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-story-cards.css.map */