body{margin:0;height:100vh;background-color:var(--charcoal)}#GrooveWriter{position:relative;background-color:var(--charcoal);width:100%;min-width:800px;font:100%/normal Lato,Calibri,sans-serif}.fullWidthEle{max-width:none}#LeftHandNav{width:70px;height:100%;position:fixed;top:0;left:0;border-right:2px solid var(--black);background:var(--charcoal);z-index:999}#TopNav{position:fixed;top:0;left:0;z-index:998;width:calc(100% - 72px);margin-left:72px;height:48px;border-bottom:1px solid var(--black);background:var(--header-bg-color);background:linear-gradient(to right,var(--header-bg-start-color),var(--header-bg-end-color));display:block}.midiPlayer{background:var(--black);width:calc(100% - 72px);height:48px;position:fixed;top:49px;left:72px;z-index:997;border-bottom:1px solid var(--black)}#RightHandContent{position:relative;top:98px;left:72px;height:calc(100% - 98px);width:calc(100% - 72px);overflow-y:auto}#logoTextUpperLeft{padding:9px 10px 6px 5px;display:inline-block}#logoTextUpperLeft img{height:30px}#upperLeft{margin-top:12px;display:inline-block;white-space:nowrap;vertical-align:top}#upperRight{margin-top:12px;display:inline-block;float:right;margin-right:10px;white-space:nowrap;vertical-align:top}#metronomeLabel{display:inline-block;height:20px;font-weight:500;margin:0 5px 0 10px;text-align:center;color:var(--gray-eef)}.metronomeButton,.rightButtons{padding:2px;cursor:pointer;display:inline-block;color:var(--gray-eee);border:0px solid var(--btn-border);text-align:center;border-radius:20px;margin:0 1px;height:20px;transition:all .1s ease-in-out}.rightButtons{margin:0 6px}.metronomeButton:hover,.rightButtons:hover,.metronomeButton.selected:hover,.rightButtons.selected:hover,.rightButtons.buttonSelected:hover{font-weight:700;transform:scale(1.05)}.metronomeButton.options{width:75px}.metronomeButton.buttonSelected,.metronomeButton.selected,.rightButtons.buttonSelected{color:var(--white);font-weight:700}#logoInSubdivision{background-color:var(--black)}#logoInSubdivision img{height:40px}.left-button{display:block;color:var(--gray-999);cursor:pointer}.left-button-content{display:block;cursor:pointer;font-size:12px;font-weight:700;height:48px;border-bottom:1px solid var(--black);text-align:center;vertical-align:middle;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;transition:all .1s ease-in-out}#timeLabel{height:48px}#timeSigLabel{color:var(--time-sig-color);font-size:20px;margin-bottom:-5px}#timeSubLabel{color:var(--time-sig-color);font-size:12px}.left-button.disabled,.left-button.disabled:hover{color:var(--black);background-color:var(--charcoal)}.left-button.buttonSelected,.left-button.buttonSelected:hover{background:var(--highlight-color);color:var(--white);cursor:auto;transform:scale(1.1)}.myButton:hover,.left-button:hover{border-top-color:var(--btn-hover-border);background:var(--gray-555);color:var(--gray-ccc);transform:scale(1.05)}.myButton:active,.left-button:active{border-top-color:var(--btn-active);background:var(--btn-active)}.buttonFraction{display:block;font-size:18px}#advancedEditAnchor.buttonSelected{background:var(--accent-advanced);color:var(--white);font-size:14px}#undoButton{font-size:14px}#NotationLine{height:35px;text-align:center;padding-top:13px;border-bottom:1px solid var(--gray-aaa);background-color:var(--gray-ddd)}#NotationLabel{display:inline-block;margin:auto;font-size:20px;font-weight:700;text-align:center;padding-left:62px}#KeyButton{float:right;padding-right:5px;font-size:18px;text-align:right}#hiddenDescription{display:none}#musicalInput{width:100%;background:var(--white);overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--gray-aaa);text-align:center;white-space:nowrap;padding-top:15px;padding-bottom:15px}@media only screen and (orientation:portrait){#musicalInput{white-space:normal}}#musicalInput.musical-input-wrap-while-playing{white-space:normal;overflow-x:hidden;text-align:left}#musicalInput.musical-input-wrap-while-playing .measure-container-end-spacer{display:none}#musicalInput.musical-input-wrap-while-playing #measureContainer{margin-left:0;margin-right:auto}#musicalInput.musical-input-focused{overflow-y:auto;max-height:calc(100vh - 169px)}#measureContainer{margin-left:auto;margin-right:auto}.measure-container-end-spacer{display:inline-block;width:100vw}.staff-container{margin-right:-3px;margin-bottom:0;display:inline-block;background:var(--white);text-align:left;white-space:nowrap}.notes-row-container{display:inline-block}.heading1{font-size:30px;font-weight:700}.line-labels{display:inline-block;vertical-align:top;width:80px;font-size:20px;display:table-cell}.stickings-label{height:25px;background:var(--stickings-bg);color:var(--black);padding-top:9px;padding-left:1px;font-size:12px;cursor:pointer;text-align:center}.hh-label{display:block;white-space:nowrap;margin-top:16px;margin-left:8px;cursor:pointer;text-align:center}#tom1-label{display:block;white-space:nowrap;margin-top:5px;margin-left:8px;cursor:pointer;text-align:center;visibility:hidden}.snare-label{margin-top:5px;margin-left:8px;cursor:pointer;text-align:center}#tom4-label{display:block;white-space:nowrap;margin-top:5px;margin-left:8px;cursor:pointer;text-align:center;visibility:hidden}.kick-label{margin-top:5px;margin-left:8px;cursor:pointer;text-align:center}.stickings-label:hover,.hh-label:hover,.snare-label:hover,.kick-label:hover{color:var(--highlight-color)}.music-line-container{display:inline-block;z-index:3;display:table-cell}.notes-container{font-family:Times New Roman;position:relative;z-index:4}.stickings-container{display:none;height:32px;background:var(--stickings-bg);border:1px solid transparent;margin-top:0;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.background-highlight-container{position:absolute;height:190px;white-space:nowrap;border:1px solid transparent}.hi-hat-container{height:42px;white-space:nowrap;border:1px solid transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#tom1-container{height:28px;white-space:nowrap;border:1px solid transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;visibility:hidden}.snare-container{border:1px solid transparent;height:28px;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#tom4-container{height:28px;white-space:nowrap;border:1px solid transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;visibility:hidden}.kick-container{border:1px solid transparent;height:56px;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.staff-line-1{position:absolute;top:42px;width:100%;height:0px;border-top:3px solid var(--gray-cacaca)}.staff-line-2{position:absolute;top:72px;width:100%;height:0px;border-top:3px solid var(--gray-cacaca)}.staff-line-3{position:absolute;top:103px;width:100%;height:0px;border-top:3px solid var(--gray-cacaca)}.staff-line-4{position:absolute;top:132px;width:100%;height:0px;border-top:3px solid var(--gray-cacaca)}.staff-line-5{position:absolute;top:163px;width:100%;height:0px;border-top:3px solid var(--gray-cacaca)}.sticking{display:inline-block;position:relative;border:1px solid;border-color:transparent;width:29px;height:100%;margin-right:2px;margin-left:2px;margin-bottom:0}.bg-highlight{display:inline-block;width:35px;height:192px}.hi-hat,.tom,.snare,.kick{display:inline-block;position:relative;border:1px solid;border-color:transparent;width:29px;height:100%;margin-right:2px;margin-left:2px}.sticking_right,.sticking_left{position:absolute;top:0;left:6px;font-size:24px;color:var(--gray-ccc);cursor:pointer}.sticking_both{position:absolute;top:5px;left:0;font-size:18px;color:transparent;cursor:pointer}.sticking_count{position:absolute;top:0;left:6px;font-size:24px;color:transparent;cursor:pointer}.hh_crash{position:absolute;top:19px;left:5px;font-size:20px;color:transparent;cursor:pointer}.hh_ride,.hh_ride_bell,.hh_cow_bell{position:absolute;top:18px;left:6px;font-size:20px;color:transparent;cursor:pointer}.hh_stacker,.hh_metronome_normal,.hh_metronome_accent{position:absolute;top:17px;left:5px;font-size:20px;color:transparent;cursor:pointer}.hh_cross{position:absolute;top:15px;left:5px;font-size:24px;color:var(--gray-ccc);cursor:pointer}.hh_open{position:absolute;top:3px;left:9px;font-size:13px;color:transparent}.hh_close{position:absolute;top:3px;left:9px;font-size:13px;color:transparent;float:left}.hh_accent{position:absolute;top:0;left:11px;font-size:20px;color:transparent;float:left}.unmuteHhButton,.unmuteSnareButton,.unmuteKickButton,.unmuteTom1Button,.unmuteTom4Button{display:inline-block;display:none;position:relative;border:1px solid;border-color:transparent;vertical-align:top;width:29px;height:100%;margin-right:2px;margin-left:2px;cursor:pointer}.unmuteHhButton:hover,.unmuteSnareButton:hover,.unmuteKickButton:hover,.unmuteTom1Button:hover,.unmuteTom4Button:hover{opacity:.6}.unmuteHhStack{margin-top:9px}.unmuteStack{margin-top:-3px}.tom_circle{position:absolute;top:1px;left:3px;width:90%;height:20px;width:20px;background:var(--white);border:2px solid;border-color:var(--gray-999);border-radius:30px;cursor:pointer}.dot_in_snare_ghost_note{font-size:14px;position:relative;top:-1px;left:0}.snare_ghost{position:absolute;top:-4px;left:1px;font-size:26px;line-height:30px;color:transparent;cursor:pointer}.snare_circle{position:absolute;top:0;left:2px;width:90%;line-height:20px;height:22px;width:22px;background:var(--white);border:2px solid;border-color:var(--gray-999);border-radius:30px;cursor:pointer}.snare_accent{position:absolute;top:5px;left:11px;line-height:15px;font-size:15px;color:transparent;cursor:pointer}.snare_xstick{position:absolute;top:-5px;left:3px;font-size:30px;color:transparent;cursor:pointer}.snare_buzz{position:absolute;top:0;left:3px;font-size:22px;color:transparent;cursor:pointer}.snare_flam,.snare_drag{position:absolute;top:-2px;left:-2px;font-size:25px;color:transparent;cursor:pointer}.kick_circle{position:absolute;top:0;left:2px;height:22px;width:22px;background:var(--white);border:2px solid var(--gray-999);border-radius:40px;cursor:pointer}.kick_splash{position:absolute;top:24px;left:3px;font-size:30px;color:transparent;cursor:pointer}.opening_note_space,.end_note_space{display:inline-block;width:1px;height:1px;background:transparent}.space_between_note_groups{display:inline-block;width:20px;height:1px;background:transparent}#addMeasureButton{vertical-align:top;display:inline-block;color:var(--highlight-color-on-white);cursor:pointer;font-size:40px;padding-top:2px;margin-top:73px}#addMeasureButtonStart{vertical-align:top;display:inline-block;color:var(--highlight-color-on-white);cursor:pointer;padding-top:2px;padding-left:20px;margin-top:73px}.closeMeasureButton{margin-top:3px;cursor:pointer;color:var(--highlight-color-on-white)}.closeMeasureButton:hover,#addMeasureButton:hover,#addMeasureButtonStart:hover{color:var(--black)}.measure-time-sig-label{display:inline-block;margin-top:3px;margin-left:6px;padding:1px 4px;cursor:pointer;font-size:13px;font-weight:500;color:var(--highlight-color-on-white);border:solid 1px transparent;border-radius:3px}.measure-time-sig-label:hover{color:var(--black);border-color:var(--gray-999)}.measure-time-sig-label.measure-time-sig-overridden{color:var(--highlight-color);border-color:var(--highlight-color)}.measure-time-sig-popup{background-color:var(--white);padding:10px;border:solid 2px var(--gray-999);border-radius:5px;font-size:14px;text-align:center}.measure-time-sig-popup-title{margin-bottom:10px}.measure-time-sig-popup select{font-size:16px;font-weight:500;color:var(--gray-666);background-color:var(--gray-eee)}.measure-time-sig-popup button{font-size:13px;font-weight:500;border:0px;border-radius:5px;padding:4px 8px;margin:10px 4px 0;cursor:pointer}.measure-time-sig-popup button:first-of-type{background:var(--highlight-color);color:var(--white)}.measure-time-sig-popup button:last-of-type{background:var(--white);color:var(--gray-ccc);border:solid 1px var(--gray-ccc)}#permutationAnchor{color:var(--gray-555)}#permutationAnchor.enabled{color:var(--gray-eee)}#PermutationOptions.displayed{padding:3px 0 0 10px;background-color:var(--gray-ddd)}#PermutationOptionsHeader{font-size:18px;font-weight:700}.PermutationOptionWrapper{display:table;border-collapse:collapse}.PermutationOptionGroup{display:table-row;border-bottom:1px solid var(--gray-999)}.PermutationOptionGroup:last-child{border-bottom:0px solid var(--gray-999)}.PermutationOption{height:20px;display:table-cell;padding-right:15px}.PermutationSubOption{display:table-cell;padding-right:15px}#permutationType{margin-top:10px}#noteInstructions{font-size:120%;font-weight:700;margin-top:14px;margin-left:25px}#showHideABC,#ABC_Results{display:none}#sheetMusicDiv,.svgTarget{background:var(--white)}#RightHandContent .svgTarget svg{margin-left:5%;margin-right:5%;width:90%}#sheetMusicTextFields{border-top:1px solid var(--gray-999);padding:8px 0;text-align:center;display:-webkit-flex;display:flex;justify-content:space-around;-webkit-justify-content:space-around;background-color:var(--gray-ddd)}.sheetMusicTextField{margin:0 10px}.noteContextMenu{position:absolute;z-index:9999;display:block}.metronomeOptionsContextMenuItem:before,.metronomeOptionsOffsetClickContextMenuItem:before{font-family:FontAwesome;content:" ";letter-spacing:17px}.menuChecked:before{font-family:FontAwesome;content:"";letter-spacing:5px}.noteContextMenuNew{position:absolute;z-index:9999;display:block}.noteContextMenuNew>ul.list{position:fixed;z-index:999;width:300px;margin:0;padding:0;background:var(--gray-eee);color:var(--black);border:1px solid var(--charcoal);list-style:none}.base-context-menu>ul.list{position:static}.noteContextMenuNew>ul.list li{padding:10px;border-bottom:solid 1px var(--charcoal);text-decoration:none}.noteContextMenuNew>ul.list li:hover,ul.list a:hover{background:var(--gray-ccc)}.noteContextMenuNew>ul.list li:last-child{border:none}.noteContextMenu>ul.list{display:none;position:fixed;left:30px;top:-30px;z-index:999;width:250px;margin:0;padding:0;background:var(--gray-eee);color:var(--black);border:1px solid var(--charcoal);list-style:none}.noteContextMenu>ul.list li{padding:10px;border-bottom:solid 1px var(--charcoal);text-decoration:none}.noteContextMenu>ul.list li:hover,ul.list a:hover{background:var(--gray-ccc)}.noteContextMenu>ul.list li:last-child{border:none}#grooveListWrapper{width:300px;height:300px;overflow:auto;background:var(--gray-eee);border:1px solid var(--charcoal)}.grooveListUL{margin:0;padding:0;list-style:none;background:var(--gray-eee);color:var(--black)}.grooveListHeaderLI{padding:15px;background:var(--highlight-color);font-size:18px;font-weight:700}.grooveListLI{padding:10px 10px 10px 15px;border-bottom:solid 1px var(--charcoal)}.grooveListLI:hover{background:var(--gray-ccc)}hr{width:795px;margin-left:0}#fullURLPopup,#trackLibraryPopup{position:fixed;left:300px;top:250px;z-index:999;background-color:var(--white);width:400px;padding:10px;border:solid 2px var(--gray-999);border-radius:5px;overflow:visible}#trackLibraryPopupClose{float:right;cursor:pointer}#trackLibraryPopupClose:hover{color:var(--warning-red)}#trackLibraryPopupTitle{font-size:18px;font-weight:700;margin-bottom:4px}#trackLibraryPopupSubTitle{font-size:13px;margin-bottom:8px;color:var(--gray-666, #666)}#trackLibraryPopupSearch{width:100%;box-sizing:border-box;padding:6px 8px;margin-bottom:8px}#trackLibraryPopupList{max-height:280px;overflow-y:auto;margin:0;padding:0}.trackLibraryPopupItem{display:flex;flex-direction:column;padding:8px 6px;cursor:pointer;border-bottom:1px solid var(--gray-ccc, #ddd)}.trackLibraryPopupItem:hover{background-color:var(--gray-eee, #f0f0f0)}.trackLibraryPopupItem.disabled{opacity:.6;pointer-events:none}.trackLibraryPopupItemTitle{font-weight:600}.trackLibraryPopupItemMeta{font-size:12px;color:var(--gray-666, #666)}.trackLibraryPopupMessage{font-size:13px;margin:8px 0}.trackLibraryPopupError,.trackMenuHintError{color:var(--warning-red)}.trackMenuHint{display:block;font-size:12px;font-weight:400;margin-top:4px}#metronomeAutoSpeedupConfiguration,#timeSigPopup{position:absolute;left:300px;top:250px;z-index:999;background-color:var(--white);width:400px;padding:10px;border:solid 2px var(--gray-999);border-radius:5px}#timeSigPopup{font-size:24px}#timeSigPopupBeta{text-align:center;margin-top:8px;margin-bottom:30px;color:var(--warning-red)}#timeSigPopupTitle{text-align:center;margin-top:8px;margin-bottom:30px}#timeSigPopupOptions{text-align:center}#timeSigPopupTimeSigTop,#timeSigPopupTimeSigBottom{font-size:24px;font-weight:500;color:var(--gray-666);background-color:var(--gray-eee);vertical-align:top;padding-left:20px;width:80px}#timeSigPopupSlash{font-size:24px;margin:0 10px}#timeSigPopupCancel{font-size:16px;font-weight:500;background:var(--white);color:var(--gray-ccc);border:0px;border-radius:5px;padding:5px 10px}#timeSigPopupOK{font-size:16px;font-weight:500;background:var(--highlight-color);color:var(--white);border:0px;border-radius:5px;padding:5px 10px}#timeSigPopupButtons{margin-top:30px;text-align:center}#fullURLPopupCloseButton{font-size:100%;float:right;cursor:pointer}#fullURLPopupCloseButton:hover{color:var(--gray-444)}#fullURLPopupTitle{font-size:18px;font-weight:700;text-align:center}#fullURLPopupSubTitle{color:var(--highlight-color);font-size:14px;font-weight:700;text-align:center}#fullURLPopupSubSubTitle{font-size:12px;text-align:center}#fullURLPopupCheckboxes{display:-webkit-flex;display:flex;width:300px;margin:10px auto;justify-content:space-around;-webkit-justify-content:space-around}.fullURLPopupCheckboxLabel{font-size:12px}.fullURLPopupCheckboxLabel input[type=checkbox]{vertical-align:middle}#fullURLPopupTextFieldContainer{margin:0 auto;width:366px}#fullURLPopupTextField{width:350px;padding:8px;background:var(--url-field-bg);border:0px;border-radius:5px;text-align:center}#fullURLPopupCopyButton{font-size:16px;font-family:Lato,sans-serif;font-weight:700;color:var(--black);border:0px;border-radius:5px;padding:5px 10px}#shareButtonContainer{text-align:center}.sharer-0:before{top:7px}.sharer-0 label{background:var(--highlight-color)!important;color:var(--white)!important}#fullURLPopup share-button .sb-social{overflow:visible;z-index:10000}#fullURLPopup share-button .sb-social ul li{height:28px;padding:14px 0 16px}.metronomeAutoSpeedupInputRow{vertical-align:text-bottom}#metronomeAutoSpeedupConfigurationSliders{width:370px;margin:0 auto}#metronomeAutoSpeedupTempoIncreaseAmount,#metronomeAutoSpeedupTempoIncreaseInterval{background:var(--highlight-color);width:365px}#metronomeAutoSpeedupOutputText{font-size:25px;text-align:center}#metronomeAutoSpeedupTempoIncreaseAmountOutput,#metronomeAutoSpeedupTempoIncreaseIntervalOutput{color:var(--highlight-color);font-weight:700}#metronomeAutoSpeedupConfigurationAmountLable,#metronomeAutoSpeedupConfigurationIntervalLable{font-size:12px}#metronomeAutoSpeedupConfigurationKeepIncreasing{font-size:12px;color:var(--highlight-color);text-align:center;vertical-align:middle;margin-bottom:10px}#metronomeAutoSpeedupCloseButtonDiv{text-align:center;margin-top:15px}#metronomeAutoSpeedupConfigurationCloseButton{font-size:16px;font-weight:500;background:var(--highlight-color);color:var(--white);border:0px;border-radius:5px;padding:5px 10px}#stickingsButton:before{font-family:FontAwesome;font-size:2em;letter-spacing:-3px;content:"";line-height:32px}#stickingsButton.ClickToHide:before{font-family:FontAwesome;font-size:2em;letter-spacing:-3px;content:"";line-height:32px}input[type=checkbox]:checked+label{color:var(--black);cursor:pointer}input[type=checkbox]:not(:checked)+label{color:var(--gray-888);cursor:pointer}#totalPlayTime{z-index:999;position:fixed;bottom:3px;right:3px;margin-right:20px;color:var(--highlight-color)}#deployInfoFooter{z-index:999;position:fixed;bottom:3px;left:75px;color:var(--highlight-color);padding:2px 6px}.totalTimeNum{color:var(--gray-eee)}.myCheckbox{display:none}.myCheckbox+label:before{font-family:FontAwesome;display:inline-block;content:" ";letter-spacing:17px}.myCheckbox:checked+label:before{content:"";letter-spacing:5px}.hiddenCheckbox{visibility:hidden}#LegendLabel{border:1px solid var(--gray-ccc);padding:3px 7px 5px;border-radius:7px;background:var(--gray-ccc);margin-right:8px}#GrooveDB_source{width:calc(100% - 6px);height:280px}#bottomButtonRow{padding:20px 0;background:var(--charcoal);text-align:center;color:var(--gray-888);display:-webkit-flex;display:flex;justify-content:space-around;-webkit-justify-content:space-around}.pageBottomButton{display:inline-block;margin:0 20px}.pageBottomButton:hover{cursor:pointer;color:var(--white)}.bottomButtonIcon{display:block}.bottomButtonLabel{margin-top:2px;display:block}.edit-block{display:none}#icon-tom1{font-size:16px;margin-top:16px}#icon-tom2{font-size:14px;margin-left:-5px;vertical-align:top}#icon-tom3{font-size:20px;margin-top:11px}@media print{#GrooveWriter{min-width:10px}#RightHandContent{margin-left:0;padding-top:0;top:0;left:0;overflow-y:visible;width:100%!important}.svgTarget svg{margin:0!important;width:100%!important}.notation-hidden-while-playing{display:block!important}}.hidden{visibility:hidden}.notation-hidden-while-playing{display:none}.view-mode-grid{pointer-events:none}:root{--header-bg-color: #243640;--header-bg-start-color: #2a404d;--header-bg-end-color: #1c2b33;--highlight-color: #2484c0;--highlight-color-on-white: #2484c0;--accent-light: #68c2ff;--accent-input: #66c0fe;--accent-advanced: #009ffa;--accent-dark-blue: #0071ad;--accent-steel: #3b5166;--btn-hover-border: #28597a;--btn-active: #1b435e;--btn-border: #0000bb;--player-control-border: #000099;--time-sig-color: #62c04c;--warning-red: #cc0000;--play-active-red: #dd4444;--note-overlay-bg-color: #bdebdd;--stickings-bg: #f7f1cf;--url-field-bg: #ffe9b7;--white: #ffffff;--black: #000000;--charcoal: #393939;--near-black: #010101;--gray-222: #222222;--gray-444: #444444;--gray-555: #555555;--gray-666: #666666;--gray-777: #777777;--gray-888: #888888;--gray-999: #999999;--gray-aaa: #aaaaaa;--gray-cacaca: #cacaca;--gray-ccc: #cccccc;--gray-ddd: #dddddd;--gray-eee: #eeeeee;--gray-eef: #eeeeff}.warnings{font-family:monospace;display:none}.Printable,.nonPrintable{display:block}.svgTarget{width:100%}.svgTarget svg{width:100%;height:100%}.playerControl{display:inline-block;background-color:var(--gray-222);width:100%;font-family:Lato,sans-serif;white-space:nowrap}.playerControl.large{display:block;width:calc(50% - 83px);min-width:500px;border:1px solid var(--player-control-border);padding-left:0;margin:0}.playerControl.small{width:90px;border:1px solid var(--player-control-border);padding-left:0}.playerControlsRow{padding-left:6px;height:48px;flex-flow:flex-start;flex-wrap:nowrap;-webkit-flex-flow:flex-start;-webkit-flex-wrap:nowrap}.playerControlsRow.large,.playerControlsRow.small{padding-left:0}.midiPlayImage,.midiRepeatImage,.midiExpandImage{display:inline-block;width:40px;height:40px;cursor:pointer;margin:4px 0;border:0px solid var(--black);color:var(--gray-ccc);font-size:20px;font-family:FontAwesome;text-align:center;line-height:40px;vertical-align:top;border-radius:50%;-webkit-flex:none;flex:none}.midiPlayImage,.midiRepeatImage{background:var(--gray-666);margin:4px}.midiPlayImage:hover,.midiRepeatImage:hover{color:var(--white);background:var(--gray-777)}.midiExpandImage{font-size:26px;transition:all .6s ease-in-out}.midiExpandImage.small:hover{color:var(--accent-light);transform:scale(1.4)}.midiExpandImage.large:hover{color:var(--accent-light);transform:scale(.8)}.midiPlayImage:before{color:var(--play-active-red);content:""}.midiPlayImage.Stopped:before,.midiPlayImage.Paused:before{color:var(--white);letter-spacing:-3px;content:""}.midiPlayImage.Playing:before{color:var(--white);content:""}.midiExpandImage.small:before{letter-spacing:-3px;content:""}.midiExpandImage.large:before{letter-spacing:-3px;content:""}.tempoAndProgress{display:inline-block;width:60%;width:calc(100% - 190px);height:46px;vertical-align:top;flex:1;-webkit-flex:1}.tempoAndProgress.small{display:none}.tempoRow,.swingRow{display:flex;display:-webkit-flex;height:24px;vertical-align:top;flex-flow:flex-start;flex-wrap:nowrap}.tempoInput,.swingInput{vertical-align:top;padding:0;margin:8px 10px 0 0;color:var(--accent-input);height:8px;width:100%;flex:1;-webkit-flex:1}.tempoSettings{color:var(--white)}.tempoLabel,.swingLabel{text-align:right;padding-top:0;vertical-align:top;font-size:16px;width:60px;color:var(--gray-999);-webkit-flex:none;flex:none}.tempoTextField{margin:1px 6px 0;color:var(--gray-999);background-color:var(--gray-222);border:none;width:30px;text-align:center;font-size:16px;padding:0;height:18px}.swingOutput{display:inline-block;vertical-align:top;text-align:left;padding-top:0;font-size:16px;color:var(--gray-999);padding-left:8px;width:34px;-webkit-flex:none;flex:none}.swingSettings{color:var(--white)}.MIDIProgressRow{display:none}.MIDIProgressRow.large{display:block;margin-left:60px;display:flex;display:-webkit-flex;flex-flow:flex-start;flex-wrap:nowrap;white-space:nowrap;height:20px}.MIDIProgressRow.small{display:block;margin-left:8px;padding:0}.MIDIPlayTime{display:inline-block;width:130px;color:var(--gray-999);font-size:30px;margin-left:6px;padding-top:4px;text-align:left;line-height:40px;vertical-align:top;flex:none}.MIDIPlayTime.small{display:none}.MIDIProgress{width:85%;height:8px;font-size:0px}.MIDIProgress.small{width:80px}.MIDIProgress.large{margin-top:3px}#ABCSource{font-family:monospace;font-size:14px}button{cursor:pointer}.abcr{fill:transparent;fill-opactity:.25}.abcr.highlighted{fill:var(--highlight-color)!important;fill-opacity:.2}#GrooveDB_MetaData,#debugDisplayArea{background-color:var(--gray-ddd)}input[type=range]{-webkit-appearance:none;background:var(--gray-888);border-radius:8px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){input[type=range]{margin-top:0;background:var(--gray-222);height:24px}}@supports (-ms-accelerator:true){input[type=range]{margin-top:0;background:var(--gray-222);height:24px}}input[type=range]:before{color:var(--gray-888)}input[type=range]:after{color:var(--gray-444)}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:var(--gray-444);border-radius:6px;border:0px solid var(--near-black)}input[type=range]::-webkit-slider-thumb{border:1px solid var(--gray-444);height:18px;width:18px;border-radius:20px;background:var(--gray-888);cursor:pointer;-webkit-appearance:none;margin-top:-5px}input[type=range].touch::-webkit-slider-thumb{height:24px;width:24px;margin-top:-8px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--gray-666)}input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;background:var(--gray-444);border-radius:6px;border:0px solid var(--near-black)}input[type=range]::-moz-range-thumb{border:1px solid var(--gray-444);height:18px;width:18px;border-radius:20px;background:var(--gray-888);cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--gray-888);border:0px solid var(--near-black);border-radius:2.6px}input[type=range]::-ms-fill-upper{background:var(--gray-444);border:0px solid var(--near-black);border-radius:6px}input[type=range]::-ms-thumb{border:1px solid var(--gray-444);height:16px;width:16px;border-radius:18px;background:var(--gray-888);cursor:pointer;margin-top:0}input[type=range]:active::-moz-range-thumb{background:var(--white)}input[type=range]:active::-webkit-slider-thumb{background:var(--white)}@media print{body{margin:0;padding:0;border:0;background-color:transparent}div.newpage{page-break-before:always}div.nobrk{page-break-inside:avoid}.nonPrintable{display:none!important}}