.notification{width:420px;height:600px;position:absolute;top:45px;right:-20px;z-index:var(--z-index-3);border-radius:var(--border-radius-12);background-color:#f0f1f5;box-shadow:0 0 0 1px #eaebec,0 4px 8px 0 rgba(0,0,0,.3);overflow:hidden}.notification .noti_header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin:0 auto;height:56px;position:relative;background-color:var(--color-bg-inverse);font-size:var(--font-size-16);font-weight:var(--font-weight-m);border-radius:12px 12px 0 0;box-sizing:border-box}.notification .noti_header .iconbox{display:none;width:24px;height:24px;position:absolute;left:24px}.notification .noti_header .iconbox.btn_setting{right:24px;left:initial}.notification .iconbox.x-btn{display:block;right:24px;left:initial}.notification .noti_body{padding:24px 24px 12px 24px;overflow-y:auto;height:534px}.notification .noti_body::-webkit-scrollbar{width:6px;height:100%}.notification .noti_body::-webkit-scrollbar-thumb{height:30%;background:var(--color-bg-scrollthumb);border-radius:10px}.notification .noti_body::-webkit-scrollbar-track{background:var(--color-bg-scrolltrack)}.notification .noti_body .info_text{font-size:var(--font-size-14);font-weight:var(--font-weight-m);color:var(--color-text-tertiary)}.notification .notification_list{display:flex;flex-direction:column;gap:12px;margin:12px 0 0 0}.notification .notification_item{padding:16px;width:100%;font-size:var(--font-size-14);background-color:var(--color-bg-inverse);border-radius:var(--border-radius-12);border:var(--border-width-1) solid var(--color-border-disabled);box-shadow:2px 2px 6px 0 rgb(71 84 103 / 20%);cursor:pointer}.notification .notification_item .title{font-weight:var(--font-weight-sb);color:var(--color-text-secondary)}.notification .notification_item .content{margin:8px 0;line-height:1.5}.notification .notification_item .date{font-size:var(--font-size-12);color:var(--color-text-placeholder)}.notification .checked .content,.notification .checked .date,.notification .checked .title{color:var(--color-text-disabled)}.notification .none_noti{display:none}.notification .none_noti .txtbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-16);font-weight:var(--font-weight-m);color:var(--color-text-tertiary)}@media screen and (max-width:1024px){.notification{width:100%;height:100%;position:fixed;top:0;right:0;z-index:var(--z-index-3);border-radius:0;box-shadow:none;overflow:initial}.notification .noti_header{justify-content:center;border-radius:0}.notification .noti_header .iconbox{display:block}.notification .iconbox.x-btn{display:none}.notification .noti_body{height:calc(100% - 56px)}}