.rhythm-control{position:relative;z-index:14}#rhythm-button{transition:background .2s,color .2s,transform .2s}#rhythm-button[data-enabled=true]{background:#eadbd5;color:#a07c71;box-shadow:inset 0 1px 3px #bca09918}.rhythm-options{width:250px;right:0}.rhythm-options button{gap:9px}.rhythm-options .style-swatch{width:30px;height:30px;border-radius:11px}.rhythm-name{flex:1}.rhythm-strip{width:46px;display:flex;gap:2px;align-items:center;justify-content:center;height:24px;color:var(--option-color)}.rhythm-strip i{display:block;flex:1;max-width:2px;height:var(--hit-height);border-radius:2px;background:currentColor;opacity:var(--hit-opacity)}.rhythm-options .style-check{margin-left:2px}:root[data-theme=dark] #rhythm-button[data-enabled=true]{background:#443a48;color:#e2c8e8;box-shadow:inset 0 1px 3px #0002}:root[data-theme=dark] .rhythm-strip{color:color-mix(in srgb,var(--option-color) 75%,#ffe3ff)}@media (max-width:540px){.rhythm-options{right:-55px}}@media (max-width:420px){.rhythm-options{position:fixed;top:110px;left:16px;right:16px;width:auto}}@media (prefers-reduced-motion:reduce){#rhythm-button{transition:none}}