*, ::before, ::after  {
    box-sizing: border-box;
}
@keyframes loading  {
    0%  {
        background: #969696;
    }
    to  {
        background: rgba(150,150,150,.5);
    }
}
@keyframes loading2  {
    0%,to  {
        opacity: .2;
    }
    20%  {
        opacity: 1;
    }
}

.button {
    font-weight: bold;
	color: #006AD6;
	font-size: 16px;
	text-decoration: underline;
}

.upload-button-bottoom-text {
    margin-top:12px;
    font-size:15px
}
.loading-circled,.loading-circled:after,.loading-circled:before {
    border-radius:50%;
    width:8px;
    height:8px;
    background:#969696
}
.loading-circled {
    margin-top:20px;
    margin-bottom:20px;
    margin-left:47%;
    animation:loading .7s infinite alternate;
    animation-delay:-.35s
}
.loading-circled:after,.loading-circled:before {
    position:absolute;
    content:'';
    animation:loading .7s infinite alternate
}
.loading-circled:before {
    margin-left:13px
}
.loading-circled:after {
    margin-left:31px;
    animation-delay:.35s
}
#pitch-status,.upload-button-v2 {
    width:100%;
    color:#555;
    text-align:center;
    font-size:19px
}
.upload-button-v2 {
    margin-top:-30px;
    cursor:pointer
}
.upload-button-v2.drag-hover i,.upload-button-v2:hover i {
    transition:.3s;
    color:#68b0f8!important
}
.upload-button-v2 i {
    transition:.3s;
    color:#ccc;
    font-size:90px;
    margin-bottom:12px
}
.pitch-slider-back,.pitch-slider-fill {
    position:absolute;
    height:6px
}
.pitch-slider-back {
    margin-top:9px
}
.pitch-slider {
    position:relative;
    width:100%;
    height:24px;
    cursor:pointer;
}
.pitch-slider-back {
    width:102%;
    background:#fbfbfb;
}
.pitch-slider-fill {
    width:100%;
    display:inline-block;
    background:#006AD6;
    margin-top:10px;
}
.pitch-slider-fill.animate {
    transition:.2s
}
.pitch-slider-fill:after,.pitch-trackbar-slider:after {
    content:'';
    position:absolute;
    display:inline-block;
    margin-top:-8px;
    margin-left:100%;
    width:6px;
    height:22px;
    background:#006AD6;
    transition:.3s
}
.pitch-slider-fill:hover:after,.pitch-trackbar-slider:hover:after {
    transform:scale(1.15);
    border-color:#006AD6;
    transition:.15s
}
#pitch-maintain-tempo,#pitch-play,.switch,label {
    cursor:pointer
}
.switch {
    display:inline-block;
    border:1px solid #bbb;
    padding:5px 7px;
    margin-right:3px;
    text-align:center;
    min-width:25px;
	border-radius: 20px;
}
.switch.act {
    border-color:#006AD6;
    border-width: 2px;
    cursor:default
}
#pitch-player i:hover,.switch:hover {
    opacity:.9
}
#pitch-player {
    box-sizing:border-box;
    width:98.2%;
    margin-right:0px;
    margin-top:6px;
    background-color:#777;
    padding:4px 22px 8px 85px;
    display:inline-block;
	border-radius: 4px;
}
.pitch-trackbar-back,.pitch-trackbar-slider {
    position:absolute;
    margin-top:8px;
    height:8px
}
.pitch-trackbar {
    position:relative;
    width:94%;
    margin-left:-12px;
    height:24px;
    cursor:pointer;
    -webkit-touch-callout:none;
    margin-top:3px
}
.pitch-trackbar-back {
    width:101%;
    background:#ddd
}
.pitch-trackbar-slider {
    width:0%;
    display:inline-block;
    background:#006AD6
}
#pitch-play {
    position:absolute;
    margin-left:-75px;
    margin-top:6px
}
#pitch-playtime {
    position:absolute;
    margin-left:-50px;
    margin-top:8px;
    color: white
}
#pitch-player i {
    color:#fff;
    font-size:20px
}
#upload-button-processing-text {
    margin-top:0px
}
#pitch-player input[type=range]::-webkit-slider-thumb {
    box-shadow:1px 1px 1px transparent,0 0 1px transparent;
    border:0;
    height:12px;
    width:12px;
    border-radius:6px;
    background:#4285f4;
    margin-top:-5px
}
#pitch-player input[type=range]::-webkit-slider-runnable-track {
    background:#9f9f9f
}
#pitch-dl:not(.disabled)>#pitch-dl-t2 {
    display:none
}
#pitch-dl.disabled>#pitch-dl-t1 {
    display:none
}
#pitch {
    user-select:none;
    -webkit-touch-callout:none;
    -moz-user-select:none
}
#pitch-step-2.disabled {
    opacity:.2;
    pointer-events:none
}
#pitch-step-2.disabled-2 * {
    opacity:.5;
    pointer-events:none
}
.pitch-slider-label-wr {
    margin:8px 0 30px;
    width:102%;
    font-size:1.04em
}
.pitch-slider-label {
    text-align:center
}
.pitch-slider-label-left {
    float:left;
}
.pitch-slider-label-right {
    float:right;
    text-align:right
}
.pitch-slider-label-center {
    text-align:center
}
.pitch-slider-wr {
    width:96%;
    margin:22px 0 14px
}
.pitch-input {
    border:0;
    width:50px;
    padding:1px 2px;
    position:absolute;
    z-index:2;
    margin:-2px 2px
}
.pitch-input.positive {
    padding-left:9px
}
.pitch-value-formatted {
    padding-left:4px;
    padding-right:1px;
    cursor:text
}
.pitch-value-formatted.fixed-width {
    display:inline-block;
    width:32px
}
.zero-opacity {
    opacity:0
}
#pitch-pitch-slider>.pitch-slider-fill {
    transition:.04s
}
.invisible {
    display:none!important
}
.play-pause-btn {
    height:20px;
    width:20px;
    cursor: pointer;
    position:relative;
    display:block
}
.play-pause-btn:hover path {
    fill: #595959;
}
.play-pause-btn .open path {
    fill:#ffa204;
    fill:#006AD6;
}
.pitch-slider-label-click {
    cursor:pointer
}
.ulsd {
    cursor:pointer
}
.pitch-no-track-bar:after {
    content:unset
}
*, ::before, ::after  {
    box-sizing: border-box;
}
@keyframes loading  {
    0%  {
        background: #969696;
    }
    to  {
        background: rgba(150,150,150,.5);
    }
}
@keyframes loading2  {
    0%,to  {
        opacity: .2;
    }
    20%  {
        opacity: 1;
    }
}

