[data-steps-scene]{--hiw-t: 12s;--hiw-ink: #222222;--hiw-paper: #E9E0D3;--hiw-counter: #DFD5C5;--hiw-edge: #CDBFAB;--hiw-label: #F6F0E5;--hiw-band: #161616;--hiw-accent: #E2AF3C;--hiw-milk: #FFFFFF;--hiw-mix: #EFDCBB;--hiw-powder: #E5D0AA;--hiw-fleck: #C8AC80}.gr-media-with-steps__media.gr-media-with-steps__media--scene{position:relative;aspect-ratio:4 / 3;background:var(--hiw-paper)}.gr-steps-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.gr-steps-scene text{font-family:inherit;fill:var(--hiw-ink)}.gr-steps-scene__bar{position:absolute;inset-inline:16px;bottom:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gr-steps-scene__bar i{display:block;height:2px;background:#22222224;overflow:hidden}.gr-steps-scene__bar i:after{content:"";display:block;height:100%;background:var(--hiw-ink);transform:scaleX(0);transform-origin:left center}.gr-media-with-steps__steps .gr-special-list__item{padding-inline-start:92px;min-height:72px}[data-steps-scene] .gr-media-with-steps__steps .gr-special-list__item{cursor:pointer}.gr-media-with-steps__steps .gr-special-list__item .gr-icon-bg{width:72px;height:72px;border-radius:50%;background:#f1ebe2}.gr-media-with-steps__steps .gr-steps-icon{width:46px;height:46px;display:block}@media(min-width:1280px){.gr-media-with-steps__steps .gr-special-list__item{padding-inline-start:116px;min-height:88px}.gr-media-with-steps__steps .gr-special-list__item+.gr-special-list__item{margin-top:32px}.gr-media-with-steps__steps .gr-special-list__item .gr-icon-bg{width:88px;height:88px}.gr-media-with-steps__steps .gr-steps-icon{width:56px;height:56px}}.gr-steps-scene .hiw-bottle{transform-origin:0px 205px}.gr-steps-scene .hiw-level{transform-origin:0px 112px}.gr-steps-scene .hiw-shadow{transform-origin:2px 301px}.gr-steps-scene .hiw-strip{transform:translate(-151px)}.gr-steps-scene .hiw-cap{transform:translate(150px,260px)}.gr-steps-scene .hiw-cap-on,.gr-steps-scene .hiw-flecks,.gr-steps-scene .hiw-timer,.gr-steps-scene .hiw-arcs{opacity:0}.gr-steps-scene .hiw-liquid{fill:var(--hiw-milk)}.gr-steps-scene .hiw-stream-out{stroke-dasharray:104 300;stroke-dashoffset:300}.gr-steps-scene .hiw-stream-in{stroke-dasharray:278 300;stroke-dashoffset:300}.gr-steps-scene .hiw-timer__arc{stroke-dasharray:188.5;stroke-dashoffset:188.5}.is-running .hiw-bottle{animation:gr-hiw-bottle var(--hiw-t) ease-in-out infinite}.is-running .hiw-level{animation:gr-hiw-level var(--hiw-t) ease-in-out infinite}.is-running .hiw-shadow{animation:gr-hiw-shadow var(--hiw-t) ease-in-out infinite}.is-running .hiw-strip{animation:gr-hiw-strip var(--hiw-t) cubic-bezier(.6,0,.3,1) infinite}.is-running .hiw-cap{animation:gr-hiw-cap var(--hiw-t) cubic-bezier(.45,0,.2,1) infinite,gr-hiw-cap-off var(--hiw-t) step-end infinite}.is-running .hiw-cap-on{animation:gr-hiw-cap-on var(--hiw-t) step-end infinite}.is-running .hiw-cap-shadow{animation:gr-hiw-cap-shadow var(--hiw-t) linear infinite}.is-running .hiw-rise{animation:gr-hiw-rise var(--hiw-t) cubic-bezier(.2,.1,.25,1) infinite}.is-running .hiw-sip{animation:gr-hiw-sip var(--hiw-t) ease-in-out infinite}.is-running .hiw-liquid{animation:gr-hiw-liquid var(--hiw-t) linear infinite}.is-running .hiw-flecks{animation:gr-hiw-flecks var(--hiw-t) linear infinite}.is-running .hiw-powder{animation:gr-hiw-powder var(--hiw-t) linear infinite}.is-running .hiw-stream-out{animation:gr-hiw-stream-out var(--hiw-t) linear infinite}.is-running .hiw-stream-in{animation:gr-hiw-stream-in var(--hiw-t) linear infinite}.is-running .hiw-ml{animation:gr-hiw-ml var(--hiw-t) linear infinite}.is-running .hiw-timer{animation:gr-hiw-timer var(--hiw-t) linear infinite}.is-running .hiw-timer__arc{animation:gr-hiw-arc var(--hiw-t) linear infinite}.is-running .hiw-arcs{animation:gr-hiw-arcs var(--hiw-t) linear infinite}.is-running .gr-steps-scene__bar i:nth-child(1):after{animation:gr-hiw-p1 var(--hiw-t) linear infinite}.is-running .gr-steps-scene__bar i:nth-child(2):after{animation:gr-hiw-p2 var(--hiw-t) linear infinite}.is-running .gr-steps-scene__bar i:nth-child(3):after{animation:gr-hiw-p3 var(--hiw-t) linear infinite}.is-running .gr-media-with-steps__steps .gr-special-list__item:nth-child(1){animation:gr-hiw-s1 var(--hiw-t) linear infinite}.is-running .gr-media-with-steps__steps .gr-special-list__item:nth-child(2){animation:gr-hiw-s2 var(--hiw-t) linear infinite}.is-running .gr-media-with-steps__steps .gr-special-list__item:nth-child(3){animation:gr-hiw-s3 var(--hiw-t) linear infinite}.is-running .gr-steps-scene *,.is-running .gr-steps-scene__bar i:after,.is-running .gr-media-with-steps__steps .gr-special-list__item{animation-delay:var(--hiw-delay, 0s)!important}.is-paused .gr-steps-scene *,.is-paused .gr-steps-scene__bar i:after,.is-paused .gr-media-with-steps__steps .gr-special-list__item{animation-play-state:paused!important}@keyframes gr-hiw-strip{0%,2.5%{transform:translate(0)}7%,94.5%{transform:translate(-151px)}99%,to{transform:translate(-302px)}}@keyframes gr-hiw-cap{0%,4%{transform:translate(0)}6.2%{transform:translateY(-30px)}9.5%,33%{transform:translate(150px,260px)}35.8%{transform:translateY(-30px)}38.5%,66.5%{transform:translate(0)}69%{transform:translateY(-30px)}72.5%,93.5%{transform:translate(150px,260px)}96.3%{transform:translateY(-30px)}99%,to{transform:translate(0)}}@keyframes gr-hiw-cap-off{0%{opacity:1}38.6%{opacity:0}66.4%,to{opacity:1}}@keyframes gr-hiw-cap-on{0%{opacity:0}38.6%{opacity:1}66.4%,to{opacity:0}}@keyframes gr-hiw-cap-shadow{0%,9%{opacity:0}9.8%,32.8%{opacity:.07}33.6%,72%{opacity:0}72.8%,93.2%{opacity:.07}94%,to{opacity:0}}@keyframes gr-hiw-stream-out{0%,9.5%{stroke-dashoffset:104}10.4%,25.6%{stroke-dashoffset:0}26.7%,to{stroke-dashoffset:-104}}@keyframes gr-hiw-stream-in{0%,10.2%{stroke-dashoffset:278}11.9%,26.4%{stroke-dashoffset:0}28.3%,to{stroke-dashoffset:-278}}@keyframes gr-hiw-rise{0%,11.6%{transform:translateY(120px)}27.4%,to{transform:translateY(0)}}@keyframes gr-hiw-liquid{0%,10.9%{opacity:0;fill:var(--hiw-milk)}11.6%,44%{opacity:1;fill:var(--hiw-milk)}54%,95%{opacity:1;fill:var(--hiw-mix)}98%,to{opacity:0;fill:var(--hiw-mix)}}@keyframes gr-hiw-flecks{0%,46%{opacity:0}55%,95%{opacity:1}98%,to{opacity:0}}@keyframes gr-hiw-powder{0%,42%{opacity:1}52%,95.5%{opacity:0}99%,to{opacity:1}}@keyframes gr-hiw-ml{0%,7.5%{opacity:0}10.5%,31%{opacity:1}34.5%,to{opacity:0}}@keyframes gr-hiw-timer{0%,37%{opacity:0}39.5%,62%{opacity:1}65.5%,to{opacity:0}}@keyframes gr-hiw-arc{0%,40%{stroke-dashoffset:188.5}60%,to{stroke-dashoffset:0}}@keyframes gr-hiw-arcs{0%,40%{opacity:0}41.5%,58.5%{opacity:1}60.5%,to{opacity:0}}@keyframes gr-hiw-bottle{0%,39.6%{transform:translate(0) rotate(0)}40.8%{transform:translateY(-7px) rotate(-11deg)}42%{transform:translateY(3px) rotate(10deg)}43.2%{transform:translateY(-6px) rotate(-10deg)}44.4%{transform:translateY(2px) rotate(11deg)}45.6%{transform:translateY(-7px) rotate(-11deg)}46.8%{transform:translateY(3px) rotate(10deg)}48%{transform:translateY(-6px) rotate(-10deg)}49.2%{transform:translateY(2px) rotate(11deg)}50.4%{transform:translateY(-7px) rotate(-11deg)}51.6%{transform:translateY(3px) rotate(10deg)}52.8%{transform:translateY(-6px) rotate(-10deg)}54%{transform:translateY(2px) rotate(11deg)}55.2%{transform:translateY(-6px) rotate(-10deg)}56.4%{transform:translateY(2px) rotate(9deg)}57.6%{transform:translateY(-3px) rotate(-7deg)}58.8%{transform:translate(0) rotate(4deg)}60.4%,75.5%{transform:translate(0) rotate(0)}78.5%,81%{transform:translate(-8px,-38px) rotate(24deg)}83.5%,85%{transform:translate(0) rotate(0)}88%,90.5%{transform:translate(-8px,-38px) rotate(24deg)}93%,to{transform:translate(0) rotate(0)}}@keyframes gr-hiw-level{0%,39.6%{transform:rotate(0)}40.8%{transform:rotate(11deg)}42%{transform:rotate(-10deg)}43.2%{transform:rotate(10deg)}44.4%{transform:rotate(-11deg)}45.6%{transform:rotate(11deg)}46.8%{transform:rotate(-10deg)}48%{transform:rotate(10deg)}49.2%{transform:rotate(-11deg)}50.4%{transform:rotate(11deg)}51.6%{transform:rotate(-10deg)}52.8%{transform:rotate(10deg)}54%{transform:rotate(-11deg)}55.2%{transform:rotate(10deg)}56.4%{transform:rotate(-9deg)}57.6%{transform:rotate(7deg)}58.8%{transform:rotate(-4deg)}60.4%,75.5%{transform:rotate(0)}78.5%,81%{transform:rotate(-24deg)}83.5%,85%{transform:rotate(0)}88%,90.5%{transform:rotate(-24deg)}93%,to{transform:rotate(0)}}@keyframes gr-hiw-shadow{0%,75.5%{transform:scaleX(1);opacity:.08}78.5%,81%{transform:scaleX(.78);opacity:.045}83.5%,85%{transform:scaleX(1);opacity:.08}88%,90.5%{transform:scaleX(.78);opacity:.045}93%,to{transform:scaleX(1);opacity:.08}}@keyframes gr-hiw-sip{0%,78.5%{transform:translateY(0)}81.5%,88%{transform:translateY(16px)}91%,to{transform:translateY(34px)}}@keyframes gr-hiw-s1{0%,31%{opacity:1}34.5%,97%{opacity:.5}to{opacity:1}}@keyframes gr-hiw-s2{0%,31%{opacity:.5}34.5%,64.5%{opacity:1}68%,to{opacity:.5}}@keyframes gr-hiw-s3{0%,64.5%{opacity:.5}68%,97%{opacity:1}to{opacity:.5}}@keyframes gr-hiw-p1{0%{transform:scaleX(0)}33.3%,97%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes gr-hiw-p2{0%,33.3%{transform:scaleX(0)}66.6%,97%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes gr-hiw-p3{0%,66.6%{transform:scaleX(0)}97%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.is-running .gr-steps-scene *,.is-running .gr-steps-scene__bar i:after,.is-running .gr-media-with-steps__steps .gr-special-list__item{animation:none!important}.gr-steps-scene__bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-gr-media-with-steps.css.map */