.filter-form_filter__ayE7w.filter-form_enter__3WvH9:before{opacity:0}.filter-form_filter__ayE7w.filter-form_enterActive__pu5GL:before{opacity:1;transition:opacity .3s ease-in-out}.filter-form_filter__ayE7w.filter-form_exit__a_nQk:before{opacity:1}.filter-form_filter__ayE7w.filter-form_exitActive__nn70L:before{opacity:0;transition:opacity .3s ease-out}.filter-form_container__Q9TXI{will-change:transform;display:flex;flex-direction:column;width:34.2rem;height:100%;margin-left:auto;background-color:var(--light)}@media screen and (min-width:768px){.filter-form_container__Q9TXI{padding:4rem 2rem}}@media screen and (max-width:767px){.filter-form_container__Q9TXI{padding:2rem 1.6rem}}.filter-form_enter__3WvH9 .filter-form_container__Q9TXI{transform:translateX(100%)}.filter-form_enterActive__pu5GL .filter-form_container__Q9TXI{transform:translateX(0);transition:transform .3s ease-in-out}.filter-form_exit__a_nQk .filter-form_container__Q9TXI{transform:translateX(0)}.filter-form_exitActive__nn70L .filter-form_container__Q9TXI{transform:translateX(100%);transition:transform .3s ease-out}.filter-form_loader__pcq8O{color:var(--accent);text-align:center;padding:2rem 0}.filter-form_form__uvwfX{display:flex;flex-direction:column;height:100%}.filter-form_scroller___PbRv{overflow-x:hidden;overflow-y:auto}@media screen and (min-width:768px){.filter-form_scroller___PbRv:not(:last-child){margin-bottom:2.8rem}}@media screen and (max-width:767px){.filter-form_scroller___PbRv:not(:last-child){margin-bottom:2rem}}@media screen and (min-width:768px){.filter-form_head__ga5hb:not(:last-child){margin-bottom:2.8rem}}@media screen and (max-width:767px){.filter-form_head__ga5hb:not(:last-child){margin-bottom:1.8rem}}.filter-form_item__s46Py{background-color:var(--light-accent);border-radius:1.2rem}.filter-form_item__s46Py:not(:last-child){margin-bottom:1.2rem}.filter-form_item__s46Py.filter-form_disbaled__w4WB8{filter:grayscale(1);opacity:.5;pointer-events:none}.filter-form_button__BIQkI{width:100%;display:flex;align-items:center;gap:.3rem;padding:1.2rem 1.6rem;font-size:max(1.6rem,10px);font-weight:600;color:var(--accent);cursor:pointer;transition:color .3s cubic-bezier(.28,0,.49,1)}@media(any-hover:hover){.filter-form_button__BIQkI:hover{color:var(--orange)}}.filter-form_count__kcNEK{margin-left:auto;font-size:1.6rem;color:var(--gray-2)}.filter-form_icon__FOBUU{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.4rem;height:2.4rem;color:inherit;transition:transform .3s cubic-bezier(.28,0,.49,1);transform:rotate(-180deg)}.filter-form_icon__FOBUU svg{display:block;width:1.5rem;height:1.5rem}.filter-form_active__ErxOp .filter-form_icon__FOBUU{transform:rotate(0)}.filter-form_content___ycTW{max-height:0;opacity:0;overflow:hidden;pointer-events:none;will-change:max-height;transition:max-height .3s cubic-bezier(.28,0,.49,1),opacity .3s cubic-bezier(.28,0,.49,1)}.filter-form_active__ErxOp .filter-form_content___ycTW{opacity:1;pointer-events:auto}.filter-form_filterItem__pOyHI{padding:1.2rem 2.4rem}.filter-form_footer__EhRk8{margin-top:auto;display:flex;flex-direction:column;gap:1.8rem}.filter-form_placeholder__u9YC8{padding:2rem;font-weight:600;font-style:italic}.filter-form_noTeacherAssigned__39wtZ{font-style:italic;color:var(--red)}.filter-form_you__DToww{color:var(--gray-2);font-weight:600}.filter-form_colorLabel__orZQv{display:flex;align-items:center;gap:.8rem}.filter-form_colorLabel__orZQv .filter-form_circleColor__BtVj6{width:1.7rem;height:1.7rem;border:1px solid var(--accent);border-radius:50%;background:var(--custom-color)}.filter-form_childs__3DKJe{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.8rem;gap:.8rem;padding:1.8rem}.filter-form_childs__3DKJe .filter-form_childItem__7CexP{cursor:pointer;width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:max(1.3rem,10px);line-height:1.5;transition:color .3s cubic-bezier(.28,0,.49,1),background-color .3s cubic-bezier(.28,0,.49,1)}@media(any-hover:hover){.filter-form_childs__3DKJe .filter-form_childItem__7CexP:hover{color:var(--orange)}}.filter-form_childs__3DKJe .filter-form_childItem__7CexP.filter-form_active__ErxOp{background-color:var(--accent);color:var(--light)}