.twpn{--twpn-accent:#1677d2;--twpn-text:#111827;--twpn-muted:#697386;--twpn-border:#e8edf3;position:relative;display:inline-flex;align-items:center;line-height:1;font-family:inherit;color:inherit}.twpn__bell{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;border:1px solid rgb(255 255 255 / .14)!important;border-radius:12px!important;background:rgb(255 255 255 / .06)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 3px 10px rgb(5 34 68 / .06)!important;color:inherit!important;opacity:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.twpn__bell:hover,.twpn__bell:focus-visible{background:rgb(255 255 255 / .12)!important;border-color:rgb(255 255 255 / .22)!important;box-shadow:0 6px 14px rgb(5 34 68 / .12)!important;transform:translateY(-1px);outline:0!important}.twpn__bell:before,.twpn__bell:after{display:none!important}.twpn__bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.twpn__badge{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--twpn-badge-ring,#fff);border-radius:999px;background:#ef4050;color:#fff;font-size:8.5px;font-weight:700;line-height:1;letter-spacing:0;box-sizing:border-box;box-shadow:0 3px 8px rgb(15 23 42 / .18)}.twpn__panel{position:absolute;z-index:999999;top:calc(100% + 10px);left:50%;right:auto;transform:translateX(-50%);width:330px!important;max-width:calc(100vw - 20px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:var(--twpn-text);line-height:1.45;text-align:left;box-sizing:border-box}.twpn__panel:before,.twpn__panel:after{content:none!important;display:none!important}.twpn__surface{position:relative;z-index:2;width:100%;background:#fff;border:1px solid rgb(15 23 42 / .09);border-radius:14px;box-shadow:0 18px 42px rgb(15 23 42 / .16),0 3px 10px rgb(15 23 42 / .05);overflow:hidden;box-sizing:border-box}.twpn__arrow{position:absolute;z-index:3;top:-10px;left:50%;right:auto;width:0;height:0;border-left:10px solid #fff0;border-right:10px solid #fff0;border-bottom:10px solid #f4f9ff;filter:drop-shadow(0 -1px 0 rgb(15 23 42 / .12));transform:translateX(-50%);pointer-events:none}.twpn__head{display:flex;align-items:center;min-height:42px;padding:10px 14px 9px;border-bottom:1px solid #d7e7fb;background:linear-gradient(180deg,#f4f9ff 0%,#edf6ff 100%);color:#155eaf;font-size:14.5px;font-weight:800;line-height:1.2;box-sizing:border-box;box-shadow:inset 0 -1px 0 rgb(22 119 210 / .04)}.twpn__list{width:100%;min-width:0;max-width:100%;max-height:286px;padding-top:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd2dc #fff0;box-sizing:border-box;background:#fff}.twpn__list::-webkit-scrollbar{width:6px;height:0}.twpn__list::-webkit-scrollbar-track{background:#fff0}.twpn__list::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:999px}.twpn__list>.twpn__item:first-child{margin-top:0!important}.twpn__item{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:12px 14px 13px!important;border:0!important;border-bottom:1px solid var(--twpn-border)!important;border-left:3px solid transparent!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:inherit!important;text-decoration:none!important;text-align:left!important;cursor:default;box-sizing:border-box!important;overflow:hidden;transition:background-color .15s ease,border-color .15s ease}a.twpn__item{cursor:pointer}.twpn__item:last-of-type{border-bottom:0!important}.twpn__item:hover,.twpn__item:focus-visible{background:#f8fbff!important;border-left-color:#15779E!important;outline:0!important}.twpn__item[hidden]{display:none!important}.twpn__body{display:block;min-width:0;max-width:100%;box-sizing:border-box}.twpn__text{display:-webkit-box;max-width:100%;margin:0;color:#334155;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.twpn__empty{padding:26px 18px;color:#7c8698;text-align:center;font-size:13px}.twpn__footer{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 14px!important;border-top:1px solid var(--twpn-border);background:#fff;color:#255fb5!important;text-align:center;text-decoration:none!important;font-size:11.5px;font-weight:650;line-height:1.2;transition:background-color .15s ease,color .15s ease;box-sizing:border-box}.twpn__footer:hover{background:#f8fafc;color:#174b96!important}.twpn__footer-arrow{font-size:20px;font-weight:400;line-height:1;transform:translateY(-1px)}.twpn__surface,.twpn__head,.twpn__list,.twpn__item,.twpn__body{box-sizing:border-box;min-width:0}.twpn__surface,.twpn__head,.twpn__list,.twpn__item{width:100%;max-width:100%}.twpn__list>*{min-width:0;max-width:100%}@media(max-width:520px){.twpn__bell{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;border-radius:11px!important}.twpn__bell svg{width:19px;height:19px}.twpn__panel{position:fixed;top:60px;right:10px;left:10px;transform:none;width:auto!important;max-width:none!important;border-radius:15px}.twpn__panel:before,.twpn__panel:after{display:none!important}.twpn__arrow{display:none!important}.twpn__item{padding:10px 14px 11px!important}.twpn__list{max-height:min(50vh,290px)}}