.attendance-cards{color:#fff;width:100%}.attendance-cards *,.attendance-cards :after,.attendance-cards :before{box-sizing:border-box}.attendance-cards__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0 auto;width:min(calc(100% - 40px),1080px)}.attendance-card{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.075);border:1px solid hsla(0,0%,100%,.26);border-radius:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 14px 32px rgba(43,16,72,.08);color:#fff;display:flex;flex-direction:column;min-height:248px;min-width:0;overflow:hidden;padding:26px 18px 22px;position:relative;text-align:center;transition:transform .26s ease,border-color .26s ease,background-color .26s ease,box-shadow .26s ease}.attendance-card:before{background:hsla(0,0%,100%,.72);border-radius:0 0 999px 999px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:58px}.attendance-card:hover{background:hsla(0,0%,100%,.11);border-color:hsla(0,0%,100%,.55);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 20px 38px rgba(43,16,72,.14);transform:translateY(-5px);z-index:2}.attendance-card__image-wrap{align-items:center;background:hsla(0,0%,100%,.055);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;display:flex;height:96px;justify-content:center;margin-bottom:18px;width:96px}.attendance-card__image{display:block;height:auto;max-height:68px;max-width:68px;object-fit:contain;width:auto}.attendance-card__content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;width:100%}.attendance-card__intro{font-size:13px;font-weight:500;line-height:1.25;margin:0 0 3px;opacity:.76}.attendance-card__title{color:inherit;font-size:17px;font-weight:700;line-height:1.26;margin:0;text-wrap:balance}.attendance-card__percentage{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1;margin-top:16px}@media (max-width:900px){.attendance-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}}@media (max-width:600px){.attendance-cards__grid{gap:14px;grid-template-columns:1fr;max-width:470px;width:calc(100% - 32px)}.attendance-card{min-height:0;padding:24px 20px 22px}.attendance-card__image-wrap{height:88px;margin-bottom:16px;width:88px}.attendance-card__image{max-height:62px;max-width:62px}.attendance-card__title{font-size:18px}}@media (prefers-reduced-motion:reduce){.attendance-card{transition:none}.attendance-card:hover{transform:none}}