.base-notification-comp[data-v-df764ad6]{align-items:flex-start;background:var(--color-layer-neutral-01,#fff);border:1px solid var(--color-border-default,#d6d6d6);border-radius:var(--borderRadius-lg,16px);box-shadow:0 6px 20px #0000000a,0 10px 24px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-8,8px);justify-content:center;padding-top:calc(var(--spacing-12, 12px) + var(--app-padding-top, 0px));width:480px}@media (max-width:768px){.base-notification-comp[data-v-df764ad6]{align-items:flex-start;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:var(--spacing-12,12px);height:100vh;width:100%}}.base-notification-comp .noti-header[data-v-df764ad6]{align-items:center;box-sizing:border-box;display:flex;gap:var(--spacing-12,12px);padding:var(--spacing-8,8px) var(--spacing-20,20px);width:480px}.base-notification-comp .noti-header .title[data-v-df764ad6]{align-items:flex-start;color:var(--color-text-default,#111);display:flex;flex:1 0 0;flex-direction:column;font:var(--typo-body-lg-bold);gap:12px}.base-notification-comp .noti-header .container[data-v-df764ad6]{align-items:center;display:flex;gap:var(--spacing-4,4px)}.base-notification-comp .noti-header .icon-arrow[data-v-df764ad6]{display:none;height:26px;width:26px}@media (max-width:768px){.base-notification-comp .noti-header[data-v-df764ad6]{width:100%}.base-notification-comp .noti-header .icon-arrow[data-v-df764ad6]{display:block}}.base-notification-comp .tabs-wrapper[data-v-df764ad6]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;overflow-x:auto;padding:var(--spacing-8,8px) var(--spacing-16,16px);scrollbar-width:none}@media (max-width:768px){.base-notification-comp .tabs-wrapper[data-v-df764ad6]{height:65px;padding:0 var(--spacing-16,16px)}}.base-notification-comp .tabs-wrapper .chips-wrapper[data-v-df764ad6]{align-items:flex-start;display:flex;gap:var(--spacing-8,8px)}.base-notification-comp .noti-alarm[data-v-df764ad6]{align-items:center;box-sizing:border-box;display:flex;gap:var(--spacing-4,4px);padding:var(--spacing-8,8px) var(--spacing-20,20px);width:480px}@media (max-width:768px){.base-notification-comp .noti-alarm[data-v-df764ad6]{width:100%}}.base-notification-comp .noti-alarm .text[data-v-df764ad6]{color:var(--color-text-default,#111);display:-webkit-box;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5;flex:1 0 0}.base-notification-comp .alarm-body[data-v-df764ad6]{align-items:flex-start;align-self:stretch;background:var(--color-layer-neutral-02,#fafafa);border-bottom-left-radius:var(--borderRadius-lg,16px);border-bottom-right-radius:var(--borderRadius-lg,16px);border-top:1px solid var(--color-border-subtle,#ebebeb);box-sizing:border-box;display:flex;flex-direction:column;max-height:450px;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:0 var(--spacing-12,12px) calc(var(--spacing-12, 12px) + var(--app-padding-bottom, 0px)) var(--spacing-12,12px)}@media (max-width:768px){.base-notification-comp .alarm-body[data-v-df764ad6]{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;min-height:calc(100vh - 185px);scrollbar-width:none;width:100%}}.base-notification-comp .alarm-body .noti-item[data-v-df764ad6]{align-items:flex-start;background:var(--color-layer-neutral-02,#fafafa);border-radius:var(--borderRadius-sm,8px);box-sizing:border-box;cursor:pointer;display:block;flex-direction:column;gap:var(--spacing-4,4px);justify-content:center;padding:var(--spacing-16,16px) var(--spacing-8,8px) 0 var(--spacing-8,8px);width:440px}@media (max-width:768px){.base-notification-comp .alarm-body .noti-item[data-v-df764ad6]{box-sizing:border-box;width:100%}}.base-notification-comp .alarm-body .noti-item .noti-item-header[data-v-df764ad6]{align-items:center;align-self:stretch;display:flex;gap:var(--spacing-12,12px)}.base-notification-comp .alarm-body .noti-item .noti-item-header .title[data-v-df764ad6]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-default,#111);flex:1 0 0;font:var(--typo-body-md-bold);gap:var(--spacing-2,2px);overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.base-notification-comp .alarm-body .noti-item .noti-item-header .title.read[data-v-df764ad6]{color:var(--color-text-disabled,#b8b8b8)}.base-notification-comp .alarm-body .noti-item .noti-item-header .title .icon-badge[data-v-df764ad6]{display:inline-block;height:5px;margin-left:3px;vertical-align:top;width:5px}.base-notification-comp .alarm-body .noti-item .noti-item-header .date[data-v-df764ad6]{align-items:flex-start;align-self:stretch;color:var(--color-text-subtler,#6d6d6d);display:flex;font:var(--typo-caption-md-default);justify-content:center;padding-top:var(--spacing-2,2px)}.base-notification-comp .alarm-body .noti-item .description[data-v-df764ad6]{color:var(--color-text-subtle,#454545);display:block;line-height:1rem;font:var(--typo-caption-md-default);max-height:5rem;overflow:hidden;padding-bottom:var(--spacing-16,16px)}.base-notification-comp .alarm-body .noti-item .description.read[data-v-df764ad6]{color:var(--color-text-disabled,#b8b8b8)}.base-notification-comp .alarm-body .divider[data-v-df764ad6]{background:var(--color-border-subtle);border:none;height:1px;width:440px}@media (max-width:768px){.base-notification-comp .alarm-body .divider[data-v-df764ad6]{width:100%}}.base-notification-comp .alarm-body .noti-info[data-v-df764ad6]{align-items:center;border-radius:var(--spacing-8,8px);color:var(--color-text-subtler,#6d6d6d);display:flex;font:var(--typo-caption-md-default);justify-content:center;padding:var(--spacing-16,16px) 0 calc(var(--spacing-16, 16px) + var(--app-padding-bottom, 0px)) 0;text-align:center;width:456px}@media (max-width:768px){.base-notification-comp .alarm-body .noti-info[data-v-df764ad6]{width:100%}}.base-notification-comp .no-alarm[data-v-df764ad6]{align-items:center;align-self:stretch;background:var(--color-layer-neutral-02,#fafafa);border-bottom-left-radius:var(--borderRadius-lg,16px);border-bottom-right-radius:var(--borderRadius-lg,16px);border-top:1px solid var(--color-border-subtle,#ebebeb);display:flex;flex-direction:column;height:300px;justify-content:center;max-height:450px;min-height:300px;padding:0 var(--spacing-12,12px)}@media (max-width:768px){.base-notification-comp .no-alarm[data-v-df764ad6]{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;min-height:calc(100vh - 185px);scrollbar-width:none;width:100%}}.base-notification-comp .no-alarm .noti-nodata[data-v-df764ad6]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-16,16px);justify-content:center}.base-notification-comp .no-alarm .noti-nodata .icon-nodata[data-v-df764ad6]{align-items:center;display:flex;height:90px;justify-content:center;padding:3.617px 12.5px 7.617px;width:94px}.base-notification-comp .no-alarm .noti-nodata .nodata-desc[data-v-df764ad6]{color:var(--color-text-subtle,#454545);font:var(--typo-body-md);text-align:center}.icon-setting[data-v-df764ad6]{height:20px;width:20px}.icon-check[data-v-df764ad6]{height:16px;width:16px}.notification-popup-fade-enter-active[data-v-df764ad6],.notification-popup-fade-leave-active[data-v-df764ad6]{transform-origin:top center;transition:all .2s cubic-bezier(.3,0,0,1)}.notification-popup-fade-enter-from[data-v-df764ad6],.notification-popup-fade-leave-to[data-v-df764ad6]{opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98)}.notification-popup-fade-enter-to[data-v-df764ad6],.notification-popup-fade-leave-from[data-v-df764ad6]{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}