.characterAttributesRoomClass_layout_characterAttributesRoomClassLayout__vegM2{position:relative}.characterAttributesRoomClass_layout_characterAttributesRoomClassLayout__body__X_1Tx{display:grid;grid-gap:var(--s-xxlarge);padding:var(--s-small) 0 var(--s-small)}@media screen and (max-width:560px){.characterAttributesRoomClass_layout_characterAttributesRoomClassLayout__body__X_1Tx{padding:var(--s-small) var(--s-medium) var(--s-small)}}.characterClassRoomList_component_characterClassRoomList__QbwqN{position:relative;display:grid;grid-gap:var(--s-xxlarge);gap:var(--s-xxlarge)}.characterClassRoomList_component_gradeGroup__WiT3_{display:grid;grid-gap:var(--s-small);gap:var(--s-small)}.characterClassRoomList_component_gradeGroup__header__Zs36_{font-weight:700;font-size:var(--f-xlarge);color:var(--c-font-accent)}.characterClassRoomList_component_gradeGroup__body__K3hoI{display:grid;grid-gap:var(--s-large);gap:var(--s-large);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media screen and (max-width:960px){.characterClassRoomList_component_gradeGroup__body__K3hoI{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.characterClassRoomList_component_classRooms__Gsi7_{display:grid;grid-gap:var(--s-medium);gap:var(--s-medium);align-self:flex-start}.characterClassRoomList_component_classRooms__Gsi7_:first-child .characterClassRoomList_component_classRooms__header__q3AIA span,.characterClassRoomList_component_classRooms__Gsi7_:first-child .characterClassRoomList_component_classRooms__header__q3AIA:before{background-color:#f75379}.characterClassRoomList_component_classRooms__Gsi7_:nth-child(2) .characterClassRoomList_component_classRooms__header__q3AIA span,.characterClassRoomList_component_classRooms__Gsi7_:nth-child(2) .characterClassRoomList_component_classRooms__header__q3AIA:before{background-color:#7685fc}.characterClassRoomList_component_classRooms__Gsi7_:nth-child(3) .characterClassRoomList_component_classRooms__header__q3AIA span,.characterClassRoomList_component_classRooms__Gsi7_:nth-child(3) .characterClassRoomList_component_classRooms__header__q3AIA:before{background-color:#fc9918}.characterClassRoomList_component_classRooms__Gsi7_:nth-child(4) .characterClassRoomList_component_classRooms__header__q3AIA span,.characterClassRoomList_component_classRooms__Gsi7_:nth-child(4) .characterClassRoomList_component_classRooms__header__q3AIA:before{background-color:#82b657}.characterClassRoomList_component_classRooms__Gsi7_:nth-child(5) .characterClassRoomList_component_classRooms__header__q3AIA span,.characterClassRoomList_component_classRooms__Gsi7_:nth-child(5) .characterClassRoomList_component_classRooms__header__q3AIA:before{background-color:#c45ece}.characterClassRoomList_component_classRooms__header__q3AIA{position:relative;display:flex;justify-content:center}.characterClassRoomList_component_classRooms__header__q3AIA span{position:relative;display:inline-flex;width:64px;justify-content:center;align-items:center;padding:var(--s-xsmall) var(--s-small);border-radius:var(--rd-small);font-size:10px;font-weight:700;color:var(--c-font-white);z-index:2}.characterClassRoomList_component_classRooms__header__q3AIA:before{content:"";display:block;width:100%;height:2px;position:absolute;top:50%;left:0;background-color:inherit;margin-top:-1px;border-radius:var(--rd-small)}.characterClassRoomList_component_classRooms__body__io6jN{display:grid;grid-gap:var(--s-medium);gap:var(--s-medium);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}