.oshb{--oshb-ink:#17395e;--oshb-red:#e52d48;position:relative;display:inline-flex;font-family:inherit;line-height:1.35}.oshb [hidden]{display:none!important}.oshb__trigger{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--oshb-ink);cursor:pointer;transition:background .18s ease,transform .18s ease}.oshb__trigger:hover,.oshb__trigger:focus-visible{background:#f2f5f8;outline:none}.oshb__trigger:active{transform:scale(.96)}.oshb__trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.oshb__badge{position:absolute;top:-2px;right:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--oshb-red);color:#fff;font-size:9px;font-weight:800}.oshb__panel{position:absolute;z-index:99999;top:calc(100% + 14px);width:min(460px,calc(100vw - 24px));max-height:min(520px,75vh);overflow:hidden;border:1px solid rgba(23,57,94,.08);border-radius:20px;background:#fff;box-shadow:0 14px 42px rgba(22,38,54,.17)}.oshb--right .oshb__panel{right:0}.oshb--left .oshb__panel{left:0}.oshb__header{padding:20px 24px;border-bottom:1px solid #e8eaed}.oshb__header h2{margin:0;color:#242424;font-size:24px;line-height:1.15;font-weight:750}.oshb__list{max-height:450px;overflow:auto}.oshb__item{display:flex;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid #eceef0;color:#282828;text-decoration:none!important;transition:background .15s ease}.oshb__item:last-child{border-bottom:0}.oshb__item[href]:hover,.oshb__item[href]:focus-visible{background:#f8fafc;outline:none}.oshb__media{flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:50%;background:#f6f6f6}.oshb__media img{width:100%;height:100%;object-fit:cover}.oshb__media svg{width:28px;height:28px;fill:var(--oshb-red)}.oshb__copy{display:flex;min-width:0;flex-direction:column}.oshb__copy time{margin-bottom:3px;color:#929292;font-size:14px}.oshb__copy strong{color:#272727;font-size:17px;line-height:1.25;font-weight:750}.oshb__copy>span{margin-top:2px;color:#555;font-size:14px}.oshb__empty{margin:0;padding:28px 24px;color:#666;text-align:center}@media(max-width:700px){.oshb__panel{position:fixed;top:72px;right:12px!important;left:12px!important;width:auto;border-radius:18px}.oshb__header{padding:18px 20px}.oshb__header h2{font-size:21px}.oshb__item{gap:14px;padding:16px 20px}.oshb__media{flex-basis:48px;width:48px;height:48px}.oshb__copy time{font-size:13px}.oshb__copy strong{font-size:16px}.oshb__copy>span{font-size:13px}}