#main-noti-frame{pointer-events:none;width:100vw;height:calc(var(--vh, 1vh) * 100);position:fixed;top:0;z-index:1026}#main-noti-container{pointer-events:auto;width:100%;height:100%;display:flex;flex-direction:column}#main-noti-header{width:100%;line-height:50px;color:#0070d0;background-color:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,0.15);z-index:1}#main-noti-body{position:relative;width:100%;flex:1;background-color:#f3f5f7}.noti-slot{position:relative;width:100%;display:flex;padding:16px;cursor:pointer;gap:12px}.noti-slot[data-read='0']{background-color:#fff}.noti-slot[data-read='0']::after{content:'';position:absolute;top:13px;left:13px;width:6px;height:6px;border-radius:50%;background-color:#0070d0}.noti-slot[data-read='1']{background-color:#fafafa}.noti-slot[data-read='1']>*{opacity:.5}.noti-slot:hover{background-color:#f0f3f7}.noti-slot-img-area{height:100%}.noti-slot-text-area{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}.noti-slot-side-area{position:relative;display:flex;flex-direction:column;align-items:end;justify-content:end;opacity:1 !important}.noti-slot-image{border-radius:50%;width:48px;height:48px;background-size:cover;background-color:#eceff1}.noti-slot-main-text{font-size:12px;line-height:1.08;color:#232850}.noti-slot-sub-text{margin-top:6px;font-size:12px;line-height:1.08;color:#7d8796;white-space:pre-wrap}.noti-slot-right-btn{position:absolute;top:-16px;right:-16px;width:44px;height:44px;background:url('https://cdn.disco.re/static/common/img/ico_s_close3_4x.png') no-repeat center/12px}.noti-slot-time{font-size:10px;color:#c8cdd7}#discoModal-notification-settings .wrap{font-family:'Noto Sans KR'}#discoModal-notification-settings .wrap::after{content:'';display:block;width:100%;height:6px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.06);background-color:#f8f8f8}#discoModal-notification-settings .section{position:relative;margin:16px 16px 0}#discoModal-notification-settings .has-divider>div:not(:last-child){border-bottom:solid 1px #f2f2f2}#discoModal-notification-settings .section .title{font-size:16px;line-height:1.5;font-weight:500}#discoModal-notification-settings .section .body{width:100%;font-size:14px;line-height:1.43;margin:4px 0 16px;color:#3a3a3c;white-space:pre-wrap}#discoModal-notification-settings input{display:none}#discoModal-notification-settings .section label.body{all:unset;display:flex;align-items:center;justify-content:space-between;margin:12.5px 0;cursor:pointer}#discoModal-notification-settings .Rectangle{width:56px;height:32px;border-radius:16px;background-color:#f2f2f2;position:relative;transition:background-color .3s ease;pointer-events:none}#discoModal-notification-settings .Oval{width:26px;height:26px;box-shadow:0 0 2px 0 rgba(0,0,0,0.06);background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}#discoModal-notification-settings input:checked ~ .Rectangle{background-color:#0868f4}#discoModal-notification-settings input:checked ~ .Rectangle .Oval{transform:translateX(24px)}