.soundsContainer{max-width:800px;margin:2rem auto;padding:1rem;background:#1a1a1a;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column}.soundsContainer .new{order:-1}.volumeControl{background:#2a2a2a;padding:1rem;border-radius:8px;margin-bottom:1.5rem;max-width:400px;margin:2rem auto}.volumeControl .volBox{display:flex;flex-direction:column;gap:.5rem}.volumeControl .volBox .volCon{display:flex;align-items:center;gap:1rem}.volumeControl .volBox .volCon input[type=range]{flex:1;height:6px;border-radius:3px;background:#444}.volumeControl .volBox .volCon input[type=number]{width:60px;padding:.25rem;border-radius:4px;background:#333;color:#fff;border:1px solid #444;-webkit-appearance:none;margin:0}.volumeControl .volBox .volCon input[type=number]::-webkit-inner-spin-button,.volumeControl .volBox .volCon input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sound{display:grid;grid-template-columns:2fr 1fr auto auto;gap:1rem;padding:1rem;border-radius:8px;background:#2a2a2a;margin-bottom:.5rem;transition:transform .2s;letter-spacing:1px}.sound:hover{transform:translateX(4px)}.sound.new{position:relative;border:1px solid #4caf50;box-shadow:inset 2px -2px 20px 50px rgba(76,175,111,.1607843137)}.sound.new::after{content:"NOVÉ";position:absolute;top:-10px;right:-10px;background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.sound .name{font-weight:500;color:#fff;word-break:break-word;font-weight:bold}.sound .price{color:#fff;font-weight:bold;display:flex;flex-direction:column;justify-content:center;gap:5px}.sound .price .priceItem{display:flex;align-items:center}.sound .price .priceItem img{height:16px;margin-right:6px}.sound .price .bitsLabel,.sound .price .kicksLabel,.sound .price .donateLabel{margin-left:4px;color:#888}.sound .play-btn,.sound .copyBtn{background:#333;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.sound .play-btn:hover,.sound .copyBtn:hover{background:#444}.sound .play-btn i,.sound .copyBtn i{font-size:1.2rem;color:#fff}@media(max-width: 600px){.sound{grid-template-columns:1fr;text-align:center;gap:.5rem}.sound .preview,.sound .copyBtn{justify-content:center}.sound .price{justify-content:space-evenly;flex-direction:row}.sound .play-btn,.sound .copyBtn{width:100%;height:45px}.volumeControl{margin:1rem}}/*# sourceMappingURL=sounds.css.map */