.app-sidebar{flex-direction:column;flex:0 0 var(--app-sidebar-width);width:var(--app-sidebar-width);min-width:var(--app-sidebar-width);height:100%;max-height:100dvh;padding:var(--space-5) var(--space-3);border-right:1px solid var(--line-color);box-sizing:border-box;z-index:100;transition:border-color .3s;display:flex;position:sticky;top:0}@media screen and (max-width:768px){.app-sidebar{display:none}}.app-sidebar_logo{height:32px;margin-bottom:var(--space-5);padding:0 var(--space-2);color:var(--text-color);align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.app-sidebar_logo:hover:not(.sceleton){opacity:.8}}.app-sidebar_logo_icon{width:auto;height:28px}.app-sidebar_logo_icon path{fill:currentColor}.app-sidebar_nav{gap:var(--space-1);flex-direction:column;flex:1;min-height:0;display:flex}.app-sidebar_footer{gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line-color);flex-direction:column;transition:border-color .3s;display:flex}.app-sidebar_item{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--light-text-color);font-size:var(--text-md);text-align:left;cursor:pointer;background:0 0;border:0;font-family:inherit;font-weight:500;line-height:1.2;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.app-sidebar_item:hover:not(.sceleton){background:var(--section-item-hover-background-color);color:var(--text-color)}}.app-sidebar_item_active{background:var(--section-item-hover-background-color);color:var(--text-color)}.app-sidebar_item_icon{width:20px;height:20px;color:inherit;flex-shrink:0;transition:color .3s}.app-sidebar_item_icon [fill]{fill:currentColor}.app-sidebar_badge{background:var(--red-f5);color:#fff;text-align:center;z-index:1;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:6px;left:28px}.app-sidebar_dot{background:var(--red-f5);z-index:1;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:30px}.app-sidebar_create,.app-sidebar_login{margin-top:var(--space-2);justify-content:center;gap:var(--space-2);width:100%;font-size:var(--text-sm)}.app-sidebar_create svg,.app-sidebar_login svg{width:16px;height:16px}
.app-shell{flex:1;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.app-shell_main{overscroll-behavior:none;flex-direction:column;flex:1;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.app-shell_main>.header,.app-shell_main>.navigation_bar{flex-shrink:0}.app-shell_content{overscroll-behavior-y:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:0;display:flex;overflow:clip auto}.app-shell_content>:first-child{flex:1 0 auto;min-width:0}@media screen and (max-width:768px){.app-shell_content{padding-bottom:70px}}.app-shell_content:has(.messages_page){overflow:hidden}.app-shell_content:has(.messages_page)>:first-child{flex-direction:column;flex:1;min-height:0;display:flex}body.no-scroll .app-shell_content{scrollbar-gutter:stable;overflow-y:hidden}
.page-layout{z-index:1;min-width:0;max-width:100%;min-height:calc(100vh - var(--header-height));flex-direction:column;flex:1;padding-top:20px;padding-bottom:20px;display:flex}@media screen and (max-width:768px){.page-layout{min-height:calc(100vh - var(--header-height-mobile));padding-top:20px;padding-bottom:20px}}
.modal_window{z-index:2000;pointer-events:none;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal_window_background{cursor:default;background:var(--modal-window-background-color);border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.modal_window_body{background-color:var(--modal-window-body-background-color);border:1px solid var(--line-color);border-radius:8px;flex-direction:column;width:600px;max-width:80vw;max-height:80vh;display:flex;overflow:hidden}@media screen and (max-width:768px){.modal_window_body{max-width:90%;max-height:90%}}.modal_window_body_title{flex-shrink:0;justify-content:center;align-items:center;padding:20px;display:flex}.modal_window_body_title_close_button{color:var(--modal-window-button-color);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:6px;display:flex}@media (hover:hover) and (pointer:fine){.modal_window_body_title_close_button:hover:not(.sceleton){background:var(--section-item-hover-background-color)}}.modal_window_body_title svg{width:16px;height:16px}.modal_window_body_title p{color:var(--modal-window-title-text-color);font-size:24px;position:relative}.modal_window_body_content{flex-direction:column;flex-grow:1;gap:20px;padding:20px;display:flex;overflow-y:auto}@media screen and (max-width:768px){.modal_window_body_content{padding:10px}}.modal_window_body._small,.modal_window_body.modal_window_body_small{width:400px;max-width:95vw;height:auto}.modal_window_body._large,.modal_window_body.modal_window_body_large{width:400px;max-width:400px;height:600px;max-height:600px}.modal_window.visible{pointer-events:all;opacity:1;visibility:visible}
.header{background-color:var(--header-background);width:100%;z-index:var(--z-header);padding:0 40px;display:flex;position:sticky;top:0;left:0;box-shadow:0 0 10px 1px #0000004d}@media screen and (max-width:768px){.header{padding:0 16px}}.header_content{width:100%;height:var(--header-height);justify-content:center;align-items:center;display:flex;position:relative}@media screen and (max-width:768px){.header_content{height:var(--header-height-mobile)}}.header_main_logo{align-items:center;height:32px;display:flex}.header_main_logo svg{color:var(--header-button-color);width:auto;height:32px}.header_main_logo svg path{fill:currentColor}@media screen and (max-width:768px){.header_main_logo svg{height:18px}}.header_side{justify-content:center;align-items:center;height:32px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.header_side .header_item{cursor:pointer;color:var(--header-button-color);border-radius:6px;justify-content:center;align-items:center;padding:10px;display:flex}@media (hover:hover) and (pointer:fine){.header_side .header_item:hover:not(.sceleton){color:var(--header-button-hover-color);background:var(--section-item-hover-background-color)}}.header_side .header_item.header_item_active{color:var(--header-button-hover-color)}.header_side .header_item_icon{color:inherit;object-fit:cover;width:20px;height:20px}.header_side .header_item_icon [fill]{fill:currentColor}.header_side .header_item:active{transition:all .2s ease-out}.header_side.header_left_side{left:0}.header_side.header_mobile_logo{display:none}@media screen and (max-width:768px){.header_side.header_mobile_logo{display:flex}}.header_side.header_right_side{justify-content:center;gap:24px;display:flex;right:0}.header_side.header_right_side .header_admin_button{border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-size:12px;display:flex}.header_side.header_right_side .header_admin_button svg{width:16px;height:16px}@media screen and (max-width:768px){.header_side.header_right_side .header_admin_button{display:none}}.header_side.header_right_side .header_messages_badge{background:var(--red-f5);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:4px;right:4px}.header_side.header_right_side .header_notification{position:relative}.header_side.header_right_side .header_notification_new{position:absolute;top:8px;right:8px}.header_side.header_right_side .header_notification_new_circle{background-color:red;border-radius:50%;width:4px;height:4px}.header .user_badge_info{margin-left:4px}.header .user_badge_info_name{color:var(--header-button-color);font-size:16px}@media screen and (max-width:768px){.header .user_badge_info_name{font-size:14px}}@media (hover:hover) and (pointer:fine){.header .user_badge_info_name:hover:not(.sceleton){color:var(--header-button-hover-color)}}.header .user_badge_info_verified{display:none}.header .header_user_badge_popup{cursor:pointer;border-radius:6px;align-items:center;padding:6px 8px}@media (hover:hover) and (pointer:fine){.header .header_user_badge_popup:hover:not(.sceleton){background:var(--section-item-hover-background-color)}}.header .header_user_badge_popup .user_badge{padding:0}@media (hover:hover) and (pointer:fine){.header .header_user_badge_popup .user_badge:hover:not(.sceleton){background:0 0}}.header .header_user_badge_popup .header_user_badge_popup_arrow{width:16px;height:16px}
.profile_link{display:flex}
footer{z-index:2;background-color:var(--footer-background);border-top:1px solid var(--line-color);width:100%;margin-top:auto;position:relative;bottom:0}footer .footer_top_content{padding:36px 0}@media screen and (max-width:768px){footer .footer_top_content{padding:24px 0}}footer .footer_top_content div{display:flex}@media screen and (max-width:768px){footer .footer_top_content div{justify-content:center}}footer .footer_top_content .footer_links a p{color:var(--footer-content-color);font-size:14px}@media screen and (max-width:768px){footer .footer_top_content .footer_links a p{font-size:14px}}footer .footer_top_content .footer_links a p:hover{color:var(--footer-content-hover-color);text-decoration:underline}footer .footer_top_content .footer_links:not(:last-child){margin-bottom:12px}@media screen and (max-width:768px){footer .footer_top_content .footer_links:not(:last-child){margin-bottom:12px}}footer .footer_bottom_content{border-top:1px solid var(--footer-line-color);justify-content:space-between;align-items:center;padding:36px 0;display:flex}@media screen and (max-width:768px){footer .footer_bottom_content{flex-direction:column;justify-content:space-between;gap:30px;padding:24px 0}}footer .footer_bottom_content p{color:var(--footer-content-color);font-size:22px}@media screen and (max-width:768px){footer .footer_bottom_content p{font-size:14px}}footer .footer_bottom_content .footer_main_logo svg{color:var(--footer-content-color);height:30px}@media screen and (max-width:768px){footer .footer_bottom_content .footer_main_logo svg{height:20px}}footer .footer_bottom_content .footer_socials{align-items:center;gap:20px;display:flex}@media screen and (max-width:768px){footer .footer_bottom_content .footer_socials{gap:28px}}footer .footer_bottom_content .footer_socials_item{width:20px;height:20px;display:flex}footer .footer_bottom_content .footer_socials_item svg{color:var(--footer-content-color);width:100%;height:100%}@media screen and (max-width:768px){footer .footer_bottom_content .footer_socials_item svg{width:22px;height:22px}}footer .footer_bottom_content .footer_socials_item svg:hover{color:var(--footer-content-hover-color)}footer .footer_bottom_content .footer_copyright p{font-size:16px}
.toast-container{z-index:5000;pointer-events:none;width:min(400px,100vw - 48px);height:120px;position:fixed;bottom:24px;right:24px}.toast{box-sizing:border-box;opacity:1;transform-origin:bottom;pointer-events:none;align-items:center;min-height:60px;padding:12px 16px;transition:width .8s cubic-bezier(.16,1,.3,1),background .3s,background-color .3s,border-color .3s,transform .8s cubic-bezier(.16,1,.3,1),opacity .8s;display:flex;position:absolute;bottom:0;left:50%}.toast_content{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.toast p{min-width:0;margin:0;font-size:14px;font-weight:500;line-height:20px}.toast_indicator{background-color:var(--line-color);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.toast_indicator_info{background-color:var(--blue-color)}.toast_indicator_warning{background-color:var(--warning-color)}.toast_indicator_success{background-color:var(--success-color)}.toast_indicator_error{background-color:var(--error-color)}.toast_position_0{z-index:3;opacity:1;width:100%;transform:translate(-50%)translateY(0)scale(1)}.toast_position_1{z-index:2;width:94%;transform:translate(-50%)translateY(-10px)scale(.98)}.toast_position_1 p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast_position_2{z-index:1;width:88%;transform:translate(-50%)translateY(-20px)scale(.96)}.toast_position_2 p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast.toast_enter{z-index:4;opacity:1;width:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),width .8s cubic-bezier(.16,1,.3,1);transform:translate(-50%)translateY(50px)scale(1)}.toast.toast_exit{z-index:0;opacity:1;transition:transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-50%)translateY(150px)scale(.94)}@media screen and (max-width:768px){.toast-container{justify-self:center;width:calc(100vw - 32px);height:60px;margin-left:auto;margin-right:auto;inset:10px 0 auto}.toast{transform-origin:top}.toast_position_0{width:100%;transform:translate(-50%)translateY(0)scale(1)}.toast_position_1{width:94%;transform:translate(-50%)translateY(10px)scale(.98)}.toast_position_1 p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast_position_2{width:88%;transform:translate(-50%)translateY(20px)scale(.96)}.toast_position_2 p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast.toast_enter{width:100%;transform:translate(-50%)translateY(-50px)scale(1)}.toast.toast_exit{opacity:1;transition:transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-50%)translateY(-150px)scale(.94)}}
.navigation_bar{z-index:100;flex-shrink:0;width:100%;padding:8px 10px 12px;display:none;position:absolute;bottom:0}@media screen and (max-width:768px){.navigation_bar{display:block}}.navigation_bar .switcher_bar{background:var(--float-section-background-color);border-color:var(--float-section-line-color);border-radius:999px;padding:4px}.navigation_bar .switcher_bar_item{min-width:0;padding:10px 20px;position:relative}.navigation_bar .switcher_bar_item svg{width:18px;height:18px}.navigation_bar .switcher_bar_item .popup{width:100%;height:100%}.navigation_bar .switcher_bar_item .popup_trigger{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;padding:0;overflow:visible}@media (hover:hover) and (pointer:fine){.navigation_bar .switcher_bar_item .popup_trigger:hover:not(.sceleton){color:inherit}}.navigation_bar .switcher_bar_item .user_badge{padding:0}@media (hover:hover) and (pointer:fine){.navigation_bar .switcher_bar_item .user_badge:hover:not(.sceleton){background:0 0}}.navigation_bar .switcher_bar_item .user_badge_avatar{width:22px;height:22px}@media screen and (max-width:768px){.navigation_bar .switcher_bar_item .user_badge_avatar{width:22px;height:22px}}.navigation_bar_avatar{object-fit:cover;border-radius:50%;width:22px;height:22px;display:block}.navigation_bar_badge{z-index:2;pointer-events:none;position:absolute;top:8px;right:12px}.navigation_bar_badge_dot{background-color:var(--red-f5,#c62828);border-radius:50%;width:6px;height:6px;display:block}.navigation_bar_count_badge{z-index:2;background:var(--red-f5);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:4px;right:8px}.navigation_bar_compact .switcher_bar_item{padding:10px 12px}.navigation_bar_compact .navigation_bar_badge{right:8px}.navigation_bar_compact .navigation_bar_count_badge{right:4px}
.switcher_bar{border:1px solid var(--switcher-bar-border-color);border-radius:999px;padding:4px;display:flex;position:relative;overflow:hidden}.switcher_bar_indicator{background:var(--switcher-bar-active-item-background-color);z-index:0;pointer-events:none;will-change:transform,width;border-radius:999px;height:calc(100% - 8px);transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),opacity .2s,background-color .3s,background .3s;position:absolute;top:4px;left:0}.switcher_bar_item{z-index:1;-webkit-tap-highlight-color:#0000;color:var(--switcher-bar-item-color);background:0 0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 22px;font-size:14px;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s,background .3s;display:flex;position:relative}.switcher_bar_item svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.switcher_bar_item:hover:not(.sceleton){color:var(--switcher-bar-active-item-color)}}.switcher_bar_item_active{color:var(--switcher-bar-active-item-color)}