.sugar-expanding-panels{display:block;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-top:var(--ep-pt-m);padding-bottom:var(--ep-pb-m)}.sugar-expanding-panels__inner--inset{padding-left:var(--ep-px-m);padding-right:var(--ep-px-m)}.sugar-expanding-panels__empty{margin:0;padding:40px 0;text-align:center;opacity:.6}.sugar-expanding-panels__intro{display:flex;flex-direction:column;align-items:var(--ep-items-m);margin-bottom:26px;text-align:var(--ep-align-m)}.sugar-expanding-panels__badge{display:inline-block;margin:0 0 8px;padding:.12em .3em;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold, 700);font-size:var(--ep-badge);line-height:1.35;letter-spacing:0;background:var(--ep-badge-bg);color:var(--ep-badge-fg);border-radius:var(--ep-badge-r)}.sugar-expanding-panels__heading{margin:0;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(--ep-h-m);line-height:1.2;letter-spacing:var(--font-heading-letter-spacing, normal);color:inherit}.sugar-expanding-panels__text{max-width:var(--ep-text-w);margin-top:16px;font-size:var(--ep-t-m);line-height:1.4}.sugar-expanding-panels__text>:first-child{margin-top:0}.sugar-expanding-panels__text>:last-child{margin-bottom:0}.sugar-expanding-panels__box{display:flex;flex-direction:column;border:var(--ep-bw) solid var(--ep-bc);border-radius:var(--ep-r);overflow:hidden;background:rgb(var(--color-background));container-type:inline-size}.sugar-expanding-panels__panel{display:flex;flex-direction:column;min-width:0}.sugar-expanding-panels__strip{-webkit-appearance:none;appearance:none;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:16px 24px;border:0;border-radius:0;font-family:var(--ep-font);font-style:var(--ep-font-style);font-weight:var(--ep-font-weight);font-size:var(--ep-label-m);line-height:1.3;letter-spacing:0;text-align:left;color:inherit;cursor:pointer;background-color:var(--ep-strip-bg)}.sugar-expanding-panels__strip:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:400px;height:100cqw;background-image:var(--ep-strip-img);transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.sugar-expanding-panels__panel.is-open .sugar-expanding-panels__strip:before{display:none}.sugar-expanding-panels__panel+.sugar-expanding-panels__panel .sugar-expanding-panels__strip:after{content:"";position:absolute;top:0;left:0;right:0;height:var(--ep-bw);background:var(--ep-bc);pointer-events:none}.sugar-expanding-panels__panel.is-open .sugar-expanding-panels__strip{background:rgb(var(--color-background));cursor:default}.sugar-expanding-panels__strip:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-4px}.sugar-expanding-panels__label{order:1}.sugar-expanding-panels__number{order:2;flex-shrink:0}.sugar-expanding-panels__media{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ep-speed) ease}.sugar-expanding-panels__panel.is-open .sugar-expanding-panels__media{grid-template-rows:1fr}.sugar-expanding-panels__frame{position:relative;min-height:0;overflow:hidden}.sugar-expanding-panels__frame picture{display:contents}.sugar-expanding-panels__img{display:block;width:100%;height:var(--ep-img-h-m);aspect-ratio:var(--ep-own-ar, 4 / 5);object-fit:cover}.sugar-expanding-panels__img--placeholder{background:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.3)}.sugar-expanding-panels__caption{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:12px 16px;font-size:var(--ep-cap-m);line-height:1.4;text-align:var(--ep-cap-align-m);background:var(--ep-cap-bg);-webkit-backdrop-filter:blur(var(--ep-cap-blur));backdrop-filter:blur(var(--ep-cap-blur));border-radius:var(--ep-cap-r)}.sugar-expanding-panels__actions{display:flex;justify-content:center;margin-top:24px}.sugar-expanding-panels__button{width:100%}.sugar-expanding-panels__button[data-ep-style=primary]{background:var(--button-primary-bg-surface);color:var(--button-primary-text);border:var(--button-primary-border) solid var(--button-primary-border-color)}.sugar-expanding-panels__button[data-ep-style=secondary]{background:var(--button-secondary-bg-surface);color:var(--button-secondary-text);border:var(--button-secondary-border) solid var(--button-secondary-border-color)}@media screen and (min-width:750px){.sugar-expanding-panels{padding-top:var(--ep-pt-d);padding-bottom:var(--ep-pb-d)}.sugar-expanding-panels__inner--inset{padding-left:var(--ep-px-d);padding-right:var(--ep-px-d)}.sugar-expanding-panels__intro{align-items:var(--ep-items);text-align:var(--ep-align)}.sugar-expanding-panels__heading{font-size:var(--ep-h-d)}.sugar-expanding-panels__text{font-size:var(--ep-t-d)}}@media screen and (min-width:750px){.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__box{flex-direction:row;height:var(--ep-box-h)}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__panel{flex:0 0 var(--ep-strip);flex-direction:row;overflow:hidden;transition:flex-grow var(--ep-speed) ease}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__panel.is-open{flex-grow:1}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__strip{flex:0 0 var(--ep-strip);flex-direction:column;justify-content:space-between;align-items:center;width:var(--ep-strip);height:100%;padding:32px 0;background-image:var(--ep-strip-img);text-align:center}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__strip:before,.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__strip:after{display:none}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__panel+.sugar-expanding-panels__panel .sugar-expanding-panels__strip{box-shadow:inset var(--ep-bw) 0 0 var(--ep-bc)}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__number{order:0;font-size:var(--ep-num)}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__label{order:1;margin-top:auto;font-size:var(--ep-label);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__media{display:block;flex:0 0 auto;width:calc(100cqw - var(--ep-n) * var(--ep-strip));height:100%;transition:none}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__frame{height:100%}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__img{height:100%;aspect-ratio:auto}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__button{width:auto}.sugar-expanding-panels:not(.sugar-expanding-panels--from-1024) .sugar-expanding-panels__caption{left:50%;right:auto;bottom:6.5%;width:max-content;max-width:61%;padding:12px 24px;font-size:var(--ep-cap);text-align:var(--ep-cap-align);transform:translate(-50%)}}@media screen and (min-width:1024px){.sugar-expanding-panels .sugar-expanding-panels__box{flex-direction:row;height:var(--ep-box-h)}.sugar-expanding-panels .sugar-expanding-panels__panel{flex:0 0 var(--ep-strip);flex-direction:row;overflow:hidden;transition:flex-grow var(--ep-speed) ease}.sugar-expanding-panels .sugar-expanding-panels__panel.is-open{flex-grow:1}.sugar-expanding-panels .sugar-expanding-panels__strip{flex:0 0 var(--ep-strip);flex-direction:column;justify-content:space-between;align-items:center;width:var(--ep-strip);height:100%;padding:32px 0;background-image:var(--ep-strip-img);text-align:center}.sugar-expanding-panels .sugar-expanding-panels__strip:before,.sugar-expanding-panels .sugar-expanding-panels__strip:after{display:none}.sugar-expanding-panels .sugar-expanding-panels__panel+.sugar-expanding-panels__panel .sugar-expanding-panels__strip{box-shadow:inset var(--ep-bw) 0 0 var(--ep-bc)}.sugar-expanding-panels .sugar-expanding-panels__number{order:0;font-size:var(--ep-num)}.sugar-expanding-panels .sugar-expanding-panels__label{order:1;margin-top:auto;font-size:var(--ep-label);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.sugar-expanding-panels .sugar-expanding-panels__media{display:block;flex:0 0 auto;width:calc(100cqw - var(--ep-n) * var(--ep-strip));height:100%;transition:none}.sugar-expanding-panels .sugar-expanding-panels__frame{height:100%}.sugar-expanding-panels .sugar-expanding-panels__img{height:100%;aspect-ratio:auto}.sugar-expanding-panels .sugar-expanding-panels__button{width:auto}.sugar-expanding-panels .sugar-expanding-panels__caption{left:50%;right:auto;bottom:6.5%;width:max-content;max-width:61%;padding:12px 24px;font-size:var(--ep-cap);text-align:var(--ep-cap-align);transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.sugar-expanding-panels__panel,.sugar-expanding-panels__media{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-expanding-panels.css.map */