.student-session-notice{grid-column:1/-1;margin:.65rem .75rem .75rem;border:1px solid var(--odin-line);border-radius:.65rem;background:#0a1826;overflow:hidden}.student-session-notice__head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .75rem;border-bottom:1px solid var(--odin-line)}.student-session-notice__head>span{color:#72dced;font-size:.62rem;font-weight:800;letter-spacing:.1em}.student-session-notice__head>b{border:1px solid #32758a;border-radius:999px;padding:.22rem .45rem;color:#83e2f1;font-size:.6rem}.student-session-notice__body{padding:.75rem}.student-session-notice__title{display:flex;align-items:flex-start;gap:.6rem}.student-session-notice__title>i{width:34px;height:34px;display:grid;place-items:center;border-radius:.5rem;background:#153b51;color:#82e2f1}.student-session-notice__title strong,.student-session-notice__title small{display:block}.student-session-notice__title strong{font-size:.78rem}.student-session-notice__title small{color:#7e99ab;font-size:.62rem}.student-session-notice__facts{display:grid;gap:.35rem;margin:.65rem 0}.student-session-notice__facts a,.student-session-notice__facts span{color:#91aabc;text-decoration:none;font-size:.65rem}.student-session-notice__facts i{width:18px;color:#63ccdf}.student-session-notice__units{display:flex;align-items:center;gap:.45rem;padding:.55rem;border:1px solid var(--odin-line);border-radius:.5rem;background:#102233}.student-session-notice__units>b{color:#77deef;font-size:.65rem}.student-session-notice__units span{font-size:.67rem}.student-session-notice__units small{margin-left:auto;color:#7893a5;font-size:.58rem}.student-session-notice__actions{display:flex;gap:.45rem;margin-top:.65rem}.student-session-notice__actions button{flex:1;border-radius:.45rem;padding:.52rem .6rem;font-size:.66rem;font-weight:700}.student-session-notice__actions .join{border:0;background:#43c7df;color:#04202a}.student-session-notice__actions .details{border:1px solid var(--odin-line);background:transparent;color:#8eddec}.student-session-notice.is-pending .join{background:#d6a847;color:#201704}.student-session-notice.is-accepted{border-color:#2d715d}.student-session-notice.is-accepted .student-session-notice__head>span{color:#67dbae}[data-bs-theme="light"] .student-session-notice{background:#edf8fb;border-color:#91cada}[data-bs-theme="light"] .student-session-notice__units{background:#fff}
@media(max-width:575px){.student-session-notice{margin:.55rem}.student-session-notice__units{align-items:flex-start;flex-wrap:wrap}.student-session-notice__units small{width:100%;margin-left:0}.student-session-notice__actions{flex-direction:column}}