@media only screen and (min-width: 1px){.sound-app[data-astro-cid-hr5nkjm5]{margin-bottom:50px}.sound-app[data-astro-cid-hr5nkjm5] .header[data-astro-cid-hr5nkjm5]{text-align:center}.sound-app[data-astro-cid-hr5nkjm5] .controls[data-astro-cid-hr5nkjm5]{display:flex;align-items:center;flex-direction:row;gap:10px;margin-bottom:10px}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5]{position:relative;height:400px;width:100%;margin:0 auto;border-radius:8px;overflow:hidden}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] button[data-astro-cid-hr5nkjm5]{position:absolute;inset:0;cursor:pointer;border:0;background:#f6f6f6;outline:none;-webkit-tap-highlight-color:transparent}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] button[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{text-transform:uppercase;font-size:10px;position:absolute;color:#000}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] button[data-astro-cid-hr5nkjm5]:hover{background:#f3f3f3;color:#000}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] .active[data-astro-cid-hr5nkjm5]{animation:pulse .65s infinite;--wobble-transform-extra: }.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] .active[data-astro-cid-hr5nkjm5] span[data-astro-cid-hr5nkjm5]{color:#f6f6f6;animation:textWobble .65s infinite}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #left-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(0 0,0 calc(50% - 5px),calc(50% - 5px) calc(50% - 5px),calc(50% - 5px) calc(20% + 5px),calc(20% - 5px) calc(20% + 5px),calc(20% - 5px) 0)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #left-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:33%;left:0;width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #center-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(calc(20% + 5px) 0,calc(20% + 5px) calc(20% - 5px),calc(80% - 5px) calc(20% - 5px),calc(80% - 5px) calc(12% + 5px),calc(70% - 5px) calc(12% + 5px),calc(70% - 5px) 0)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #center-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:7.5%;left:calc(20% + 5px);width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #right-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(100% 0,100% calc(50% - 5px),calc(50% + 5px) calc(50% - 5px),calc(50% + 5px) calc(20% + 5px),calc(80% + 5px) calc(20% + 5px),calc(80% + 5px) calc(12% + 5px),calc(90% + 5px) calc(12% + 5px),calc(90% + 5px) 0,calc(80% + 5px) 0)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #right-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:33%;right:0;width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #sub-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(calc(70% + 5px) 0,calc(90% - 5px) 0,calc(90% - 5px) calc(12% - 5px),calc(70% + 5px) calc(12% - 5px))}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #sub-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:4%;left:calc(70% + 5px);width:calc(20% - 10px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #s-left-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(0 calc(50% + 5px),calc(50% - 5px) calc(50% + 5px),calc(50% - 5px) 100%,0% 100%)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #s-left-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:75%;left:0;width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #s-right-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(calc(50% + 5px) calc(50% + 5px),100% calc(50% + 5px),100% 100%,calc(50% + 5px) 100%)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #s-right-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:75%;right:0;width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #sb-left-btn[data-astro-cid-hr5nkjm5]{display:none;clip-path:polygon(0 calc(80% + 5px),calc(50% - 5px) calc(58% + 5px),calc(50% - 5px) 100%,0% 100%)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #sb-left-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:85%;left:0;width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #sb-right-btn[data-astro-cid-hr5nkjm5]{display:none;clip-path:polygon(calc(50% + 5px) calc(58% + 5px),100% calc(80% + 5px),100% 100%,calc(50% + 5px) 100%)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] #sb-right-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:85%;right:0;width:calc(50% - 5px)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #left-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(0 0,0 calc(43% - 5px),calc(50% - 5px) calc(50% - 5px),calc(50% - 5px) calc(20% + 5px),calc(20% - 5px) calc(20% + 5px),calc(20% - 5px) 0)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #left-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:31%}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #right-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(100% 0,100% calc(43% - 5px),calc(50% + 5px) calc(50% - 5px),calc(50% + 5px) calc(20% + 5px),calc(80% + 5px) calc(20% + 5px),calc(80% + 5px) calc(12% + 5px),calc(90% + 5px) calc(12% + 5px),calc(90% + 5px) 0,calc(80% + 5px) 0)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #right-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:31%}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #s-left-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(0 calc(43% + 5px),calc(50% - 5px) calc(50% + 5px),calc(50% - 5px) calc(58% - 5px),0% calc(80% - 5px))}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #s-left-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:55%;transform:translate(-10%);--wobble-transform-extra: translateX(-10%)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #s-right-btn[data-astro-cid-hr5nkjm5]{clip-path:polygon(calc(50% + 5px) calc(50% + 5px),100% calc(43% + 5px),100% calc(80% - 5px),calc(50% + 5px) calc(58% - 5px))}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #s-right-btn[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{top:55%;transform:translate(10%);--wobble-transform-extra: translateX(10%)}.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #sb-left-btn[data-astro-cid-hr5nkjm5],.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5][data-speaker-system="7.1"] #sb-right-btn[data-astro-cid-hr5nkjm5]{display:unset}ul[data-astro-cid-hr5nkjm5]{margin:0;padding-left:18px}}@media only screen and (min-width: 1200px){.sound-app[data-astro-cid-hr5nkjm5] #btn-wrapper[data-astro-cid-hr5nkjm5] button[data-astro-cid-hr5nkjm5]>span[data-astro-cid-hr5nkjm5]{font-size:12px}}@keyframes textWobble{0%{transform:scale(.95) var(--wobble-transform-extra)}50%{transform:scale(1.04) var(--wobble-transform-extra)}to{transform:scale(.95) var(--wobble-transform-extra)}}@keyframes pulse{0%{background-color:#007bff}50%{background-color:#064a93}to{background-color:#007bff}}