.Header_header{
    color:#fff
}
.Header_header .Header_titleWrapper{
    margin-bottom:.3rem;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff
}
.Header_header .Header_titleWrapper h1{
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:.3em;
    font-size:2.2rem;
    text-align:center
}
.Header_header h2{
    text-align:center;
    font-size:1rem;
    font-weight:400;
    /*font-style:italic;*/
    margin:0
}
.Footer_footer{
    text-align:center;
    font-size:.8rem;
    font-weight:400;
    color:#fff
}
.Footer_footer a{
    text-decoration:none;
    font-weight:400;
    color:#fff
}
.SoundsGrid_wrapper{
    padding:2rem 0
}
.SoundsGrid_grid{
    grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
    grid-row-gap:5rem;
    row-gap:5rem;
    grid-column-gap:5rem;
    -moz-column-gap:5rem;
    column-gap:5rem;
    display:grid;
    margin:0 auto;
    max-width:1060px
}
.SoundWidget_widget{
    background:#fff;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    padding:1rem;
    align-items:center;
    width:200px;
    height:200px;
    margin:0 auto;
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}
.SoundWidget_widget .SoundWidget_title{
    color:#000;
    font-weight:400;
    text-align:center;
    font-size:1.3rem;
    margin:0
}
.SoundWidget_widget .SoundWidget_attribution{
    margin:0
}
.SoundWidget_widget .SoundWidget_attribution a{
    color:#dfdfdf;
    cursor:pointer;
    text-decoration:none
}
.SoundWidget_widget .SoundWidget_controls{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    flex:1 1
}
.SoundWidget_widget .SoundWidget_controls .SoundWidget_playWrapper{
    flex:1 0 auto;
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;
    margin-bottom:1rem;
	
	margin-bottom: .5rem;
	
    cursor:pointer;
    border:0;
    background:#fff
}
.SoundWidget_widget .SoundWidget_controls .SoundWidget_playWrapper .SoundWidget_playPause{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:3rem;
    color:#d8737f
}
.SoundWidget_widget .SoundWidget_controls .SoundWidget_volumeSliderWrapper{
    width:100%;
    display:flex;
    align-items:center
}
.SoundWidget_widget .SoundWidget_controls .SoundWidget_volumeSliderWrapper.SoundWidget_disabled{
    opacity:.8;
    pointer-events:none
}
.SoundWidget_widget .SoundWidget_controls .SoundWidget_volumeSliderWrapper input{
    margin-left:.5rem;
    width:100%;
    height:5px
}
.SoundWidget_widget .SoundWidget_controls .SoundWidget_volumeSliderWrapper .SoundWidget_volumeIcon{
    cursor:pointer;
    color:#d8737f;
    border:0;
    background:#fff
}
@-webkit-keyframes SoundWidget_quiet{
    25%{
        transform:scaleY(.6)
    }
    50%{
        transform:scaleY(.4)
    }
    75%{
        transform:scaleY(.8)
    }
}
@keyframes SoundWidget_quiet{
    25%{
        transform:scaleY(.6)
    }
    50%{
        transform:scaleY(.4)
    }
    75%{
        transform:scaleY(.8)
    }
}
@-webkit-keyframes SoundWidget_normal{
    25%{
        transform:scaleY(1)
    }
    50%{
        transform:scaleY(.4)
    }
    75%{
        transform:scaleY(.6)
    }
}
@keyframes SoundWidget_normal{
    25%{
        transform:scaleY(1)
    }
    50%{
        transform:scaleY(.4)
    }
    75%{
        transform:scaleY(.6)
    }
}
@-webkit-keyframes SoundWidget_loud{
    25%{
        transform:scaleY(1)
    }
    50%{
        transform:scaleY(.4)
    }
    75%{
        transform:scaleY(1.2)
    }
}
@keyframes SoundWidget_loud{
    25%{
        transform:scaleY(1)
    }
    50%{
        transform:scaleY(.4)
    }
    75%{
        transform:scaleY(1.2)
    }
}
.SoundWidget_waveContainer{
    display:flex;
    justify-content:space-between;
    height:64px;
	
	height: 34px;
	
    --boxSize:8px;
    --gutter:4px;
    width:calc((var(--boxSize) + var(--gutter))*5)
}
.SoundWidget_waveContainer .SoundWidget_wave{
    transform:scaleY(.4);
    height:100%;
    width:var(--boxSize);
    background:#fcbb6d;
	
	background: #475c7a85;
	
    -webkit-animation-duration:1.9s;
    animation-duration:1.9s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:8px
}
.SoundWidget_waveContainer .SoundWidget_wave1{
    -webkit-animation-name:SoundWidget_quiet;
    animation-name:SoundWidget_quiet
}
.SoundWidget_waveContainer .SoundWidget_wave2{
    -webkit-animation-name:SoundWidget_normal;
    animation-name:SoundWidget_normal
}
.SoundWidget_waveContainer .SoundWidget_wave3{
    -webkit-animation-name:SoundWidget_quiet;
    animation-name:SoundWidget_quiet
}
.SoundWidget_waveContainer .SoundWidget_wave4{
    -webkit-animation-name:SoundWidget_loud;
    animation-name:SoundWidget_loud
}
.SoundWidget_waveContainer .SoundWidget_wave5{
    -webkit-animation-name:SoundWidget_quiet;
    animation-name:SoundWidget_quiet
}