.eiken-paysage{--eiken-p: 0;display:block;position:relative;width:100%;aspect-ratio:1581 / 502;margin:0;padding:0;line-height:0;font-size:0;overflow:hidden;background-color:var(--paysage-bg-bottom, #443F38);color-scheme:only light}.eiken-paysage__svg{display:block;vertical-align:middle;width:100%;height:100%;margin:0}@media screen and (max-width:629px){.eiken-paysage{height:200px;aspect-ratio:auto}}@media screen and (min-width:2015px){.eiken-paysage{height:max(640px,25vw);aspect-ratio:auto}}.eiken-paysage[data-animate=true] [id^=eiken-]{transform-box:fill-box;transform-origin:50% 50%}.eiken-paysage[data-animate=true] #eiken-sun{transform:translateY(calc(var(--eiken-p, 0) * 135px))}.eiken-paysage[data-animate=true] #eiken-sun-halo{transform:scale(calc(1 - var(--eiken-p, 0) * .07))}.eiken-paysage[data-animate=true] #eiken-warmth{opacity:calc(var(--eiken-p, 0) * var(--eiken-p, 0))}.eiken-paysage[data-animate=true] #eiken-cloud-high{transform:translate(calc(var(--eiken-p, 0) * 96px))}.eiken-paysage[data-animate=true] #eiken-cloud-ridge{transform:translate(calc(var(--eiken-p, 0) * 60px))}.eiken-paysage[data-animate=true] #eiken-mist-low{transform:translate(calc(var(--eiken-p, 0) * 36px))}.eiken-paysage[data-animate=true] #eiken-cloud-left{opacity:calc(1 - var(--eiken-p, 0) * .15)}.eiken-paysage[data-animate=true] #eiken-rim{opacity:max(0,min(1,(var(--eiken-p, 0) - .45) * 2.5))}.eiken-paysage[data-animate=true] #eiken-dusk{opacity:max(0,min(1,(var(--eiken-p, 0) - .55) * 2.2))}@supports (animation-timeline: view()){.eiken-paysage[data-animate=true]{view-timeline-name:--eiken-vue;view-timeline-axis:block}.eiken-paysage[data-animate=true] [id^=eiken-]{animation-timeline:--eiken-vue;animation-range:cover 8% cover 58%;animation-timing-function:linear;animation-fill-mode:both;animation-duration:1s}.eiken-paysage[data-animate=true] #eiken-sun{animation-name:eiken-soleil}.eiken-paysage[data-animate=true] #eiken-sun-halo{animation-name:eiken-halo}.eiken-paysage[data-animate=true] #eiken-warmth{animation-name:eiken-chaleur}.eiken-paysage[data-animate=true] #eiken-cloud-high{animation-name:eiken-nuage-haut}.eiken-paysage[data-animate=true] #eiken-cloud-ridge{animation-name:eiken-nuage-crete}.eiken-paysage[data-animate=true] #eiken-mist-low{animation-name:eiken-brume-basse}.eiken-paysage[data-animate=true] #eiken-cloud-left{animation-name:eiken-nuage-gauche}.eiken-paysage[data-animate=true] #eiken-rim{animation-name:eiken-rasante}.eiken-paysage[data-animate=true] #eiken-dusk{animation-name:eiken-crepuscule}}@keyframes eiken-soleil{0%{transform:translateY(0)}to{transform:translateY(135px)}}@keyframes eiken-halo{0%{transform:scale(1)}to{transform:scale(.93)}}@keyframes eiken-chaleur{0%{opacity:0}25%{opacity:.0625}50%{opacity:.25}75%{opacity:.5625}to{opacity:1}}@keyframes eiken-nuage-haut{0%{transform:translate(0)}to{transform:translate(96px)}}@keyframes eiken-nuage-crete{0%{transform:translate(0)}to{transform:translate(60px)}}@keyframes eiken-brume-basse{0%{transform:translate(0)}to{transform:translate(36px)}}@keyframes eiken-nuage-gauche{0%{opacity:1}to{opacity:.85}}@keyframes eiken-rasante{0%{opacity:0}45%{opacity:0}85%{opacity:1}to{opacity:1}}@keyframes eiken-crepuscule{0%{opacity:0}55%{opacity:0}to{opacity:1}}.eiken-paysage[data-animate=true].is-animating #eiken-sun,.eiken-paysage[data-animate=true].is-animating #eiken-sun-halo,.eiken-paysage[data-animate=true].is-animating #eiken-cloud-high,.eiken-paysage[data-animate=true].is-animating #eiken-cloud-ridge,.eiken-paysage[data-animate=true].is-animating #eiken-mist-low{will-change:transform}.eiken-paysage[data-animate=true].is-animating #eiken-warmth,.eiken-paysage[data-animate=true].is-animating #eiken-cloud-left,.eiken-paysage[data-animate=true].is-animating #eiken-rim,.eiken-paysage[data-animate=true].is-animating #eiken-dusk{will-change:opacity}@media(prefers-reduced-motion:reduce){.eiken-paysage{--eiken-p: 0 !important;view-timeline-name:none}.eiken-paysage [id^=eiken-]{animation:none!important;transition:none!important;will-change:auto!important}}@media print{.eiken-paysage{display:none!important}}@media(forced-colors:active){.eiken-paysage{display:none}}body.template-index .custom__item-inner--liquid{display:block}body.template-index #STS.value-prop{border-top-color:#443f38}@media screen and (min-width:590px){body.template-index .custom-content:has(.eiken-paysage){margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/eiken-paysage.css.map */