.page-notification-index{background-color:#fff;min-height:100vh}.page-notification-index .notification-wrapper{padding:1rem 0}@media (min-width:768px){.page-notification-index .notification-wrapper{padding:1.5rem 0 3rem}}.page-notification-index .container{max-width:1200px}@media (max-width:767px){.page-notification-index .container{padding-left:1rem;padding-right:1rem}}.page-notification-index .notification-empty{align-items:center;display:flex;justify-content:center;min-height:400px;padding:3rem 0}.page-notification-index .notification-empty .empty-text{color:#b3b3b3;font-size:.938rem;text-align:center}.page-notification-index .notification-list{display:flex;flex-direction:column}.page-notification-index .notification-item{border-bottom:1px solid #e8e8e8;padding:1.5rem 0}.page-notification-index .notification-item:first-child{padding-top:0}.page-notification-index .notification-item:last-child{border-bottom:none}.page-notification-index .notification-link{display:block;text-decoration:none;transition:opacity .2s ease}.page-notification-index .notification-link:hover{opacity:.7;text-decoration:none}.page-notification-index .notification-title{color:#1a1a1a;font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 .5rem}@media (min-width:768px){.page-notification-index .notification-title{font-size:1.063rem}}.page-notification-index .notification-excerpt{word-wrap:break-word;color:#4a4a4a;font-size:.875rem;font-weight:400;line-height:1.7;margin:0 0 .5rem}@media (min-width:768px){.page-notification-index .notification-excerpt{font-size:.938rem;line-height:1.75}}.page-notification-index .notification-date{color:#b3b3b3;display:block;font-size:.75rem;font-weight:400;line-height:1.5}@media (min-width:768px){.page-notification-index .notification-date{font-size:.813rem}}.page-notification-index .notification-pagination{display:flex;justify-content:center;padding:3rem 0 2rem}@media (min-width:768px){.page-notification-index .notification-pagination{padding:3rem 0}}.page-notification-index .pagination{align-items:center;display:flex;gap:.375rem;list-style:none;margin:0;padding:0}@media (min-width:768px){.page-notification-index .pagination{gap:.5rem}}.page-notification-index .page-item{display:flex}.page-notification-index .page-link{align-items:center;background:transparent;border:none;color:#1a1a1a;display:flex;font-size:.875rem;font-weight:400;height:32px;justify-content:center;min-width:32px;padding:0 .25rem;text-decoration:none;transition:all .2s ease}@media (min-width:768px){.page-notification-index .page-link{font-size:.938rem;height:36px;min-width:36px}}.page-notification-index .page-link:hover{color:#4a90d9;text-decoration:none}.page-notification-index .page-item.active .page-link{color:#4a90d9;font-weight:600;pointer-events:none}.page-notification-index .page-ellipsis{align-items:center;color:#b3b3b3;display:flex;font-size:.875rem;height:32px;justify-content:center;min-width:32px;pointer-events:none}.page-notification-index .page-next{margin-left:.25rem}.page-notification-index .page-next .page-link{color:#b3b3b3}.page-notification-index .page-next .page-link svg{display:block}.page-notification-index .page-next .page-link:hover{color:#4a90d9}.page-notification-index .alert{border-radius:8px;margin-bottom:1.5rem}