.buttons-wrapper{height:73px}.buttons-container{display:flex;font-family:Open Sans,sans-serif;justify-content:center}.buttons{height:350px;margin-top:14px}.buttons,.buttons--section-b{display:flex;justify-content:flex-start;width:100%}.buttons--section-b{align-items:center;height:81px;z-index:1}button{background:#f8f8f8;border:1px solid #eee;border-radius:4px;color:#000;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:37px;margin-right:8px;padding:8px 14px;transition:.25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}button.active{background-color:#e4e4e4;border-color:#dadada}button:hover{border-color:#dadada;box-shadow:0 5px 10px rgba(0,0,0,.2)}.dropdown{position:relative;-webkit-user-select:none;user-select:none}.dropdown ul.active{display:block}.dropdown .dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;font-family:Open Sans,sans-serif;font-size:13px;left:1px;max-height:294px;overflow-y:scroll;position:absolute;z-index:4}.dropdown button{margin-bottom:0}.dropdown ::-webkit-scrollbar,.modal--load-samples::-webkit-scrollbar,.select-chord__key ::-webkit-scrollbar{width:12px}.dropdown ::-webkit-scrollbar-thumb,.modal--load-samples::-webkit-scrollbar-thumb,.select-chord__key ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border:2px solid #fff;border-radius:10px}.dropdown ::-webkit-scrollbar-track,.modal--load-samples::-webkit-scrollbar-track,.select-chord__key ::-webkit-scrollbar-track{background-color:#fff}.dropdown ::-webkit-scrollbar-track:hover,.modal--load-samples::-webkit-scrollbar-track:hover,.select-chord__key ::-webkit-scrollbar-track:hover{background-color:#f8f8f8}.dropdown .dropdown-content .name{padding-right:8px}.dropdown ul li:first-child{border-radius:4px 4px 0 0}.dropdown ul li:last-child{border-radius:0 0 4px 4px}.dropdown ul li{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 20px 10px 14px;text-align:center;white-space:nowrap}.dropdown ul li:hover{background-color:#e1e1e1}.dropdown ul li.active{background-color:#eee}.modal--load-samples{height:216px;overflow-y:auto}.open-sample{display:flex;list-style:none;padding:0}.open-sample div{align-items:center;cursor:pointer;display:flex;padding-right:20px}.modal--sample li:hover{background-color:#e1e1e1}.open-sample--name{overflow:hidden;padding:0 20px;width:100%}.open-sample--name span{overflow:hidden;padding:10px 0;text-overflow:ellipsis;white-space:nowrap}.open-sample--edit-icon{align-items:center;background-color:#eee;border-radius:15%;display:flex;height:26px;justify-content:center;line-height:0;-webkit-user-select:none;user-select:none;width:28px}.open-sample--edit-icon:hover{background-color:#fff}.play--button{align-items:center;display:flex}.play--button svg{height:13px;width:10px}.default__page__content ul{padding-bottom:0}.progression-name{align-items:center;background-color:#f8f8f8;border:1px solid #eee;border-radius:4px;display:flex;height:37px;overflow:hidden;width:100%}.progression-name span{color:#494949;font:600 14px Open Sans,sans-serif;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.buttons-container{-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}.buttons-container::-webkit-scrollbar{display:none}.progression-name{overflow:visible}}input[type=text].tempo,textarea.tempo{border:1px solid #eee;margin-bottom:0;outline:0;transition:all .3s ease-in-out}input[type=text].tempo{-webkit-appearance:none;appearance:none;background:#f8f8f8;border:1px solid #eee;border-radius:4px;color:#272927;font-family:Open Sans,sans-serif;font-size:14px;height:37px;margin-right:8px;text-align:center;width:60px}.add-chord{align-items:center;background-color:#fcfcfc;border:2px solid #e2e2e2;border-radius:5px;color:#4d4d4d;cursor:pointer;display:flex;font-size:1.6rem;height:80px;justify-content:center;margin:2px;transition:.3s;-webkit-user-select:none;user-select:none;width:36px}.add-chord:hover{background-color:#eee}.add-section{margin-left:0}.modal--content-single-line,input[type=text].modal--share-input{display:flex;justify-content:space-between;width:100%}input[type=text].modal--share-input{align-items:center;background-color:#e8f0fe;border:none;font-size:16px;height:40px;margin-right:10px;overflow:hidden;resize:none;white-space:nowrap}.modal--content-single-line .share-btn{border:1px solid #72ac51;outline:1px solid #72ac51}.modal--content-single-line .share-btn:hover{border:1px solid #5f9a43;outline:1px solid #5f9a43}.modal--content{height:170px;padding-bottom:25px}.modal--notifications-container{display:flex;justify-content:center}.modal--notifications{height:50px;position:absolute;top:-40px;width:100%}.modal--notifications .error-message{background-color:#f8e0e0;border:1px solid #db4437;border-radius:4px;color:#db4437;font-size:15px;margin:0 20px;padding:10px;position:absolute}.modal--notifications .success-message{background-color:#e8f5e9;border:1px solid #0f9d58;border-radius:4px;color:#0f9d58;font-size:15px;margin:0 20px;padding:10px;position:absolute}.error-message,.success-message{opacity:0;top:0;transition:visibility 0s,opacity .5s linear;visibility:hidden}.error-message.animate,.success-message.animate{opacity:1;top:55px;transition:top .5s ease-out,visibility 0s,opacity .5s linear;visibility:visible}.wave{width:30px}.Line_1{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:.15s;animation-delay:.15s}.Line_2{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.Line_3{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:.45s;animation-delay:.45s}.Line_4{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}.Line_5{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.Line_6{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:.9s;animation-delay:.9s}.Line_7{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:1.05s;animation-delay:1.05s}.Line_8{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}.Line_9{-webkit-animation:pulse .6s infinite;animation:pulse .6s infinite;-webkit-animation-delay:1.35s;animation-delay:1.35s}@-webkit-keyframes pulse{0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes pulse{0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#72ac51}input:focus+.slider{box-shadow:0 0 1px #72ac51}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@font-face{font-family:Opus Chords Std;font-style:normal;font-weight:400;src:url(/files/scripts/chord-player/static/media/OpusChordsStd.6e24e53467c24cc2caa2.otf) format("truetype")}#chord-player{position:relative}.sequencer{background-color:#ebebeb;border-radius:5px;display:flex;flex-wrap:wrap;padding:3px;position:relative;width:100%}.sequencer ul{display:flex;width:100%;z-index:3}.sequencer li{align-items:center;color:#4d4d4d;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:auto;outline:none;padding:2px;transition:.3s;-webkit-user-select:none;user-select:none;width:auto;z-index:3}.sequencer li>div{align-items:center;background-color:#fcfcfc;border:2px solid #e2e2e2;border-radius:5px;display:flex;flex-shrink:1!important;height:100%;overflow:hidden;position:relative;transition:.2s ease-out;width:100%}.sequencer li>div:hover{background-color:#f3f3f3}.sequencer li .lines{bottom:0;display:flex;justify-content:space-between;left:0;padding:0 13px;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.sequencer li .lines span{color:#ddd;display:inline-flex;height:15px;justify-content:center;overflow:hidden;width:100%}.sequencer--cell{overflow:hidden}.sequencer--cell.active>div{background-color:#909090;color:#f8f8f8}.sequencer--cell.active>div:hover{background-color:grey;color:#f8f8f8}.sequencer--cell.active svg{stroke:#f8f8f8}.sequencer--cell--text svg{stroke:#4d4d4d;transition:.3s}.sequencer--cell--text .accidentals{line-height:0;padding-right:1px}.sequencer--cell--text{padding-left:6px;-webkit-user-select:none;user-select:none}.sequencer--cell--text sup{font-size:.7em;margin-left:1px;vertical-align:-.04em}.sequencer--cell-duration-2 sup{font-size:.6em;vertical-align:.16em}.sequencer--cell--content,.sequencer--cell--text{line-height:1.4;vertical-align:middle;white-space:nowrap;width:100%}.sequencer--cell--draggable{align-items:center;background:transparent;display:flex;height:100%;opacity:.3;position:absolute;width:100%}.sequencer--cell--draggable.dragging{background:repeating-linear-gradient(320deg,#d3d3d3,#d3d3d3 5px,#a9a9a9 0,#a9a9a9 10px)}.handle{height:100%;width:100%}.handle.handle-2,.handle.handle-3{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 18 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M7 0v6.006H5.979V2.54L0 8.012l5.979 5.461V9.995H7V16h3.981V9.994h1.058v3.467L18 7.988l-5.961-5.461v3.478h-1.058V0H7Z' fill='%23FFF'/%3E%3Cpath d='m16.34 7.989-3.32-3.223V7.02H10V1.06h-.02v-.02H8.04v6H4.98V4.76L1.66 8.01l3.32 3.225V8.98h3.06v6H10v-6h3.02v2.259l3.32-3.251Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") 12 12,ew-resize}.handle.handle-1:hover{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 18 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0v16h3.98V9.994h1.06v3.467L11 7.988 5.04 2.527v3.478H3.98V0H0Z' fill='%23FFF'/%3E%3Cpath d='M3 14.98v-6h3.02v2.26l3.32-3.252-3.32-3.223V7.02H3v-6H1.02v13.96H3Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") 5 12,ew-resize}.handle.handle-4:hover{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 18 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M7.02 0v6.006H6V2.14L0 8.012l6 5.89V9.995h1.02V16H11V0H7.02Z' fill='%23FFF'/%3E%3Cpath d='M8 1v6H4.98V4.76L1.66 8.011l3.32 3.223V8.98H8v6h1.98V1H8Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") 12 12,ew-resize}.handle--resizer{height:100%;width:100%}.handle--line{background-color:#909090;border-radius:10px;height:90%;opacity:0;position:absolute;right:10px;top:5%;transition:.5s ease-in;width:4px}.sequencer--cell:hover .handle--line{opacity:1}.sequencer--circle-counter{align-items:center;background-color:#fff;border-radius:50%;bottom:60px;box-shadow:0 3px 5px 3px rgba(0,0,0,.2);color:#555;cursor:pointer;display:flex;font-size:1.1rem;height:35px;justify-content:center;position:absolute;right:-5px;transition:.7s;-webkit-user-select:none;user-select:none;width:35px;z-index:4}.sequencer--circle-counter:hover{background-color:#e4e4e4;color:#151515}.accidentals,.accidentals-select{font-family:Opus Chords Std}.accidentals-select{font-size:1.1rem}.ReactModalPortal{z-index:101}.modal--button-red{background-color:#db4437;color:#fff}.modal--button-red:hover{background-color:#bc3c31}.modal--button-green{background-color:#72ac51;color:#fff}.modal--button-green:hover{background-color:#5f9a43}.modal--buttons,.modal--duration,.modal--select-chord{align-items:center;display:flex;padding:0 20px}.modal--buttons,.modal--select-chord{height:85px}.modal--duration{height:50px;justify-content:end}.modal--buttons{justify-content:space-between}.modal--text{color:#4e5056;font-size:1.2rem;font-weight:700}.modal--confirm-btn{background-color:#72ac51;height:40px;line-height:0;margin:0;padding:0;transition:.3s;width:40px}.modal--confirm-btn:hover{background-color:#5f9a43}.modal--confirm-btn.inactive{background-color:#bfbfbf;box-shadow:none;color:#b3b3b3;cursor:not-allowed}.modal--confirm-btn.inactive:hover{background-color:#acacac}.modal--cancel-btn{background-color:#db4437;height:40px;line-height:0;margin:0;padding:0;transition:.3s;width:40px}.modal--cancel-btn:hover{background-color:#bc3c31}.modal--input{border:none;border-radius:4px;box-sizing:border-box;color:#333;font-family:Open Sans,sans-serif;font-size:16px;outline:1px solid #ebebeb;width:80%}.modal--input[type=text]{background-color:#e8f0fe;height:40px;padding:10px}.modal--input[type=text].invalid{background-color:#f8e0e0;border:1px solid #db4437}.modal--input[type=text]:focus.invalid,.modal--input[type=text]:hover.invalid{outline:1px solid #db4437}.modal--sample-title{align-items:center;border-bottom:1px solid rgba(0,0,0,.085);color:#4d4d4d;display:flex;font-weight:700;height:45px;justify-content:space-between;padding-left:20px;-webkit-user-select:none;user-select:none}.modal--sample-save section{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:0 20px}.modal--sample-save .modal--warning{height:40px;opacity:0;transition:.3s;visibility:hidden}.modal--sample-save .modal--warning-display{opacity:1;visibility:visible}.modal--sample main{display:flex;flex-direction:column;height:170px;justify-content:space-between;padding:20px}.modal--content p,.modal--sample main p{font-size:1em;line-height:24px;text-align:left}.modal--sample-buttons{align-items:center;display:flex;justify-content:space-between;width:100%}.modal--sample-buttons button{font-size:15px;margin-right:0}.modal--sample-edit-input{align-items:center;display:flex;height:100px;justify-content:space-around;padding:0 20px;width:100%}.modal--sample-edit-input input{width:100%}.modal--sample-edit{align-items:center;display:flex;height:70px;justify-content:space-between;padding:0 20px}.select-chord{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.select-chord__root{width:80px}.select-chord__accidentals{margin:0 5px;width:80px}.select-chord__key{width:135px}.duration--buttons{align-items:center;display:flex;justify-content:space-around}.duration--buttons button{align-items:center;color:#666;display:flex;font-size:1.3rem;font-weight:700;height:40px;justify-content:center;line-height:0;margin-right:0;padding:0;width:40px}.duration--buttons button:disabled,.duration--buttons button[disabled]{box-shadow:none;cursor:not-allowed;opacity:.6}.duration--buttons span{color:#777;font-size:1.2rem;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:100px}.modal--select-instrument{border-bottom:1px solid rgba(0,0,0,.085)}.select-instrument{height:90px;padding:0 20px}.audio-wave-wrapper,.select-instrument{align-items:center;display:flex;justify-content:space-between}