.emotional-image-switcher{position:relative;display:block;height:auto;margin-top:var(--emotional-section-margin-top, 0);margin-bottom:var(--emotional-section-margin-bottom, 0);color:#1e0e06;font-family:Lato,var(--font-body-family),sans-serif}.emotional-image-switcher,.emotional-image-switcher *{box-sizing:border-box}.emotional-image-switcher__sticky{position:relative;width:100%;height:auto;overflow:hidden;background:#fff}.emotional-image-switcher__visual{position:relative;transition:opacity .8s ease;will-change:opacity}.emotional-image-switcher__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;pointer-events:none}.emotional-image-switcher__panel.is-active{position:relative;z-index:1;opacity:1;visibility:visible;transition-delay:0s}.emotional-image-switcher__picture{position:relative;display:block;width:100%;height:auto}.emotional-image-switcher__image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center}.emotional-image-switcher__placeholder{background:#ffffff38}.emotional-image-switcher__right{position:absolute;top:50%;left:57.5vw;z-index:2;display:flex;width:26.25vw;flex-direction:column;gap:1.666667vw;opacity:0;transform:translate(14.1667vw,-50%);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform}.emotional-image-switcher.is-entered .emotional-image-switcher__right{opacity:1;transform:translateY(-50%);transition-delay:.4s}.emotional-image-switcher__title,.emotional-image-switcher__body,.emotional-image-switcher__body p{margin:0}.emotional-image-switcher__title{margin-top:var(--emotional-title-margin-top, 0);margin-bottom:var(--emotional-title-margin-bottom, 0);color:var(--emotional-desktop-title-color, #1e0e06);font-size:var(--emotional-desktop-title-size, 40px);font-weight:700;line-height:1.2;letter-spacing:0;word-break:break-word}.emotional-image-switcher__body{margin-top:20px;color:var(--emotional-desktop-body-color, #797c80);font-size:var(--emotional-desktop-body-size, 20px);font-weight:400;line-height:1.5;letter-spacing:0;word-break:break-word}.emotional-image-switcher__body>*+*{margin-top:.8em}.emotional-image-switcher__controls{width:max-content;max-width:100%}.emotional-image-switcher__tabs{position:relative;display:flex;width:max-content;max-width:100%;padding:6px;overflow-x:auto;border-radius:999px;background:#fff;scrollbar-width:none}.emotional-image-switcher__tabs::-webkit-scrollbar{display:none}.emotional-image-switcher__slider{position:absolute;top:6px;left:0;z-index:0;width:calc((100% - 12px) / var(--emotional-tab-count, 1));height:calc(100% - 12px);border-radius:999px;background:#000;transform:translate(6px);transition:width .3s ease,transform .3s ease;pointer-events:none}.emotional-image-switcher__tab{position:relative;z-index:1;display:flex;min-width:110px;min-height:50px;padding:10px 24px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:#797c80;font:inherit;font-size:clamp(14px,.9375vw,18px);font-weight:400;line-height:1.75;white-space:nowrap;cursor:pointer;transition:color .3s ease}.emotional-image-switcher__tab.is-active{color:#fff;font-weight:700}.emotional-image-switcher__tab:focus-visible{outline:2px solid #1e0e06;outline-offset:-3px}@media screen and (max-aspect-ratio:11 / 10),screen and (max-width:749px){.emotional-image-switcher{height:auto;min-height:0;margin-top:var(--emotional-mobile-section-margin-top, 0);margin-bottom:var(--emotional-mobile-section-margin-bottom, 0);overflow:hidden}.emotional-image-switcher__sticky{position:relative;display:grid;height:auto;min-height:0;grid-template-areas:"copy" "visual" "controls";background:#fff}.emotional-image-switcher__right{display:contents}.emotional-image-switcher__copy{position:relative;grid-area:copy;width:86.1111vw;margin-left:6.9444vw;padding-top:11.1111vw}.emotional-image-switcher__visual,.emotional-image-switcher.is-entered .emotional-image-switcher__visual{position:relative;top:auto;left:auto;grid-area:visual;width:100%;height:auto;margin:0 auto 3.3333vw;aspect-ratio:1 / 1;transform:none;transition:none}.emotional-image-switcher__image{object-position:center}.emotional-image-switcher__controls{position:relative;grid-area:controls;width:max-content;max-width:93vw;margin:0 auto 11.1111vw;opacity:1;transform:none}.emotional-image-switcher__right,.emotional-image-switcher.is-entered .emotional-image-switcher__right{opacity:1;transform:none;transition:none}.emotional-image-switcher__title{margin-top:var(--emotional-mobile-title-margin-top, 0);margin-bottom:var(--emotional-mobile-title-margin-bottom, 0);font-size:var(--emotional-mobile-title-size, 40px);color:var(--emotional-mobile-title-color, #1e0e06)}.emotional-image-switcher__body{font-size:var(--emotional-mobile-body-size, 18px);color:var(--emotional-mobile-body-color, #797c80)}.emotional-image-switcher__tabs{max-width:93vw;padding:4px}.emotional-image-switcher__slider{top:4px;height:calc(100% - 8px);transform:translate(4px)}.emotional-image-switcher__tab{min-width:28.5vw;min-height:0;padding:2.7778vw 3.5556vw 3.0556vw;font-size:3.8889vw;line-height:1}}@media screen and (max-width:749px){.emotional-image-switcher__sticky{grid-template-areas:"stage";grid-template-columns:minmax(0,1fr)}.emotional-image-switcher__visual,.emotional-image-switcher.is-entered .emotional-image-switcher__visual{position:relative;z-index:0;grid-area:stage;width:100%;height:auto;margin:0}.emotional-image-switcher__panel.is-active{position:relative}.emotional-image-switcher__picture{position:relative;height:auto}.emotional-image-switcher__image{width:100%;height:auto}.emotional-image-switcher__copy{z-index:2;grid-area:stage;align-self:start}.emotional-image-switcher__controls{z-index:2;grid-area:stage;align-self:end}}@media(prefers-reduced-motion:reduce){.emotional-image-switcher__visual,.emotional-image-switcher__right,.emotional-image-switcher__panel,.emotional-image-switcher__slider,.emotional-image-switcher__tab{transition-duration:.01ms!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/emotional-image-switcher.css.map */