.InputError{color:#f83333;font-size:14px;transform:translateY(-10px);transform-origin:top;opacity:0;transition:all .3s}@media(max-width:600px){.InputError{font-size:12px}}.InputError-visible{opacity:1;transform:translateY(0)}label{font-size:20px;display:block;color:var(--label-color)}input,select{accent-color:var(--orange-accent-color);border:0;width:100%;font-weight:400;background:#1a1a1a;height:100%;border-radius:6px;font-size:20px;color:#fafafa;padding:10px 20px}input:focus,select:focus{outline:none;box-shadow:var(--input-focus-border)}input[type=checkbox]{box-shadow:none}.CourseForm{min-width:268px;contain:layout;flex:1 1}.CourseForm form{background-color:hsla(0,0%,6%,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);outline:1px solid #1d1d1d;overflow:hidden;padding:1rem;margin:20px auto;width:min(520px,100% - var(--sm)*2);position:relative}@media(max-width:480px){.CourseForm form{width:min(520px,100% - (var(--sm)))}}.CourseForm form .top-fieldset{border:none}.CourseForm form .top-fieldset:disabled input{color:#5d5d5d!important}.CourseForm form>span{display:block;position:absolute}.CourseForm form>span.line-1{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--orange-accent-color))}.CourseForm form>span.line-2{top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--orange-accent-color))}.CourseForm form>span.line-3{bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,var(--orange-accent-color))}.CourseForm form>span.line-4{bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,var(--orange-accent-color))}.CourseForm form .form__group{display:flex;flex-direction:column;gap:6px;min-width:220px;justify-content:start;align-items:start;padding:10px}.CourseForm form .form__group-half{display:inline-flex;width:50%}@media(max-width:600px){.CourseForm form .form__group-half{width:100%}}.CourseForm form .form__group .hours{width:100%;padding:1em;display:flex;flex-wrap:wrap;gap:16px;border-color:#888;min-height:232px}.CourseForm form .form__group .hours legend{text-align:center;padding:8px 16px;color:var(--label-color)}.CourseForm form .form__group .hours label{margin-bottom:16px;flex:1 0 auto;display:flex;justify-content:center;gap:8px}.CourseForm form .form__group .hours label input{width:14px}@media(max-width:480px){.CourseForm form .form__group .hours label span{font-size:16px}}.CourseForm form .form__group .hours-submit{align-items:center}.CourseForm form .form__group:hover span{transition:1s}.CourseForm form .form__group:hover span.line-1{left:100%;transition:1s}.CourseForm form .form__group:hover span.line-2{top:100%;transition-delay:.25s}.CourseForm form .form__group:hover span.line-3{right:100%;transition-delay:.5s}.CourseForm form .form__group:hover span.line-4{bottom:100%;transition-delay:.8s}.CourseForm label:has(+input:focus),.CourseForm label:has(+select:focus){color:var(--orange-accent-color)}.CourseForm:hover span{transition:1s}.CourseForm:hover span.line-1{left:100%;transition:1s}.CourseForm:hover span.line-2{top:100%;transition-delay:.25s}.CourseForm:hover span.line-3{right:100%;transition-delay:.5s}.CourseForm:hover span.line-4{bottom:100%;transition-delay:.8s}