:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9}.styles-module_tooltip__mnnfp{visibility:hidden;width:max-content;pointer-events:none;opacity:0;will-change:opacity,visibility;border-radius:3px;padding:8px 16px;font-size:90%;transition:opacity .3s ease-out;position:absolute;top:0;left:0}.styles-module_fixed__7ciUi{position:fixed}.styles-module_arrow__K0L3T{background:inherit;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.styles-module_no-arrow__KcFZN{display:none}.styles-module_show__2NboJ{visibility:visible;opacity:var(--rt-opacity)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.sp-display-wrap{color:#fff;margin:24px 0;font-family:Poppins,sans-serif}.sp-pattern-container{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.sp-beat-group{border-bottom:2px solid #80808033;align-items:flex-end;gap:2px;padding-bottom:6px;display:flex;position:relative}.sp-bracket{height:6px;border-bottom:2px solid #80808033;border-left:2px solid #80808033;border-right:2px solid #80808033;border-radius:4px;position:absolute;bottom:-2px;left:0;right:0}.sp-beat-col{width:36px;cursor:default;flex-direction:column;align-items:center;display:flex}.sp-editor-wrap .sp-beat-col{cursor:pointer}.sp-arrow-row{width:34px;height:38px;border-radius:4px;justify-content:center;align-items:center;font-size:20px;font-weight:600;transition:background .15s;display:flex}.sp-text-row{height:14px;margin-top:4px;font-size:11px;line-height:1}.sp-display-wrap .sp-arrow-row{color:#ccc;background:#ffffff0d;border:1px solid #ffffff1a}.sp-display-wrap .sp-arrow-row.sp-up{color:#5eb799}.sp-display-wrap .sp-arrow-row.sp-bass{color:#e8b44b;font-size:13px;font-weight:700}.sp-display-wrap .sp-arrow-row.sp-mute{color:#e07070}.sp-display-wrap .sp-beat-col.sp-active .sp-arrow-row{color:#fff;background:#5eb7994d;border-color:#5eb799}.sp-display-wrap .sp-text-row{color:#666}.sp-editor-wrap .sp-arrow-row{color:#555;background:#f5f5f5;border:1px solid #ddd}.sp-editor-wrap .sp-arrow-row.sp-up{color:#36c6d3}.sp-editor-wrap .sp-arrow-row.sp-bass{color:#e87d1e;font-size:13px;font-weight:700}.sp-editor-wrap .sp-arrow-row.sp-mute{color:#e73d4a}.sp-editor-wrap .sp-beat-col.sp-focused .sp-arrow-row{background:#edfcfd;border-color:#36c6d3}.sp-editor-wrap .sp-beat-col.sp-active .sp-arrow-row{background:#d9f7f9;border-color:#36c6d3}.sp-editor-wrap .sp-text-row{color:#999}.sp-editor-wrap{padding:20px;font-family:Open Sans,sans-serif}.sp-section-title{text-transform:uppercase;letter-spacing:1px;color:#666;border-bottom:1px solid #eee;margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.sp-pattern-list{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.sp-pattern-item{color:#555;cursor:pointer;background:#fff;border:1px solid #c2cad8;border-radius:3px;padding:4px 12px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .15s}.sp-pattern-item:hover{color:#36c6d3;background:#f7fdfe;border-color:#36c6d3}.sp-pattern-item.sp-pattern-item-active{color:#fff;background:#36c6d3;border-color:#2bb8c4}.sp-pattern-item-new{color:#999;border-style:dashed}.sp-pattern-item-new:hover{color:#36c6d3}.sp-editor-fields{flex-direction:column;gap:14px;display:flex}.sp-name-input{height:34px;color:#555;width:260px;background:#fff;border:1px solid #c2cad8;border-radius:4px;padding:6px 12px;font-family:Open Sans,sans-serif;font-size:14px}.sp-name-input:focus{box-shadow:none;border-color:#36c6d3;outline:none}.sp-controls-row{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.sp-control-group{flex-direction:column;gap:5px;display:flex}.sp-control-group label{color:#555;margin:0;font-size:13px;font-weight:600}.sp-bpm-row{align-items:center;gap:4px;display:flex}.sp-step-btn{width:30px;height:30px;color:#555;cursor:pointer;background:#fff;border:1px solid #c2cad8;border-radius:3px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.sp-step-btn:hover{background:#f5f5f5}.sp-bpm-input{width:54px;height:30px;text-align:center;color:#555;border:1px solid #c2cad8;border-radius:3px;padding:4px 6px;font-size:14px}.sp-bpm-label{color:#999;margin-left:4px;font-size:12px}.sp-time-sig{align-items:center;gap:6px;display:flex}.sp-time-sig select{height:30px;color:#555;background:#fff;border:1px solid #c2cad8;border-radius:3px;padding:4px 8px;font-size:13px}.sp-time-sig span{color:#aaa;font-size:15px}.sp-play-btn-sm{cursor:pointer;background:0 0;border:none;align-self:flex-end;align-items:center;padding:0;display:flex}.sp-play-btn-sm svg circle{fill:#36c6d3}.sp-play-btn-sm svg polygon,.sp-play-btn-sm svg rect{fill:#fff}.sp-legend{color:#aaa;font-size:12px}.sp-legend kbd{color:#555;background:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:1px 5px;font-size:11px}.sp-actions{gap:10px;display:flex}.sp-save-btn{color:#fff;cursor:pointer;background:#36c6d3;border:none;border-radius:4px;padding:7px 18px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600}.sp-save-btn:hover{background:#2bb8c4}.sp-save-btn:disabled{opacity:.6;cursor:default}.sp-delete-btn{color:#e73d4a;cursor:pointer;background:0 0;border:1px solid #e73d4a;border-radius:4px;padding:7px 18px;font-family:Open Sans,sans-serif;font-size:13px}.sp-delete-btn:hover{background:#fdf2f3}.sp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sp-tab{color:#aaa;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-family:Poppins,sans-serif;font-size:13px;transition:all .15s}.sp-tab:hover{color:#5eb799;border-color:#5eb799}.sp-tab.sp-tab-active{color:#5eb799;background:#5eb79926;border-color:#5eb799}.sp-player-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.sp-play-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.sp-play-btn svg circle{fill:var(--primary-color)}.sp-play-btn svg polygon,.sp-play-btn svg rect{fill:#fff}.sp-play-btn:hover svg circle{fill:var(--primary-color)}.sp-tempo{align-items:baseline;gap:6px;font-size:20px;font-weight:300;display:flex}.sp-tempo span{color:#737373}.sp-tempo-label{color:#737373;font-size:14px}.sp-tempo-step-btn{width:26px;height:26px;color:#737373;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:flex}.sp-tempo-step-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.sp-tempo-input{width:44px;color:#fff;text-align:center;background:0 0;border:none;border-bottom:1px solid #fff3;padding:0 0 2px;font-family:Poppins,sans-serif;font-size:20px;font-weight:300}.sp-tempo-input:focus{border-bottom-color:var(--primary-color);outline:none}.sp-tempo-input::-webkit-inner-spin-button,.sp-tempo-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:15px 0;display:flex}.sp-empty-text{color:#fff;font-size:13px}.sp-request-btn{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:#ffffff14;border-radius:8px;align-items:center;gap:10px;padding:10px 22px;font-family:Poppins,sans-serif;font-size:13px;transition:all .15s;display:flex}.sp-request-btn:hover{background:#5eb79926}.sp-request-status{color:#737373;font-size:12px}.sp-display-metronome-btn{cursor:pointer;color:#737373;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;padding:5px 8px;transition:all .15s;display:flex}.sp-display-metronome-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.sp-display-metronome-btn.sp-metronome-on{border-color:var(--primary-color);color:var(--primary-color);background:#5eb7991f}.sp-note-len-select{height:30px;color:#555;background:#fff;border:1px solid #c2cad8;border-radius:3px;padding:4px 8px;font-size:13px}.sp-metronome-btn{width:30px;height:30px;color:#aaa;cursor:pointer;background:#fff;border:1px solid #c2cad8;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sp-metronome-btn:hover{color:#36c6d3;border-color:#36c6d3}.sp-metronome-btn.sp-metronome-active{color:#36c6d3;background:#edfcfd;border-color:#36c6d3}.sp-save-template-btn{color:#36c6d3;cursor:pointer;background:0 0;border:1px dashed #36c6d3;border-radius:4px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .15s}.sp-save-template-btn:hover{background:#edfcfd}.sp-templates-section{border-top:1px solid #eee;margin-top:8px;padding-top:10px}.sp-templates-toggle{cursor:pointer;color:#555;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.sp-templates-toggle:hover{color:#36c6d3}.sp-templates-grid{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.sp-templates-empty{color:#aaa;padding:6px 0;font-size:12px}.sp-template-card{min-width:160px;max-width:220px;cursor:default;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.sp-template-card[draggable]:hover{border-color:#b0b0b0}.sp-template-drag-handle{cursor:grab;color:#bbb;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px;line-height:1}.sp-template-drag-handle:active{cursor:grabbing}.sp-template-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.sp-template-name{color:#333;word-break:break-word;font-size:13px;font-weight:600}.sp-template-btns{flex-shrink:0;align-items:center;gap:4px;display:flex}.sp-template-play-btn{cursor:pointer;color:#36c6d3;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:flex}.sp-template-play-btn:hover{color:#2bb8c4}.sp-template-delete-btn{cursor:pointer;color:#ccc;background:0 0;border:none;padding:0 3px;font-size:16px;line-height:1;transition:color .15s}.sp-template-delete-btn:hover{color:#e73d4a}.sp-template-meta{color:#999;font-size:11px}.sp-template-arrows{flex-wrap:wrap;gap:2px;display:flex}.sp-tpl-arrow{color:#888;width:14px;text-align:center;font-size:13px}.sp-tpl-arrow.up{color:#36c6d3}.sp-tpl-arrow.mute{color:#e73d4a}.sp-tpl-arrow.bass{color:#e87d1e;font-weight:700}.sp-template-load-btn{color:#fff;cursor:pointer;background:#36c6d3;border:none;border-radius:3px;align-self:flex-start;margin-top:2px;padding:4px 10px;font-family:Open Sans,sans-serif;font-size:12px;transition:background .15s}.sp-template-load-btn:hover{background:#2bb8c4}.Chord .Title .Key{font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.6rem}.Chord .Title .Type{font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.4rem}.Chord .Title{text-anchor:middle}
/*# sourceMappingURL=index.css.map */