.tremolo-user-select-none{user-select:none}.tremolo-cursor-pointer{cursor:pointer}.tremolo-cursor-move{cursor:move}.tremolo-cursor-grabbing{cursor:grabbing}.tremolo-cursor-none{cursor:none}.tremolo-knob{--knob-size:50px;width:var(--knob-size);height:var(--knob-size);cursor:grab;outline:0;display:inline-block;&[aria-readonly=true]{cursor:not-allowed}&[data-dragging=true]{cursor:inherit}}.tremolo-knob-active-line{color:oklch(69.2% .17548 266.373);:where(.tremolo-knob:focus,.tremolo-knob:hover) &{color:oklch(59.5% .17548 266.373)}:where(.tremolo-knob[aria-disabled=true]) &{color:oklch(50.5% .03307 270.021)}}.tremolo-knob-inactive-line{color:oklch(95% 0 0);:where(.tremolo-knob:focus,.tremolo-knob:hover) &{color:oklch(90% 0 0)}}.tremolo-knob-thumb{color:oklch(85.7% 0 0);:where(.tremolo-knob:focus,.tremolo-knob:hover) &{color:oklch(84.5% 0 0)}}.tremolo-knob-thumb-line{color:oklch(94.2% 0 0)}:where(.dark,[data-theme=dark]){& .tremolo-knob-active-line{color:oklch(59.5% .17548 266.373);:where(.tremolo-knob:focus,.tremolo-knob:hover) &{color:oklch(65.2% .17548 266.373)}}& .tremolo-knob-inactive-line{color:oklch(41.7% 0 0);:where(.tremolo-knob:focus,.tremolo-knob:hover) &{color:oklch(44.59% 0 0)}}& .tremolo-knob-thumb{color:oklch(48.6% 0 0);:where(.tremolo-knob:focus,.tremolo-knob:hover) &{color:oklch(51.7% 0 0)}}& .tremolo-knob-thumb-line{color:oklch(84.2% 0 0)}}.tremolo-number-input{--border-radius:4px;--stepper-width:20px;--stepper-icon-size:12px;--active-color:oklch(59.5% .17548 266.373);--border-color:oklch(81% 0 0);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;flex-direction:row;width:140px;height:min-content;transition:all .1s;display:inline-flex;position:relative;&:hover{--border-color:oklch(65.335% 0 0)}&:focus-within{--border-color:var(--active-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--active-color) 10%,transparent)}&:not(:focus-within):has(.tremolo-number-input-field[data-out-of-range=true]){border-color:oklch(64.245% .21266 25.499)}&:not(:has(.tremolo-number-input-stepper)){--stepper-width:0px}}.tremolo-number-input-field{color:inherit;width:calc(100% - 20px - var(--stepper-width));background-color:inherit;font:inherit;appearance:none;border:none;outline:none;margin:0;padding:6px 10px;display:block;&[aria-readonly=true]{cursor:not-allowed}}.tremolo-number-input-stepper{height:100%;width:var(--stepper-width);opacity:0;flex-direction:column;transition:all .1s linear;display:flex;position:absolute;top:0;right:0;transform:translateX(40%)}:is(.tremolo-number-input:hover,.tremolo-number-input:focus-within) .tremolo-number-input-stepper{opacity:1;transform:translateX(0)}.tremolo-number-input-stepper-icon{width:var(--stepper-icon-size);height:var(--stepper-icon-size)}:is(.tremolo-number-input-increment-stepper,.tremolo-number-input-decrement-stepper){user-select:none;cursor:pointer;border-inline-start:1px solid oklch(84.522% 0 0);flex:1;justify-content:center;align-items:center;max-height:50%;font-size:.75rem;display:flex;&[aria-disabled=false]:active{background-color:oklch(37.798% .03812 254.612/.055)}&[aria-disabled=true],&[aria-readonly=true]{cursor:not-allowed}}.tremolo-number-input-increment-stepper{border-top-right-radius:var(--border-radius)}.tremolo-number-input-decrement-stepper{border-bottom-right-radius:var(--border-radius);border-top:1px solid oklch(84.522% 0 0)}:where(.dark,[data-theme=dark]){& .tremolo-number-input{--border-color:oklch(52% 0 0)}}.tremolo-piano{box-sizing:border-box;user-select:none;touch-action:none;display:inline-block;position:relative}.tremolo-piano-white-key{--bg:oklch(100% 0 0);--color:oklch(0% 0 0);--active-bg:oklch(92% 0 0);--active-color:oklch(0% 0 0);box-sizing:border-box;background-color:var(--bg);-webkit-tap-highlight-color:transparent;color:var(--color);cursor:pointer;z-index:1;border:1px solid #555;border-radius:0 0 8px 8px;position:absolute;&[data-active=true]{background-color:var(--active-bg);color:var(--active-color)}&[aria-disabled=true]{cursor:not-allowed}}.tremolo-piano-black-key{--color:oklch(100% 0 0);--bg:oklch(32% 0 0);--active-color:oklch(100% 0 0);--active-bg:oklch(44% 0 0);box-sizing:border-box;background-color:var(--bg);-webkit-tap-highlight-color:transparent;color:var(--color);cursor:pointer;z-index:2;border:1px solid #555;border-radius:0 0 8px 8px;position:absolute;&[data-active=true]{background-color:var(--active-bg);color:var(--active-color)}&[aria-disabled=true]{cursor:not-allowed}}.tremolo-piano-key-label-wrapper{justify-content:center;align-items:end;height:100%;display:flex}.tremolo-piano-key-label{box-sizing:content-box;aspect-ratio:1;border:1px solid #888;border-radius:4px;justify-content:center;align-items:center;max-width:calc(100% - 16px);height:10px;margin-bottom:10px;padding:4px;font-size:.6rem;display:flex}:where(.dark,[data-theme=dark]){& .tremolo-piano-white-key{--bg:oklch(80% 0 0);--color:oklch(0% 0 0);--active-bg:oklch(72% 0 0);--active-color:oklch(0% 0 0)}}.tremolo-points-editor{position:relative}.tremolo-points-editor-background{z-index:0;position:absolute;inset:0}.tremolo-points-editor-container{z-index:10;position:absolute;inset:0}.tremolo-points-editor-point{--color:oklch(59.5% .17548 266.373);cursor:grab;background-color:var(--color);border-radius:50%;outline:none;position:absolute;translate:-50% -50%;&[data-dragging=true]{cursor:inherit}&[aria-readonly=true]{cursor:default}}.tremolo-slider{--thumb-size:22px;margin:calc(var(--thumb-size) / 2);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0;flex-direction:column;display:inline-flex;&[data-vertical=true]{flex-direction:row}&[aria-readonly=true]{cursor:not-allowed}}.tremolo-slider-thumb-wrapper{z-index:100;position:absolute;translate:-50% -50%}.tremolo-slider-thumb{--color:oklch(59.5% .17548 266.373);width:var(--thumb-size);height:var(--thumb-size);background:var(--color);border-radius:50%;outline:none;&[aria-disabled=true]{background:oklch(50.462% .03307 270.021)}&[aria-readonly=false]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color) 20%,transparent)}}.tremolo-slider-track{--active:oklch(69.212% .12903 267.633);--inactive:oklch(95% 0 0);position:relative;&[data-vertical=false]{min-width:50px}&[data-vertical=true]{min-height:50px}&:hover{--active:oklch(64.276% .15244 266.932);--inactive:#e0e0e0}&[aria-disabled=true]{--active:oklch(75.327% .01237 264.547);--inactive:oklch(89.755% .0001 271.152)}}.tremolo-slider-marks{display:block;position:relative}.tremolo-slider-marks-option{color:oklch(25.197% .00003 271.152);z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;translate:-50%;&[data-vertical=true]{flex-direction:row;translate:0 -50%}}.tremolo-slider-marks-option-mark{background-color:currentColor}.tremolo-slider-marks-option-label{text-align:right}:where(.dark,[data-theme=dark]){& .tremolo-slider-thumb{--color:oklch(64.5% .17548 266.373);&:hover{--color:oklch(67.5% .17548 266.373)}}& .tremolo-slider-track{--active:oklch(59.5% .17548 266.373);--inactive:oklch(41.7% 0 0);&:hover{--active:oklch(62.5% .17548 266.373);--inactive:oklch(44.7% 0 0)}&[aria-disabled=true]{--active:oklch(75.327% .01237 264.547);--inactive:oklch(89.755% .0001 271.152)}}}.tremolo-xy-pad{--thumb-size:22px;margin:calc(var(--thumb-size) / 2);cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-block;&[aria-readonly=true]{cursor:not-allowed}}.tremolo-xy-pad-area{--color:oklch(95% 0 0);background-color:var(--color);position:relative}.tremolo-xy-pad-thumb-wrapper{z-index:100;position:absolute;translate:-50% -50%}.tremolo-xy-pad-thumb{--color:oklch(59.5% .17548 266.373);width:var(--thumb-size);height:var(--thumb-size);background-color:var(--color);border-radius:50%;outline:none;&[aria-disabled=true]{background-color:oklch(50.462% .03307 270.021)}&[aria-readonly=false]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color) 20%,transparent)}}:where(.dark,[data-theme=dark]){& .tremolo-xy-pad-area{--color:oklch(41.7% 0 0)}& .tremolo-xy-pad-thumb{--color:oklch(64.5% .17548 266.373);&:hover{--color:oklch(67.5% .17548 266.373)}}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_c29908{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_c29908{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}