.announcement-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center;animation:backdropFadeIn .2s ease-out}.announcement-window{width:min(600px,90vw);animation:windowPop .2s ease-out}.announcement-titlebar{background:navy;display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 8px;gap:8px;border:2px solid #dfdfdf;border-right-color:grey;border-bottom:none}.announcement-titlebar-title{color:#fff;font-family:Courier New;font-size:13px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-titlebar-close{width:18px;height:18px;flex-shrink:0;background:silver;border-color:#dfdfdf grey grey #dfdfdf;border-style:solid;border-width:2px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:Courier New;color:#000;cursor:pointer;padding:0;line-height:1}.announcement-titlebar-close:active{border-color:grey #dfdfdf #dfdfdf grey}.announcement-image-wrap{display:block;border:2px solid #dfdfdf;border-top:none;border-left:2px solid grey;line-height:0}a.announcement-image-wrap{cursor:pointer}.announcement-image{display:block}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes windowPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.attendances{align-items:center}.attendances>img{width:100%;height:auto}.attendance-icons,.attendances>h2{font-size:40px}.attendance-icons{margin-top:10rem;display:flex;justify-content:space-evenly;align-items:center;background:hsla(0,0%,58%,.2);width:100%}.attendance-icons>img{max-width:20%;height:auto;object-fit:contain}@media (max-width:800px){.attendances>h2{margin-top:1rem;font-size:22px}.attendance-icons{margin-top:3rem;flex-wrap:wrap}.attendance-icons>img{max-width:50%;padding:1rem}}@media (min-width:800px){.attendance-icons>img{max-width:20%}}