.detail-modal[data-v-4a4152f3]{padding:1.5rem;position:relative}.detail-modal-overlay[data-v-4a4152f3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-grey-black-deep-60);display:flex;justify-content:center;align-items:center;z-index:200}.detail-modal-content[data-v-4a4152f3]{border-left:.125rem solid var(--color-yellow-gold);display:flex;padding:1.5rem;flex-direction:column;gap:.9375rem}@media screen and (max-width:1024px){.detail-modal-content[data-v-4a4152f3]{padding:1.5rem 1.25rem;gap:0}}.close-button[data-v-4a4152f3]{position:absolute;top:.625rem;right:.625rem;background:none;border:none;cursor:pointer;color:var(--color-grey-middle-gray);display:flex;align-items:center;justify-content:center;padding:.3125rem;border-radius:50%}@media screen and (max-width:1024px){.close-button[data-v-4a4152f3]{top:1.5rem;right:1.5rem}}.close-button[data-v-4a4152f3]:hover{background-color:var(--color-grey-light-gray)}.modal-header[data-v-4a4152f3]{display:flex;flex-direction:row;gap:.3125rem;justify-content:space-between;align-items:center}@media screen and (max-width:1024px){.modal-header[data-v-4a4152f3]{flex-direction:column-reverse;align-items:flex-start}}.modal-header .modal-title[data-v-4a4152f3]{color:var(--color-grey-black-deep)}.modal-header .notification-time[data-v-4a4152f3]{color:var(--color-grey-middle-gray);display:flex;align-items:center;gap:.375rem;flex-shrink:0}.modal-header .notification-time[data-v-4a4152f3]:before{content:"";display:block;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--color-yellow-gold)}.modal-body[data-v-4a4152f3]{color:var(--color-grey-black);text-align:left}@media screen and (max-width:1024px){.modal-body[data-v-4a4152f3]{margin-top:1.5rem}}.modal-body p[data-v-4a4152f3]{margin:0}.notification__detail-modal[data-v-4a4152f3]{align-items:flex-start!important}