.user_settings,.group_settings{padding:4px}@media screen and (width<=768px){.user_settings,.group_settings{padding:2px}}.user_settings h2,.group_settings h2{margin:2.66667px;font-weight:850}.user_settings h5,.group_settings h5{font-size:clamp(.81rem, (.000078125 * (var(--current-width) - 768) * 1rem), .9rem);color:var(--muted);margin:2.66667px 4px 0;font-weight:500}.user_settings .settings,.group_settings .settings{border:1px solid color-mix(in srgb, var(--muted) 18%, transparent);background:color-mix(in srgb, var(--more-contrast-card) 75%, var(--card));border-radius:10px;flex-direction:column;gap:4px;margin-top:4px;padding:10.6667px;display:flex}@media screen and (width<=768px){.user_settings .settings,.group_settings .settings{padding:4px}}.lesson_setting{flex-direction:row;grid-template-columns:40% auto;grid-template-areas:"Label Select""Empty Input";align-items:center;gap:2px 16px;display:grid}@media screen and (width<=768px){.lesson_setting{grid-template-columns:30% auto}}.lesson_setting>input{width:100%;color:var(--text-color);font-weight:500;font-size:clamp(.72rem, (.0000694444 * (var(--current-width) - 768) * 1rem), .8rem);background:var(--more-contrast-card);border:1px solid color-mix(in srgb, var(--muted) 22%, transparent);border-radius:8px;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.lesson_setting>input:focus{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.lesson_setting>textarea{background:var(--more-contrast-card);border:1px solid color-mix(in srgb, var(--muted) 22%, transparent);color:var(--text-color);border-radius:8px;padding:8px 10px}.lesson_setting>textarea:focus{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.lesson_setting label{font-size:clamp(.76rem, (.000164931 * (var(--current-width) - 768) * 1rem), .95rem);grid-area:Label;font-weight:650;display:block}.lesson_setting label .optional{color:var(--muted);font-weight:400;font-size:clamp(.63rem, (.0000607639 * (var(--current-width) - 768) * 1rem), .7rem);display:block}.lesson_setting select,.lesson_setting .input_as_select_wrapper,.lesson_setting .input_as_select{background:var(--more-contrast-card);border:1px solid color-mix(in srgb, var(--muted) 22%, transparent);width:100%;color:var(--text-color);border-radius:8px;grid-area:Select;padding:8px 10px;transition:border-color .15s,box-shadow .15s;display:block}.lesson_setting select:focus,.lesson_setting .input_as_select_wrapper:focus,.lesson_setting .input_as_select:focus{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.lesson_setting .input_as_select{font-size:clamp(.72rem, (.0000694444 * (var(--current-width) - 768) * 1rem), .8rem);color:var(--muted);padding-left:8px;font-weight:400}.lesson_setting input{grid-area:Input}