.stem-track-selector-module__nktaua__item{--stem-color:rgb(var(--stem-rgb-light));border-color:var(--border);background-color:color-mix(in srgb, var(--foreground) 3%, transparent);color:var(--muted-foreground)}.dark .stem-track-selector-module__nktaua__item{--stem-color:rgb(var(--stem-rgb-dark))}@media (hover:hover){.stem-track-selector-module__nktaua__item:hover{border-color:color-mix(in srgb, var(--foreground) 18%, var(--border));background-color:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground)}}.stem-track-selector-module__nktaua__item[data-selected=true]{border-color:color-mix(in srgb, var(--stem-color) 34%, var(--border));background-color:color-mix(in srgb, var(--stem-color) 12%, var(--card));color:var(--foreground)}@media (hover:hover){.stem-track-selector-module__nktaua__item[data-selected=true]:hover{border-color:color-mix(in srgb, var(--stem-color) 50%, var(--border));background-color:color-mix(in srgb, var(--stem-color) 17%, var(--card))}}.stem-track-selector-module__nktaua__icon{color:var(--stem-color);opacity:.6;transition:opacity var(--dur-fast) var(--ease-standard)}.stem-track-selector-module__nktaua__item[data-selected=true] .stem-track-selector-module__nktaua__icon{opacity:1}@media (hover:hover){.stem-track-selector-module__nktaua__item:hover .stem-track-selector-module__nktaua__icon{opacity:1}}.stem-track-selector-module__nktaua__dot{border-color:color-mix(in srgb, var(--foreground) 26%, transparent);color:var(--brand-foreground);background-color:#0000}.stem-track-selector-module__nktaua__item[data-selected=true] .stem-track-selector-module__nktaua__dot{border-color:var(--brand);background-color:var(--brand)}
.stem-icon .sdi-lead-wave,.stem-icon .sdi-back-head,.stem-icon .sdi-kick-pad,.stem-icon .sdi-tom,.stem-icon .sdi-cymbal,.stem-icon .sdi-hole-main,.stem-icon .sdi-hole-small,.stem-icon .sdi-guitar-small{transform-box:fill-box;transform-origin:50%}.stem-icon .sdi-guitar-small{transform-origin:26% 74%}@keyframes stem-detail-lead-wave{0%{opacity:0;transform:translate(-1.6px)scale(.6)}55%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(.35px)scale(1.04)}}@keyframes stem-detail-lead-wave-loop{0%{opacity:0;transform:translate(-1.2px)scale(.72)}30%{opacity:.9;transform:translate(0)scale(1)}44%{opacity:.9;transform:translate(0)scale(1)}60%,to{opacity:0;transform:translate(.35px)scale(1.04)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-lead-wave{animation:.43s cubic-bezier(.32,.72,0,1) 2 stem-detail-lead-wave}.stem-icon[data-motion=playing] .sdi-lead-wave{animation:1.6s cubic-bezier(.32,.72,0,1) infinite stem-detail-lead-wave-loop}@keyframes stem-detail-back-head{0%{transform:scale(1)}24%{transform:scale(1.28)}70%,to{transform:scale(1)}}@keyframes stem-detail-back-head-loop{0%,48%{transform:scale(1)}58%{transform:scale(1.2)}80%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-back-head{animation:.48s cubic-bezier(.34,1.56,.64,1) .36s stem-detail-back-head}.stem-icon[data-motion=playing] .sdi-back-head{animation:1.6s cubic-bezier(.32,.72,0,1) infinite stem-detail-back-head-loop}@keyframes stem-detail-kick-pad{0%{transform:scale(1)}22%{transform:scale(1.5)}64%,to{transform:scale(1)}}@keyframes stem-detail-kick-pad-loop{0%{transform:scale(1)}7%{transform:scale(1.35)}22%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-kick-pad{animation:.42s cubic-bezier(.34,1.56,.64,1) stem-detail-kick-pad}.stem-icon[data-motion=playing] .sdi-kick-pad{animation:1.2s cubic-bezier(.32,.72,0,1) infinite stem-detail-kick-pad-loop}@keyframes stem-detail-tom{0%{transform:translateY(0)}26%{transform:translateY(.9px)}58%{transform:translateY(-.35px)}to{transform:translateY(0)}}@keyframes stem-detail-tom-loop{0%,30%{transform:translateY(0)}36%{transform:translateY(.8px)}46%{transform:translateY(-.25px)}56%,to{transform:translateY(0)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-tom{animation:.4s cubic-bezier(.32,.72,0,1) .18s stem-detail-tom}.stem-icon[data-motion=playing] .sdi-tom{animation:1.2s cubic-bezier(.32,.72,0,1) infinite stem-detail-tom-loop}@keyframes stem-detail-cymbal{0%{transform:rotate(0)}18%{transform:rotate(-9deg)}42%{transform:rotate(6deg)}66%{transform:rotate(-4deg)}84%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes stem-detail-cymbal-loop{0%,58%{transform:rotate(0)}64%{transform:rotate(-7deg)}74%{transform:rotate(5deg)}84%{transform:rotate(-2.5deg)}94%,to{transform:rotate(0)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-cymbal{animation:.54s cubic-bezier(.32,.72,0,1) .34s stem-detail-cymbal}.stem-icon[data-motion=playing] .sdi-cymbal{animation:1.2s cubic-bezier(.32,.72,0,1) infinite stem-detail-cymbal-loop}@keyframes stem-detail-hole-main{0%{transform:scale(1)}14%{transform:scale(1.4)}70%,to{transform:scale(1)}}@keyframes stem-detail-hole-main-loop{0%{transform:scale(1)}8%{transform:scale(1.2)}35%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-hole-main{animation:.64s cubic-bezier(.34,1.56,.64,1) stem-detail-hole-main}.stem-icon[data-motion=playing] .sdi-hole-main{animation:1.2s cubic-bezier(.32,.72,0,1) infinite stem-detail-hole-main-loop}@keyframes stem-detail-hole-small{0%{transform:scale(1)}16%{transform:scale(1.5)}70%,to{transform:scale(1)}}@keyframes stem-detail-hole-small-loop{0%,50%{transform:scale(1)}58%{transform:scale(1.3)}85%,to{transform:scale(1)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-hole-small{animation:.56s cubic-bezier(.34,1.56,.64,1) .22s stem-detail-hole-small}.stem-icon[data-motion=playing] .sdi-hole-small{animation:1.2s cubic-bezier(.32,.72,0,1) infinite stem-detail-hole-small-loop}@keyframes stem-detail-guitar-small{0%{transform:rotate(0)}30%{transform:rotate(-5deg)}62%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes stem-detail-guitar-small-loop{0%,50%{transform:rotate(0)}60%{transform:rotate(-3deg)}74%{transform:rotate(2deg)}88%,to{transform:rotate(0)}}:is(.stem-icon[data-motion=hover]:hover,:is([data-stem-motion-trigger]:hover,[data-stem-motion-trigger]:focus-visible,[data-stem-motion-trigger]:has(:focus-visible)) .stem-icon[data-motion=hover]) .sdi-guitar-small{animation:.56s cubic-bezier(.32,.72,0,1) .22s stem-detail-guitar-small}.stem-icon[data-motion=playing] .sdi-guitar-small{animation:1.2s cubic-bezier(.32,.72,0,1) infinite stem-detail-guitar-small-loop}@media (prefers-reduced-motion:reduce){.stem-icon :is([class^=sdi-],[class*=\ sdi-]){animation:none!important}}