.dialog:has(.course-bookmarks-comp){padding:20px}.course-bookmarks-comp{width:357px;max-height:350px;overflow-y:hidden;display:flex;flex-direction:column;gap:10px;@media screen and (width < 480px){width:unset}.head,.item{display:flex;align-items:center;gap:10px;align-self:stretch}.head .close{cursor:pointer}.head h2{overflow:hidden;color:var(--dark-main-color);text-overflow:ellipsis;font-size:17px;font-weight:500;line-height:130%;text-transform:uppercase;text-align:unset;flex:1 0 0}.item{display:flex;justify-content:space-between;align-items:center;align-self:stretch;cursor:pointer;padding:10px 0;&:not(:nth-last-child(1)){border-bottom:1px solid var(--grey-1)}& a{display:flex;align-items:center;gap:10px;& svg{color:var(--light-main-color);flex-shrink:0}& p{overflow:hidden;color:var(--dark-main-color);text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:130%;text-transform:uppercase}}.delete{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--grey, #B9BEC3);text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:130%;flex-shrink:0}}}header.student .all-bookmarks.present:not(:hover){color:var(--light-main-color);background:#8bc34a26}.all-bookmarks-dlg.dialog{display:flex;width:var(--cols8);padding:40px 60px;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:40px;@media screen and (width < 1400px){width:var(--main-width)}@media screen and (768px <= width < 1000px){padding:40px}@media screen and (480px <= width < 768px){padding:40px 40px 30px;gap:20px}@media screen and (360px <= width < 480px){padding:20px;gap:20px}.course-bookmarks-comp{@media screen and (768px <= width < 1000px){width:304px}@media screen and (480px <= width < 768px){width:360px}@media screen and (360px <= width < 480px){width:280px}}}header.student nav .top-menu{display:flex;gap:20px;@media screen and (width < 1400px){gap:10px}}header.student nav .top-menu .join-class{@media screen and (768px <= width < 1000px){padding:10px 20px}@media screen and (width < 768px){display:none}& svg{@media screen and (768px <= width < 1000px){display:none}}}header.student nav .top-menu .search{width:var(--cols3);@media screen and (1000px <= width < 1400px){width:300px}@media screen and (768px <= width < 1000px){width:240px}@media screen and (width < 768px){display:none}}header.student nav .top-menu .user-logo{width:var(--cols2);justify-content:end;cursor:pointer;@media screen and (width < 1400px){min-width:unset;width:unset}.user-logo__text-content{@media screen and (width < 1400px){display:none}}}header.student .hamburger-menu-activator{display:none;@media screen and (width < 768px){display:block}}.role-screen-selector{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.role-screen-selector .role{display:flex;max-width:232px;padding:20px 24px 20px 30px;justify-content:center;align-items:center;gap:10px;border-radius:10px;font-size:17px;font-weight:500;text-transform:uppercase;white-space:nowrap;color:var(--dark-main-color);background:var(--white, #FFF);box-shadow:0 10px 30px #0000001a;flex:1 0 0;@media screen and (768px <= width < 1000px){width:174.5px;max-width:174.5px;height:48px;font-size:15px;gap:4px;padding:20px 0}@media screen and (480px <= width < 768px){width:215px;max-width:215px;height:48px;padding:12px 24px 12px 30px;font-size:15px;gap:4px}@media screen and (360px <= width < 480px){width:155px;max-width:155px;padding:12px 24px 12px 30px;font-size:15px;& svg{display:none}}}.role-screen-selector .role.active{color:var(--white, #FFF);background:var(--light-main-color);box-shadow:none}.role-screen-banner{border-radius:20px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:var(--skeleton-color);box-shadow:0 10px 30px #0000000f;width:100%;@media screen and (1400px <= width){max-height:180px;margin-top:20px;margin-bottom:30px}@media screen and (1000px <= width < 1400px){max-height:130px;margin-top:20px;margin-bottom:30px}@media screen and (768px <= width < 1000px){max-height:100px;margin-top:20px;margin-bottom:30px}@media screen and (480px <= width < 768px){max-height:70px;margin-top:10px;margin-bottom:20px;border-radius:10px}@media screen and (360px <= width < 480px){max-height:50px;margin-top:10px;margin-bottom:10px;border-radius:10px}& img[src=""]{background-color:var(--skeleton-color)}}