.KTUjkG_root{--head-fs:3.3cqw;--pill-on:color-mix(in oklab, var(--brand) 12%, transparent);--fill:color-mix(in oklab, var(--foreground) 4%, transparent);--fill-hover:color-mix(in oklab, var(--foreground) 7%, transparent);--fill-focus:color-mix(in oklab, var(--foreground) 10%, transparent);--placeholder:color-mix(in oklab, var(--muted-foreground) 70%, transparent);--cursor-shadow:drop-shadow(0 .3cqw .6cqw #0003)}.dark .KTUjkG_root{--fill:color-mix(in oklab, var(--foreground) 7%, transparent);--fill-hover:color-mix(in oklab, var(--foreground) 10%, transparent);--fill-focus:color-mix(in oklab, var(--foreground) 14%, transparent)}.KTUjkG_sheet{--panel-r:4cqw;width:95cqw;height:70cqw;top:2.5cqw;left:2.5cqw}.KTUjkG_fine{left:5.5cqw;top:var(--fine-y);align-items:center;gap:1.1cqw;max-width:89cqw;height:4.4cqw;display:flex;position:absolute}.KTUjkG_fineLabel{text-overflow:ellipsis;min-width:0;font-size:var(--head-fs);font-weight:600;display:block;overflow:hidden}.KTUjkG_chevron{flex:none;width:3.6cqw;height:3.6cqw;transform:rotate(180deg)}.KTUjkG_head{width:89cqw;height:4.2cqw;position:absolute;left:5.5cqw}.KTUjkG_tempoHead{top:var(--tempo-head-y)}.KTUjkG_instHead{top:var(--inst-head-y);align-items:center;gap:1.6cqw;display:flex}.KTUjkG_styleHead{top:var(--style-head-y)}.KTUjkG_hint{color:var(--muted-foreground);transform-origin:0%;animation:KTUjkG_metal-band-hint 10s var(--ease-standard) infinite both;flex:none;font-size:3cqw;font-weight:400;display:block}.KTUjkG_pills{width:89cqw;position:absolute;left:5.5cqw}.KTUjkG_tempoPills{top:var(--tempo-y)}.KTUjkG_instPills{top:var(--inst-y)}.KTUjkG_slot{left:var(--x);top:var(--y);width:var(--w);height:var(--pill-h);position:absolute}.KTUjkG_pill{text-align:center;width:100%}.KTUjkG_pick{animation:KTUjkG_metal-band-pick 10s var(--ease-standard) infinite both;animation-delay:calc(var(--i) * .8s)}.KTUjkG_dim{animation:KTUjkG_metal-band-dim 10s var(--ease-standard) infinite both}.KTUjkG_tempoPick{animation:KTUjkG_metal-band-tempo 10s var(--ease-standard) infinite both}.KTUjkG_input{left:5.5cqw;top:var(--input-y);width:89cqw;height:var(--input-h);box-sizing:border-box;background-color:var(--fill-focus);animation:KTUjkG_metal-band-focus 10s var(--ease-standard) infinite both;border-radius:2.2cqw;align-items:center;padding:0 3cqw;display:flex;position:absolute}.KTUjkG_placeholder{text-overflow:ellipsis;min-width:0;color:var(--placeholder);font-size:3.2cqw;font-weight:400;line-height:1.3;display:block;overflow:hidden}.KTUjkG_caret{background:var(--brand);border-radius:999px;width:max(1px,.4cqw);height:4.2cqw;margin-top:-2.1cqw;animation:10s step-end infinite both KTUjkG_metal-band-caret;position:absolute;top:50%;left:2.6cqw}.KTUjkG_pointer{width:4cqw;height:6cqw;animation:KTUjkG_metal-band-move 10s var(--ease-standard) infinite both;position:absolute;top:-.27cqw;left:-.27cqw;transform:translate(86cqw,82cqw)}.KTUjkG_cursor{width:100%;height:100%;fill:var(--foreground);stroke:var(--background);stroke-width:1.1px;stroke-linejoin:round;filter:var(--cursor-shadow);opacity:0;transform-origin:7% 4%;animation:KTUjkG_metal-band-tap 10s var(--ease-standard) infinite both;display:block;overflow:visible}@keyframes KTUjkG_metal-band-pick{0%,11.5%{border-color:var(--border);color:var(--foreground);background-color:#0000;transform:none}12.25%{border-color:var(--border);color:var(--foreground);background-color:#0000;transform:scale(.95)}13.25%{background-color:var(--pill-on);color:var(--brand);border-color:#0000;transform:scale(1.04)}15%,96%{background-color:var(--pill-on);color:var(--brand);border-color:#0000;transform:none}to{border-color:var(--border);color:var(--foreground);background-color:#0000;transform:none}}@keyframes KTUjkG_metal-band-dim{0%,29%{opacity:1}31.5%,96%{opacity:.4}to{opacity:1}}@keyframes KTUjkG_metal-band-hint{0%,29%{color:var(--muted-foreground);transform:none}30.5%,32.5%{color:var(--foreground);transform:scale(1.12)}35.5%,to{color:var(--muted-foreground);transform:none}}@keyframes KTUjkG_metal-band-tempo{0%,40.5%{border-color:var(--border);color:var(--foreground);background-color:#0000;transform:none}41.25%{border-color:var(--border);color:var(--foreground);background-color:#0000;transform:scale(.95)}42.25%{background-color:var(--pill-on);color:var(--brand);border-color:#0000;transform:scale(1.04)}44%,96%{background-color:var(--pill-on);color:var(--brand);border-color:#0000;transform:none}to{border-color:var(--border);color:var(--foreground);background-color:#0000;transform:none}}@keyframes KTUjkG_metal-band-focus{0%,51%{background-color:var(--fill)}52.5%,53.5%{background-color:var(--fill-hover)}55%,96%{background-color:var(--fill-focus)}to{background-color:var(--fill)}}@keyframes KTUjkG_metal-band-caret{0%{opacity:0}54.5%{opacity:1}59.5%{opacity:0}64.5%{opacity:1}69.5%{opacity:0}74.5%,96%{opacity:1}to{opacity:0}}@keyframes KTUjkG_metal-band-move{0%,3%{transform:translate(70cqw,80cqw)}11%,12.75%{transform:translate(var(--p1x), var(--p1y))}19%,20.75%{transform:translate(var(--p2x), var(--p2y))}27%,32%{transform:translate(var(--p3x), var(--p3y))}40%,44%{transform:translate(var(--p4x), var(--p4y))}52%,55.5%{transform:translate(var(--p5x), var(--p5y))}63%,96%{transform:translate(86cqw,82cqw)}to{transform:translate(70cqw,80cqw)}}@keyframes KTUjkG_metal-band-tap{0%,2%{opacity:0;transform:none}4.5%,11.5%{opacity:1;transform:none}12%{opacity:1;transform:scale(.86)}12.75%,19.5%{opacity:1;transform:none}20%{opacity:1;transform:scale(.86)}20.75%,27.5%{opacity:1;transform:none}28%{opacity:1;transform:scale(.86)}28.75%,40.5%{opacity:1;transform:none}41%{opacity:1;transform:scale(.86)}41.75%,53%{opacity:1;transform:none}53.5%{opacity:1;transform:scale(.86)}54.25%,58%{opacity:1;transform:none}62.5%,to{opacity:0;transform:none}}
.metal-option-icon{overflow:visible}.metal-option-icon .mgi-m{--mgi-d:0s;--mgi-t:.56s;--mgi-e:cubic-bezier(.32, .72, 0, 1);transform-box:fill-box;transform-origin:50%}.metal-option-icon[data-option=clean] .mgi-wave{--mgi-k:mgi-glide;--mgi-k2:mgi-glide-again;--mgi-t:.62s;--mgi-e:cubic-bezier(.33, .6, .25, 1)}.metal-option-icon[data-option=clean] .mgi-spark{--mgi-k:mgi-twinkle;--mgi-k2:mgi-twinkle-again;--mgi-t:.52s;--mgi-d:.34s}.metal-option-icon[data-option=gritty] .mgi-wave{--mgi-k:mgi-jitter;--mgi-k2:mgi-jitter-again;--mgi-t:.6s;--mgi-e:linear}.metal-option-icon[data-option=gritty] .mgi-grain{--mgi-k:mgi-crawl;--mgi-k2:mgi-crawl-again;--mgi-t:.76s;--mgi-e:cubic-bezier(.3, .6, .3, 1)}.metal-option-icon[data-option=shouted] .mgi-horn{--mgi-k:mgi-recoil;--mgi-k2:mgi-recoil-again;--mgi-t:.54s;transform-origin:0%}.metal-option-icon[data-option=shouted] .mgi-ray{--mgi-k:mgi-burst;--mgi-k2:mgi-burst-again;--mgi-t:.6s;--mgi-d:90ms}.metal-option-icon[data-option=shouted] .mgi-ray-up{--mgi-x:1.1px;--mgi-y:-1.1px}.metal-option-icon[data-option=shouted] .mgi-ray-mid{--mgi-x:1.6px;--mgi-y:0px;--mgi-d:40ms}.metal-option-icon[data-option=shouted] .mgi-ray-down{--mgi-x:1.1px;--mgi-y:1.1px}.metal-option-icon[data-option=scream-clean] .mgi-harsh{--mgi-k:mgi-shake;--mgi-k2:mgi-shake-again;--mgi-t:.46s;--mgi-e:linear;transform-origin:100%}.metal-option-icon[data-option=scream-clean] .mgi-wave{--mgi-k:mgi-glide;--mgi-k2:mgi-glide-again;--mgi-t:.52s;--mgi-d:.32s;--mgi-e:cubic-bezier(.33, .6, .25, 1)}.metal-option-icon[data-option=screamed] .mgi-spikes{--mgi-k:mgi-spike;--mgi-k2:mgi-spike-again;--mgi-t:.62s;--mgi-e:linear}.metal-option-icon[data-option=growled] .mgi-jaw{--mgi-k:mgi-rumble;--mgi-k2:mgi-rumble-again;--mgi-t:.78s;--mgi-e:linear;transform-origin:50% 100%}.metal-option-icon[data-option=growled] .mgi-fangs{--mgi-k:mgi-gnash;--mgi-k2:mgi-gnash-again;--mgi-t:.78s;--mgi-e:ease-in-out}:is(.metal-option-icon[data-motion=hover]:hover,:is([data-metal-option-motion-trigger]:hover,[data-metal-option-motion-trigger]:focus-visible,[data-metal-option-motion-trigger]:has(:focus-visible)) .metal-option-icon[data-motion=hover]) .mgi-m{animation:var(--mgi-k) var(--mgi-t) var(--mgi-e) var(--mgi-d) backwards}.metal-option-icon[data-motion=active] .mgi-m{animation:var(--mgi-k2) var(--mgi-t) var(--mgi-e) var(--mgi-d) backwards}:is(.metal-option-icon[data-motion=active]:hover,:is([data-metal-option-motion-trigger]:hover,[data-metal-option-motion-trigger]:focus-visible,[data-metal-option-motion-trigger]:has(:focus-visible)) .metal-option-icon[data-motion=active]) .mgi-m{animation:var(--mgi-k) var(--mgi-t) var(--mgi-e) var(--mgi-d) backwards, var(--mgi-k2) var(--mgi-t) var(--mgi-e) var(--mgi-d) backwards}@media (prefers-reduced-motion:reduce){.metal-option-icon .mgi-m{animation:none!important}}@keyframes mgi-glide{0%{stroke-dasharray:1 1.5;stroke-dashoffset:.85px}to{stroke-dasharray:1 1.5;stroke-dashoffset:0}}@keyframes mgi-twinkle{0%{transform:scale(1)rotate(0)}35%{transform:scale(.45)rotate(-45deg)}70%{transform:scale(1.25)rotate(12deg)}to{transform:scale(1)rotate(0)}}@keyframes mgi-jitter{0%{transform:translate(0)}12%{transform:translate(-.6px,.5px)}24%{transform:translate(.55px,-.45px)}36%{transform:translate(-.45px,-.35px)}48%{transform:translate(.5px,.45px)}60%{transform:translate(-.35px,.3px)}72%{transform:translate(.3px,-.25px)}86%{transform:translate(-.15px,.1px)}to{transform:translate(0)}}@keyframes mgi-crawl{0%{stroke-dashoffset:0;opacity:1}40%{opacity:.4}to{stroke-dashoffset:-4.8px;opacity:1}}@keyframes mgi-recoil{0%{transform:translate(0)scale(1)}22%{transform:translate(-1.25px)scale(.92)}50%{transform:translate(.6px)scale(1.08)}75%{transform:translate(-.2px)scale(.99)}to{transform:translate(0)scale(1)}}@keyframes mgi-burst{0%{opacity:1;transform:translate(0)scale(1)}22%{transform:translate(calc(var(--mgi-x) * -1), calc(var(--mgi-y) * -1)) scale(.4);opacity:0}62%{transform:translate(var(--mgi-x), var(--mgi-y)) scale(1.15);opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes mgi-shake{0%{transform:translate(0)rotate(0)}10%{transform:translate(-.9px)rotate(-4deg)}20%{transform:translate(.9px)rotate(4deg)}30%{transform:translate(-.8px)rotate(-3deg)}40%{transform:translate(.7px)rotate(3deg)}52%{transform:translate(-.5px)rotate(-2deg)}64%{transform:translate(.35px)rotate(1deg)}80%{transform:translate(-.15px)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes mgi-spike{0%{transform:translate(0)scaleY(1)}14%{transform:translate(-.5px)scaleY(1.22)}28%{transform:translate(.5px)scaleY(.78)}42%{transform:translate(-.4px)scaleY(1.15)}56%{transform:translate(.35px)scaleY(.9)}72%{transform:translate(-.2px)scaleY(1.05)}86%{transform:translate(.1px)scaleY(.98)}to{transform:translate(0)scaleY(1)}}@keyframes mgi-rumble{0%{transform:translate(0)scale(1)}14%{transform:translate(-.5px,.6px)scale(1.04,.95)}30%{transform:translate(.5px,.2px)scale(1.02,.98)}46%{transform:translate(-.45px,.6px)scale(1.04,.95)}62%{transform:translate(.35px,.2px)scale(1.01,.99)}80%{transform:translate(-.2px,.35px)scale(1.01,.98)}to{transform:translate(0)scale(1)}}@keyframes mgi-gnash{0%{transform:translateY(0)}20%{transform:translateY(-1.25px)}38%{transform:translateY(0)}56%{transform:translateY(-1px)}74%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes mgi-glide-again{0%{stroke-dasharray:1 1.5;stroke-dashoffset:.85px}to{stroke-dasharray:1 1.5;stroke-dashoffset:0}}@keyframes mgi-twinkle-again{0%{transform:scale(1)rotate(0)}35%{transform:scale(.45)rotate(-45deg)}70%{transform:scale(1.25)rotate(12deg)}to{transform:scale(1)rotate(0)}}@keyframes mgi-jitter-again{0%{transform:translate(0)}12%{transform:translate(-.6px,.5px)}24%{transform:translate(.55px,-.45px)}36%{transform:translate(-.45px,-.35px)}48%{transform:translate(.5px,.45px)}60%{transform:translate(-.35px,.3px)}72%{transform:translate(.3px,-.25px)}86%{transform:translate(-.15px,.1px)}to{transform:translate(0)}}@keyframes mgi-crawl-again{0%{stroke-dashoffset:0;opacity:1}40%{opacity:.4}to{stroke-dashoffset:-4.8px;opacity:1}}@keyframes mgi-recoil-again{0%{transform:translate(0)scale(1)}22%{transform:translate(-1.25px)scale(.92)}50%{transform:translate(.6px)scale(1.08)}75%{transform:translate(-.2px)scale(.99)}to{transform:translate(0)scale(1)}}@keyframes mgi-burst-again{0%{opacity:1;transform:translate(0)scale(1)}22%{transform:translate(calc(var(--mgi-x) * -1), calc(var(--mgi-y) * -1)) scale(.4);opacity:0}62%{transform:translate(var(--mgi-x), var(--mgi-y)) scale(1.15);opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes mgi-shake-again{0%{transform:translate(0)rotate(0)}10%{transform:translate(-.9px)rotate(-4deg)}20%{transform:translate(.9px)rotate(4deg)}30%{transform:translate(-.8px)rotate(-3deg)}40%{transform:translate(.7px)rotate(3deg)}52%{transform:translate(-.5px)rotate(-2deg)}64%{transform:translate(.35px)rotate(1deg)}80%{transform:translate(-.15px)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes mgi-spike-again{0%{transform:translate(0)scaleY(1)}14%{transform:translate(-.5px)scaleY(1.22)}28%{transform:translate(.5px)scaleY(.78)}42%{transform:translate(-.4px)scaleY(1.15)}56%{transform:translate(.35px)scaleY(.9)}72%{transform:translate(-.2px)scaleY(1.05)}86%{transform:translate(.1px)scaleY(.98)}to{transform:translate(0)scaleY(1)}}@keyframes mgi-rumble-again{0%{transform:translate(0)scale(1)}14%{transform:translate(-.5px,.6px)scale(1.04,.95)}30%{transform:translate(.5px,.2px)scale(1.02,.98)}46%{transform:translate(-.45px,.6px)scale(1.04,.95)}62%{transform:translate(.35px,.2px)scale(1.01,.99)}80%{transform:translate(-.2px,.35px)scale(1.01,.98)}to{transform:translate(0)scale(1)}}@keyframes mgi-gnash-again{0%{transform:translateY(0)}20%{transform:translateY(-1.25px)}38%{transform:translateY(0)}56%{transform:translateY(-1px)}74%{transform:translateY(0)}to{transform:translateY(0)}}