/* DemoFM player skins — generated by design/generators/gen_site_skins.py */
@keyframes lava{0%{transform:translateY(60px) scale(1)}50%{transform:translateY(-50px) scale(1.25)}100%{transform:translateY(60px) scale(1)}}
@keyframes morph{0%,100%{border-radius:42% 58% 63% 37%/45% 41% 59% 55%}50%{border-radius:58% 42% 37% 63%/55% 59% 41% 45%}}
@keyframes rise{0%{transform:translateY(30px);opacity:0}25%{opacity:.9}100%{transform:translateY(-240px);opacity:0}}
@keyframes sheen{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}

@keyframes dripstem{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes dripdrop{0%{transform:translateY(0) scale(.5);opacity:0}12%{opacity:1}72%{transform:translateY(var(--fall,80px)) scale(.9,1.2);opacity:1}100%{transform:translateY(calc(var(--fall,80px) + 26px)) scale(.6);opacity:0}}
@keyframes morphsoft{0%,100%{border-radius:48% 52% 50% 50%/46% 48% 52% 54%}50%{border-radius:52% 48% 50% 50%/52% 46% 54% 48%}}
@keyframes hue{to{filter:hue-rotate(360deg)}}
@keyframes spotA{0%,100%{transform:translate(0,0)}33%{transform:translate(150px,70px)}66%{transform:translate(-40px,150px)}}
@keyframes spotB{0%,100%{transform:translate(0,0)}33%{transform:translate(-140px,90px)}66%{transform:translate(70px,-50px)}}
@keyframes orbit{from{transform:rotate(0deg) translateX(var(--r,40px)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--r,40px)) rotate(-360deg)}}
@keyframes holoshift{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes ripple{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.8);opacity:0}}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--dx,8px),var(--dy,-10px))}}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-340px)}}
@keyframes rainbow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
svg.lqd filter{color-interpolation-filters:sRGB}
.lq-o{filter:url(#lq-o)}.lqs-o{filter:url(#lqs-o)}.lq-p{filter:url(#lq-p)}.lqs-p{filter:url(#lqs-p)}.lq-q{filter:url(#lq-q)}.lqs-q{filter:url(#lqs-q)}.lq-r{filter:url(#lq-r)}.lqs-r{filter:url(#lqs-r)}.lq-s{filter:url(#lq-s)}.lqs-s{filter:url(#lqs-s)}
input[type=range].cr{-webkit-appearance:none;appearance:none;background:transparent;height:20px}
input[type=range].cr::-webkit-slider-runnable-track{height:7px;border-radius:4px;background:linear-gradient(180deg,#3A4456,#6A7488);box-shadow:inset 0 1px 2px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.25)}
input[type=range].cr::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:1px solid #2A303C;background:radial-gradient(circle at 40% 30%,#FFFFFF 0%,#C9D0DA 40%,#5E687A 80%,#E6EAF0 100%)}
input[type=range].cr::-moz-range-track{height:7px;border-radius:4px;background:#5E687A}
input[type=range].cr::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:1px solid #2A303C;background:#C9D0DA}
input[type=range].lv{-webkit-appearance:none;appearance:none;background:transparent;height:20px}
input[type=range].lv::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,#FF5C9D,#FFB3D1);box-shadow:inset 0 1px 2px rgba(140,10,60,.5)}
input[type=range].lv::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-5px;border-radius:50%;border:2px solid #FFFFFF;background:radial-gradient(circle at 40% 30%,#FFFFFF 0%,#FF5C9D 45%,#B0185A 100%);box-shadow:0 0 6px rgba(255,31,110,.7)}
input[type=range].lv::-moz-range-track{height:8px;border-radius:4px;background:#FF8AB8}
input[type=range].lv::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #FFFFFF;background:#FF5C9D}

input[type=range].mx{-webkit-appearance:none;appearance:none;background:transparent;height:16px}
input[type=range].mx::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--trk,#1E4A10);box-shadow:inset 1px 1px 0 rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.35)}
input[type=range].mx::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:13px;margin-top:-8px;border:0;background:linear-gradient(180deg,#FFF6A0 0%,#F2D21E 60%,#B89400 100%);clip-path:polygon(0 0,100% 0,50% 100%)}
input[type=range].mx::-moz-range-track{height:6px;border-radius:3px;background:var(--trk,#1E4A10)}
input[type=range].mx::-moz-range-thumb{width:14px;height:13px;border:0;border-radius:0;background:#F2D21E;clip-path:polygon(0 0,100% 0,50% 100%)}
input[type=range].aq{-webkit-appearance:none;appearance:none;background:transparent;height:22px}
input[type=range].aq::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(180deg,#9FD0F5,#E6F5FF);box-shadow:inset 0 1px 2px rgba(10,60,160,.5)}
input[type=range].aq::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;border:1px solid #0A3A8C;background:radial-gradient(circle at 40% 30%,#FFFFFF 0%,#7FD0FF 35%,#1E6FD8 100%)}
input[type=range].aq::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:1px solid #0A3A8C;background:#3A8FE8}
@keyframes bounce{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.6) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(20deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
.skin .if-playing{display:none}.skin.is-playing .if-playing{display:inline}.skin.is-playing .if-paused{display:none}
.skin .fc.on{background:var(--c)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 0 10px var(--c)}
.skin button{font-family:inherit}
.skin [data-act]:focus-visible,.skin a:focus-visible,.skin input:focus-visible{outline:2px solid #FFE63D;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.skin *{animation-duration:0s!important;animation-iteration-count:1!important}}

@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012,.988)}}
.liquid-body img{will-change:transform}