.upload-button-bottoom-text {
    margin-top:12px;
    font-size:15px
}
.loading-circled,.loading-circled:after,.loading-circled:before {
    border-radius:50%;
    width:8px;
    height:8px;
    background:#969696
}
.loading-circled {
    margin-top:20px;
    margin-bottom:20px;
    margin-left:47%;
    animation:loading .7s infinite alternate;
    animation-delay:-.35s
}
.loading-circled:after,.loading-circled:before {
    position:absolute;
    content:'';
    animation:loading .7s infinite alternate
}
.loading-circled:before {
    margin-left:13px
}
.loading-circled:after {
    margin-left:31px;
    animation-delay:.35s
}
#pitch-status,.upload-button-v2 {
    width:100%;
    color:#555;
    text-align:center;
    font-size:19px
}
.upload-button-v2 {
    margin-top:-30px;
    cursor:pointer
}
.upload-button-v2.drag-hover i,.upload-button-v2:hover i {
    transition:.3s;
    color:#68b0f8!important
}
.upload-button-v2 i {
    transition:.3s;
    color:#ccc;
    font-size:90px;
    margin-bottom:12px
}
.pitch-slider-back,.pitch-slider-fill {
    position:absolute;
}
.pitch-slider-back {
    margin-top:9px
}
.pitch-slider {
    position:relative;
    width:100%;
    height:24px;
    cursor:pointer
}
.pitch-slider-back {
    width:102%;
    background:#fbfbfb;
}
.pitch-slider-fill {
    width:100%;
    display:inline-block;
    background:#006AD6;
    margin-top:10px
}
.pitch-slider-fill.animate {
    transition:.2s
}
.pitch-slider-fill:after,.pitch-trackbar-slider:after {
    content:'';
    position:absolute;
    display:inline-block;
    margin-top:-8px;
    margin-left:100%;
    width:6px;
    height:22px;
    background:#006AD6;
    transition:.3s
}
.pitch-slider-fill:hover:after,.pitch-trackbar-slider:hover:after {
    transform:scale(1.15);
    transition:.15s
}
#pitch-maintain-tempo,#pitch-play,.switch,label {
    cursor:pointer
}
.switch {
    display:inline-block;
    padding:5px 7px;
    margin-right:3px;
    text-align:center;
    min-width:25px
}
.switch.act {
    cursor:default
}
#pitch-player i:hover,.switch:hover {
    opacity:.9
}
#pitch-player {
    box-sizing:border-box;
    width:98.2%;
    margin-right:0px;
    margin-top:6px;
    background-color:#777;
    padding:4px 22px 8px 85px;
    display:inline-block;
	border-radius: 4px;
}
.pitch-trackbar-back,.pitch-trackbar-slider {
    position:absolute;
    margin-top:8px;
    height:8px
}
.pitch-trackbar {
    position:relative;
    width:94%;
    margin-left:-12px;
    height:24px;
    cursor:pointer;
    -webkit-touch-callout:none;
    margin-top:3px
}
.pitch-trackbar-back {
    width:101%;
    background:#ddd
}
.pitch-trackbar-slider {
    width:0%;
    display:inline-block;
    background:#006AD6
}
#pitch-play {
    position:absolute;
    margin-left:-75px;
    margin-top:6px
}
#pitch-playtime {
    position:absolute;
    margin-left:-50px;
    margin-top:8px;
    color: white
}
#pitch-player i {
    color:#fff;
    font-size:20px
}
#upload-button-processing-text {
    margin-top:0px
}
#pitch-player input[type=range]::-webkit-slider-thumb {
    box-shadow:1px 1px 1px transparent,0 0 1px transparent;
    border:0;
    height:12px;
    width:12px;
    border-radius:6px;
    background:#4285f4;
    margin-top:-5px
}
#pitch-player input[type=range]::-webkit-slider-runnable-track {
    background:#9f9f9f
}
#pitch-dl:not(.disabled)>#pitch-dl-t2 {
    display:none
}
#pitch-dl.disabled>#pitch-dl-t1 {
    display:none
}
#pitch {
    user-select:none;
    -webkit-touch-callout:none;
    -moz-user-select:none
}
#pitch-step-2.disabled {
    opacity:.2;
    pointer-events:none
}
#pitch-step-2.disabled-2 * {
    opacity:.5;
    pointer-events:none
}
.pitch-slider-label-wr {
    margin:8px 0 30px;
    width:102%;
    font-size:1.04em
}
.pitch-slider-label {
    text-align:center
}
.pitch-slider-label-left {
    float:left;
}
.pitch-slider-label-right {
    float:right;
    text-align:right
}
.pitch-slider-label-center {
    text-align:center
}
.pitch-slider-wr {
    width:96%;
    margin:22px 0 14px
}
.pitch-input {
    border:0;
    width:50px;
    padding:1px 2px;
    position:absolute;
    z-index:2;
    margin:-2px 2px
}
.pitch-input.positive {
    padding-left:9px
}
.pitch-value-formatted {
    padding-left:4px;
    padding-right:1px;
    cursor:text
}
.pitch-value-formatted.fixed-width {
    display:inline-block;
    width:32px
}
.zero-opacity {
    opacity:0
}
#pitch-pitch-slider>.pitch-slider-fill {
    transition:.04s
}
.invisible {
    display:none!important
}
.play-pause-btn {
    height:20px;
    width:20px;
    cursor: pointer;
    position:relative;
    display:block
}
.play-pause-btn:hover path {
    fill: #595959;
}
.play-pause-btn .open path {
    fill:#ffa204;
    fill:#006AD6;
}
.pitch-slider-label-click {
    cursor:pointer
}
.ulsd {
    cursor:pointer
}
.pitch-no-track-bar:after {
    content:unset
}