/* Original linework, traced into transparent layers. Each performance is finite. */
:where(#mood-preview) .icon-replay{display:block;padding:0;border:0;background:transparent;color:var(--ink);margin:0 auto 20px;width:86px;height:93px;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent}
:where(#mood-preview) .benefit:last-child .icon-replay{width:102px}
:where(#mood-preview) .taste-note .icon-replay{width:104px;height:110px;margin-bottom:17px}
:where(#mood-preview) .icon-replay:focus-visible{outline:2px solid #986c85;outline-offset:7px}
:where(#mood-preview) .icon-replay[aria-disabled=true]{cursor:default}
:where(#mood-preview) .line-icon{display:block;width:100%;height:100%;overflow:visible;fill:currentColor;stroke:none}
:where(#mood-preview) .line-icon use{fill:currentColor;stroke:none}
:where(#mood-preview) .line-icon g{transform-box:view-box}
:where(#mood-preview) .icon-heartbeat{transform-origin:36px 81px}
:where(#mood-preview) .icon-flames{transform-origin:38px 59px}
:where(#mood-preview) .icon-hourglass-turn{transform-origin:33px 56px}
:where(#mood-preview) .icon-flowers{transform-origin:79px 67px}
:where(#mood-preview) .line-icon-strawberry .icon-leaves{transform-origin:60px 53px}
:where(#mood-preview) .line-icon-ginger .icon-leaves{transform-origin:59px 69px}
:where(#mood-preview) .line-icon-lemon .icon-leaves{transform-origin:53px 39px}
:where(#mood-preview) .line-icon-strawberry .icon-twinkle-1{transform-origin:44px 32px}
:where(#mood-preview) .line-icon-strawberry .icon-twinkle-2{transform-origin:98px 99px}
:where(#mood-preview) .line-icon-ginger .icon-twinkle-1{transform-origin:95px 35px}
:where(#mood-preview) .line-icon-ginger .icon-twinkle-2{transform-origin:49px 94px}
:where(#mood-preview) .line-icon-lemon .icon-twinkle-1{transform-origin:95px 70px}
:where(#mood-preview) .icon-replay.is-animating .icon-heartbeat{animation:icon-heartbeat 2.8s ease-in-out}
:where(#mood-preview) .icon-replay.is-animating .icon-flames{animation:icon-flame .7s ease-in-out 4}
:where(#mood-preview) .icon-replay.is-animating .icon-hourglass-turn{animation:icon-hourglass 2.8s cubic-bezier(.45,0,.25,1)}
:where(#mood-preview) .icon-replay.is-animating .icon-sand{animation:icon-sand .7s linear 4}
:where(#mood-preview) .icon-replay.is-animating .icon-flowers{animation:icon-bouquet 2.8s ease-in-out}
:where(#mood-preview) .icon-replay.is-animating .icon-leaves{animation:icon-leaves 2.8s ease-in-out}
:where(#mood-preview) .icon-replay.is-animating .icon-twinkle-1{animation:icon-twinkle 2.8s ease-in-out}
:where(#mood-preview) .icon-replay.is-animating .icon-twinkle-2{animation:icon-twinkle-late 2.8s ease-in-out}
@keyframes icon-heartbeat{0%,20%,43%,70%,100%{transform:scale(1)}10%,34%{transform:scale(1.045)}58%{transform:scale(1.025)}}
@keyframes icon-flame{0%,100%{transform:skewX(0) scaleY(1)}35%{transform:skewX(1.4deg) scaleY(1.025)}70%{transform:skewX(-1.2deg) scaleY(.98)}}
@keyframes icon-hourglass{0%,12%{transform:rotate(0)}42%,58%{transform:rotate(180deg)}88%,100%{transform:rotate(360deg)}}
@keyframes icon-sand{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(3px);opacity:.5}85%{transform:translateY(4px);opacity:0}86%{transform:translateY(-2px);opacity:0}}
@keyframes icon-bouquet{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}55%{transform:rotate(1.8deg)}78%{transform:rotate(-.8deg)}}
@keyframes icon-leaves{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg)}55%{transform:rotate(2deg)}80%{transform:rotate(-.8deg)}}
@keyframes icon-twinkle{0%,50%,100%{transform:scale(1);opacity:1}20%{transform:scale(1.18);opacity:.7}35%{transform:scale(.9);opacity:.8}}
@keyframes icon-twinkle-late{0%,25%,100%{transform:scale(1);opacity:1}55%{transform:scale(1.18);opacity:.7}72%{transform:scale(.9);opacity:.8}}
@media(max-width:800px){:where(#mood-preview) .benefit .icon-replay{width:75px;height:83px}:where(#mood-preview) .benefit:last-child .icon-replay{width:88px}:where(#mood-preview) .taste-note .icon-replay{width:92px;height:105px}}
@media(max-width:560px){:where(#mood-preview) .benefit .icon-replay{width:51px;height:66px;margin-bottom:16px}:where(#mood-preview) .benefit:last-child .icon-replay{width:68px}:where(#mood-preview) .taste-note .icon-replay{width:74px;height:80px;margin-bottom:15px}}