.notice-card{cursor:pointer;transition:opacity .2s ease-in-out}.notice-card .image-wrapper{box-shadow:0px 0px 4px var(--gray-alpha-300);border-radius:.5rem;display:flex;position:relative;overflow:hidden}.notice-card .image-wrapper .image{width:100%;position:relative}.notice-card .info-wrapper{border-radius:.5rem;padding:.25rem}.notice-card .info-wrapper .type-date-wrapper{align-items:baseline;padding-top:.25rem;padding-bottom:.5rem;font-size:.875rem;display:flex}.notice-card .info-wrapper .type-date-wrapper .type{font-weight:700}.notice-card .info-wrapper .type-date-wrapper .type.notice{color:var(--primary-color)}.notice-card .info-wrapper .type-date-wrapper .type.event{color:var(--primary-odd-color)}.notice-card .info-wrapper .type-date-wrapper .date:before{content:"|";color:var(--gray-alpha-400);margin-right:.5rem;padding-left:.5rem}.notice-card .info-wrapper .title{padding-bottom:.25rem;font-size:1.125rem;font-weight:700}.notice-card .info-wrapper .description{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:break-spaces;-webkit-box-orient:vertical;font-size:.875rem;font-weight:400;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.notice-card:hover{opacity:.8}}