.notice-card{background:var(--background);color:inherit;border:1px solid var(--gray-alpha-200);border-radius:1rem;flex-direction:column;height:100%;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.notice-card .image-wrapper{aspect-ratio:16/9;background-color:var(--gray-alpha-100);width:100%;position:relative;overflow:hidden}.notice-card .image-wrapper .image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.notice-card .info-wrapper{flex-direction:column;flex:1;min-height:9.5rem;padding:1.25rem;display:flex}.notice-card .info-wrapper .type-date-wrapper{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.notice-card .info-wrapper .type-date-wrapper .type{letter-spacing:-.01em;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.notice-card .info-wrapper .type-date-wrapper .type.notice{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.notice-card .info-wrapper .type-date-wrapper .type.event{background:rgba(var(--primary-odd-color-rgb),.1);color:var(--primary-odd-color)}.notice-card .info-wrapper .type-date-wrapper .date{color:var(--gray-alpha-400);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.notice-card .info-wrapper .title{color:var(--foreground);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:800;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.notice-card .info-wrapper .description{color:var(--gray-alpha-500);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:auto;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.notice-card:hover{box-shadow:0 12px 24px -10px var(--black-alpha-300);transform:translateY(-8px)}.notice-card:hover .image-wrapper .image{transform:scale(1.05)}.notice-card:hover .info-wrapper .title{color:var(--primary-color)}}