.kr-notifications{position:relative;color:#e5eae7;font-size:13px}.kr-notification-bell{position:relative;display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff1a;border-radius:9px;color:#b1b9b3;background:#ffffff09;cursor:pointer}.kr-notification-bell:hover{background:#ffffff12;color:white}.kr-notification-count{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:#b7efd1;color:#16251b;font-size:9px;font-weight:700;border:2px solid #18221c}.kr-notification-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:100;width:min(405px,calc(100vw - 30px));max-height:min(700px,calc(100dvh - 90px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #3b5042;border-radius:13px;background:#17211a;box-shadow:0 20px 70px #0009;white-space:normal}.kr-notification-heading,.kr-notification-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:10px;flex-shrink:0}.kr-notification-heading h2{font-size:17px;font-weight:600;margin:0}.kr-notification-heading button,.kr-notification-toolbar button{color:#a3b4a8;background:transparent;border:0;cursor:pointer;font:inherit}.kr-notification-toolbar{padding:0 16px 13px;border-bottom:1px solid #ffffff10;font-size:11px}.kr-notification-toolbar>button{display:flex;align-items:center;gap:5px;font-size:10px}.kr-notification-toolbar>div{display:flex;gap:5px}.kr-notification-toolbar [aria-pressed=true]{background:#304436;color:#d9f4e4}.kr-notification-toolbar [aria-pressed]{padding:5px 10px;border-radius:6px}.kr-notification-toolbar button:disabled{opacity:.4;cursor:default}.kr-notification-list{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0;flex:1}.kr-notification-list li{border-bottom:1px solid #ffffff0b;padding:14px 16px;position:relative}.kr-notification-list li.is-unread{background:#b7efd106}.kr-notification-list a{display:flex;gap:10px;align-items:flex-start;color:inherit;text-decoration:none}.kr-notification-dot{width:6px;height:6px;border-radius:50%;background:transparent;flex-shrink:0;margin-top:6px}.is-unread .kr-notification-dot{background:#b7efd1}.kr-notification-list strong{font-size:12px;font-weight:550}.kr-notification-list p{font-size:11px;color:#a3b4a8;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.kr-notification-list small,.kr-notification-list time{display:block;font-size:10px;color:#809287;line-height:1.7}.kr-notification-list li>button{font-size:10px;color:#b7efd1;margin-left:16px;margin-top:6px;background:transparent;border:0;cursor:pointer}.kr-notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 25px;min-height:190px;text-align:center;color:#a3b4a8;font-size:12px;line-height:1.6}.kr-notification-empty strong{color:#d8e8dd}.kr-notification-empty button,.kr-notification-more{color:#b7efd1;border:0;background:transparent;cursor:pointer}.kr-notification-more{width:100%;padding:13px;font-size:11px;flex-shrink:0}.kr-notification-error{padding:10px 16px;color:#ffbbad;font-size:11px}.kr-notification-panel footer{border-top:1px solid #ffffff10;padding:13px 16px;display:flex;flex-direction:column;gap:5px;font-size:10px;flex-shrink:0}.kr-notification-panel footer a{color:#b7efd1;text-decoration:none}.kr-notification-panel footer span{color:#809287}.kr-notifications a:focus-visible,.kr-notifications button:focus-visible{outline:2px solid #b7efd1;outline-offset:3px}@media(max-width:600px){.kr-notification-panel{position:fixed;top:62px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 78px)}}