@charset "UTF-8";body{margin-top:20px;background-color:#eee}._metronome_1q8dp_7{max-width:300px;padding:20px;margin:auto;background-color:#a4bbf7;border-radius:8px}._metronome__click_1q8dp_14{display:flex;gap:20px;justify-content:center;padding:30px;background-color:#414141;border-radius:8px}._metronome__click-point_1q8dp_22{width:30px;height:30px;background-color:#ffb700;border:none;border-radius:50%;opacity:1}._metronome__click-point_1q8dp_22._is-active_1q8dp_30{box-shadow:0 0 20px 6px #ffb700}._metronome__click-point_1q8dp_22._is-accent_1q8dp_33{position:relative}._metronome__click-point_1q8dp_22._is-accent_1q8dp_33:before{position:absolute;top:50%;left:50%;font-size:20px;font-weight:700;color:#7a7465;content:"\2227";transform:translate(-50%,-50%)}._metronome__click-point_1q8dp_22._is-muted_1q8dp_46{background-color:#a1a1a1}._metronome__click-point_1q8dp_22._is-muted_1q8dp_46._is-active_1q8dp_30{border:2px solid #ffb700;box-shadow:none}._metronome__bpm_1q8dp_53{display:flex;align-items:center;justify-content:space-between;margin-top:10px}._metronome__bpm-button_1q8dp_59{padding:2px;font-size:26px;color:#fff;background-color:#f56400;border:none;border-radius:8px}._metronome__bpm-input_1q8dp_67{width:100%;font-size:32px;text-align:center;background-color:transparent;border:none}._metronome__tempo_1q8dp_74{padding-top:10px;margin-top:10px;text-align:center;border-top:1px solid #414141}._metronome__tempo-select_1q8dp_80{background-color:transparent;border:none}._metronome__button-container_1q8dp_84{display:flex;justify-content:center;margin-top:20px}._metronome__launch-button_1q8dp_89{padding:20px;color:#fff;background-color:#008bf5;border:1px solid #008bf5;border-radius:50%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden="until-found"])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size: 100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role="button"],[role="option"]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(> input:disabled),label:has(+ input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color, Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}