.lp-living-state-tab-media{background:var(--living-state-background, #fafaff);color:#1a1a1a;padding-block:var(--living-state-padding-top-pc, 80px) var(--living-state-padding-bottom-pc, 80px)}.living-state__stage{display:grid;isolation:isolate;position:relative}.living-state__media{background:#e7e7ed;border-radius:16px;overflow:visible;position:relative}.living-state__slide{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility .45s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:1}.living-state__slide.is-active{opacity:1;pointer-events:auto;visibility:visible;z-index:2}.living-state__media picture{border-radius:inherit;overflow:hidden}.living-state__media picture,.living-state__media img{display:block;height:auto;width:100%}.living-state__media-placeholder{aspect-ratio:16 / 9;background:linear-gradient(135deg,#d8d6e4,#f4f0f6)}.living-state__hotspot{height:43px;left:var(--point-x);overflow:visible;position:absolute;top:var(--point-y);transform:translate(-50%,-50%);width:43px;z-index:2}.living-state__hotspot-dot{background:transparent;border:0;cursor:pointer;display:block;height:100%;overflow:visible;padding:0;width:100%}.living-state__hotspot-dot svg{display:block;height:100%;overflow:visible;width:100%}.living-state__hotspot-pulse{transform-box:fill-box;transform-origin:center;animation:living-state-breathe 2.4s ease-in-out infinite}.living-state__hotspot.is-active{z-index:4}.living-state__popover{--popover-pos-transform: translateY(-50%);--popover-scale: 0;align-items:center;background:#fff;bottom:auto;border-radius:8px;box-sizing:border-box;display:none;flex-wrap:nowrap;gap:8px;left:calc(100% + 8px);min-width:164px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:auto;top:50%;transform:var(--popover-pos-transform) scale(var(--popover-scale));transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),visibility .34s cubic-bezier(.22,1,.36,1);visibility:hidden;width:max-content;will-change:transform,opacity}a.living-state__popover,.living-state__popover--linked{color:inherit;cursor:pointer;text-decoration:none}.living-state__hotspot.is-active .living-state__popover{display:flex}.living-state__hotspot.is-active:not(.is-popover-ready):not(.is-popover-leaving) .living-state__popover{opacity:0;pointer-events:none;transform:var(--popover-pos-transform) scale(1);transition:none;visibility:hidden}.living-state__hotspot.is-active.is-popover-ready:not(.is-popover-visible):not(.is-popover-leaving) .living-state__popover{opacity:0;pointer-events:auto;transform:var(--popover-pos-transform) scale(var(--popover-scale));transition:none;visibility:visible}.living-state__hotspot.is-active.is-popover-visible .living-state__popover{opacity:1;pointer-events:auto;transform:var(--popover-pos-transform) scale(1);visibility:visible}.living-state__hotspot.is-active.is-popover-leaving .living-state__popover{opacity:0;pointer-events:none;transform:var(--popover-pos-transform) scale(var(--popover-scale));visibility:visible}.living-state__hotspot.is-active.is-popover-ready .living-state__popover:before{content:"";pointer-events:auto;position:absolute}.living-state__hotspot.is-active.is-popover-ready:not(.is-popover-left):not(.is-popover-top):not(.is-popover-bottom) .living-state__popover:before,.living-state__hotspot.is-popover-right.is-active.is-popover-ready .living-state__popover:before{bottom:-12px;height:calc(100% + 24px);right:100%;top:-12px;width:14px}.living-state__hotspot.is-popover-left.is-active.is-popover-ready .living-state__popover:before{bottom:-12px;height:calc(100% + 24px);left:100%;top:-12px;width:14px}.living-state__hotspot.is-popover-top.is-active.is-popover-ready .living-state__popover:before{height:14px;left:-12px;right:-12px;top:100%;width:calc(100% + 24px)}.living-state__hotspot.is-popover-bottom.is-active.is-popover-ready .living-state__popover:before{bottom:100%;height:14px;left:-12px;right:-12px;width:calc(100% + 24px)}.living-state__hotspot.is-popover-left .living-state__popover{--popover-pos-transform: translateY(-50%);bottom:auto;left:auto;right:calc(100% + 8px);top:50%}.living-state__hotspot.is-popover-top .living-state__popover{--popover-pos-transform: translateX(-50%);bottom:calc(100% + 8px);left:50%;right:auto;top:auto}.living-state__hotspot.is-popover-bottom .living-state__popover{--popover-pos-transform: translateX(-50%);bottom:auto;left:50%;right:auto;top:calc(100% + 8px)}.living-state__popover-info{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.living-state__popover-label,.living-state__popover-price{color:#1a1a1a;display:block;font-family:Manrope,sans-serif;white-space:nowrap}.living-state__popover-label{font-size:18px;font-weight:600;line-height:1.1}.living-state__popover-price{font-size:14px;font-weight:400;line-height:1.2}.living-state__popover-link{align-items:center;background:#0051cf;border-radius:26px;color:#fff;display:inline-flex;flex:0 0 auto;flex-shrink:0;height:32px;justify-content:center;width:32px}.living-state__popover-chevron{display:block;flex-shrink:0;height:24px;width:24px}.living-state__tabs-wrap{margin:48px auto 0;max-width:100%;min-width:0;overflow:hidden;position:relative;width:100%}.living-state__tabs-viewport{max-width:100%;min-width:0;overflow:hidden;width:100%}.living-state__tabs-wrap.is-scrollable .living-state__tabs-viewport{-webkit-overflow-scrolling:touch;background:#f7f8f9;border-radius:200px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.living-state__tabs-wrap.is-scrollable .living-state__tabs-viewport::-webkit-scrollbar{display:none}.living-state__tabs{align-items:center;background:#f7f8f9;border-radius:200px;display:flex;gap:52px;justify-content:center;padding:14px 16px;position:relative;width:max-content}.living-state__tabs-wrap:not(.is-scrollable) .living-state__tabs{margin-inline:auto;max-width:100%}.living-state__tabs-wrap.is-scrollable .living-state__tabs{background:transparent;border-radius:0;justify-content:flex-start;margin-inline:0;max-width:none}.living-state__tabs.is-measuring{margin-inline:0!important;max-width:none!important;width:max-content!important}.living-state__tabs-edge{bottom:0;display:none;pointer-events:none;position:absolute;top:0;width:min(103px,30%);z-index:3}.living-state__tabs-wrap.is-scrollable .living-state__tabs-edge:not([hidden]){display:block}.living-state__tabs-edge--start{border-radius:200px 0 0 200px;left:0;overflow:hidden}.living-state__tabs-edge--end{border-radius:0 200px 200px 0;overflow:hidden;right:0}.living-state__tabs-fade{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.living-state__tabs-fade--start{background:linear-gradient(-90deg,#f7f8f900,#f7f8f9 67%)}.living-state__tabs-fade--end{background:linear-gradient(270deg,#f7f8f9 33%,#f7f8f900)}.living-state__tabs-arrow{background:transparent;border:0;color:#1a1a1a;cursor:pointer;height:18px;padding:0;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:18px;z-index:1}.living-state__tabs-arrow--prev{left:12px}.living-state__tabs-arrow--next{right:12px}.living-state__tabs-arrow:focus-visible{outline:2px solid #0051cf;outline-offset:3px}.living-state-tab__indicator{background:#1a1a1a;border-radius:100px;height:0;left:0;pointer-events:none;position:absolute;top:0;width:0;will-change:transform,width,height;z-index:0}.living-state-tab{background:transparent;border:0;border-radius:100px;color:#1a1a1a;cursor:pointer;font:700 16px/1.2 Manrope,sans-serif;padding:12px 20px;position:relative;transition:color .35s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.living-state-tab.is-active{color:#fff}.living-state__description{display:grid;font:400 16px/1.2 Manrope,sans-serif;margin:20px auto 0;max-width:840px;position:relative;text-align:center}.living-state__desc-item{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),visibility .45s cubic-bezier(.4,0,.2,1);transform:translateY(6px);visibility:hidden}.living-state__desc-item.is-active{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.living-state__description :first-child{margin-top:0}.living-state__description :last-child{margin-bottom:0}.living-state-tab:focus-visible,.living-state__hotspot-dot:focus-visible,a.living-state__popover:focus-visible{outline:2px solid #0051cf;outline-offset:3px}@media(prefers-reduced-motion:reduce){.living-state__slide,.living-state__desc-item,.living-state-tab{transition:none;transform:none}.living-state__popover{transition:none;will-change:auto}.living-state__hotspot-pulse{animation:none;opacity:1;transform:none}}@keyframes living-state-breathe{0%,to{transform:scale(.82);opacity:.55}50%{transform:scale(1);opacity:1}}@media(min-width:1440px){.lp-living-state-tab-media{padding-block:var(--living-state-padding-top-pc, 80px) var(--living-state-padding-bottom-pc, 80px)}}@media(max-width:1439px)and (min-width:1024px){.lp-living-state-tab-media{padding-block:var(--living-state-padding-top-padpro, 60px) var(--living-state-padding-bottom-padpro, 60px)}.living-state__tabs-wrap{margin-top:32px}}@media(max-width:1023px)and (min-width:768px){.lp-living-state-tab-media{padding-block:var(--living-state-padding-top-tablet-mobile, 40px) var(--living-state-padding-bottom-tablet-mobile, 40px)}.living-state__media{border-radius:12px}.living-state__tabs-wrap{margin-top:32px}.living-state__tabs{gap:32px}}@media(max-width:767px){.lp-living-state-tab-media{padding-block:var(--living-state-padding-top-tablet-mobile, 40px) var(--living-state-padding-bottom-tablet-mobile, 40px)}.living-state__media{border-radius:12px}.living-state__hotspot{height:23px;width:23px}.living-state__popover{gap:6px;max-width:75vw;min-width:151px;width:max-content}.living-state__popover-info{gap:2px}.living-state__popover-label{font-size:16px;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.living-state__popover-price{font-size:12px;white-space:nowrap}.living-state__tabs-wrap{margin-top:32px}.living-state__tabs-wrap:not(.is-scrollable) .living-state__tabs{gap:0;justify-content:space-between;padding:8px;width:100%}.living-state__tabs-wrap.is-scrollable .living-state__tabs{gap:0;padding:8px}.living-state-tab{font-size:14px;padding:8px 14px}.living-state__description{margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lp-living-state-tab-media.css.map */