#activity-list-page .content{width:62.5dvw;min-width:320px;max-width:1200px;margin:0 auto;padding:64px 0}@media (max-width:1024px){#activity-list-page .content{width:100%;max-width:100%;padding:0 16px 16px}}.activities-flex{flex-flow:wrap;justify-content:center;justify-self:center;align-items:stretch;width:100%;min-width:1048px;display:flex}.activity-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fafafb;background:#3c3a4b52;border:2px solid #8a89937a;border-radius:48px;width:48%;min-width:300px;min-height:276px;margin:1%;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.activity-card:hover{border:2px solid #fafafb7a;transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.activity-card.empty{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:0 0;border:8px dashed #8a89937a;flex-direction:row;justify-content:center;align-items:center;display:flex}.activity-card.empty .card-content{text-align:center;margin:auto;font-size:21px;font-weight:900;line-height:1.6}.activity-card.empty:hover{transform:unset;box-shadow:unset}.card-image{border-radius:24px;width:100%;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-content{margin-bottom:8px;padding-top:16px}.card-content h2{margin:0 0 30px;font-size:2.3125rem}.card-content .area-bottom{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.card-content .date{color:#edf84c;margin:0;font-size:1.3125rem;font-weight:900}.card-content .btn-detail{color:#3c3a4b;background-color:#c5c4c9;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:128px;height:48px;font-weight:900;text-decoration:none;transition:all .3s;display:flex}.card-content .btn-detail:hover{background-color:#c5c4c9}@media (max-width:1024px){.activities-flex{min-width:unset;flex-direction:column;justify-content:center;align-items:center;display:flex}.activity-card{margin:8px auto;padding:16px}.card-content h2{margin-bottom:8px;font-size:1.3125rem}.card-content .date{margin-bottom:0;font-size:.875rem}.card-content .btn-detail{width:120px;height:40px}}
