.sound-intro{color:#fff;text-align:left;background:0 0;border:0;width:min(390px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;animation:.24s cubic-bezier(.2,.7,.2,1) both sound-intro-in;overflow:visible}.sound-intro::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000094}.sound-intro-card{-webkit-backdrop-filter:blur(30px)saturate(160%);backdrop-filter:blur(30px)saturate(160%);background:radial-gradient(at 24% 0,#ffffff30,#0000 66%),linear-gradient(135deg,#5b616699,#272b2fb8);border:1px solid #ffffff3d;border-radius:15px;padding:22px;box-shadow:inset 0 1px #fff3,0 24px 64px #00000061}.sound-intro-heading{align-items:center;gap:9px;display:flex}.sound-intro h2{letter-spacing:-.035em;font-size:22px;font-weight:600;line-height:1.15}.sound-intro p{color:#ffffffd1;margin-top:11px;font-size:14px;line-height:1.45}.sound-intro-action{color:#fff;text-align:center;cursor:pointer;background:#ffffff21;border:1px solid #ffffff36;border-radius:10px;width:100%;min-height:44px;margin-top:18px;font-size:14px;font-weight:600;transition:background-color .16s,transform .16s;display:block;box-shadow:inset 0 1px #ffffff29}.sound-intro-action:hover{background-color:#ffffff36}.sound-intro-action:active{transform:scale(.985)}.sound-intro-dismiss{color:#ffffffb8;cursor:pointer;margin:12px auto 0;padding:5px 10px;font-size:13px;display:block}.sound-intro :is(button):focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes sound-intro-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sound-intro{animation:none}.sound-intro-action{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.sound-intro-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#363a3d}}