.header{position:fixed;top:0;right:0;margin:2rem;display:flex;gap:1rem}@media(max-width:768px){.header{flex-direction:column-reverse}}.header__icon{opacity:.3;cursor:pointer}.header__icon:hover{opacity:.5}.header__icon--active{opacity:1!important}.header svg{width:2rem;height:2rem;display:block}.overlay{display:none;position:fixed;height:100%;width:100%;top:0;left:0;justify-content:center;align-items:center;z-index:1;background-color:#000;overflow:auto}.overlay__close{position:fixed;top:0;right:0;margin:2rem;cursor:pointer}.overlay__close svg{width:2rem;height:2rem}.overlay__container{max-width:800px;padding:4rem 2rem;margin:auto}.sound{display:flex;flex-direction:column;align-items:center;gap:1rem}.sound__icon{opacity:.3;cursor:pointer}.sound__icon:hover{opacity:.5}.sound__icon svg{width:18vw;height:18vw;max-width:100px;max-height:100px;display:block}.sound__icon svg path{fill:#fff}.sound--active .sound__icon{opacity:1}.sound audio{display:none}.sound__volume{visibility:visible}.sound__volume--hidden{visibility:hidden}input[type=range]{height:22px;-webkit-appearance:none;width:100%;max-width:130px;background:none}@media(max-width:768px){input[type=range]{max-width:100px}}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;box-shadow:0 0 0 #000;background:#fff;border-radius:50px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:0 solid #fff;height:18px;width:18px;border-radius:50px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;box-shadow:0 0 0 #000;background:#fff;border-radius:50px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:0 solid #fff;height:18px;width:18px;border-radius:50px;background:#fff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#fff;border:0 solid #000;border-radius:100px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:0 solid #fff;height:18px;width:18px;border-radius:50px;background:#fff;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#fff}.sound-list{display:grid;grid-template-columns:auto auto auto;row-gap:5rem;margin:auto;padding:4rem;max-width:800px}@media(max-width:768px){.sound-list{grid-template-columns:auto auto;row-gap:3rem}}html{font-size:16px;color:#fff;background-color:#000;display:flex;height:100%}@media(max-width:768px){html{font-size:14px}}body{margin:auto;width:100%}a{color:#fff}