.lesson-form{background-color:var(--background-color8);border-radius:3px;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex;position:relative}.lesson-form-title{color:var(--color2);align-items:center;margin:0 0 10px;display:flex}.lesson-form-inputs{justify-content:center;align-items:flex-end;gap:20px;width:100%;display:flex}.lesson-input-wrapper{flex-direction:column;flex:1 1 0;gap:4px;max-width:17.5rem;font-size:1.25rem;display:flex;position:relative}.lesson-label{color:var(--color2);padding-left:2px;font-size:1rem;font-weight:500}.lesson-label--required:after{content:" *";color:var(--color-warning);font-weight:700}.lesson-input-container{align-items:center;width:100%;display:flex;position:relative}.lesson-input{background-color:var(--background-color1);width:100%;height:2.8125rem;color:var(--color1);border:none;border-radius:3px;padding:5px 15px 5px 10px;font-size:1.25rem}.lesson-input-clear{cursor:pointer;color:var(--color3);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:700;line-height:1;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}html.has-hover .lesson-input-clear:hover{color:var(--color1)}.lesson-warning-note{color:var(--color-warning);font-size:1rem;position:absolute}.lesson-form-button-submit{width:100%;height:2.8125rem;color:var(--color2);border:solid 1px var(--color2);background-color:var(--background-color7);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-size:1.25rem;font-weight:500;transition:background-color .3s ease-out;display:flex}html.has-hover .lesson-form-button-submit:hover{background-color:var(--background-color15);transition:background-color .2s ease-out}.lesson-form-button-submit.inactive{color:var(--color3);border:var(--border1);background-color:var(--background-color3);pointer-events:none}.lesson-form-button-submit.inactive .lesson-form-mail-send-icon{fill:var(--color3)}.lesson-form-mail-send-icon{fill:var(--color2)}.lesson-form-mail-send-icon-disable{visibility:hidden}html.has-hover .lesson-form-button-submit:hover .lesson-form-mail-send-icon{fill:var(--color2)}.lesson-form-send-note{min-height:2.5rem;color:var(--color2);border-radius:3px;align-items:center;padding:0 5px;font-weight:700;display:flex;position:absolute;bottom:0}.lesson-form-send-note.red{background-color:var(--color-warning)}.lesson-form-send-note.green{background-color:var(--color-success)}@media (max-width:48em){.lesson-form-inputs{align-items:initial;flex-direction:column}.lesson-input-wrapper{max-width:unset}}@media (max-width:40em){.lesson-form{width:100%}.lesson-form-title{justify-content:center;width:100%;margin:20px 0 10px}}@media (max-width:30em){.lesson-form{background-color:unset}}