@import"https://fonts.googleapis.com/css?family=Alegreya+Sans:100,300,400,500,700&subset=cyrillic";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,strong,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-size:100%}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,button{border:none}*:focus{outline:none}[tooltip]{position:relative}[tooltip]::before,[tooltip]::after{text-transform:none;font-size:13px;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}@media screen and (max-width: 600px){[tooltip]::before,[tooltip]::after{display:none !important}}[tooltip]::before{content:"";border:5px solid rgba(0,0,0,0);z-index:1001}[tooltip]::after{content:attr(tooltip);font-family:Helvetica,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5ch .9ch;border-radius:.3ch;box-shadow:0 1em 2em -0.5em rgba(0,0,0,.35);background:#2c2c2c;color:#fafbfc;z-index:1000}[tooltip]:hover::before,[tooltip]:hover::after{display:block}[tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow=up]::before,[tooltip][flow=up]::after{left:50%;transform:translate(-50%, -1em)}[tooltip]:not([flow])::before,[tooltip][flow=up]::before{bottom:calc(100% + 0.5em);border-bottom-width:0;border-top-color:#2c2c2c}[tooltip]:not([flow])::after,[tooltip][flow=up]::after{bottom:calc(100% + 0.5em + 5px)}[tooltip][flow=down]::before,[tooltip][flow=down]::after{left:50%;transform:translate(-50%, 1em)}[tooltip][flow=down]::before{top:calc(100% + 0.5em);border-top-width:0;border-bottom-color:#2c2c2c}[tooltip][flow=down]::after{top:calc(100% + 0.5em + 5px)}[tooltip][flow=left]::before,[tooltip][flow=left]::after{top:50%;transform:translate(-1em, -50%)}[tooltip][flow=left]::before{border-right-width:0;border-left-color:#2c2c2c;left:calc(0em - 0.5em - 5px)}[tooltip][flow=left]::after{right:calc(100% + 0.5em + 5px)}[tooltip][flow=right]::before,[tooltip][flow=right]::after{top:50%;transform:translate(1em, -50%)}[tooltip][flow=right]::before{border-left-width:0;border-right-color:#2c2c2c;right:calc(0em - 0.5em - 5px)}[tooltip][flow=right]::after{left:calc(100% + 0.5em + 5px)}[tooltip][flow=rightUp]::before{left:50%;bottom:calc(100% + 0.5em);border-bottom-width:0;border-top-color:#2c2c2c;transform:translate(-50%, -1em)}[tooltip][flow=rightUp]::after{right:50%;bottom:calc(100% + 0.5em + 5px);transform:translate(calc(13px + 5px), -1em)}[tooltip][flow=rightDown]::before{left:50%;top:calc(100% + 0.5em);border-top-width:0;border-bottom-color:#2c2c2c;transform:translate(-50%, 1em)}[tooltip][flow=rightDown]::after{right:50%;top:calc(100% + 0.5em + 5px);transform:translate(calc(13px + 5px), 1em)}[tooltip][flow=leftUp]::before{left:50%;bottom:calc(100% + 0.5em);border-bottom-width:0;border-top-color:#2c2c2c;transform:translate(-50%, -1em)}[tooltip][flow=leftUp]::after{left:50%;bottom:calc(100% + 0.5em + 5px);transform:translate(calc(-13px - 5px), -1em)}[tooltip][flow=leftDown]::before,[tooltip][flow=leftDown]::after{left:50%}[tooltip][flow=leftDown]::before{top:calc(100% + 0.5em);border-top-width:0;border-bottom-color:#2c2c2c;transform:translate(-50%, 1em)}[tooltip][flow=leftDown]::after{top:calc(100% + 0.5em + 5px);transform:translate(calc(-13px - 5px), 1em)}[tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow=down]:hover::before,[tooltip][flow=down]:hover::after,[tooltip][flow=up]:hover::before,[tooltip][flow=up]:hover::after{animation:tooltipsVert 100ms ease-out 800ms forwards}[tooltip][flow=left]:hover::before,[tooltip][flow=left]:hover::after,[tooltip][flow=right]:hover::before,[tooltip][flow=right]:hover::after{animation:tooltipsHorz 100ms ease-out 800ms forwards}[tooltip][flow=leftUp]:hover::before,[tooltip][flow=leftDown]:hover::before{animation:tooltipsVert 100ms ease-out 800ms forwards}[tooltip][flow=leftUp]:hover::after,[tooltip][flow=leftDown]:hover::after{animation:tooltipsVertAfterLeft 100ms ease-out 800ms forwards}[tooltip][flow=rightDown]:hover::before,[tooltip][flow=rightUp]:hover::before{animation:tooltipsVert 100ms ease-out 800ms forwards}[tooltip][flow=rightDown]:hover::after,[tooltip][flow=rightUp]:hover::after{animation:tooltipsVertAfterRight 100ms ease-out 800ms forwards}[tooltip=""]::before,[tooltip=""]::after{display:none !important}@keyframes tooltipsVert{to{opacity:.9;transform:translate(-50%, 0)}}@keyframes tooltipsHorz{to{opacity:.9;transform:translate(0, -50%)}}@keyframes tooltipsVertAfterLeft{to{opacity:.9;transform:translate(calc(-13px - 5px), 0)}}@keyframes tooltipsVertAfterRight{to{opacity:.9;transform:translate(calc(13px + 5px), 0)}}:root{--popup_bg-bg: hsla(211.6, 25%, 25%, 0.8);--popup_bg-body-bg: var(--color-white);--popup_bg-action-no-hover-bg: var(--color-very-black);--popup_bg-action-no-bg: var(--color-very-black);--popup_bg-action-no-color: var(--color-white);--popup_bg-action-no-hover-color: var(--color-white);--popup_bg-action-yes-hover-bg: var(--color-red);--popup_bg-action-yes-bg: var(--color-red);--popup_bg-close-svg-fill: var(--color-red);--popup_bg-groups_item_vk-shadow: rgba(0, 0, 0, 0.08);--popup_bg-groups_item_vk-add-fill: var(--color-orange)}:root[theme=dark]{--popup_bg-bg: hsla(213, 26%, 14%, .6);--popup_bg-body-bg: hsl(211.6, 25%, 25%);--popup_bg-action-no-hover-bg: var(--color-very-black);--popup_bg-action-no-bg: var(--color-very-black);--popup_bg-action-no-color: var(--color-white);--popup_bg-action-no-hover-color: var(--color-white);--popup_bg-action-yes-hover-bg: var(--color-red);--popup_bg-action-yes-bg: var(--color-red);--popup_bg-close-svg-fill: var(--color-red);--popup_bg-groups_item_vk-shadow: rgba(0, 0, 0, 0.08);--popup_bg-groups_item_vk-add-fill: var(--color-orange)}.popup_bg{position:absolute;height:100%;z-index:99;opacity:0;overflow:auto;right:0;bottom:0;top:0;left:0;padding:0 1em 0;background:var(--popup_bg-bg)}.popup_bg .body{opacity:1;max-width:600px;margin:2em auto 1em;padding:60px 60px;background:var(--popup_bg-body-bg);height:auto;position:relative;border-radius:6px}@media screen and (max-width: 400px){.popup_bg .body{padding:46px 2em}}.popup_bg .body h2{font-weight:500;font-size:2em}@media screen and (max-width: 600px){.popup_bg .body h2{font-size:24px}}.popup_bg .body h3{top:-1em;position:relative}.popup_bg .body .modal_content{padding:2em 0 0}@media screen and (max-width: 600px){.popup_bg .body .modal_content{padding:2em 0 0}}.popup_bg .body .modal_content .action{margin:3em 0 0;display:flex;flex-wrap:wrap}@media screen and (max-width: 600px){.popup_bg .body .modal_content .action{margin:1.5em 0 0}}@media screen and (max-width: 500px){.popup_bg .body .modal_content .action{margin:1em 0 0}}.popup_bg .body .modal_content .action .no{background:var(--popup_bg-action-no-bg);border-radius:20px;padding:.6em 1em;display:inline-block;margin:.2em 0;cursor:pointer;color:var(--popup_bg-action-no-color)}.popup_bg .body .modal_content .action .no:link,.popup_bg .body .modal_content .action .no:visited{color:#2c2c2c}.popup_bg .body .modal_content .action .no:hover,.popup_bg .body .modal_content .action .no:active,.popup_bg .body .modal_content .action .no:focus{background:var(--popup_bg-action-no-hover-bg);color:var(--popup_bg-action-no-hover-color)}.popup_bg .body .modal_content .action .yes{background:var(--popup_bg-action-yes-bg);border-radius:20px;padding:.6em 1em;display:inline-block;margin:.2em 0;cursor:pointer}.popup_bg .body .modal_content .action .yes:link,.popup_bg .body .modal_content .action .yes:visited{color:#2c2c2c}.popup_bg .body .modal_content .action .yes:hover,.popup_bg .body .modal_content .action .yes:active,.popup_bg .body .modal_content .action .yes:focus{background:var(--popup_bg-action-yes-hover-bg);color:inherit}.popup_bg .body .modal_content .action .yes,.popup_bg .body .modal_content .action .no{min-width:60px;text-align:center;margin:.2em .5em .2em 0}.popup_bg .body .close{position:absolute;right:1em;top:1em;cursor:pointer}.popup_bg .body .close svg{width:1em;height:1em;fill:var(--popup_bg-close-svg-fill)}.popup_bg .groups_item_vk{display:flex;align-items:center;box-shadow:0px 1px 0px var(--popup_bg-groups_item_vk-shadow);border-radius:3px;position:relative;padding:.8em 0;margin:2px 0 0}.popup_bg .groups_item_vk .group_foto{width:2.5em;height:2.5em;background-size:cover;border-radius:50%}.popup_bg .groups_item_vk .group_name{margin:0 .5em;font-weight:300;font-size:16px}.popup_bg .groups_item_vk .add_group{position:absolute;cursor:pointer;right:1em;height:1em}.popup_bg .groups_item_vk .add_group svg{width:1em;height:1em;fill:var(--popup_bg-groups_item_vk-add-fill)}:root{--color-white: hsl(213, 25%, 98%);--color-grey-light-one: hsl(213, 10%, 96%);--color-grey-light-two: hsl(213, 12%, 94%);--color-grey: hsl(213, 16%, 55%);--color-grey-dark: hsl(213, 22%, 40%);--color-black: hsl(213, 30%, 20%);--color-very-black: hsl(213, 0%, 17%);--color-grey-blue: hsl(213, 30%, 60%);--color-orange: #F87832;--color-yellow: #fecc4a;--color-blue: #53d3ea;--color-green: hsl(120, 63%, 65%);--color-red: hsl(0, 100%, 70%)}:root{--body-bg-color: var(--color-white);--body-color: var(--color-black)}:root[theme=dark]{--body-bg-color: hsl(213, 26%, 14%);--body-color: var(--color-white)}:root{--header-bg: #FFF;--header-shadow: var(--color-grey-light-two);--header-border-l: var(--color-blue);--header-naw-ago-bg: var(--color-black);--header-naw-ago-color: var(--color-white);--header-nav_left_right-svg-fill: var(--color-black);--header-nav_left_right-svg-hover-fill: var(--color-orange);--header-nav_left_right-active-svg-fill: var(--color-orange);--nav-bg: #FFF;--nav-shadow: var(--color-grey-light-two);--nav-menu-svg-fill: var(--color-black);--nav-menu-svg-hover-fill: var(--color-orange);--nav-menu-active-svg-fill: var(--color-orange)}:root[theme=dark]{--header-bg: hsl(211.6, 25%, 25%);--header-shadow: hsl(213, 20%, 12%);--header-naw-border-l: var(--color-blue);--header-naw-ago-bg: var(--color-grey-light-two);--header-naw-ago-color: var(--color-white);--header-nav_left_right-svg-fill: var(--color-grey-light-two);--header-nav_left_right-svg-hover-fill: var(--color-orange);--header-nav_left_right-active-svg-fill: var(--color-orange);--nav-bg: hsl(200, 26%, 23%);--nav-shadow: hsl(213, 20%, 12%);--nav-menu-svg-fill: var(--color-grey-light-two);--nav-menu-svg-hover-fill: var(--color-orange);--nav-menu-active-svg-fill: var(--color-orange)}:root{--toggle-switch-border: var(--color-grey-light-two);--toggle-switch-i-bg: var(--color-grey-dark);--toggle-switch-input-checked-i-bg: var(--color-green);--toggle-switch-input-disabled-i-bg: var(--color-grey)}:root[theme=dark]{--toggle-switch-border: var(--color-grey-blue);--toggle-switch-i-bg: var(--color-primary);--toggle-switch-input-checked-i-bg: var(--color-green);--toggle-switch-input-disabled-i-bg: var(--color-grey)}html,body{position:relative;font-family:"Alegreya Sans",sans-serif;color:var(--body-color);background:var(--body-bg-color);height:100%;overflow:hidden;line-height:1}body>.container{height:100%;display:flex;flex-direction:column;display:grid;grid-template-columns:50px auto;grid-template-rows:46px auto;grid-template-areas:"nav header" "nav content"}body>.container>header{grid-area:header;display:grid;grid-template-columns:auto max-content;justify-content:space-between;align-items:center;grid-gap:1em;background:var(--header-bg);box-shadow:0 1px 20px 0 var(--header-shadow);border-left:1px solid var(--header-border-l);padding:0 1em;z-index:1}body>.container>header .naw_head{margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.container>header .naw_head .ago{background:var(--header-naw-ago-bg);color:var(--header-naw-ago-color);margin:0 .5em;padding:.2em .5em;border-radius:.3em;display:inline-block}body>.container>header .naw_head .img{min-width:1.4em;width:1.4em;height:1.4em;display:block;margin-right:1em;background-size:cover;border-radius:50%;margin:0 4px -4px 0;display:inline-block}body>.container>header .nav_left,body>.container>header .nav_right{display:flex;align-items:flex-end}body>.container>header .nav_left a,body>.container>header .nav_right a{line-height:0}body>.container>header .nav_left svg,body>.container>header .nav_right svg{margin:0 .6em;cursor:pointer;width:22px;fill:var(--header-nav_left_right-svg-fill);-webkit-transition:fill .1s ease-out;-moz-transition:fill .1s ease-out;-o-transition:fill .1s ease-out;transition:fill .1s ease-out}body>.container>header .nav_left svg:hover,body>.container>header .nav_right svg:hover{fill:var(--header-nav_left_right-svg-hover-fill)}body>.container>header .nav_left .active svg,body>.container>header .nav_right .active svg{fill:var(--header-nav_left_right-active-svg-fill)}body>.container>header .nav_left div{margin:0 .6em;align-items:flex-end;line-height:.9}body>.container>header .nav_right{margin:2px 0 0 auto}body>.container>.content{padding:2em 1em 1em;overflow:auto;grid-area:content}body>.container>.content h2{font-size:24px;font-weight:500;margin:0 0 .5em}body>.container>.content h3{font-weight:500;font-size:18px}body>.container>nav{grid-area:nav;background:var(--nav-bg);box-shadow:0 1px 20px 0 var(--nav-shadow);padding:0 0 1.2em;z-index:2}body>.container>nav .action span{cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;padding:1em 0;background:var(--color-orange)}body>.container>nav .action span svg{width:30px;fill:var(--color-white);-webkit-transition:fill .06s ease-out;-moz-transition:fill .06s ease-out;-o-transition:fill .06s ease-out;transition:fill .06s ease-out}body>.container>nav .action span svg:hover{fill:var(--nav-menu-svg-hover-fill)}body>.container>nav .menu{border-bottom:1px solid var(--color-grey-light-one);padding:1em 0}body>.container>nav .menu li a{display:flex;justify-content:center;align-items:start;padding:.5em 0}body>.container>nav .menu li:hover svg{fill:var(--nav-menu-svg-hover-fill)}body>.container>nav .menu li svg{width:20px;fill:var(--nav-menu-svg-fill);-webkit-transition:fill .06s ease-out;-moz-transition:fill .06s ease-out;-o-transition:fill .06s ease-out;transition:fill .06s ease-out}body>.container>nav .menu .active svg{fill:var(--nav-menu-active-svg-fill)}body>.container>nav .add-group{padding:1em 0;display:flex;justify-content:center}body>.container>nav .add-group span{cursor:pointer;display:flex;justify-content:center;background:var(--color-grey-light-one);padding:.3em;border-radius:50%;width:24px;height:24px}body>.container>nav .add-group span:hover{background:var(--color-orange)}body>.container>nav .add-group span:hover svg{fill:var(--color-white)}body>.container>nav .add-group span svg{width:20px;fill:var(--color-grey-dark)}body>.container>nav .add-group.loading span{cursor:default;animation:2s placeHolderShimmer ease-in-out infinite forwards;background:linear-gradient(to right, var(--color-white) 10%, #fff 18%, var(--color-white) 33%);background-size:200% 100%}body>.container>nav .add-group.loading span svg{opacity:0}.hidden{display:none !important}@keyframes placeHolderShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}