@media (max-width:560px){.lo .ui-page-head:has(.oc-new){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px 8px;gap:10px 8px}.lo .ui-page-head:has(.oc-new)>.ui-page-head-actions{display:contents}.lo .ui-page-head:has(.oc-new) .oc-new{grid-column:1;justify-self:start}}.lo .oc-search{position:relative;display:inline-flex;align-items:center;flex:0 1 220px;min-width:180px}.lo .oc-search>svg{position:absolute;left:11px;color:var(--muted);pointer-events:none}.lo .toolbar .oc-search.oc-search>input:not([type=checkbox]){width:100%;padding-left:33px}@media (max-width:700px){.lo .oc-search{flex:1 1 100%}}.lo .oc-note{margin:10px 2px 0;color:var(--muted);font-size:13px;word-break:keep-all}@media (max-width:700px){.lo .toolbar .lo-seg.oc-seg{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.lo .toolbar .lo-seg.oc-seg::-webkit-scrollbar{display:none}.lo .toolbar .lo-seg.oc-seg .ui-chip{flex:none;padding:0 10px}.lo .lo-class-table:not(.is-picking) thead{display:none}.lo .lo-class-table:not(.is-picking) tbody tr{grid-template-columns:auto 0 auto minmax(0,1fr) auto;column-gap:0}.lo .lo-class-table:not(.is-picking) .lo-c-grip{margin-right:14px}.lo .lo-class-table:not(.is-picking) .lo-c-period{margin-left:10px}.lo .lo-class-table .lo-c-teacher,.lo .lo-class-table tbody td.lo-c-seats{padding-left:52px}}.lo .lo-class-table .lo-class-title{font-size:16px}.lo .lo-class-table .lo-class-title+.pill{padding:2px 7px;border-radius:6px}.lo .lo-class-table .lo-class-title+.pill.blue{background:#edf2fd}.lo .lo-class-table .lo-person{font-size:13px}.lo .lo-class-table .lo-seat-line>b{font-size:15px}.lo .lo-class-table .lo-seat-line>.lo-muted-text{font-size:13px}@media (min-width:701px){.lo .lo-class-table tbody td{padding-top:13px;padding-bottom:13px}.lo .lo-class-table td.lo-c-grip,.lo .lo-class-table th:first-child{width:60px;padding-left:15px}.lo .lo-class-table:not(.is-picking) th:nth-child(2){width:34%}.lo .lo-class-table:not(.is-picking) th:nth-child(3){width:11.5%}.lo .lo-class-table:not(.is-picking) th:nth-child(4){width:17%}.lo .lo-class-table:not(.is-picking) th:nth-child(5){width:15.5%}}@media (max-width:700px){.lo .lo-class-table tbody tr{row-gap:4px}}