.notifications-wrapper[data-v-f84d053d]{background-color:#2e2e2e;box-shadow:4px 0 10px #0000004d;height:100dvh;left:94px;padding:24px 18px 28px;top:0;width:320px}@media (max-width:767.98px){.notifications-wrapper[data-v-f84d053d]{box-shadow:unset;height:calc(100dvh - 68px);left:0;padding:20px 20px 0;position:relative;width:100%}}.notifications-wrapper .notifications-container[data-v-f84d053d]{height:100%}@media (max-width:767.98px){.notifications-wrapper .notifications-container[data-v-f84d053d]{width:100%}}.notifications-wrapper .notifications-container>h3[data-v-f84d053d]{font-size:16.721px;font-weight:600;height:18px;line-height:110%;margin:0 auto 46px}@media (max-width:767.98px){.notifications-wrapper .notifications-container>h3[data-v-f84d053d]{font-size:20px;font-weight:700;margin:0 auto 20px 0}}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d]{height:calc(100% - 88px);overflow-y:scroll}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item{gap:1px;padding:0}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item:not(:first-of-type){margin-top:12px}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div{background-color:#5e5e5e;padding:8px 14px}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div:first-child{border-radius:11.488px 11.488px 0 0}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div:nth-child(2){border-radius:0 0 11.488px 11.488px;gap:8px}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div .notification-title{width:100%}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div .notification-title-label{width:219px}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div .more-btn{color:#ff007a;font-family:Pretendard JP;font-size:12.446px;font-style:normal;font-weight:400;line-height:130%;text-align:right}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div .notification-image{border-radius:12.765px}.notifications-wrapper .notifications-container .notifications[data-v-f84d053d] .q-item>div .notification-message{display:-webkit-box;white-space:normal;width:210px;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:1;overflow:hidden}.notifications-wrapper .notifications-container .notification-empty[data-v-f84d053d]{color:#ababab;flex:1;font-size:16px;font-weight:600;line-height:130%}