.audio-upload-progress {
  height: 172px;
}
.audio-post-wrapper .bg-f9 {
    background-color: #F9F9F9;
}
.audio-post-wrapper .flex-vert-end {
    align-items: flex-end; 
}
.audio-post-wrapper .scale-on-hover:hover svg {
  transform: scale(1.1);
  transition: .2s all linear; 
}
.audio-post-wrapper .max-w-600 {
    max-width: 600px;
}
.audio-post-wrapper .br-r-8 {
    border-radius: 8px !important;
}
.audio-post-wrapper .w-h-6 {
    width: 6px;
    height: 6px;
}
@media(min-width: 768px) {
    .audio-post-wrapper .w-h-140 {
        width: 140px !important;
        height: 140px !important;
        min-height: auto !important;
    }
}
.audio-post-wrapper .start-anim {
    opacity: 1;
    animation-name: fadeInfinite;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
}
@keyframes fadeInfinite {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.audio-post-wrapper .pholder-post::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #262626;
    opacity: 0.3 !important;
}
.audio-post-wrapper .pholder-post::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #262626;
    opacity: 0.3 !important;
}
.audio-post-wrapper .pholder-post::-ms-input-placeholder { /* Mozilla Firefox 19+ */
    color: #262626;
    opacity: 0.3 !important;
}

.audio-post-wrapper .pholder-heavy::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Avenir Heavy', sans-serif !important;
}
.audio-post-wrapper .pholder-heavy::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Avenir Heavy', sans-serif !important;
}
.audio-post-wrapper .pholder-heavy::-ms-input-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Avenir Heavy', sans-serif !important;
}

.audio-post-wrapper .pholder-roman::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Avenir Roman', sans-serif !important;
}
.audio-post-wrapper .pholder-roman::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Avenir Roman', sans-serif !important;
}
.audio-post-wrapper .pholder-roman::-ms-input-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Avenir Roman', sans-serif !important;
}

.audio-post-wrapper .cursor-auto {
    cursor: auto;
}
.audio-post-wrapper .bg-purple {
    background-color: #7E4BF1;
}

/* RAnge */
.audio-post-wrapper input[type="range"] {
position: relative;
-webkit-appearance: none;
width: 100%;
margin: 0;
padding: 0;
height: 3px;
outline: none;
border-radius: 8px;
}
.audio-post-wrapper input[type="range"]::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: var(--seek-before-width);
height: 3px;
background-color: white;
cursor: pointer;
}
.audio-post-wrapper input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.25);
}
.audio-post-wrapper input[type="range"]::-webkit-slider-thumb {
position: relative;
-webkit-appearance: none;
box-sizing: content-box;
border: 1px solid #fff;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
margin: -7px 0 0 0;
}
.audio-post-wrapper input[type="range"]:active::-webkit-slider-thumb {
transform: scale(1.2);
background: #fff;
}
.audio-post-wrapper input[type="range"]::-moz-range-track {
width: 100%;
height: 3px;
cursor: pointer;
background: rgba(255, 255, 255, 0.25);
}
.audio-post-wrapper input[type="range"]::-moz-range-progress {
background-color: #fff;
}
.audio-post-wrapper input[type="range"]::-moz-focus-outer {
border: 0;
}
.audio-post-wrapper input[type="range"]::-moz-range-thumb {
box-sizing: content-box;
border: 1px solid #fff;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
}
.audio-post-wrapper input[type="range"]:active::-moz-range-thumb {
transform: scale(1.2);
background: #fff;
}
.audio-post-wrapper input[type="range"]::-ms-track {
width: 100%;
height: 3px;
cursor: pointer;
background: transparent;
border: solid transparent;
color: transparent;
}
.audio-post-wrapper input[type="range"]::-ms-fill-lower {
background-color: #fff;
}
.audio-post-wrapper input[type="range"]::-ms-fill-upper {
background: rgba(255, 255, 255, 0.25);
}
.audio-post-wrapper input[type="range"]::-ms-thumb {
box-sizing: content-box;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
border: 1px solid #fff;
}
.audio-post-wrapper input[type="range"]:active::-ms-thumb {
transform: scale(1.2);
background: white;
}
/* /.. Range */

.audio-post-wrapper .bmc-radio-black input[type="radio"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: white;
/* Not removed via appearance */
margin: 0;

font: inherit;
color: currentColor;
width: 1.15em;
height: 1.15em;
border: 0.15em solid currentColor;
border-radius: 50%;
transform: translateY(-0.075em);

display: grid;
place-content: center;
}

.audio-post-wrapper .bmc-radio-black input[type="radio"]::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #000;
/* Windows High Contrast Mode */
background-color: green;
}

.audio-post-wrapper .bmc-radio-black input[type="radio"]:checked::before {
transform: scale(1);
}

.audio-post-wrapper .bmc-radio-black input[type=radio]:focus {
outline: 0;
}

.audio-post-wrapper .border-3-fff {
border: 3px solid #fff;
}
.audio-post-wrapper .max-w-500 {
max-width: 500px
}
.audio-post-wrapper .bmc-black-input, .audio-post-wrapper .bmc-black-input:hover {
background: #fff;
padding: 10px;
height: 40px;
border: 1px solid #000;
}
#rec-screen .back-to-choose {
    padding-left: 0;
}
@media(min-width: 768px) {
    .audio-post-wrapper .modal-500 .modal-dialog {
        width: 500px;
    }
    #player-screen .back-to-choose {
        padding-left: 6.5px;
    }
    .back-to-choose {
        padding-top: 0.5px;
    }
}
@media(max-width: 767px) {
    .audio-post-wrapper .w-h-140 {
        width: 100px !important;
        height: 100px !important;
        min-height: auto !important;
    }
    #player-screen .back-to-choose {
        padding-left: 5.5px;
    }
    .back-to-choose {
        padding-top: 1px;
        width: 20px;
        height: 20px;
    }
}
.white-loader {
    display: block;
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: loaderspin 1s ease-in-out infinite;
    -webkit-animation: loaderspin 1s ease-in-out infinite;
}
@keyframes loaderspin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes loaderspin {
    to { -webkit-transform: rotate(360deg); }
}
.border-dashed {
    border-style: dashed;
    border-width: 1px;
}
.border-grey {
    border-color: #717171;
}
.hover-red-btn:hover {
    transition: 0.2s all linear;
    box-shadow: 0px 8px 18px -6px rgba(238, 82, 82, 0.12), 0px 12px 42px -4px rgba(238, 82, 82, 0.12);
}
 
@media (max-width: 767px) {
    .home-audio .xs-w-h-36 {
        width: 36px;
        height: 36px;
    }
}