.BaseLayout{position:relative;min-height:100vh}.BaseLayout>.Body{position:relative;width:100%;min-height:calc(100vh - 56px);display:flex;flex-direction:row;align-items:stretch}.BaseLayout>.Body .Content{flex-grow:1}.BaseLayout>.Body .version{position:absolute;right:24px;bottom:24px;color:#fff;opacity:.2}.BaseLayout .ContentSections{display:flex;flex-direction:column}.BaseLayout .Popups{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.LinkPlayer{width:376px;height:38px;background-color:#121212;border-radius:4px;overflow:hidden;display:flex;justify-content:flex-end}.LinkPlayer>input{background:none;height:100%;flex-grow:1;padding-left:16px}.LinkPlayer>button{width:62px;flex-shrink:0;height:38px;background-color:#363636;cursor:pointer}.LinkPlayer>button:hover{background-color:#5e5e5e}.LinkPlayer>button:active{background-color:#121212}.LinkPlayer>button img{left:50%;top:50%;pointer-events:none}.Header{position:-webkit-sticky;position:sticky;width:100%;height:56px;left:0;top:0;background-color:#252525;display:flex;align-items:center;padding-left:24px;padding-right:24px;z-index:10}.Header .HeaderButton{position:relative;width:24px;height:24px;background:none;pointer-events:auto;cursor:pointer}.Header .HeaderButton .Highlight{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fff;opacity:0;border-radius:8px}.Header .HeaderButton .Highlight:active{opacity:.2}.Header .HeaderButton img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.Header .Logo{width:108px;height:38px;margin-left:24px}.Header .Logo>img{transform:translate(-17px,-4px)}.Header .songSelection{left:50%;transform:translateX(-50%);height:100%}.Header .songSelection,.Header>.options{position:absolute;display:flex;flex-direction:row;align-items:center}.Header>.options{right:24px;justify-content:right;grid-gap:24px;gap:24px}.ListSection{border-top:1px solid #121212;padding:8px 24px}.ListSection .sectionLabel{height:33px;display:flex;align-items:center}.ListSection .ListButton{background-color:#121212}.ListSection .shortSetting{display:flex;justify-content:flex-end}.ListSection>:last-child{margin-bottom:0}.CreatorListEntry{height:40px;width:100%;display:flex;align-items:center}.CreatorListEntry>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.CreatorListEntry:hover{background-color:hsla(0,0%,100%,.1)}.CreatorListEntry:active{background-color:hsla(0,0%,100%,.2)}.CreatorFeaturedList>span{opacity:.6;font-size:14px;padding-left:24px}.creatorImage.small{width:24px;height:24px;border-radius:12px;margin-right:24px;background-color:#121212}.Button{margin-left:16px;padding:4px 16px;border-radius:4px}.Button.disabled{opacity:.5}.Button span{font-size:14px;font-weight:400}.Button.defaultEmphasis{background-color:#363636}.Button.highEmphasis,.Button.selected{background-color:#515151}.Button.selected{font-weight:700}.Button:hover{background-color:#5e5e5e}.Button:active{background-color:#121212}.DialogButton{margin-left:28px;border-radius:4px}.DialogButton h5{margin:0;opacity:1;font-weight:700;color:#a675fe}.DialogButton:hover h5{color:#fff}.DialogButton:active h5{color:#813aff}.IconRadioButton.Button{background-color:#363636;height:32px;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0}.IconRadioButton.Button:hover{background-color:#515151}.IconRadioButton.Button:active{background-color:#121212}.IconRadioButton.Button.unselected{width:32px}.IconRadioButton.Button.selected{background-color:#121212;padding:0 8px}.IconRadioButton.Button.selected>span{margin:0 8px}.NavigationList{padding-bottom:8px}.NavigationList .Button{margin:0;width:100%;height:40px;border-radius:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:24px}.NavigationList .Button span{position:absolute;left:72px}.Body .SideMenu{position:absolute;position:relative;width:240px;min-height:100%;flex-shrink:0;background-color:#252525;padding-top:8px}.Body .SideMenu .SongList>.NoSongs{display:flex;align-items:center;justify-content:center;height:120px;width:100%}.Body .SideMenu .SongList>.NoSongs>span{font-size:14px;opacity:.6}.Body .SideMenu .SongList .SongListEntry{height:40px;display:flex;align-items:center}.Body .SideMenu .SongList .SongListEntry>span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Backdrop{position:-webkit-sticky;position:sticky;z-index:10;top:56px;left:0;min-height:calc(100vh - 56px);background-color:rgba(0,0,0,.6)}.Backdrop .PopupPanel{position:absolute;background-color:#252525;border-radius:4px;padding:24px 0 16px;pointer-events:all}.Backdrop .PopupPanel.right{right:24px;top:24px}.Backdrop .PopupPanel.centered{top:120px;left:50%;transform:translateX(-50%);width:440px}.Backdrop .PopupPanel>h3{padding-left:24px;margin-top:0;margin-bottom:20px}.Backdrop .PopupPanel>span{display:block;margin-bottom:32px;padding:0 24px;color:#ccc;font-size:14px}.Backdrop .PopupPanel>.separator{width:100%;height:1px;background-color:#121212;margin-bottom:20px}.Backdrop .PopupPanel .listSection{padding-left:24px;padding-right:24px}.Backdrop .PopupPanel .popupOptions{width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding:0 24px}.labelledSetting{margin-top:4px;margin-bottom:8px;display:flex;flex-direction:row;align-items:center}.labelledSetting span{width:160px;color:#fff;font-size:14px}.labelledSetting>:nth-child(2){min-width:240px}.Select .youkey-select__control{background-color:#121212;border:none;border-radius:4px}.Select .youkey-select__control .youkey-select__input-container{color:#fff}.Select .youkey-select__control.youkey-select__control--is-focused,.Select .youkey-select__control.youkey-select__control--menu-is-open,.Select .youkey-select__control:active,.Select .youkey-select__control:focus,.Select .youkey-select__control:hover{box-shadow:0 0 0 1px #813aff}.Select .youkey-select__indicator-separator{display:none}.Select .youkey-select__single-value{color:#fff;font-size:14px;font-family:"Roboto",sans-serif}.Select .youkey-select__menu{margin-top:1px;background-color:#121212;border-radius:4px;overflow:hidden}.Select .youkey-select__menu .youkey-select__option{color:#878787}.Select .youkey-select__menu .youkey-select__option--is-focused,.Select .youkey-select__menu .youkey-select__option--is-selected{color:#fff;background-color:#252525}.Select .youkey-select__menu .youkey-select__menu-list::-webkit-scrollbar{width:10px;height:10px}.Select .youkey-select__menu .youkey-select__menu-list::-webkit-scrollbar-thumb{background:#5e5e5e}.Select .youkey-select__menu .youkey-select__menu-list::-webkit-scrollbar-track{background:#363636}.Select .youkey-select__menu .youkey-select__menu-list{scrollbar-face-color:#5e5e5e;scrollbar-track-color:#363636}.Input{box-sizing:border-box;min-height:38px;background-color:#121212;border-radius:4px;display:flex}.Input input,.Input textarea{flex-grow:1;flex-shrink:1;resize:vertical;word-wrap:break-word}.Input button{height:38px;width:32px;flex-shrink:0;flex-grow:0;cursor:pointer}.Slider{position:relative;display:flex;flex-direction:row;align-items:center}.Slider .handle{position:absolute;transform:translateX(-50%);height:12px;width:12px;border-radius:16px;border:2px solid #fff;background-color:#121212;touch-action:none}.Slider .handle:hover{height:14px;width:14px}.Slider .rail{position:absolute;height:1px;width:100%;background-color:#fff}.Slider.disabled .handle{border-color:#878787}.Slider.disabled .rail{background-color:#878787}.IconSlider{position:relative;display:flex;align-items:center}.IconSlider .Slider{position:absolute;left:16px;right:48px}.IconSlider .icon{position:absolute;right:0;width:40px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.IconSlider .icon:active>img{opacity:.6}.Settings .Input{max-width:240px}.PopupPanel.Account{padding:24px 0 20px;max-width:400px}.PopupPanel.Account .googleLogin{margin:0 24px;max-width:230px}.PopupPanel.Account>span{margin-bottom:16px}.PopupPanel.Account .Button{margin:0;width:100%;height:40px;border-radius:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:24px}.PopupPanel.Account .Button span{margin-left:16px}.SongListThumbEntry{display:flex;flex-direction:row}.SongListThumbEntry img{width:142px;height:80px}.SongListThumbEntry h6{margin-top:4px;margin-left:14px;color:#fff}.PopupPanel.DeleteSongPopup{padding:24px 0 20px}.PopupPanel.DeleteSongPopup>.selection{display:block;margin:28px 24px 20px;padding:16px;background-color:#161616}.PageDescription{display:inline-block;padding-left:72px;width:740px;white-space:pre-line}.PageDescription h4{color:#ccc;line-height:19px}.PageDescription h4 b{color:#fff}.Home .BackgroundImage{position:absolute;z-index:-1;width:100%}.SongGrid{display:flex;justify-content:center;flex-wrap:wrap;padding:40px 0}.SongGridEntry,.StreamGridEntry{position:relative;margin:0 12px 24px;max-width:320px}.SongGridEntry:hover,.StreamGridEntry:hover{background-color:#252525}.SongGridEntry h6,.StreamGridEntry h6{margin:12px 0}.SongGridEntry .contentLabel,.StreamGridEntry .contentLabel{padding-bottom:0;padding-left:8px;padding-right:8px;width:100%;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.SongGridEntry:hover .contentButton,.StreamGridEntry:hover .contentButton{display:inline}.SongGridEntry.inactive:hover .contentButton,.StreamGridEntry.inactive:hover .contentButton{display:none}.SongGridEntry .imgPlaceholder,.StreamGridEntry .imgPlaceholder{width:320px;height:180px;background-color:#121212}.SongGridEntry .headerPlaceholder,.StreamGridEntry .headerPlaceholder{margin:12px 8px 6px;height:14px;background-color:#121212;border-radius:2px}.SongGridEntry .contentButton,.StreamGridEntry .contentButton{position:absolute;top:8px;right:8px;height:32px;width:32px;display:none;border-radius:4px;background-color:#121212;cursor:pointer}.SongGridEntry .contentButton:hover,.StreamGridEntry .contentButton:hover{background-color:#363636}.SongGridEntry .contentButton:active,.StreamGridEntry .contentButton:active{background-color:#000}.SongGridEntry .contentButton .ButtonIcon,.StreamGridEntry .contentButton .ButtonIcon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.SongGridEntry .delete img,.StreamGridEntry .delete img{opacity:.6}.SongGridEntry--Empty{width:320px;margin:0 12px}.MySongs .LoginPrompt{position:absolute;top:0;right:66px;display:flex;flex-direction:row;align-items:center;justify-content:center;align-content:center}.MySongs .LoginPrompt p{color:#fff}.Search .gridWrapping{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.Search .gridWrapping>div,.Search .gridWrapping>h3{width:320px;margin:0 12px}.Search .gridWrapping>h3{margin-top:40px;margin-bottom:0}.RedirectButton{position:relative;margin-left:16px}.RedirectButton button{cursor:pointer}.RedirectButton .Button{position:relative;height:38px;margin:0}.RedirectButton .videoConnection{position:absolute;top:0;bottom:-9px;width:100%;background-color:#363636;border-radius:4px 4px 0 0}.VideoBack{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.VideoBack>div{position:relative;max-width:100%;overflow:hidden}.VideoBack>div>div{width:100%;height:100%}.VideoBack>div>div iframe{width:100%;height:100%;z-index:1}.VideoBack>div>.videoOverlays{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.LoopScrubber{position:absolute;left:50%;top:50%;width:0;height:0}.LoopScrubber .add{transform:translateX(-50%) translateY(-60px);width:56px;height:56px;border-radius:32px;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.LoopScrubber .add>span{display:none;position:absolute;right:-16px;transform:translateX(50%);font-size:14px;color:#fff;background-color:#000;border-radius:4px;padding:8px}.LoopScrubber .add>button{width:16px;height:16px;border-radius:64px;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 16px 4px #a675fe;pointer-events:auto;cursor:pointer;background-color:rgba(0,0,0,.2);z-index:2}.LoopScrubber .add>button>img{position:absolute;transform:translate(-50%,-50%);opacity:0}.LoopScrubber .add>button:hover{width:20px;height:20px}.LoopScrubber .add>button:hover>img{opacity:1}.LoopScrubber .add>button:active{opacity:.2}.LoopScrubber .line{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:2px;height:32px;box-shadow:0 0 16px 4px #a675fe;background-color:#fff}.LoopScrubber.showHint .add{background-color:#000}.LoopScrubber.showHint .add>span{display:block}.LoopControl{width:100%;height:100%}.LoopControl>.LoopBreak{position:absolute;top:50%;opacity:.4}.LoopControl>.LoopBreak>.scrubber{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:64px;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 16px 4px #a675fe;pointer-events:auto;background-color:rgba(0,0,0,.2);touch-action:none;cursor:pointer}.LoopControl>.LoopBreak>.scrubber>img{position:absolute;transform:translate(-50%,-50%);opacity:0}.LoopControl>.LoopBreak>.scrubber:hover{width:20px;height:20px}.LoopControl>.LoopBreak>.scrubber:hover>img{opacity:1}.LoopControl>.LoopBreak>.line{position:absolute;transform:translateX(-50%);height:32px;width:2px;box-shadow:0 0 16px 4px #a675fe;background-color:#fff}.LoopControl>.LoopBreak>.line.top{bottom:8px}.LoopControl>.LoopBreak>.line.bottom{top:8px}.LoopControl>.LoopBreak.playing,.LoopControl>.LoopBreak:hover{opacity:1}.LoopControl>.LoopPlayer{position:absolute;top:-30px;pointer-events:auto;cursor:pointer;opacity:.4}.LoopControl>.LoopPlayer>img{position:absolute;transform:translate(-50%,-50%)}.LoopControl>.LoopPlayer.playing,.LoopControl>.LoopPlayer:hover{opacity:1}.ExercisePanel{pointer-events:auto;background-color:#252525;border-radius:8px}.ExercisePanel>div{padding:14px}.ExercisePanel>div,.Exercises{display:flex;flex-direction:column}.Exercises{position:absolute;left:0;top:200px;z-index:10;pointer-events:auto;grid-gap:8px;gap:8px}.Exercises .ExerciseMode{position:relative;height:40px}.Exercises .ExerciseMode>button.tab{left:0;height:100%;width:40px;border-radius:0 8px 8px 0;background-color:#252525;padding:0;overflow:hidden}.Exercises .ExerciseMode>button.tab.selected{background:linear-gradient(90deg,#000,#333 78.12%,grey 94.27%,#fff)}.Exercises .ExerciseMode>button.tab:hover{background-color:#363636}.Exercises .ExerciseMode>button.tab:active{background-color:#121212}.Exercises .ExerciseMode>button.tab>span{left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.Exercises .ExerciseMode>.content{position:absolute;top:0;left:48px;height:100%}.Exercises .ExerciseMode>.content>.hint{position:absolute;top:0;width:260px;z-index:11;background-color:#121212;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:14px}.Exercises .ExerciseMode>.content>.hint.off{display:none}.Exercises .ExerciseMode>.content>.hint>span{margin-bottom:14px;color:#ccc}.Exercises .ExerciseMode>.content>.tool{position:absolute;bottom:0;width:400px}.Exercises .ExerciseMode>.content>.tool>*{position:absolute;bottom:0}.ExerciseNotes span{margin-bottom:14px;font-size:14px;color:#fff}.ExerciseNotes>div.key{display:flex;flex-direction:row;align-items:center}.ExerciseNotes>div.key .IconRadioButton{margin-left:8px}.ExerciseNotes>div.key .IconRadioButton:first-child{margin-left:0}.ExerciseNotes>.closeButton{position:absolute;top:10px;right:10px;padding:4px;border-radius:4px}.ExerciseNotes>.closeButton:hover{background-color:#363636}.ExerciseNotes>.closeButton:active{background-color:#121212}.ExerciseMelody{min-width:120px;height:40px;align-items:center;justify-content:center}.ExerciseMelody span{margin:2px 18px 0}.videoControls{width:100%;height:100%;pointer-events:none}.videoControls .videoControls__progress{z-index:5;position:absolute;bottom:0;left:12px;right:12px;height:45px}.videoControls .videoControls__progress .progressBar{position:absolute;width:100%;bottom:40px;height:5px}.videoControls .videoControls__progress .ProgressScrubber{position:absolute;left:50%;top:50%;width:0;height:0}.videoControls .videoControls__progress .ProgressScrubber>div{position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:4px;box-shadow:0 0 16px 4px #a675fe}.videoControls .videoControls__bar{position:absolute;height:100%;width:2px}.Key .anchor{position:absolute;left:-1px;bottom:160px;opacity:0}.Key .anchor>.handle{position:absolute;transform:translate(-50%,-100%);width:16px;height:16px;border-radius:64px;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 16px 4px #a675fe;pointer-events:auto;cursor:pointer;background-color:rgba(0,0,0,.2);touch-action:none;cursor:ew-resize}.Key .anchor>span{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%) translateY(100%);opacity:0}.Key .anchor>.shadow{position:absolute;left:50%;top:calc(50% + 4px);transform:translate(-50%,-50%);width:40px;height:60px;border-radius:999px;background-color:#000;opacity:.4;mix-blend-mode:multiply;background-blend-mode:multiply;pointer-events:none}.Key .centerLine{position:absolute;left:-2px;top:0;bottom:176px;width:2px;background-color:#fff;opacity:0}.Key.c .anchor,.Key.c .anchor .shadow{opacity:1}.Key.c .anchor .handle{opacity:.2}.Key.c .anchor>span{opacity:.6}.Key.c .anchor:hover>.handle,.Key.c .anchor:hover>span{opacity:1}.Key.middle.c .anchor>.handle{width:16px;height:16px;border-radius:64px;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 16px 4px #a675fe;pointer-events:auto;cursor:pointer;background-color:rgba(0,0,0,.2);border-radius:2px;cursor:ew-resize}.Key.c .centerLine,.Key.f .centerLine{opacity:.2}.KeyScaleLock{position:absolute;width:100%;height:16px}.KeyScaleLock>.progress{position:absolute;top:0;left:0;width:0;height:100%;border-radius:4px;background-color:#813aff}.KeyScaleLock>.progress.hidden{display:none}.KeyScaleLock>.progress.locked{background-color:#fff;opacity:.2}.KeyScaleLock.white{top:216px}.KeyScaleLock.black{top:200px}.KeyScaleLock.black>.progress{border-radius:2px}.Keyboard.noLocking .KeyScaleLock{display:none}.keyboardKeys{position:absolute;left:0;width:100%;pointer-events:none;display:flex;flex-direction:row;align-items:stretch;align-content:stretch}.keyboardKeys .keyboardKey{position:relative}.keyboardKeys .keyboardKey>.highlight{position:relative;height:100%;background-blend-mode:screen;mix-blend-mode:screen;border-radius:0}.keyboardKeys .keyboardKey.white{z-index:3;flex-grow:1;flex-shrink:0;margin:0 1px}.keyboardKeys .keyboardKey.white>.highlight{bottom:0;width:100%}.keyboardKeys .keyboardKey.black{position:relative;z-index:4;width:0}.keyboardKeys .keyboardKey.black>.highlight{position:absolute;left:0;width:8px;transform:translateX(-50%);border-radius:0}.keyboardKeys .keyboardKey.leftOffset>.highlight{transform:translateX(-70%)}.keyboardKeys .keyboardKey.rightOffset>.highlight{transform:translateX(-30%)}.keyboardOrigin{left:0;width:100%}.keyboardOrigin,.keyboardOrigin .keyboardStand{position:absolute;top:0;height:100%}.keyboardOrigin .keyboardStand>.Keyboard{position:absolute;left:0;width:100%;top:0;height:100%}.keyboardOrigin .keyboardStand .Key>.highlight{background-blend-mode:screen;mix-blend-mode:screen}.keyboardOrigin .keyboardStand .Key>.highlight>.keyName{display:none;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-size:16px;font-weight:500;color:#000;background-color:#fff;padding:24px 8px;border-radius:2px}.keyboardOrigin .keyboardStand .Key.white>.highlight{border-radius:4px;background-image:none}.keyboardOrigin .keyboardStand .Key.white>.highlight>.emphasis{height:234px;border-radius:4px}.keyboardOrigin .keyboardStand .Key.black>.highlight{border-radius:2px;background-image:none}.keyboardOrigin .keyboardStand .Key.black>.highlight>.emphasis{height:224px;border-radius:2px}.keyboardOrigin .keyboardStand .Key.pressed>.highlight,.keyboardOrigin .keyboardStand .Key.pressed>.highlight>.emphasis{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6))}.keyboardOrigin .keyboardStand .Key.pressed.black>.highlight,.keyboardOrigin .keyboardStand .Key.pressed.black>.highlight>.emphasis{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.9))}.KeyInstructions{position:absolute;left:0;top:0;width:100%;padding-bottom:40px;background:linear-gradient(0deg,transparent,rgba(0,0,0,.95) 60%,#000 70%);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);display:flex;flex-direction:column;justify-content:flex-start;padding-top:202px;grid-gap:32px;gap:32px}.KeyInstructions>.KeyInstruction{position:relative;width:100%;height:32px;flex-grow:0}.KeyInstructions>.KeyInstruction>div.keyboardKeys{position:absolute;top:0;bottom:0}.KeyInstructions>.KeyInstruction>div.keyboardKeys .instructionKey.white>.highlight{position:absolute;top:0;bottom:0;height:auto;border-radius:4px}.KeyInstructions>.KeyInstruction>div.keyboardKeys .instructionKey.black>.highlight{position:absolute;top:0;bottom:10px;height:auto;border-radius:2px}.KeyInstructions>.KeyInstruction>div.keyboardKeys>.instructionKey>.highlight{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 78.12%,hsla(0,0%,100%,.504762) 94.27%,#fff)}.KeyInstructions>.KeyInstruction>div.keyboardKeys>.instructionKey.inKey>.highlight{background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.3) 30%,#fff)}.KeyInstructions>.KeyInstruction>div.keyboardKeys>.instructionKey.major>.highlight{background:linear-gradient(180deg,transparent,rgba(255,122,0,.3) 30%,#fff)}.KeyInstructions>.KeyInstruction>div.keyboardKeys>.instructionKey.minor>.highlight{background:linear-gradient(180deg,transparent,rgba(0,255,209,.3) 30%,#fff)}.KeyInstructions>.KeyInstruction>div.keyboardKeys>.instructionKey.neutral>.highlight{background:linear-gradient(180deg,transparent,rgba(66,255,0,.3) 30%,#fff)}.KeyInstructions>.KeyInstruction.chord{height:40px}.KeyInstructions>.KeyInstruction.chord>div.keyboardKeys{top:4px;height:32px}.keyInstructionHeader{position:relative;top:-20px;z-index:5;width:100%;display:flex;flex-direction:row;justify-content:right;padding:0}.keyInstructionHeader .control{height:40px;border-radius:2px;pointer-events:auto;min-width:30%;display:flex;flex-direction:row;align-items:center}.keyInstructionHeader .control>button.left{border-radius:16px,0,0,16px}.keyInstructionHeader .control>button.right{border-radius:0 16px 16px 0}.keyInstructionHeader .control span{color:#fff;margin:0 24px}.Toggle{border-radius:4px;display:flex;flex-direction:row;align-items:center;grid-gap:16px;gap:16px}.Toggle.showLabel{padding:4px 16px;height:38px}.Toggle.on.showLabel{background-color:#363636}.Toggle.on .progress{width:24px}.Toggle.on .dot{left:8px}.Toggle.off.showLabel{background-color:#252525}.Toggle.off .progress{width:14px}.Toggle.off .dot{left:-2px}.Toggle.off span{opacity:.5}.Toggle .iconBody{position:relative;width:24px;height:14px;border-radius:16px;border:2px solid #fff;background-color:#121212}.Toggle .progress{left:-2px;border-radius:16px;background-color:#fff}.Toggle .dot,.Toggle .progress{position:absolute;top:-2px;height:14px}.Toggle .dot{width:14px;border-radius:16px;border:2px solid #fff;background-color:#252525}.Backdrop{position:absolute;width:100%;height:100%}.RedirectSearch{position:relative;background-color:#000;display:flex;flex-direction:column;grid-gap:16px;gap:16px;align-items:center}.RedirectSearch .chips{display:flex;flex-direction:row;grid-gap:10px;gap:10px}.Practice .BaseLayout{position:relative;height:100vh;max-height:100vh}.Practice .BaseLayout .Body{position:relative;flex-grow:1;flex-shrink:0;height:100%;max-height:calc(100% - 56px);overflow:hidden}.Practice .BaseLayout .Body .Content{position:relative;height:100%;max-width:100%;flex-grow:1}.Practice .BaseLayout .Body .version{display:none}.Donations .ContentSections{display:flex;flex-direction:row;justify-content:center}.Donations .ContentSections .CreatorBubbles{flex-grow:1}.DonationList{margin-top:32px;margin-bottom:80px;padding-left:72px}.DonationList .DonationProposal{position:relative;height:40px;display:flex;align-items:center}.DonationList .DonationProposal .label{padding-bottom:4px}.DonationList .DonationProposal .label span{font-size:14px}.DonationList .DonationProposal .action{position:relative;flex-grow:1}.DonationList .DonationProposal .action button{position:absolute;right:0;transform:translateY(-50%);background-color:#363636;border-radius:2px}.DonationList .DonationProposal .action button:hover{background-color:#515151}.DonationList .DonationProposal .action button:active{background-color:#252525}.DonationList .proposalSeparation{margin:8px 0;width:100%;height:1px;background-color:#fff;opacity:.2}.DonationList .proposalSeparation:last-child{display:none}.CreatorBubbles{position:relative;height:calc(100vh - 56px);max-width:600px}.CreatorBubbles .bubble{position:absolute}.CreatorBubbles .bubble .placeholder,.CreatorBubbles .bubble img{width:100%;height:100%;border-radius:1024px;transform:translate(-50%,-50%)}.CreatorBubbles .bubble .placeholder{width:100%;height:100%;background-color:#121212;border-radius:1024px}.CreatorBubbles .bubble.nr0{width:200px;height:200px;left:45%;top:30%}.CreatorBubbles .bubble.nr1{width:128px;height:128px;left:80%;top:40%}.CreatorBubbles .bubble.nr2{width:100px;height:100px;left:70%;top:12%}.CreatorBubbles .bubble.nr3{width:88px;height:88px;left:40%;top:55%}.CreatorBubbles .bubble.nr4{width:72px;height:72px;left:20%;top:60%}.CreatorBubbles .bubble.nr5{width:64px;height:64px;left:15%;top:80%}@media screen and (max-width:1500px){.CreatorBubbles{display:none}}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #000;background:#aaa}::-webkit-scrollbar-thumb:hover{background:#5e5e5e}a{text-decoration:none}h1,h2,h3,h4,h5,span{pointer-events:none}h1,h2,h3,h4,h5,input,span,textarea{color:#fff}h1{margin-top:88px;font-size:48px}h1,h2{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400}h2{font-size:24px}h3{font-size:20px}h3,h4{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400}h4{margin-top:16px;font-size:16px}h5{font-size:14px;font-weight:500;opacity:.6;text-transform:uppercase}h5,h6{font-family:"Roboto",sans-serif}h6{margin-top:12px;margin-bottom:6px;font-size:12px;font-weight:700;opacity:1}input,span,textarea{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;font-size:16px}*{box-sizing:border-box}body{background-color:#000;min-height:100%}button,iframe,input,textarea{outline:none;border-style:none;padding:0}button{background:none}button.default{color:#fff;background-color:#363636;border-radius:2px;padding:4px 16px}button.default:hover{background-color:#5e5e5e}button.default:active{background-color:#121212}input.default,textarea.default{min-height:38px;background-color:#121212;border-radius:4px;padding:8px 16px}.indentField{background-color:#121212;border:none;border-radius:4px;min-height:38px}.indentField:active,.indentField:hover{box-shadow:0 0 0 1px #813aff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.d37d2d83.chunk.css.map */