.bgm-wrapper:not(.in-phone){max-width:var(--card-phone-max-width,450px);z-index:999;justify-content:end;width:100%;padding:15px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.bgm-wrapper.in-phone .bgm-banner{z-index:999;position:absolute;top:15px;right:15px}.bgm-wrapper .bgm-banner{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:0;display:flex}.bgm-wrapper .bgm-banner .sound{color:inherit;cursor:pointer;pointer-events:auto;z-index:999;background:#1d1d1d66;border:none;border-radius:12px;justify-content:center;align-items:center;gap:2px;width:32px;height:24px;display:flex}.bgm-wrapper .bgm-banner .sound>*{background:#fff;width:2px;height:2px;animation:1.6s ease-in-out infinite soundBar;display:inline-flex}.bgm-wrapper .bgm-banner .sound span.paused{animation-play-state:paused;height:2px!important}.bgm-wrapper .bgm-banner .sound .no-1{animation-duration:1.4s;animation-delay:0s}.bgm-wrapper .bgm-banner .sound .no-2{animation-duration:1.6s;animation-delay:.2s}.bgm-wrapper .bgm-banner .sound .no-3{animation-duration:1.8s;animation-delay:.4s}.bgm-wrapper .bgm-banner .sound .no-4{animation-duration:1.5s;animation-delay:.1s}@keyframes soundBar{0%{height:2px}20%{height:5px}40%{height:8px}60%{height:3px}80%{height:6px}to{height:2px}}