.bang-sidebar{position:fixed;z-index:99999;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;transition:transform .3s ease}.bang-sidebar-right{right:var(--bang-offset)}.bang-sidebar-left{left:var(--bang-offset)}.bang-sidebar-right.bang-sidebar-hidden{transform:translateX(calc(100% + var(--bang-offset) + 24px)) translateY(-50%)}.bang-sidebar-left.bang-sidebar-hidden{transform:translateX(calc(-100% - var(--bang-offset) - 24px)) translateY(-50%)}.bang-side-item{position:relative;width:48px;height:48px}.bang-side-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:7px;border:0;border-radius:9px;background:var(--bang-bg);color:#fff;box-sizing:border-box;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #0002}.bang-side-button img{width:100%;height:100%;object-fit:contain;max-width:48px;max-height:48px}.bang-side-button svg{width:100%;height:100%;max-width:32px;max-height:32px}.bang-tooltip,.bang-panel{position:absolute;right:58px;top:50%;transform:translateY(-50%);visibility:hidden;opacity:0;transition:.2s;pointer-events:none}.bang-sidebar-left .bang-tooltip,.bang-sidebar-left .bang-panel{left:58px;right:auto}.bang-tooltip{white-space:nowrap;background:#222;color:#fff;border-radius:5px;padding:8px 10px;font-size:13px}.bang-panel{width:280px;max-width:calc(100vw - 90px);padding:8px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;color:#333;box-sizing:border-box}.bang-panel img{display:block;width:auto;max-width:100%;max-height:280px;object-fit:contain;margin:0 auto 5px}.bang-side-item:hover .bang-tooltip,.bang-side-item:hover .bang-panel,.bang-side-item:focus-within .bang-tooltip,.bang-side-item:focus-within .bang-panel{visibility:visible;opacity:1}.bang-fallback{font-size:26px}@media(max-width:600px){.bang-sidebar-right{right:10px}.bang-sidebar-left{left:10px}.bang-tooltip,.bang-panel{right:54px}.bang-sidebar-left .bang-tooltip,.bang-sidebar-left .bang-panel{left:54px}}