main.tm .tm-tf{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}main.tm .tm-tf svg{block-size:15px;inline-size:15px}main.tm .tm-tf.on{color:var(--app-success-fg)}main.tm .tm-tf.off{color:var(--app-warning-fg)}main.tm .ui .tm-act{inline-size:48px;padding-inline-start:0}main.tm .ui-strip .ui-progress{margin-block:4px 2px}main.tm .ui .tm-matrix :is(th,td):not(:first-child){text-align:center;inline-size:104px}main.tm .ui .tm-matrix td:first-child{white-space:normal}main.tm .ui .tm-matrix .ui-group-row td{text-align:start}main.tm .tm-p{vertical-align:middle;border-radius:50%;place-items:center;block-size:24px;inline-size:24px;display:inline-grid}main.tm .tm-p.yes{background:var(--app-success-soft);color:var(--app-success-fg)}main.tm .tm-p.yes svg{block-size:14px;inline-size:14px}main.tm .tm-p.no{color:var(--app-subtle)}main.tm .tm-p.no:before{content:"";background:currentColor;border-radius:1px;block-size:2px;inline-size:10px}main.tm .tm-own{border-radius:var(--app-r-xs);background:var(--app-info-soft);color:var(--app-info-fg);white-space:nowrap;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}@media (width<=600px){main.tm .ui .tm-matrix :is(th,td):not(:first-child){inline-size:76px}main.tm .ui .tm-matrix :is(th,td){padding-inline:6px}}main.tm .tm-form{flex-direction:column;gap:16px;display:flex}main.tm .tm-form .ui-field{gap:6px}main.tm .tm-chips{border:1px solid var(--app-brand);border-radius:var(--app-r-md);background:var(--app-card);min-block-size:38px;box-shadow:0 0 0 3px color-mix(in srgb, var(--app-brand), transparent 82%);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}main.tm .tm-chips .ui-tag svg{opacity:.7;block-size:12px;inline-size:12px}main.tm .sx-tabs{--tab-max:980px}main.tm .tm-live-grid{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}main.tm .tm-menu-list{gap:2px;padding:8px;display:grid}main.tm .tm-mi{border-radius:var(--app-r-sm);color:var(--app-fg);align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:none}main.tm .tm-mi svg{block-size:16px;inline-size:16px;color:var(--app-muted)}main.tm .tm-mine{border-radius:var(--app-r-xs);background:var(--app-info-soft);color:var(--app-info-fg);margin-inline-start:auto;padding:1px 7px;font-size:12px;font-style:normal;font-weight:500;display:none}main.tm .tm-live[data-role=owner] .tm-mi[data-for~=owner],main.tm .tm-live[data-role=admin] .tm-mi[data-for~=admin],main.tm .tm-live[data-role=courses] .tm-mi[data-for~=courses],main.tm .tm-live[data-role=teacher] .tm-mi[data-for~=teacher],main.tm .tm-live[data-role=support] .tm-mi[data-for~=support]{display:flex}main.tm .tm-live[data-role=teacher] .tm-mine{display:inline-block}main.tm .tm-mi:first-child{background:var(--app-hover)}main.tm .ui .tm-mx .tm-matrix :is(th,td):not(:first-child){inline-size:92px}main.tm .ui .tm-mx .tm-matrix td{block-size:44px}main.tm .tm-matrix :is(th,td){transition:background-color var(--dur-move) var(--ease), opacity var(--dur-move) var(--ease)}main.tm .tm-live[data-role] .tm-matrix tr:not(.ui-group-row)>:is(th,td):not(:first-child)>*{opacity:.4}main.tm .tm-live[data-role=owner] .tm-matrix tr>:nth-child(2),main.tm .tm-live[data-role=admin] .tm-matrix tr>:nth-child(3),main.tm .tm-live[data-role=courses] .tm-matrix tr>:nth-child(4),main.tm .tm-live[data-role=teacher] .tm-matrix tr>:nth-child(5),main.tm .tm-live[data-role=support] .tm-matrix tr>:nth-child(6){background:var(--app-primary-soft)}main.tm .tm-live[data-role=owner] .tm-matrix tr:not(.ui-group-row)>:is(th,td):nth-child(2)>*,main.tm .tm-live[data-role=admin] .tm-matrix tr:not(.ui-group-row)>:is(th,td):nth-child(3)>*,main.tm .tm-live[data-role=courses] .tm-matrix tr:not(.ui-group-row)>:is(th,td):nth-child(4)>*,main.tm .tm-live[data-role=teacher] .tm-matrix tr:not(.ui-group-row)>:is(th,td):nth-child(5)>*,main.tm .tm-live[data-role=support] .tm-matrix tr:not(.ui-group-row)>:is(th,td):nth-child(6)>*{opacity:1}@media (width<=1000px){main.tm .tm-live-grid{grid-template-columns:180px minmax(0,1fr)}}@media (width<=900px){main.tm .tm-live-grid{grid-template-columns:minmax(0,1fr)}main.tm .tm-menu .ui-card-head{display:none}main.tm .tm-menu-list{flex-wrap:wrap;gap:4px;display:flex}main.tm .tm-mi{padding:6px 8px;font-size:13px}main.tm .tm-mi:first-child{background:0 0}}@media (width<=760px){main.tm .ui .tm-mx .tm-matrix :is(th,td):not(:first-child){inline-size:58px;padding-inline:2px}main.tm .ui .tm-mx .tm-matrix th .ui-tag{white-space:normal;text-align:center;padding-block:3px;line-height:1.3}}main.tm .tm-invite-body{text-align:center;justify-items:center;gap:12px;display:grid}main.tm .tm-logo{background:var(--app-brand);block-size:40px;inline-size:40px;color:var(--app-on-primary);font-family:var(--serif);border-radius:11px;place-items:center;font-size:19px;line-height:1;display:grid}main.tm .tm-invite-body .ui-sm{line-height:1.8}main.tm .tm-seat{gap:6px;min-inline-size:200px;padding:18px 20px;display:grid}main.tm .tm-seat .ui-progress{margin-block:4px 2px}main.tm .tm-chips .ui-tag{min-inline-size:0;max-inline-size:100%;padding-block:3px;line-height:1.3}main.tm .tm-chips .ui-tag>.ui-num{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;min-inline-size:0}main.tm .tm-chips .ui-tag>svg{flex:none}main.tm .sx-steps .tm-form{padding:14px}main.tm .sx-steps .tm-chips{gap:4px;padding:5px 6px}main.tm .sx-steps .tm-chips .ui-tag{padding-inline:6px;font-size:12px}main.tm .tm-log{inline-size:100%;max-inline-size:360px}main.tm .tm-log .ui-row{gap:10px;padding-block:10px}main.tm .tm-codes{flex-wrap:wrap;gap:6px}main.tm .tm-own-frag{gap:10px}@media (width<=680px){main.tm .ui .ui-table td:first-child{white-space:normal}}@media (width<=400px){main.tm .ui .ui-tabs:not(.sm,.flush){gap:8px;padding-inline:10px}main.tm .ui .ui-tabs:not(.flush)>*{gap:4px;font-size:12px}}@media (width<=380px){main.tm .sx-tile .ui-list .ui-row{flex-wrap:wrap;row-gap:4px}main.tm .sx-tile .ui-list .ui-row>.ui-person{flex:130px;min-inline-size:0}main.tm .sx-tile .ui-list .ui-person .sub{overflow-wrap:anywhere;font-size:11px}main.tm .sx-tile .ui-list .ui-row>:is(.tm-tf,.ui-btn){margin-inline-start:44px}}