@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";.appSpinner{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;height:100vh;padding:0 24px;text-align:center}.appSpinner__spinner{animation:spin .9s linear infinite;border:4px solid rgba(12,12,12,.15);border-radius:999px;border-top-color:var(--csd-blue);height:36px;width:36px}@keyframes spin{to{transform:rotate(360deg)}}.banner{display:block;max-width:845px;margin-left:auto;margin-right:auto;margin-bottom:5px}.banner img{width:100%;max-Height:131px;display:block}.noticeCard{display:flex;gap:50px;height:250px;padding:24px;align-items:center;background-color:#fff;border-radius:10px}.noticeCard__media{width:255px}.noticeCard__media img{width:100%;aspect-ratio:16 / 9;object-fit:contain}.noticeCard__body{width:calc(100% - 255px);height:203px;display:flex;flex-direction:column}.noticeCard__meta{margin-bottom:24px;display:flex;justify-content:space-between}.noticeCard__type{font-weight:700;color:var(--csd-dark-grey)}.noticeCard__date{color:var(--csd-dark-grey)}.noticeCard__title{font-weight:700;font-size:16px;margin-bottom:12px}.noticeCard__description{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;flex:1;color:#595959}.noticeCard__cta{width:fit-content;height:30px;padding:0 12px;border-radius:25px;background-color:var(--csd-blue);color:#fff;font-weight:700;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start}.noticeCard__cta:hover{background-color:var(--csd-light-blue)}.homePageContainer{margin-left:36px;margin-right:36px;display:flex;flex-direction:column;gap:24px;height:100%;container-type:inline-size;container-name:homepage;--scrollbar-outset: 24px}.notices{box-sizing:border-box;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:24px}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--csd-dark-grey);border-radius:20px;border:6px solid transparent;background-clip:content-box}@container homepage (min-width: 1px){.notices{width:calc(99.5cqw + var(--scrollbar-outset));max-width:calc(99.5cqw + var(--scrollbar-outset));padding-right:10px;box-sizing:content-box}}:root{--csd-font-primary: "Roboto";--csd-font-secondary: "Arial";--csd-light-grey: #F0F0F0;--csd-light-grey-2: #d9d9d9;--csd-dark-grey: #797979;--csd-blue: #36b0c9;--csd-light-blue: #70bbca}body{margin:0;padding:0;background-color:var(--csd-light-grey);font-family:var(--csd-font-primary);font-size:14px;line-height:normal;overflow:hidden;-webkit-user-select:none;user-select:none}*{margin:0;padding:0;outline:none}#app{height:100vh;width:100vw}.globalError{font-size:16px;font-weight:700;text-align:center;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}