.HeaderContainer_wrapper__ui8Dp{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-bottom-width:1px;border-color:hsla(0,0%,100%,.1);left:0;position:fixed;right:0;top:0;z-index:10}.HeaderContainer_wrapper__ui8Dp .HeaderContainer_container__D1pmq{align-items:center;display:flex;gap:1rem;height:60px;justify-content:space-between;padding-left:72px;padding-right:1rem;width:100%}@media screen and (max-width:768px){.HeaderContainer_wrapper__ui8Dp .HeaderContainer_container__D1pmq{height:3rem;padding-left:1rem}}.HeaderContainer_logo__gX3oh{display:none;opacity:0;visibility:hidden}.HeaderContainer_logo__gX3oh .HeaderContainer_icon__Xqdfq{color:hsl(var(--primary));height:2rem;width:2rem}@media screen and (max-width:768px){.HeaderContainer_logo__gX3oh{align-items:center;display:inline-flex;gap:.5rem;opacity:1;visibility:visible}}.HeaderContainer_rightArea__drPpf{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.HeaderContainer_textTitle__phqw_ span{--tw-gradient-from:#fff;--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#aaa;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));color:transparent;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;line-height:1.75rem;line-height:1.5;margin:0}@media (min-width:640px){.HeaderContainer_textTitle__phqw_ span{font-size:1.5rem;line-height:2rem}}@media screen and (min-width:769px){.HeaderContainer_textTitle__phqw_:first-child>span:last-child,.HeaderContainer_textTitle__phqw_:nth-child(2){display:none;opacity:0;visibility:hidden}}@media screen and (max-width:768px){.HeaderContainer_textTagLine__ykQ_9,.HeaderContainer_textTitle__phqw_{align-items:center;position:relative;white-space:nowrap}.HeaderContainer_textTagLine__ykQ_9{display:flex;flex:1 1 0%;height:auto;overflow:hidden}.HeaderContainer_textTitle__phqw_{display:inline-flex}.HeaderContainer_textTitle__phqw_ span:after{content:"·";display:inline-block;margin:0 .8rem;vertical-align:baseline}.HeaderContainer_textTitle__phqw_:first-child{animation:HeaderContainer_HorRight__kcWAP 15s linear 0s infinite}.HeaderContainer_textTitle__phqw_:nth-child(2){animation:HeaderContainer_HorRight__kcWAP 15s linear -15s infinite}@keyframes HeaderContainer_HorRight__kcWAP{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}}.ToolbarButton_button__oFJHI{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);align-items:center;border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;height:2rem;justify-content:center;width:2rem}.ToolbarButton_button__oFJHI.ToolbarButton_highlight__6NwSV{--tw-border-opacity:1;--tw-gradient-from:#a855f7;--tw-gradient-to:rgba(168,85,247,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899;background-image:linear-gradient(to right,var(--tw-gradient-stops));border-color:rgb(216 180 254/var(--tw-border-opacity));border-width:1px}.ToolbarButton_button__oFJHI.ToolbarButton_highlight__6NwSV:hover{--tw-border-opacity:1;--tw-gradient-from:#9333ea;--tw-gradient-to:rgba(147,51,234,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777;border-color:rgb(192 132 252/var(--tw-border-opacity))}.ToolbarButton_button__oFJHI.ToolbarButton_active__23T4U{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.ToolbarButton_button__oFJHI.ToolbarButton_active__23T4U:hover{background-color:hsl(var(--primary))}.ToolbarButton_button__oFJHI.ToolbarButton_active__23T4U.ToolbarButton_danger__CmveL{--tw-text-opacity:1;background-color:hsla(0,0%,100%,.1);color:rgb(239 68 68/var(--tw-text-opacity))}.ToolbarButton_button__oFJHI.ToolbarButton_active__23T4U.ToolbarButton_danger__CmveL:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.ToolbarButton_button__oFJHI.ToolbarButton_notActive__3iMto{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:hsla(0,0%,100%,.1)}.ToolbarButton_button__oFJHI.ToolbarButton_notActive__3iMto:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ToolbarButton_button__oFJHI>svg{height:1.25rem;width:1.25rem}.ChordInput_wrapper__W2fdC{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:transparent;border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:row;height:2rem;position:relative;width:auto}.ChordInput_wrapper__W2fdC .ChordInput_input__bbnrp{--tw-backdrop-blur:blur(4px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:hsla(0,0%,100%,.2);border-radius:0;display:flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1rem;outline:2px solid transparent;outline-offset:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3rem}.ChordInput_wrapper__W2fdC .ChordInput_input__bbnrp:focus{outline:2px solid transparent;outline-offset:2px}.ChordInput_wrapper__W2fdC .ChordInput_input__bbnrp::-webkit-inner-spin-button,.ChordInput_wrapper__W2fdC .ChordInput_input__bbnrp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ChordInput_wrapper__W2fdC .ChordInput_btn__sXdrj{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;outline:2px solid transparent;outline-offset:2px;width:2rem}.ChordInput_wrapper__W2fdC .ChordInput_btn__sXdrj .ChordInput_icon__d5lX1{font-size:1.5rem;font-weight:100;line-height:2rem;margin:auto}.ChordInput_wrapper__W2fdC .ChordInput_descr__w4Yhi{--tw-backdrop-blur:blur(4px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:hsla(0,0%,100%,.2);border-radius:0;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1rem;outline:2px solid transparent;outline-offset:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:112px}.ChordInput_wrapper__W2fdC .ChordInput_descr__w4Yhi:focus{outline:2px solid transparent;outline-offset:2px}.Toolbar_container__fxYWF{bottom:58px;gap:.75rem;left:0;right:0}.NavigationButton_button__ipXzd,.Toolbar_container__fxYWF{align-items:center;display:flex;justify-content:center;position:absolute;z-index:10}.NavigationButton_button__ipXzd{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:hsla(0,0%,100%,.1);border-radius:.25rem;bottom:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:hsla(0,0%,100%,.6);height:48px;outline:2px solid transparent;outline-offset:2px;width:calc(50% - .5rem)}.NavigationButton_button__ipXzd.NavigationButton_buttonNext__2o22M{right:0}.NavigationButton_button__ipXzd.NavigationButton_buttonPrevios__1Ncb4{left:0}.NavigationButton_button__ipXzd:active,.NavigationButton_button__ipXzd:focus{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6)}.NavigationButton_button__ipXzd:disabled{opacity:.6}@media(hover:hover){.NavigationButton_button__ipXzd:hover{--tw-text-opacity:1;background-color:hsla(0,0%,100%,.2);color:rgb(255 255 255/var(--tw-text-opacity))}}