/* v49: the Bearback hero banner example now shows the real homepage hero (menu included) with an opt-in sound button */
.rb-screen{aspect-ratio:1920/1018!important}
.rb-screen video{object-fit:cover;object-position:50% 50%}
.rb-snd{position:absolute;right:clamp(10px,2vw,22px);bottom:clamp(10px,2vw,22px);z-index:3;display:inline-flex;align-items:center;gap:9px;padding:10px 16px 10px 13px;border-radius:999px;color:#fff6dd;font:600 12px/1 inherit;font-family:inherit;letter-spacing:.04em;border:1px solid rgba(255,255,255,.32);background:linear-gradient(150deg,rgba(255,255,255,.18),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 30px -12px rgba(0,0,0,.7);cursor:pointer;transition:transform .3s,box-shadow .3s}
.rb-snd:hover{transform:translateY(-2px) scale(1.04)}
.rb-snd:focus-visible{outline:2px solid #f6dc98;outline-offset:3px}
.rb-snd .eq{height:14px}
.rb-snd.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 26px -4px rgba(246,220,152,.45),0 12px 30px -12px rgba(0,0,0,.7)}
.rb-snd.on .eq i{animation:eq 1s ease-in-out infinite}.rb-snd.on .eq i:nth-child(2){animation-delay:-.3s}.rb-snd.on .eq i:nth-child(3){animation-delay:-.6s}.rb-snd.on .eq i:nth-child(4){animation-delay:-.15s}
@media(max-width:600px){.rb-snd{padding:9px 13px 9px 11px}}