.avatar-navigation{background:#f0eff5;border-radius:12px;box-shadow:0 2px 10px #1317181a;display:flex;flex-direction:column;gap:16px;padding:16px;position:absolute;right:0;top:60px;width:320px}.avatar-navigation__close-icon{margin-left:auto}.avatar-navigation__info{display:flex;flex-direction:column;gap:2px}.avatar-navigation__user{align-items:center;display:flex;flex-direction:column;gap:8px}.avatar-navigation__group,.avatar-navigation__speciality{font-size:14px;font-weight:500;letter-spacing:0;line-height:100%;text-align:center}.avatar-navigation__avatar{border-radius:50%;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.avatar-navigation__identity{display:flex;flex-direction:column;gap:2px}.avatar-navigation__name{color:#374151;font-size:16px;font-weight:600;letter-spacing:0;line-height:22px}.avatar-navigation__login{color:#717486;font-size:14px;font-weight:500;letter-spacing:0;line-height:100%;text-align:center}.avatar-navigation__logout-btn,.avatar-navigation__profile-btn,.avatar-navigation__role-btn{align-items:center;background:#fff;display:flex;font-size:16px;font-weight:400;gap:8px;letter-spacing:0;line-height:22px;padding:12px 16px;text-align:start;text-decoration:none;width:100%}.avatar-navigation__logout-btn svg,.avatar-navigation__profile-btn svg,.avatar-navigation__role-btn svg{flex-shrink:0;height:20px;width:20px}.avatar-navigation__logout-btn:hover,.avatar-navigation__profile-btn:hover,.avatar-navigation__role-btn:hover{background:#f6f5f9}.avatar-navigation__logout-btn,.avatar-navigation__profile-btn{border-radius:8px}.avatar-navigation__role-btn{border-bottom:1px solid #e3def1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-navigation__role-btn:first-of-type{border-radius:8px 8px 0 0}.avatar-navigation__role-btn:last-of-type{border-bottom:none;border-radius:0 0 8px 8px}.avatar-navigation__role-btn.active{border:1px solid #df2935}.modal-avatar-navigation .modal__content{border-radius:16px 16px 0 0;display:flex;flex-direction:column;padding:0;width:100%}@media (max-width:744px){.modal-avatar-navigation .modal__content{bottom:0;left:0;min-height:auto;position:fixed;right:0}}.modal-avatar-navigation .avatar-navigation{position:static;width:100%}.switch-dpo{bottom:24px;margin-top:auto;position:relative;position:absolute;width:218px}.switch-dpo__title,.switch-dpo__title-student{display:none}.switch-dpo__line{background-color:#eaeaed;height:1px;margin-bottom:24px;width:100%}.switch-dpo__button{align-items:center;border:1px solid #eaeaed;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between;padding:14px 20px}.switch-dpo__button svg{height:20px;min-height:20px;min-width:20px;width:20px}.switch-dpo__button p{color:#717486;font-size:16px;font-weight:700;line-height:20px;white-space:nowrap}.switch-dpo__button:hover{background-color:#fceaeb;border:1px solid #df2935}.switch-dpo__button:hover svg path{stroke:#df2935}.switch-dpo__button:hover p{color:#df2935}.switch-dpo__button.active{border:1px solid #f9d4d7}.switch-dpo__button.active svg path{stroke:#df2935}.switch-dpo__button.active p{color:#df2935}.switch-dpo__info{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:16px}.switch-dpo__info p{font-size:22px;font-weight:600;line-height:26px}.switch-dpo__info svg{height:16px;width:16px}@media (min-width:1280px){.switch-dpo__info{display:none}}.switch-dpo__overlay{background-color:#0006;bottom:0;display:none;height:100vh;left:0;position:fixed;width:100vw}@media (min-width:1280px){.switch-dpo__overlay{display:none!important}}.switch-dpo__overlay.active{display:block}.switch-dpo__items{background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;box-shadow:0 0 10px #1317181a;display:none;flex-direction:column;left:0;padding:4px;position:fixed;width:100%}@media (min-width:1280px){.switch-dpo__items{border-radius:8px;left:calc(100% + 16px);position:absolute;width:-moz-fit-content;width:fit-content}}.switch-dpo__items.active{display:flex}.switch-dpo__items:before{bottom:0;content:"";height:100%;left:-20px;position:absolute;width:20px}.switch-dpo__item{align-items:center;border-radius:8px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:12px 16px;text-decoration:none}.switch-dpo__item svg{height:20px;opacity:0;width:20px}.switch-dpo__item svg path{stroke:#df2935}.switch-dpo__item p{color:#717486;font-size:16px;font-weight:700;line-height:20px;white-space:nowrap}.switch-dpo__item:hover{background-color:#f6f5f9}.switch-dpo__item.active svg{opacity:1}.switch-dpo__item.active p{color:#171520}.switch-dpo--open .switch-dpo__title{display:block}.switch-dpo--open .switch-dpo__placeholder{display:none}