/* Start:/local/assets/fonts/google-fonts.css?177624000615042*/
/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt5D4hTxM.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zUtBhPNqw73oHt4D4h.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Ubuntu Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/KFOjCneDtsqEr0keqCMhbCc-CsTKlA.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Ubuntu Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/KFOjCneDtsqEr0keqCMhbCc6CsQ.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-family: 'Ubuntu Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/KFO-CneDtsqEr0keqCMhbC-BL9HxtY12eg.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
	font-family: 'Ubuntu Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/local/assets/fonts/google/woff2/KFO-CneDtsqEr0keqCMhbC-BL9H1tY0.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End */


/* Start:/local/assets/ui-kit/tokens.css?17762400063388*/
/* Design Tokens — CSS Variables */

:root {
  /* Colors — Backgrounds */
  --color-bg-body: rgb(28 29 35);
  --color-bg-post: rgb(41 43 51 / 61%);
  --color-bg-header: rgb(41 43 51 / 61%);
  --color-bg-header-mobile: rgba(18, 20, 29, 0.96);
  --color-bg-glass-1: rgba(255, 255, 255, 0.05);
  --color-bg-glass-2: rgba(255, 255, 255, 0.02);
  --color-bg-chip: rgba(255, 255, 255, 0.04);
  --color-bg-chip-hover: rgba(255, 255, 255, 0.06);

  /* Colors — Text */
  --color-text-primary: rgba(255, 255, 255, 0.92);
  --color-text-muted: rgba(255, 255, 255, 0.74);
  --color-text-muted-2: rgba(255, 255, 255, 0.55);
  --color-text-feed: #c3cad7;

  /* Colors — Strokes/Borders */
  --color-stroke-primary: rgba(255, 255, 255, 0.10);
  --color-stroke-secondary: rgba(255, 255, 255, 0.08);
  --color-stroke-avatar: rgba(255, 255, 255, 0.2);

  /* Colors — Accents */
  --color-accent-blue: rgba(59, 111, 224, 1);
  --color-accent-orange-start: #ffb44a;
  --color-accent-orange-end: #ff5a63;
  --color-accent-gold: rgba(255, 204, 0, 0.85);
  --color-accent-red: rgba(255, 59, 48, 0.92);
  --color-accent-purple: rgba(156, 39, 176, 0.9);

  /* Colors — Dots/Indicators */
  --color-dot: rgba(160, 205, 255, 0.90);
  --color-dot-glow: rgba(86, 142, 255, 0.10);

  /* Colors — Callouts */
  --color-callout-accent: rgba(255, 204, 0, 0.85);
  --color-callout-accent-glow: rgba(255, 204, 0, 0.12);

  /* Spacing */
  --spacing-xs: 6px;
  --spacing-sm: 10px;
  --spacing-md: 12px;
  --spacing-lg: 14px;
  --spacing-xl: 16px;
  --spacing-2xl: 18px;
  --spacing-3xl: 20px;
  --spacing-4xl: 24px;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-2xl: 16px;
  --radius-3xl: 18px;
  --radius-4xl: 20px;
  --radius-5xl: 24px;
  --radius-pill: 999px;

  /* Font Sizes */
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 13px;
  --font-size-lg: 14px;
  --font-size-xl: 15px;
  --font-size-2xl: 16px;
  --font-size-3xl: 17px;
  --font-size-4xl: 22px;
  --font-size-5xl: 26px;

  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Font Families */
  --font-family-primary: "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-family-secondary: "Jost", sans-serif;
  --font-family-mono: 'Ubuntu Mono', monospace;

  /* Legacy variable names (for backward compatibility) */
  --body-bg: var(--color-bg-body);
  --post-bg: var(--color-bg-post);
  --header-bg: var(--color-bg-header);
  --header-bg-mobile: var(--color-bg-header-mobile);
  --border-user-avatar: var(--color-stroke-avatar);
  --color-feed-post: var(--color-text-feed);
  --text: var(--color-text-primary);
  --muted: var(--color-text-muted);
  --muted2: var(--color-text-muted-2);
  --stroke: var(--color-stroke-primary);
  --stroke2: var(--color-stroke-secondary);
  --glass1: var(--color-bg-glass-1);
  --glass2: var(--color-bg-glass-2);
  --chip: var(--color-bg-chip);
  --chipHover: var(--color-bg-chip-hover);
  --dot: var(--color-dot);
  --dotGlow: var(--color-dot-glow);
  --ui-list-dot: var(--color-dot);
  --ui-list-dot-glow: var(--color-dot-glow);
  --ui-callout-accent: var(--color-callout-accent);
  --ui-callout-accent-glow: var(--color-callout-accent-glow);
}

/* End */


/* Start:/local/assets/ui-kit/base.css?17732112718105*/
.ui-page {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	font-family: var(--font-family-primary);
	color: var(--color-text-primary);
}

.ui-wrap {
	width: 100%;
	max-width: var(--ui-wrap-max, 550px);
	margin: 0 auto;
}

.ui-wrap--main {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}

.ui-wrap--full {
	height: calc(100% - 107px);
	box-sizing: border-box;
	margin-top: 20px;
}

.ui-card {
	border-radius: var(--radius-5xl);
	border: 1px solid var(--color-stroke-primary);
	background: linear-gradient(180deg, var(--color-bg-glass-1), var(--color-bg-glass-2));
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: var(--spacing-4xl);
}

.ui-stack {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

.ui-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--spacing-sm);
}

.ui-prose h1 {
	margin: 0 0 var(--spacing-sm);
	font-weight: var(--font-weight-bold);
	letter-spacing: -0.02em;
	line-height: 1.18;
	font-size: var(--font-size-5xl);
	color: rgba(255, 255, 255, 0.95);
}

.ui-prose h2 {
	margin: 22px 0 var(--spacing-sm);
	font-size: var(--font-size-3xl);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-primary);
}

.ui-prose h3 {
	margin: var(--spacing-lg) 0 var(--spacing-sm);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-semibold);
	color: rgba(255, 255, 255, 0.88);
}

.ui-prose p {
	margin: var(--spacing-sm) 0;
	font-size: var(--font-size-lg);
	line-height: 1.6;
	color: var(--color-text-muted);
}

.ui-prose ul,
.ui-prose ol {
	margin: var(--spacing-sm) 0;
	padding-left: var(--spacing-2xl);
}

.ui-prose li {
	margin: var(--spacing-xs) 0;
	font-size: var(--font-size-lg);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

.ui-prose a {
	color: rgba(160, 205, 255, 0.95);
	font-weight: 600;
	text-decoration: none;
}

.ui-prose a:hover {
	text-decoration: underline;
}

.ui-badge {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-muted);
	padding: 7px var(--spacing-sm);
	border-radius: var(--radius-pill);
	border: 1px solid var(--color-stroke-primary);
	background: rgba(0, 0, 0, 0.14);
	display: inline-flex;
	align-items: center;
}

.ui-badge--muted {
	color: rgba(255, 255, 255, 0.62);
	background: var(--color-bg-chip);
}

.ui-badge--accent {
	color: rgb(255 187 160 / 95%);
	border-color: rgb(225 166 144 / 48%);
	background: rgba(0, 0, 0, 0.22);
}

.ui-btn {
	border: 1px solid var(--color-stroke-primary);
	border-radius: var(--radius-xl);
	padding: 11px var(--spacing-lg);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-primary);
	background: rgba(0, 0, 0, 0.14);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-sm);
	cursor: pointer;
	text-decoration: none;
	text-transform: none;
	transition: transform 0.12s ease, opacity 0.12s ease, background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
	white-space: nowrap;
}

.ui-btn:hover {
	transform: translateY(-1px);
}

.ui-btn:active {
	transform: translateY(0);
	opacity: 0.92;
}

.ui-btn--primary {
	border: none;
	background: linear-gradient(90deg, var(--color-accent-orange-start), var(--color-accent-orange-end));
}

.ui-btn--ghost {
	background: var(--color-bg-chip);
}

.ui-btn--info {
	background: rgba(59, 111, 224, 0.12);
	border: 1px solid rgba(59, 111, 224, 0.45);
	color: #cdd8f5;
}

.ui-btn--info:hover {
	background: rgba(59, 111, 224, 0.18);
	border-color: rgba(59, 111, 224, 0.65);
	color: #e4ecff;
}

.ui-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--color-stroke-secondary);
	padding-top: var(--spacing-lg);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
	--ui-list-dot: var(--color-dot);
	--ui-list-dot-glow: var(--color-dot-glow);
}

.ui-list--lg {
	gap: var(--spacing-md);
}

.ui-list--lg .ui-list__item {
	font-size: var(--font-size-xl);
	line-height: 1.6;
}

.ui-list--gold {
	--ui-list-dot: var(--color-accent-gold);
	--ui-list-dot-glow: rgba(255, 204, 0, 0.12);
}

.ui-list--hot {
	--ui-list-dot: var(--color-accent-red);
	--ui-list-dot-glow: rgba(255, 59, 48, 0.1);
}

.ui-list__item {
	display: flex;
	gap: var(--spacing-sm);
	align-items: flex-start;
	color: rgba(255, 255, 255, 0.7);
	font-size: var(--font-size-lg);
	line-height: 1.55;
}

.ui-list__item b {
	color: rgba(255, 255, 255, 0.9);
}

.ui-list__dot {
	width: 8px;
	height: 8px;
	border-radius: var(--radius-pill);
	margin-top: 7px;
	background: var(--ui-list-dot);
	box-shadow: 0 0 0 6px var(--ui-list-dot-glow);
}

.ui-list__text {
	flex: 1;
}

.ui-surface {
	padding: var(--spacing-lg) var(--spacing-lg);
	margin: 0 0 22px;
	color: #ffffff96;
	font-family: var(--font-family-secondary);
	font-weight: 200;
	font-size: 20px;
	transition: opacity 0.5s, transform 0.5s, height 0.5s;
	will-change: opacity, transform, height;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	width: 100%;
	background-color: rgb(38 40 49 / 39%);
	box-shadow: 0 1px 1px 2px rgb(0 0 0 / 12%);
	background: linear-gradient(180deg, var(--glass1), var(--glass2));
	border-radius: var(--radius-5xl);
	border: 1px solid var(--color-stroke-primary);
	box-sizing: border-box;
}

.ui-surface--page {
	margin-top: var(--spacing-3xl);
}

.ms-legal {
	max-width: 550px;
	margin: 0 auto;
	padding: 0;
	font-family: var(--font-family-primary);
	color: rgba(255, 255, 255, 0.88);
}

.ms-legal__card {
	border-radius: var(--radius-5xl);
	padding: var(--spacing-4xl);
}

.ms-legal h1 {
	margin: 0 0 var(--spacing-sm);
	font-weight: var(--font-weight-bold);
	letter-spacing: -0.02em;
	line-height: 1.18;
	font-size: var(--font-size-5xl);
	color: rgba(255, 255, 255, 0.95);
}

.ms-legal h2 {
	margin: 22px 0 var(--spacing-sm);
	font-size: var(--font-size-3xl);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-primary);
}

.ms-legal h3 {
	margin: var(--spacing-lg) 0 var(--spacing-sm);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-semibold);
	color: rgba(255, 255, 255, 0.88);
}

.ms-legal__h3lg {
	font-size: var(--font-size-2xl);
}

.ms-legal p {
	margin: var(--spacing-sm) 0;
	font-size: var(--font-size-lg);
	line-height: 1.6;
	color: var(--color-text-muted);
}

.ms-legal ul {
	margin: var(--spacing-sm) 0;
	padding-left: var(--spacing-2xl);
}

.ms-legal li {
	margin: var(--spacing-xs) 0;
	font-size: var(--font-size-lg);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

.ms-legal__toc {
	border-top: 1px solid var(--color-stroke-secondary);
	padding-top: var(--spacing-lg);
	margin: var(--spacing-2xl) 0 22px;
}

.ms-legal__toc b {
	display: block;
	margin-bottom: var(--spacing-sm);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-semibold);
	color: rgba(255, 255, 255, 0.88);
}

.ms-legal__toc a {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-semibold);
	color: rgba(160, 205, 255, 0.95);
	text-decoration: none;
}

.ms-legal__toc a:hover {
	text-decoration: underline;
}

.ms-legal .note {
	margin: var(--spacing-lg) 0 var(--spacing-xl);
	padding: var(--spacing-lg) var(--spacing-xl);
	border-left: 3px solid rgb(225 166 144);
	background: rgba(0, 0, 0, 0.22);
	border-radius: 3px;
	font-size: var(--font-size-md);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.78);
}

.ms-legal__footer {
	margin-top: var(--spacing-2xl);
	padding-top: var(--spacing-lg);
	border-top: 1px solid var(--color-stroke-secondary);
	font-size: var(--font-size-md);
	color: rgba(255, 255, 255, 0.65);
}

.ms-legal__top a {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-semibold);
	color: rgba(160, 205, 255, 0.95);
	text-decoration: none;
}

.ms-legal__top a:hover {
	text-decoration: underline;
}

@media (max-width: 520px) {
	.ui-card {
		padding: var(--spacing-2xl);
	}

	.ms-legal__card {
		padding: var(--spacing-2xl);
	}

	.ms-legal h1 {
		font-size: var(--font-size-4xl);
	}


	.ui-prose h1 {
		font-size: var(--font-size-4xl);
	}

	.ui-btn {
		width: 100%;
	}
}

/* End */


/* Start:/local/assets/ui-kit/blocks.css?177547145145808*/
.ui-callout {
	padding: var(--spacing-lg) var(--spacing-xl);
	border-radius: var(--radius-2xl);
	border: 1px solid var(--color-stroke-primary);
	background: rgba(0, 0, 0, 0.14);
	--ui-callout-accent: var(--color-callout-accent);
	--ui-callout-accent-glow: var(--color-callout-accent-glow);
}

.ui-callout--dot {
	display: flex;
	gap: var(--spacing-md);
	align-items: flex-start;
}

.ui-callout--bar {
	border: none;
	border-left: 3px solid var(--ui-callout-accent);
	background: rgba(0, 0, 0, 0.22);
	border-radius: 3px;
}

.ui-callout--final {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: var(--radius-2xl);
}

.ui-callout--accent {
	--ui-callout-accent: rgba(255, 155, 0, 0.9);
	--ui-callout-accent-glow: rgba(255, 155, 0, 0.12);
}

.ui-callout--info {
	--ui-callout-accent: rgba(59, 111, 224, 0.9);
	--ui-callout-accent-glow: rgba(59, 111, 224, 0.16);
}

.ui-callout__dot {
	width: var(--spacing-sm);
	height: var(--spacing-sm);
	border-radius: var(--radius-pill);
	background: var(--ui-callout-accent);
	box-shadow: 0 0 0 4px var(--ui-callout-accent-glow);
	margin-top: 4px;
	flex: 0 0 auto;
}

.ui-callout__body {
	flex: 1;
}

.ui-callout__kicker {
	margin: 0 0 var(--spacing-xs);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgb(255 187 160 / 95%);
}

.ui-callout__title {
	margin: 0;
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-bold);
	line-height: 1.25;
	color: var(--color-text-primary);
}

.ui-callout__text {
	margin: var(--spacing-sm) 0 0;
	font-size: var(--font-size-lg);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

.ui-panel {
	border-radius: var(--radius-3xl);
	border: 1px solid var(--color-stroke-primary);
	background: rgba(255, 255, 255, 0.03);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
	padding: var(--spacing-xl);
}

.ui-panel--secondary {
	opacity: 0.92;
}

.ui-panel__title {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	margin: 0;
	font-size: var(--font-size-2xl);
	font-weight: var(--font-weight-bold);
	line-height: 1.25;
	color: rgba(255, 255, 255, 0.93);
}

.ui-panel__title-dot {
	width: var(--spacing-sm);
	height: var(--spacing-sm);
	border-radius: var(--radius-pill);
	background: var(--color-accent-gold);
	box-shadow: 0 0 0 4px rgba(255, 204, 0, 0.12);
	flex: 0 0 auto;
}

.ui-panel__text {
	margin: var(--spacing-sm) 0 0;
	color: #d8d8d8;
	font-size: var(--font-size-xl);
	line-height: 1.6;
}

.ui-panel__note {
	margin: var(--spacing-sm) 0 0;
	color: #aeb3bf;
	font-size: var(--font-size-md);
	line-height: 1.4;
}

.ui-panel__signature {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	margin-top: var(--spacing-sm);
	color: #aeb3bf;
	font-size: var(--font-size-md);
	line-height: 1.35;
}

.ui-panel__signature a {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
	color: inherit;
	text-decoration: underline;
	text-decoration-color: rgba(174, 179, 191, 0.65);
	text-underline-offset: 2px;
}

.ui-panel__signature a:hover {
	text-decoration-color: rgba(255, 255, 255, 0.55);
}

.ui-panel__avatar {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid var(--color-stroke-primary);
	background: rgba(255, 255, 255, 0.06);
	object-fit: cover;
}

.ui-panel__actions {
	margin-top: var(--spacing-lg);
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
	align-items: center;
}

.ui-panel__list {
	margin: var(--spacing-md) 0 0;
	padding-left: var(--spacing-2xl);
	color: rgba(255, 255, 255, 0.75);
}

.ui-panel__list li {
	margin: var(--spacing-sm) 0;
	line-height: 1.45;
}

@media (max-width: 520px) {
	.ui-panel__actions {
		gap: var(--spacing-sm);
	}
}

.trial-box,
.welcome-box.trial-box {
	width: 100%;
	margin-bottom: var(--spacing-xl);
	padding: var(--spacing-lg) var(--spacing-xl);
	border: 1px solid rgb(255 255 255 / 53%);
	border-radius: var(--radius-2xl);
	background: rgba(0, 0, 0, 0.18);
	position: relative;
}

.trial-box .trial-box__title,
.welcome-box .trial-box__title {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgb(255 187 160 / 95%);
	margin-bottom: var(--spacing-xs);
}

.trial-box .trial-box__text,
.welcome-box .trial-box__text {
	font-size: var(--font-size-lg);
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.78);
	max-width: 66ch;
	margin-bottom: var(--spacing-sm);
}

.trial-box .trial-box__list,
.welcome-box .trial-box__list {
	list-style: none;
	margin: 0 0 var(--spacing-md);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.trial-box .trial-box__list li,
.welcome-box .trial-box__list li {
	position: relative;
	padding-left: var(--spacing-2xl);
	font-size: var(--font-size-lg);
	line-height: 1.85;
	color: rgba(255, 255, 255, 0.8);
}

.trial-box .trial-box__list li::before,
.welcome-box .trial-box__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em;
	width: 8px;
	height: 8px;
	border-radius: var(--radius-pill);
	background: rgba(255, 187, 160, 0.95);
	box-shadow: 0 0 0 6px rgba(255, 187, 160, 0.14);
}

.trial-box .trial-box__actions,
.welcome-box .trial-box__actions {
	margin-top: var(--spacing-xs);
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
	flex-wrap: wrap;
}

.trial-box .ui-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: var(--spacing-sm) var(--spacing-xl);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-semibold);
	border-radius: var(--radius-xl);
	border: none;
	color: rgba(255, 255, 255, 0.96);
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

.trial-box .ui-btn--primary {
	background: linear-gradient(90deg, var(--color-accent-orange-start), var(--color-accent-orange-end));
}

.trial-box .ui-btn--ghost {
	background: transparent;
	border: 1px solid #555;
	color: #ccc;
}

.trial-box .ui-btn:hover {
	transform: translateY(-1px);
}

.trial-box .ui-btn:active {
	transform: translateY(0);
	opacity: 0.95;
}

.trial-box .ui-btn--ghost:hover {
	border-color: #888;
	color: #fff;
}

.trial-box .trial-box__hide {
	position: absolute;
	top: var(--spacing-sm);
	right: var(--spacing-md);
	background: none;
	border: none;
	padding: 0;
	text-align: right;
	cursor: pointer;
}

.trial-box .trial-box__hide-main {
	display: block;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-semibold);
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.2;
}

.trial-box .trial-box__hide-sub {
	display: block;
	margin-top: 2px;
	font-size: 11.5px;
	font-weight: var(--font-weight-regular);
	color: rgba(255, 255, 255, 0.45);
	line-height: 1.2;
}

.trial-box .trial-box__hide:hover .trial-box__hide-main {
	color: rgba(255, 255, 255, 0.98);
}

.trial-box.trial-box--club {
	margin-top: 0px;
	padding: 14px 16px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.20);
	font-family: Jost, sans-serif;
}

.trial-box.trial-box--club .trial-box__title {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

.trial-box.trial-box--club .trial-box__title::before {
	content: "";
	width: var(--spacing-sm);
	height: var(--spacing-sm);
	border-radius: var(--radius-pill);
	background: #ffcc00;
	box-shadow: 0 0 0 4px rgba(255, 204, 0, 0.12);
	flex: 0 0 auto;
}

.trial-box.trial-box--secondary {
	opacity: 0.95;
}

.trial-box.trial-box--secondary .trial-box__title {
	font-size: 16px;
}

.trial-box.trial-box--secondary .trial-box__text {
	color: #d8d8d8;
	font-size: 15px;
	line-height: 1.6;
	font-family: Jost, sans-serif;
}

.trial-box.trial-box--secondary .trial-box__note {
	color: #c0c4cc;
}

.trial-box__signature {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	margin-top: var(--spacing-sm);
	color: #aeb3bf;
	font-size: var(--font-size-md);
	line-height: 1.35;
}

.trial-box__signature a {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
	color: inherit;
	text-decoration: underline;
	text-decoration-color: rgba(174, 179, 191, 0.65);
	text-underline-offset: 2px;
}

.trial-box__signature a:hover {
	text-decoration-color: rgba(255, 255, 255, 0.55);
}

.trial-box__signature img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid var(--color-stroke-primary);
	background: rgba(255, 255, 255, 0.06);
	object-fit: cover;
}

.trial-box__note {
	margin-top: var(--spacing-sm);
	color: #9ea0a6;
	font-size: var(--font-size-md);
	line-height: 1.4;
}

.trial-box .trial-box__actions {
	margin-top: var(--spacing-lg);
}

.welcome-box .welcome-step--primary b {
	color: #f90;
}

.welcome-box .welcome-step-desc {
	display: block;
	margin-top: 6px;
	color: #aeb3bf;
	font-size: var(--font-size-md);
	line-height: 1.45;
}

.welcome-box .welcome-step--featured b {
	color: #ffd37c;
}

.welcome-box .welcome-step--featured .welcome-step-desc {
	color: #d7c39b;
}

.welcome-box .trial-box__list a {
	color: #eef3fb;
	text-decoration: none;
}

.welcome-box .trial-box__list a:hover {
	color: #cfe1ff;
}

.welcome-box .welcome-step-badge {
	display: inline-block;
	margin-left: 0;
	padding: 2px var(--spacing-sm);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	color: #9ea0a6;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--color-stroke-primary);
	border-radius: var(--radius-md);
	position: relative;
	padding-right: var(--spacing-4xl);
	white-space: nowrap;
}

.welcome-box .welcome-step-badge::after {
	content: "";
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: var(--spacing-2xl);
	height: var(--spacing-2xl);
	background: url(/local/templates/personcat/images/main_arrow.svg) no-repeat center / contain;
	opacity: 0.7;
}

.welcome-box .welcome-step-badge--featured {
	color: #eaf6ff;
	background: transparent;
	border-color: #ffd37c;
	box-shadow:
		0 6px 18px rgba(59, 111, 224, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.welcome-box .welcome-step-badge--featured::after {
	background: none;
	content: "✦";
	width: auto;
	height: auto;
	right: 10px;
	font-size: 12px;
	line-height: 1;
	opacity: 0.75;
}

.welcome-box .trial-box__text {
	color: #d8d8d8;
	font-size: var(--font-size-xl);
	line-height: 1.6;
}

.welcome-box .welcome-box__intro {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.welcome-box .welcome-box__intro-main {
	display: block;
	color: #f4f7fd;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

.welcome-box .welcome-box__intro-sub {
	display: block;
	max-width: 62ch;
	color: #b9c3d4;
	font-size: var(--font-size-lg);
	line-height: 1.55;
}

.welcome-box .trial-box__text b {
	color: #fff;
}

.welcome-box .welcome-actions {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: var(--spacing-md);
	margin-top: var(--spacing-md);
}

.welcome-box .welcome-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 var(--spacing-md);
}

.welcome-box .welcome-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: var(--radius-pill);
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);
	color: #e6edf8;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.welcome-box .welcome-pill::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-accent-gold);
	box-shadow: 0 0 0 4px rgba(255, 204, 0, 0.08);
	flex: 0 0 auto;
}

.welcome-box .welcome-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
	background: rgba(59, 111, 224, 0.12);
	border: 1px solid rgba(59, 111, 224, 0.45);
	color: #cdd8f5;
}

.trial-box.welcome-box .ui-btn.welcome-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-sm);
	padding: var(--spacing-sm) var(--spacing-xl);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-semibold);
	border-radius: var(--radius-xl);
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	background: rgba(59, 111, 224, 0.12);
	border: 1px solid rgba(59, 111, 224, 0.45);
	color: #cdd8f5;
}

.trial-box.welcome-box .ui-btn.welcome-btn.welcome-btn--primary {
	width: 100%;
	min-height: 62px;
	padding: 14px 26px;
	border: 1px solid rgba(240, 202, 100, 0.5);
	border-radius: 14px;
	background: linear-gradient(135deg, #c8892a 0%, #f0ca64 60%, #ffb067 100%);
	color: #0d0a02;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow:
		0 8px 32px rgba(240, 170, 60, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.welcome-box .welcome-btn__content {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	line-height: 1.15;
}

.welcome-box .welcome-btn__title {
	display: block;
}

.welcome-box .welcome-btn__caption {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: rgba(13, 10, 2, 0.72);
}

.trial-box.welcome-box .ui-btn.welcome-btn.welcome-btn--primary::before {
	content: "▶";
	font-size: 10px;
	line-height: 1;
	opacity: 0.8;
}

.welcome-box .welcome-btn:hover {
	background: rgba(59, 111, 224, 0.18);
	border-color: rgba(59, 111, 224, 0.65);
	color: #e4ecff;
}

.trial-box.welcome-box .ui-btn.welcome-btn:hover {
	transform: translateY(-1px);
	background: rgba(59, 111, 224, 0.18);
	border-color: rgba(59, 111, 224, 0.65);
	color: #e4ecff;
}

.trial-box.welcome-box .ui-btn.welcome-btn.welcome-btn--primary:hover {
	transform: translateY(-1px);
	background: linear-gradient(135deg, #d9962f 0%, #f5d270 60%, #ffc080 100%);
	border-color: rgba(245, 210, 112, 0.58);
	color: #0d0a02;
	box-shadow:
		0 8px 24px rgba(240, 170, 60, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.trial-box.welcome-box .ui-btn.welcome-btn:active {
	transform: translateY(0);
	opacity: 0.95;
}

.welcome-box .welcome-btn__icon {
	width: var(--spacing-2xl);
	height: var(--spacing-2xl);
	border-radius: 4px;
	background: url(/local/templates/personcat/images/Add_person.svg) no-repeat center / contain;
	display: inline-block;
	position: relative;
}

.welcome-box .welcome-btn__icon--reco {
	background-image: url(/local/templates/personcat/images/Add_person.svg);
	opacity: 0.95;
}

.welcome-box .welcome-step-icon {
	display: inline-block;
	width: var(--spacing-xl);
	height: var(--spacing-xl);
	margin: 0 4px;
	vertical-align: -2px;
}

.welcome-box .welcome-step-inline {
	display: inline;
	align-items: center;
	gap: var(--spacing-xs);
	white-space: normal;
}

.welcome-box .trial-box__list {
	padding-left: var(--spacing-sm);
	margin: var(--spacing-sm) 0 var(--spacing-md);
}

.welcome-box .welcome-cta-hint {
	display: inline-flex;
	align-items: flex-start;
	gap: 4px;
	margin: 0 0 var(--spacing-xs);
	max-width: 68ch;
	color: #bfc3cc;
	font-size: var(--font-size-md);
	line-height: 1.45;
}

.welcome-box .welcome-cta-arrow {
	width: 22px;
	height: 22px;
	background: url(/local/templates/personcat/images/main_arrow.svg) no-repeat center / contain;
	transform: rotate(90deg);
	opacity: 0.7;
	flex: 0 0 auto;
}

.welcome-box .welcome-step-icon svg {
	width: var(--spacing-lg);
	height: var(--spacing-lg);
	display: block;
}

.welcome-box .welcome-step-icon .fire-outer,
.welcome-box .welcome-step-icon .fire-inner {
	fill: #ff3b30;
}

.welcome-box .trial-box__list a.profile-link {
	color: #9fc2ff;
	text-decoration: underline;
	text-decoration-color: rgba(159, 194, 255, 0.5);
}

.welcome-box .trial-box__list a.profile-link:hover {
	color: #cfe1ff;
	text-decoration-color: rgba(207, 225, 255, 0.8);
}

.welcome-box .ui-btn--ghost {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #d8e0ef;
}

.welcome-box .ui-btn--ghost:hover {
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.welcome-box .welcome-skip {
	background: none;
	border: none;
	color: #666;
	font-size: var(--font-size-md);
	cursor: pointer;
	padding: 4px var(--spacing-sm);
	margin: 0;
	position: absolute;
	top: var(--spacing-sm);
	right: var(--spacing-md);
}

.welcome-box .welcome-skip:hover {
	color: #999;
	text-decoration: underline;
}

.welcome-box.trial-box--secondary {
	opacity: 0.75;
	font-size: var(--font-size-lg);
}

.welcome-box.trial-box--secondary .trial-box__text {
	color: #bdbdbd;
}

.welcome-box.trial-box--secondary .trial-box__title {
	font-size: var(--font-size-2xl);
}

.welcome-box.trial-box--secondary .ui-btn {
	font-size: var(--font-size-md);
	padding: var(--spacing-sm) var(--spacing-xl);
}

.welcome-box {
	position: relative;
	box-shadow: none !important;
}

.welcome-box__head {
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-md);
}

.welcome-box .trial-box__list li {
	margin-bottom: var(--spacing-sm);
	line-height: 1.45;
	word-break: normal;
	padding-right: var(--spacing-sm);
}

.welcome-box .trial-box__list li:last-child {
	margin-bottom: 0;
}

.welcome-box .welcome-step-row {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
	flex-wrap: wrap;
}

@media (max-width: 520px) {
	.trial-box.welcome-box .ui-btn.welcome-btn.welcome-btn--primary {
		width: 100%;
	}
}

.highlights-grid.trial-box--highlights {
	margin-top: var(--spacing-lg);
	padding: var(--spacing-xl);
	border-radius: var(--radius-2xl);
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--color-stroke-primary);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
}

.highlights-grid .highlights-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--spacing-md);
	margin-bottom: var(--spacing-sm);
}

.highlights-grid .highlights-title {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	font-size: var(--spacing-2xl);
	line-height: 1.2;
	color: #fff;
}

.highlights-grid .highlights-title::before {
	content: "";
	width: var(--spacing-sm);
	height: var(--spacing-sm);
	border-radius: var(--radius-pill);
	background: rgba(59, 111, 224, 0.95);
	box-shadow: 0 0 0 4px rgba(59, 111, 224, 0.16);
	flex: 0 0 auto;
}

.highlights-grid .highlights-subtitle {
	margin-top: 4px;
	color: #c8ceda;
	font-size: var(--font-size-md);
	line-height: 1.4;
}

.highlights-grid.highlights-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--spacing-3xl);
	padding: 0 0 var(--spacing-3xl);
}

.highlights-grid .highlights-section {
	border: 1px solid var(--color-stroke-primary);
	border-radius: var(--radius-5xl);
	background:
		radial-gradient(1200px 240px at 0% 0%, rgba(255, 59, 48, 0.08), transparent 55%),
		radial-gradient(900px 240px at 100% 0%, rgba(59, 111, 224, 0.1), transparent 55%),
		rgba(255, 255, 255, 0.02);
	padding: var(--spacing-lg);
}

.highlights-grid .highlights-section--collections {
	background: rgba(255, 255, 255, 0.03);
	border-color: var(--color-stroke-secondary);
}

.highlights-grid .highlights-section--upcoming {
	background:
		radial-gradient(900px 220px at 0% 0%, rgba(156, 39, 176, 0.1), transparent 55%),
		radial-gradient(900px 220px at 100% 0%, rgba(255, 59, 48, 0.06), transparent 55%),
		rgba(255, 255, 255, 0.02);
}

.highlights-grid .highlights-section--activity {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(900px 260px at 0% 0%, rgba(29, 201, 136, 0.18), transparent 58%),
		radial-gradient(900px 260px at 100% 0%, rgba(59, 111, 224, 0.18), transparent 58%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
}

.highlights-grid .highlights-section--activity::after {
	content: "";
	position: absolute;
	top: -48px;
	right: -12px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 68%);
	opacity: 0.55;
	pointer-events: none;
}

.highlights-grid .highlights-section--activity > * {
	position: relative;
	z-index: 1;
}

.highlights-grid .section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
}

.highlights-grid .section-title {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	color: #fff;
	font-size: var(--font-size-xl);
	line-height: 1.2;
}

.highlights-grid .section-title strong {
	font-weight: var(--font-weight-bold);
}

.highlights-grid .section-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-xs);
	padding: 3px var(--spacing-sm);
	border-radius: var(--radius-pill);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	letter-spacing: 0.4px;
	white-space: nowrap;
}

.highlights-grid .section-badge--hot {
	color: #ffcc00;
	border: 1px solid rgba(255, 204, 0, 0.4);
	background: rgba(255, 204, 0, 0.12);
}

.highlights-grid .section-badge--wait {
	color: #e9a9f2;
	border: 1px solid rgba(156, 39, 176, 0.4);
	background: rgba(156, 39, 176, 0.12);
}

.highlights-grid .section-badge--blue {
	color: #9fc2ff;
	border: 1px solid rgba(59, 111, 224, 0.4);
	background: rgba(59, 111, 224, 0.12);
}

.highlights-grid .section-badge--live {
	color: #99ffd0;
	border: 1px solid rgba(38, 208, 128, 0.36);
	background: rgba(20, 135, 90, 0.16);
}

.highlights-grid .section-badge-dot {
	display: inline-flex;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 0 0 rgba(153, 255, 208, 0.36);
	animation: activity-pulse 1.8s ease-in-out infinite;
}

.highlights-grid .activity-topline {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-md);
}

.highlights-grid .activity-stat {
	position: relative;
	padding: 14px 16px;
	border-radius: var(--radius-lg);
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(8, 12, 22, 0.34);
	overflow: hidden;
}

.highlights-grid .activity-stat::before {
	content: "";
	position: absolute;
	top: 14px;
	right: 14px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.highlights-grid .activity-stat--live::before {
	background: #67ffba;
	box-shadow: 0 0 0 6px rgba(103, 255, 186, 0.14);
}

.highlights-grid .activity-stat--vibe::before {
	background: #8bc2ff;
	box-shadow: 0 0 0 6px rgba(139, 194, 255, 0.14);
}

.highlights-grid .activity-stat--spark::before {
	background: #ffb469;
	box-shadow: 0 0 0 6px rgba(255, 180, 105, 0.14);
}

.highlights-grid .activity-stat-value {
	font-size: 24px;
	line-height: 1;
	font-weight: var(--font-weight-bold);
	color: #fff;
}

.highlights-grid .activity-stat-label {
	margin-top: 6px;
	font-size: var(--font-size-sm);
	line-height: 1.35;
	color: #c6d2e4;
	max-width: 180px;
}

.highlights-grid .activity-board {
	border-radius: var(--radius-xl);
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(6, 10, 18, 0.48);
	backdrop-filter: blur(14px);
	overflow: hidden;
}

.highlights-grid .activity-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.highlights-grid .activity-table thead th {
	padding: 13px 16px;
	text-align: left;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #889ab2;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.highlights-grid .activity-table thead th:nth-child(1) {
	width: 24%;
}

.highlights-grid .activity-table thead th:nth-child(2) {
	width: 40%;
}

.highlights-grid .activity-table thead th:nth-child(3) {
	width: 36%;
}

.highlights-grid .activity-row {
	--activity-accent: #9fc2ff;
	--activity-accent-strong: #dbe8ff;
	--activity-accent-bg: rgba(59, 111, 224, 0.12);
	--activity-accent-border: rgba(95, 151, 255, 0.24);
	transition: background 0.2s ease;
}

.highlights-grid .activity-row--watching {
	--activity-accent: #9fc2ff;
	--activity-accent-strong: #dbe8ff;
	--activity-accent-bg: rgba(59, 111, 224, 0.12);
	--activity-accent-border: rgba(95, 151, 255, 0.24);
}

.highlights-grid .activity-row--top {
	--activity-accent: #ffd37c;
	--activity-accent-strong: #ffe7b5;
	--activity-accent-bg: rgba(255, 183, 75, 0.12);
	--activity-accent-border: rgba(255, 211, 124, 0.24);
}

.highlights-grid .activity-row--masterpiece {
	--activity-accent: #ffb6de;
	--activity-accent-strong: #ffd5ea;
	--activity-accent-bg: rgba(255, 108, 168, 0.12);
	--activity-accent-border: rgba(255, 182, 222, 0.24);
}

.highlights-grid .activity-row--vibe {
	--activity-accent: #a9ffd8;
	--activity-accent-strong: #d2ffeb;
	--activity-accent-bg: rgba(43, 179, 126, 0.12);
	--activity-accent-border: rgba(94, 233, 180, 0.24);
}

.highlights-grid .activity-row--discuss {
	--activity-accent: #d7b7ff;
	--activity-accent-strong: #ead7ff;
	--activity-accent-bg: rgba(142, 108, 255, 0.12);
	--activity-accent-border: rgba(188, 140, 255, 0.24);
}

.highlights-grid .activity-row--waiting {
	--activity-accent: #ffb37f;
	--activity-accent-strong: #ffd8bd;
	--activity-accent-bg: rgba(255, 127, 61, 0.12);
	--activity-accent-border: rgba(255, 169, 106, 0.24);
}

.highlights-grid .activity-row--collection {
	--activity-accent: #8ed7ff;
	--activity-accent-strong: #d1f0ff;
	--activity-accent-bg: rgba(55, 153, 214, 0.12);
	--activity-accent-border: rgba(111, 212, 255, 0.24);
}

.highlights-grid .activity-row--spark {
	--activity-accent: #ffd892;
	--activity-accent-strong: #ffe6b9;
	--activity-accent-bg: rgba(255, 173, 53, 0.12);
	--activity-accent-border: rgba(255, 216, 146, 0.24);
}

.highlights-grid .activity-row:hover {
	background: linear-gradient(90deg, var(--activity-accent-bg), rgba(255, 255, 255, 0.015) 62%);
}

.highlights-grid .activity-cell {
	padding: 11px 14px;
	vertical-align: middle;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.highlights-grid .activity-table tbody tr:first-child .activity-cell {
	border-top: none;
}

.highlights-grid .activity-user {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.highlights-grid .activity-avatar.feed-com-avatar {
	position: relative;
	top: auto;
	left: auto;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	padding: 3px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.04);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.highlights-grid .activity-avatar.feed-com-avatar > i {
	display: none;
}

.highlights-grid .activity-avatar-inner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	font-weight: var(--font-weight-bold);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.highlights-grid .activity-avatar--sunrise .activity-avatar-inner {
	background: linear-gradient(135deg, #ff8a5b, #ffcd73);
}

.highlights-grid .activity-avatar--ocean .activity-avatar-inner {
	background: linear-gradient(135deg, #4f8cff, #62d1ff);
}

.highlights-grid .activity-avatar--berry .activity-avatar-inner {
	background: linear-gradient(135deg, #ff6ca8, #a96dff);
}

.highlights-grid .activity-avatar--mint .activity-avatar-inner {
	background: linear-gradient(135deg, #3ed7ab, #97ffbc);
}

.highlights-grid .activity-avatar--violet .activity-avatar-inner {
	background: linear-gradient(135deg, #8e6cff, #db78ff);
}

.highlights-grid .activity-avatar--amber .activity-avatar-inner {
	background: linear-gradient(135deg, #ff9c4b, #ffd166);
}

.highlights-grid .activity-avatar--sky .activity-avatar-inner {
	background: linear-gradient(135deg, #4cb8ff, #a6f0ff);
}

.highlights-grid .activity-avatar--graphite .activity-avatar-inner {
	background: linear-gradient(135deg, #556274, #8a9ab3);
}

.highlights-grid .activity-avatar--premium.feed-com-avatar {
	border-color: rgba(255, 214, 120, 0.75);
	box-shadow:
		0 0 0 1px rgba(255, 176, 69, 0.24),
		0 10px 20px rgba(255, 176, 69, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	background: linear-gradient(135deg, rgba(255, 221, 130, 0.26), rgba(255, 168, 61, 0.12));
}

.highlights-grid .activity-avatar-label {
	position: relative;
	z-index: 1;
}

.highlights-grid .activity-user-copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.highlights-grid .activity-user-name {
	font-size: 14px;
	line-height: 1.2;
	font-weight: var(--font-weight-semibold);
	color: #f5f8ff;
}

.highlights-grid .activity-user-meta {
	font-size: 12px;
	line-height: 1.2;
	color: #8799b1;
}

.highlights-grid .activity-action {
	min-width: 0;
}

.highlights-grid .activity-action-copy {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.highlights-grid .activity-action-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	align-self: flex-start;
	padding: 2px 8px;
	border-radius: var(--radius-pill);
	border: 1px solid var(--activity-accent-border);
	background: var(--activity-accent-bg);
	color: var(--activity-accent);
	font-size: 10px;
	line-height: 1.25;
	letter-spacing: 0.08em;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
}

.highlights-grid .activity-action-badge::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.highlights-grid .activity-action-target {
	font-size: 14px;
	line-height: 1.3;
	font-weight: var(--font-weight-semibold);
	color: #f5f8ff;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.highlights-grid .activity-status-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.highlights-grid .activity-status-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 4px 10px;
	border-radius: var(--radius-pill);
	border: 1px solid var(--activity-accent-border);
	background: var(--activity-accent-bg);
	font-size: 11px;
	line-height: 1.25;
	font-weight: var(--font-weight-semibold);
	color: var(--activity-accent-strong);
}

.highlights-grid .activity-comment {
	padding-left: 10px;
	border-left: 2px solid var(--activity-accent-border);
	font-size: 12px;
	line-height: 1.35;
	color: #95a5ba;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.highlights-grid .activity-tools {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-sm);
	margin-top: var(--spacing-md);
}

.highlights-grid .activity-tool {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: var(--radius-pill);
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.04);
	font-size: var(--font-size-sm);
	line-height: 1.2;
	color: #d9e5f8;
}

.highlights-grid .activity-tool::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	font-size: 11px;
	line-height: 1;
}

.highlights-grid .activity-tool--watching::before {
	content: "\25B6";
	color: #9fc2ff;
}

.highlights-grid .activity-tool--top::before {
	content: "\21E7";
	color: #ffd37c;
}

.highlights-grid .activity-tool--masterpiece::before {
	content: "\2605";
	color: #ffb6de;
}

.highlights-grid .activity-tool--vibe::before {
	content: "\223F";
	color: #a9ffd8;
}

@keyframes activity-pulse {
	0% {
		transform: scale(0.92);
		box-shadow: 0 0 0 0 rgba(153, 255, 208, 0.32);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 9px rgba(153, 255, 208, 0);
	}
	100% {
		transform: scale(0.92);
		box-shadow: 0 0 0 0 rgba(153, 255, 208, 0);
	}
}

.highlights-grid .section-text {
	color: #c8ceda;
	font-size: var(--font-size-md);
	line-height: 1.5;
	margin-bottom: var(--spacing-md);
}

.highlights-grid .mini-row {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--spacing-sm);
}

.highlights-grid .mini-card {
	display: block;
	text-decoration: none;
	border-radius: var(--radius-lg);
	overflow: hidden;
	border: 1px solid var(--color-stroke-primary);
	background: rgba(0, 0, 0, 0.18);
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.highlights-grid .mini-card:hover {
	border-color: rgba(159, 194, 255, 0.35);
	transform: translateY(-1px);
}

.highlights-grid .mini-card img {
	display: block;
	width: 100%;
	aspect-ratio: 2/3;
	object-fit: cover;
	background: rgba(255, 255, 255, 0.06);
}

.highlights-grid .mini-meta {
	padding: var(--spacing-sm) var(--spacing-sm) 9px;
}

.highlights-grid .mini-title {
	font-size: var(--font-size-base);
	line-height: 1.3;
	color: #e9eef9;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.highlights-grid .mini-pillrow {
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
	margin-top: var(--spacing-xs);
	flex-wrap: wrap;
}

.highlights-grid .mini-pill {
	display: inline-flex;
	align-items: center;
	padding: 1px var(--spacing-xs);
	border-radius: var(--radius-pill);
	font-size: var(--font-size-xs);
	line-height: 1.4;
	color: #cfd6e3;
	border: 1px solid var(--color-stroke-primary);
	background: var(--color-bg-chip);
}

.highlights-grid .mini-pill--discuss {
	color: rgba(255, 59, 48, 0.95);
	border-color: rgba(255, 59, 48, 0.22);
	background: rgba(255, 59, 48, 0.08);
}

.highlights-grid .mini-pill--wait {
	color: rgba(156, 39, 176, 0.95);
	border-color: rgba(156, 39, 176, 0.22);
	background: rgba(156, 39, 176, 0.08);
}

.highlights-grid .actions-row {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	margin-top: var(--spacing-md);
	flex-wrap: wrap;
}

.highlights-grid .one-btn.highlights-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
	background: rgba(59, 111, 224, 0.12);
	border: 1px solid rgba(59, 111, 224, 0.45);
	color: #cdd8f5;
}

.highlights-grid .one-btn.highlights-btn:hover {
	background: rgba(59, 111, 224, 0.18);
	border-color: rgba(59, 111, 224, 0.65);
	color: #e4ecff;
}

.highlights-grid a.highlights-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #9fc2ff;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	transition: color 0.2s ease;
	margin-top: 4px;
}

.highlights-grid a.highlights-link::after {
	content: "→";
	font-family: inherit;
	transition: transform 0.2s ease, opacity 0.2s ease;
	opacity: 0.8;
}

.highlights-grid a.highlights-link:hover {
	color: #cfe1ff;
}

.highlights-grid a.highlights-link:hover::after {
	transform: translateX(4px);
	opacity: 1;
}

.highlights-grid .section-more-link {
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	color: #556677;
	text-decoration: none;
	letter-spacing: 1px;
}

.highlights-grid .section-more-link:hover {
	color: #8899aa;
}

.highlights-grid .collections-stack-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3xl);
	margin-top: var(--spacing-xl);
}

.highlights-grid .collection-row {
	display: flex;
	gap: var(--spacing-4xl);
	padding-bottom: var(--spacing-3xl);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.highlights-grid .collection-row:last-child {
	border-bottom: none;
}

.highlights-grid .collection-posters-stack {
	position: relative;
	width: 130px;
	height: 100px;
	display: block;
	flex-shrink: 0;
}

.highlights-grid .stack-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 100px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.5);
	border: 1px solid var(--color-stroke-primary);
	background: #111;
	transition: transform 0.2s ease;
}

.highlights-grid .collection-posters-stack:hover .stack-item {
	transform: translateY(-4px) !important;
}

.highlights-grid .stack-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.highlights-grid .collection-info {
	flex-grow: 1;
}

.highlights-grid .collection-name {
	display: block;
	font-size: 19px;
	font-weight: var(--font-weight-bold);
	color: #fff;
	text-decoration: none;
	margin-bottom: var(--spacing-xs);
}

.highlights-grid .collection-name:hover {
	color: #cfe1ff;
}

.highlights-grid .collection-meta {
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
	color: #8899aa;
	font-size: var(--font-size-md);
	margin-bottom: var(--spacing-sm);
}

.highlights-grid .collection-author {
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
	color: #fff;
}

.highlights-grid .author-avatar {
	width: var(--spacing-2xl);
	height: var(--spacing-2xl);
	border-radius: 50%;
	object-fit: cover;
}

.highlights-grid .author-name {
	font-weight: var(--font-weight-semibold);
}

.highlights-grid .meta-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.highlights-grid .meta-item--icon svg {
	opacity: 0.6;
}

.highlights-grid .collection-description {
	font-size: var(--font-size-md);
	line-height: 1.4;
	color: #8899aa;
	margin-bottom: var(--spacing-md);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.highlights-grid .collection-highlights {
	display: flex;
	gap: var(--spacing-sm);
	font-size: var(--font-size-base);
	color: #ccc;
}

.highlights-grid .highlight-item {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 2px var(--spacing-sm);
	background: rgba(255, 255, 255, 0.05);
	border-radius: 4px;
}

@media (max-width: 1100px) {
	.highlights-grid .activity-table thead th:nth-child(1) {
		width: 26%;
	}

	.highlights-grid .activity-table thead th:nth-child(2) {
		width: 39%;
	}

	.highlights-grid .activity-table thead th:nth-child(3) {
		width: 35%;
	}

	.highlights-grid .mini-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 800px) {
	.highlights-grid .activity-topline {
		grid-template-columns: 1fr;
	}

	.highlights-grid .activity-table,
	.highlights-grid .activity-table tbody,
	.highlights-grid .activity-table tr,
	.highlights-grid .activity-table td {
		display: block;
		width: 100%;
	}

	.highlights-grid .activity-table thead {
		display: none;
	}

	.highlights-grid .activity-row {
		padding: 16px;
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	.highlights-grid .activity-table tbody tr:first-child {
		border-top: none;
	}

	.highlights-grid .activity-cell {
		padding: 0;
		border: none;
	}

	.highlights-grid .activity-cell + .activity-cell {
		margin-top: 12px;
	}

	.highlights-grid .activity-comment {
		max-width: none;
	}
}

@media (max-width: 520px) {
	.highlights-grid .mini-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.highlights-grid .activity-row {
		padding: 14px;
	}

	.highlights-grid .activity-user {
		align-items: flex-start;
	}

	.highlights-grid .activity-avatar.feed-com-avatar {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.highlights-grid .activity-action-target {
		font-size: 13px;
	}

	.highlights-grid .activity-tool {
		width: 100%;
		justify-content: center;
	}

	.highlights-grid .collection-row {
		flex-direction: column;
		gap: var(--spacing-md);
	}
}

/* ─── Live Feed: Чистые уникальные формы (Light/Clean Style) ───────────────── */

.highlights-section--live-feed {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.08);
}

.live-feed-clean {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-md);
}

.lfc-item {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.lfc-item:last-child { border-bottom: none; padding-bottom: 0; }
.lfc-item:first-child { padding-top: 8px; }

/* ── Аватар ── */
.lfc-avatar {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 2px;
}
.lfc-avatar .feed-com-avatar {
    position: static !important;
    margin: 0 !important;
    width: 32px !important; 
    height: 32px !important;
    border-radius: 50% !important;
    background-color: rgba(255,255,255,0.06) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.1);
}
.lfc-avatar--premium .feed-com-avatar {
    border-color: #ffd166;
    box-shadow: 0 0 6px rgba(255, 193, 102, 0.2);
}
.lfc-crown {
    position: absolute; bottom: -4px; right: -4px;
    background: linear-gradient(135deg, #ffd700, #ff9800);
    color: #fff; font-size: 8px;
    width: 14px; height: 14px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid #191c24;
}

/* ── Общий контент ── */
.lfc-content { flex: 1; min-width: 0; }
.lfc-meta {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: baseline;
    font-size: 13px; line-height: 1.4;
}
.lfc-author { font-weight: 600; color: #e8eef8; }
.lfc-text-muted { color: #8799b1; font-size: 12px; }
.lfc-time-right { color: #617182; font-size: 11px; margin-left: auto; }
.lfc-speech-text { font-size: 13px; color: #abb9cb; font-style: italic; margin-top: 6px; }

/* Форма 1: Смотрит сейчас ("Pill" таргет) */
.lfc-target-pill {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 8px; padding: 6px 14px;
    background: rgba(59, 111, 224, 0.08);
    border: 1px solid rgba(59, 111, 224, 0.25);
    border-radius: 20px;
    font-size: 14px; font-weight: 600; color: #d0def9;
}
.lfc-dot-live {
    width: 8px; height: 8px; border-radius: 50%; background: #67ffba;
    box-shadow: 0 0 0 3px rgba(103,255,186,.2);
    animation: activity-pulse 2s infinite;
}

/* Форма 2: Топ (Hero-текст, фокус на награде) */
.lfc-text-gold { color: #ffd37c; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.lfc-target-hero {
    font-size: 18px; font-weight: 800; color: #fff;
    margin-top: 6px; letter-spacing: 0.01em; line-height: 1.2;
}

/* Форма 3: Вайб (Блок с эмодзи) */
.lfc-vibe-box {
    display: flex; align-items: center; gap: 12px;
    margin-top: 8px; padding: 10px 14px;
    background: rgba(43, 179, 126, 0.04);
    border-left: 2px solid rgba(43, 179, 126, 0.6);
    border-radius: 4px 8px 8px 4px;
}
.lfc-vibe-emoji { font-size: 28px; line-height: 1; filter: drop-shadow(0 0 8px rgba(43, 179, 126, 0.3)); }
.lfc-vibe-info { display: flex; flex-direction: column; gap: 2px; }
.lfc-vibe-name { font-size: 15px; font-weight: 700; color: #a9ffd8; }
.lfc-vibe-desc { font-size: 13px; color: #9ab4b1; font-style: italic; }

/* Форма 4: Шедевр (Крупная цитата) */
.lfc-text-pink { color: #ffb6de; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.lfc-quote-big {
    font-family: Georgia, serif; font-size: 17px; font-style: italic; color: #ffebf5;
    margin-top: 10px; line-height: 1.45;
}
.lfc-quote-big::before { content: "“"; font-size: 24px; color: rgba(255, 182, 222, 0.4); margin-right: 4px; vertical-align: -6px; }
.lfc-target-ref { font-size: 12px; color: #8799b1; margin-top: 6px; }
.lfc-target-ref b { color: #e9eef9; font-weight: 600; font-size: 13px; }

/* Форма 5: Подборка (3 постера стопкой + теги) */
.lfc-target-bold { font-size: 15px; font-weight: 700; color: #e9a9f2; margin-top: 6px; }

.lfc-collection-box {
    display: flex; gap: 16px; align-items: flex-start;
    margin-top: 10px;
}

.lfc-posters-stack {
    position: relative;
    width: 60px; height: 90px;
    flex-shrink: 0;
}

.lfc-stack-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 6px;
    object-fit: cover;
    box-shadow: -2px 0 8px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.1);
    transition: transform 0.2s;
    background: #1a1c22;
}
.lfc-stack-img--3 { transform: translate(-10px, 10px) scale(0.9); z-index: 1; filter: brightness(0.6); }
.lfc-stack-img--2 { transform: translate(-5px, 5px) scale(0.95); z-index: 2; filter: brightness(0.8); }
.lfc-stack-img--1 { transform: translate(0, 0) scale(1); z-index: 3; }
.lfc-posters-stack:hover .lfc-stack-img--3 { transform: translate(-15px, 10px) scale(0.9) rotate(-3deg); }
.lfc-posters-stack:hover .lfc-stack-img--2 { transform: translate(-8px, 5px) scale(0.95) rotate(-1.5deg); }

.lfc-collection-info {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 8px;
}

.lfc-collection-tags {
    margin-top: 2px;
}

/* Новые теги как в upcoming (стиль upc-pill) */
.lfc-pill {
    display: inline-flex; align-items: center; gap: 4px; 
    padding: 2px 8px; border-radius: 4px; 
    font-size: 10px; font-weight: 500; 
    background: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.08); 
    color: #d1d5db;
}

/* Реакция на каждой строке */
.lfc-reaction {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 20px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 11px; color: #abb9cb; font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.lfc-reaction:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
}

@media (max-width: 500px) {
    .lfc-collection-box { gap: 12px; }
}

/* UI Action Buttons */
.ui-btn-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	background: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
	color: #ff5252;
}

.ui-btn-delete:hover {
	background: rgba(255, 82, 82, 0.12);
	transform: scale(1.05);
}

.ui-btn-delete svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}

/* End */


/* Start:/local/templates/personcat/styles/main.css?177321127121091*/
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
.not_signed .header_auth_icon {
	display: block;
}
.not_signed .header_user_pack {
	display: none;
}
.signed .header_auth_icon {
	display: none;
}
.signed .header_user_pack {
	display: block;
	margin-left: 0px;
}
.signed.nologin .header_user_pack {
 
    text-align: center;
	position: relative;
    margin: 0px 4px 0 auto;
	width: 79px;
}
.login_wr
{
	height: 37px;
    line-height: 32px;
    width: auto;
    border-radius: 36px;
    background-color: rgba(242, 246, 247, .05);
    box-shadow: 0px 7px 15px 0px rgba(15, 23, 40, .4);
    cursor: pointer;
    overflow: hidden;
    border: solid 1px var(--border-user-avatar);
    text-align: center;
	padding: 0 10px;
	display: flex;
	align-items: center;
}
.login_wr .no_photo {
    position: relative;
    margin: 5px 3px 0 0px;
    height: 19px;
    object-fit: contain;
}
/* .user_dropdown .user_photo {
	z-index: 100;
	top: -2px;
	box-shadow: 0px 15px 20px 10px rgba(15,23,40, .2);
}
.user_dropdown .user_photo::before {
	display: block;
} */
.dropdown_mask .user_dropdown_mask {
	display: block;
}
.select_opened .select_mask {
	display: block;
}
.search_dropdown_opened .search_dropdown_mask {
	display: block;
}
.search_dropdown_opened header {
	z-index: 5;
}
.select_opened .os-scrollbar {
	z-index: -1;
}
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
.user_photo:hover {
	top: -2px;
	box-shadow: 0px 15px 20px 10px rgba(15,23,40, .2);
}
/* .user_photo::before {
	content: '';
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
    display: none;
    position: absolute;
    top: -4px;
    left: -4px;
    transform: translateZ(-1px);
} */
.mask {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 1;
   /*  backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); */
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(98,99,116, .0);
	/*background: -webkit-linear-gradient(34deg, rgba(98,99,116,1) 0%, rgba(68,70,86,1) 100%);
	background: -o-linear-gradient(34deg, rgba(98,99,116,1) 0%, rgba(68,70,86,1) 100%);
	background: linear-gradient(124deg, rgba(98,99,116,1) 0%, rgba(68,70,86,1) 100%);*/
}
/*
os-theme-thin-light
*/

.os-theme-thin-light > .os-scrollbar-horizontal {
    right: 14px;
    height: 14px;
    padding: 0px 6px;
}
.os-theme-thin-light > .os-scrollbar-vertical {
    bottom: 14px;
    width: 14px;
    padding: 6px 0px;
}
.os-theme-thin-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 14px;
    right: 0;
}
.os-theme-thin-light > .os-scrollbar-corner {
    height: 14px;
    width: 14px;
    background-color: transparent;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.03);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    left: 0;
    right: 0;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    top: 0;
    bottom: 0;
    width: 1px;
    left: 50%;
    margin-left: -1px;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
    content: '';
    display: block;
    position: absolute;
    background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
    border-radius: 10px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    height: 4px;
    margin-top: -2px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    width: 4px;
    margin-left: -2px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    height: 100%;
    min-width: 30px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    width: 100%;
    min-height: 30px;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: height 0.3s, margin-top 0.3s, background 0.2s;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: width 0.3s, margin-left 0.3s, background 0.2s;
}
.user_dropdown_menu {
	background-color: #1b1d29;
    width: 215px;
    border-radius: 15px;
    padding: 9px 0px;
    box-sizing: border-box;
    /* box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1); */
    border: 1px solid #ffffff0a;
}
.user_dropdown_link {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #ffffffa3;
	box-sizing: border-box;
	padding: 0 22px;
}
.user_dropdown_link:hover {
	background-color: rgba(51,53,65, .1);
}
.user_dropdown .mask {
	z-index: 111;
}
.user_dropdown .header_user_pack {
    position: relative;
    z-index: 112;
}
.user_dropdown_pack {
	position: absolute;
	right: -42px;
	top: 57px;
	z-index: 222;
	visibility: hidden;
	margin-top: -50px;
	opacity: 0;
}
.user_dropdown_exit {
	margin-top: 15px;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0, .1);
}
.user_dropdown .user_dropdown_pack {
	visibility: visible;
	margin-top: 0;
	opacity: 1;
}
.search_dropdown_opened .search_dropdown_options {
	visibility: visible;
    margin-top: 0;
    opacity: 1;
}
.search_dropdown_img {
    width: 11px;
    height: 10px;
    background-position: -19px -120px;
    position: relative;
    margin: 10px 15px 0 10px;
    transform: rotate(0deg);
}
.search_dropdown_opened .search_dropdown_img {
	transform: rotate(-180deg);
}
.search_dropdown_option {
	display: block;
    font-size: 14px;
    color: #333541;
    box-sizing: border-box;
    padding: 6px 22px;
    cursor: pointer;
}
.search_input_img {
	width: 30px;
    height: 50px;
    background-position: -203px -4px;
	display: none;
    position: absolute;
	margin: -1px 0px 0px -1px;
}
.search_dropdown_option:hover {
	background-color: rgba(51,53,65, .2);
}
.search_input {
    height: 100%;
    width: 89%;
}
.search_focus {
	background-color: rgba(242,246,247, 1);
   /*  color: #333541; */
    box-shadow: 0px 15px 20px 10px rgba(15,23,40, .2);
}
.search_focus:hover {
	background-color: rgba(242,246,247, 1);
   /*  color: #333541; */
    box-shadow: 0px 15px 20px 10px rgba(15,23,40, .2);
}
.search_focus .search_input_img {
    width: 30px;
    height: 50px;
   /*  background-position: -262px 0; */
}
.search_focus .search_dropdown {
    border-left: 1px solid rgba(0,0,0, .2);
}
.search_focus .search_dropdown_text {
    color: #333541;
    opacity: .7;
}
.search_focus .search_dropdown:hover .search_dropdown_text {
    color: #333541;
    opacity: 1;
}
.search_focus .search_dropdown_img {
    background-position: -69px -120px;
}
.search_results_pack {
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 99;
    height: auto;
    visibility: hidden;
    margin-top: -50px;
    opacity: 0;
    min-width: 100%;
}
.search_results {
	background-color: #f2f6f7;
    min-width: 100%;
    border-radius: 5px;
    padding: 9px 0px;
    box-sizing: border-box;
    color: #333541;
    height: auto;
}
.search_dropdown_button {
    margin-top: 15px;
    display: none;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0, .1);
}
.search_on_progress {
	width: 100%;
	text-align: center;
	font-size: 14px;
    color: #333541;
    opacity: .5;
    padding: 10px 0;
}
.search_show_results_finded .search_dropdown_button {
	display: inline-block;
}
.search_show_results_finded .search_on_progress {
	display: block;
}
.search_after_progress {
	display: none;
}
.search_show_results_finded .search_after_progress {
	display: block;
}
.search_show_results .search_results_pack {
	visibility: visible;
    margin-top: 0;
    opacity: 1;
}
.search_results_item_photo {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.search_results_item_text {
	margin-left: 15px;
	color: #333541;
}
.search_results_item_text_line {
	font-size: 14px;
	font-weight: 700;
	margin: 7px 0 4px 0;
}
.search_results_item_text_subline {
	font-size: 12px;
}
.insearch_more_count {
	font-size: 12px;
    display: inline-block;
    padding: 0px 5px;
    background-color: rgba(51,53,65, .2);
    border-radius: 5px;
    position: relative;
    top: 0px;
    margin: 0 0 0 5px;
}
.search_results_item {
	width: 100%;
    padding: 10px 18px;
    cursor: pointer;
    display: flex;
}
.search_results_item:hover {
    background-color: rgba(51,53,65, .1);
}
.search_show_results .search_dropdown_mask {
	display: block;
}
.search_show_results .search {
	display: block;
	position: relative;
    z-index: 101;
}
.search_show_results header {
    z-index: 101;
}
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
.jq-stars {
  display: inline-block;
}
.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}
.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}
.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}
.jq-star:hover .fs-star-svg path {
}
.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}
/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
/*************************************************/
.show_hint {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: rgba(242,246,247, .1);	
	background-position: -116px -16px;
	cursor: help;	
}
.hint {
	bottom: -5px;
    margin: -5px 0 0 4px;
	position: relative;
	display: inline-block;
}
.hint_bubble {
	background-color: #f2f6f7;	
	color: #333541;
	position: absolute;
	left: 43px;
	top: -50px;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 8px;
	width: 240px;
	opacity: 0;
	visibility: hidden;
	cursor: default;
}
.hint_bubble_header {
	font-size: 12px;
}
.hint_bubble_body {
	opacity: .5;
	font-size: 12px;
	margin-top: 15px;
}
.show_hint:hover .hint_bubble {
	opacity: 1;
	visibility: visible;
	top: -15px;
}
.show_hint:hover {
	background-color: rgba(242,246,247, .2);
}
.select_custom {
	margin-top: 20px;
	border-radius: 5px;
	border:1px solid rgba(242,246,247, .1);
	padding: 8px 12px;
	display: inline-block;
	font-size: 12px;
	position: relative;
	cursor: pointer;
	z-index: 102;
}
.select_custom:hover {
	border:1px solid rgba(242,246,247, 1);
}
.select_custom_title_one {
	margin-right: 10px;
	opacity: .5;
}
.select_custom_title_img {
	width: 11px;
    height: 10px;
    background-position: -19px -120px;
    position: relative;
    margin: 0 -4px 0 10px;
    top: 4px;
	transform: rotate(0deg);
}
.select_custom_options {
	background-color: #f2f6f7;
    min-width: 100%;
    border-radius: 5px;
    padding: 9px 0px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 99;
    visibility: hidden;
    margin-top: -50px;
    opacity: 0;
}
.select_opened .select_custom_options {
	visibility: visible;
    margin-top: 0;
    opacity: 1;
}
.select_opened .select_custom_title_img {
	transform: rotate(-180deg);
}
.select_mask {
	z-index: 101;
}
.select_custom_option {
	display: block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #333541;
    box-sizing: border-box;
    padding: 0 15px;
    white-space: nowrap;
}
.select_custom_option:hover {
    background-color: rgba(51,53,65, .1);
} 
.styled_input_button_text {
	display: none;
}
.styled_input_button_img {
	width: 40px;
	height: 40px;
}
.input_send {
	background-position: -350px -200px;
	opacity: .5;
}
.input_photo {
	background-position: -250px -300px;
	opacity: .5;
}
.input_focus .input_photo {
	background-position: -250px -250px;
}
.input_focus_big .input_photo {
	background-position: -250px -300px;
}
.styled_input_button:hover .styled_input_button_img {
	opacity: 1;
}
.styled_input_button {
	cursor: pointer;
}
.char_comments_block {
	margin-top: 25px;
}
.styled_input_pack {
	width: 100%;
}
.styled_input_bg {
	width: calc(100% - 52px);
	height: 40px;
	border-radius: 25px 5px 5px 25px;
	background-color: rgba(242,246,247, .05);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0, .1);
}
.add_photo_input_button {
	margin-left: -50px;
}
.styled_input_bg_photo {
	width: 30px;
	height: 30px;
	border-radius: 12px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: 10px 0 0 13px;
}
.styled_input_area {
	background-color: transparent;
	border: none;
	display: block;
	height: 40px;
	width: calc(100% - 80px);
	padding: 12px 0 0 16px;
	font-size: 12px;
	color: rgba(242,246,247, 1);
	resize: none;
	overflow: hidden;
}
.styled_input_bg:hover {
	background-color: rgba(242,246,247, .07);
	box-shadow: 0px 7px 15px 0px rgba(15,23,40, .1);
}
.input_focus .styled_input_bg {
	background-color: rgba(242,246,247, 1);
	box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4);
}
.input_focus .styled_input_area {
	color: #333541;
}
.input_focus_big .styled_input_bg {
	height: auto;
	float: right;
	border-radius: 5px;
}
.input_focus_big .styled_input_area {
	height: auto;
	padding-bottom: 15px;
}
.input_focus_big .styled_input_bg_photo {
	margin: 10px 0 0 -50px;
}
.input_focus_big .add_photo_input_button .styled_input_button_text {
	display: block;
	color: #F2F6F7;
	opacity: .5;
	height: 50px;
	line-height: 50px;
	margin: 0 0 0 0;
}
.input_focus_big .styled_input_buttons {
	float: right;
    margin: 10px 0 -17px 0px;
}
.input_focus_big .add_photo_input_button {
	margin: 0 30px 0 0;
}
.input_focus_big .input_send {
	margin: 0 -10px 0 0;
}
.add_photo_input_button:hover .styled_input_button_text {
	opacity: 1;
}
.input_send_button:hover .input_send {
	background-position: -300px -200px;
	opacity: 1;
}
.char_comment {
	width: 100%;
    background-color: rgba(242,246,247, .05);
    border-radius: 12px;
    margin-top: 25px;
	color: #A9A9B0;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0, .1);
}
.char_comment_pack {
    padding: 25px;
}
.char_comment_header_text_name {
	font-size: 14px;
	font-weight: 700;
}
.char_comment_header_text_date {
	opacity: .5;
	margin-top: 5px;
}
.char_comment_header_img {
	width: 40px;
	height: 40px;
	border-radius: 14px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	top: 0;
	cursor: pointer;
	display: block;
}
.char_comment_header_text {
	margin: 5px 0 0 20px;
}
.char_comment_header_person {
	display: block;
}
.char_comment_header_person:hover .char_comment_header_img {
	top: -2px;
	box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4);
}
.char_comment_header_person:hover .char_comment_header_text_name {
	color: #F2F6F7;
}
.char_comment_header_person:hover .char_comment_header_text_date {
	opacity: 1;
}
.char_comment_body p {
	padding: 0 0 12px 0;
}
.char_comment_body {
	margin-top: 20px;
}
.comment_this {
	display: none;
	opacity: .5;
	margin: 0 0 0 0;
	cursor: pointer;
}
.comment_this:hover {
	color: #F2F6F7;
	opacity: 1;
}
.has_answer .comment_this {
	display: inline-block;
}
.answers_for_post_header {
	font-size: 16px;
	font-weight: 700;
}
.answers_for_post_header_count {
	font-weight: 400;
	color: #F2F6F7;
	font-size: 14px;
	margin-left: 15px;
	display: inline-block;
}
.answers_for_post {
	border-top: 1px solid rgba(255,255,255, .03);
}
.answers_for_post_body_header .char_comment_header_img {
	width: 28px;
	height: 28px;
}
.answers_for_post_body_header .char_comment_header_text_name {
	font-size: 12px;
}
.answers_for_post_body_header .char_comment_header_text_date {
	font-size: 10px;
	margin-top: 0px;
	height: 17px;
}
.answers_for_post_body_header .char_comment_header_text {
    margin: -1px 0 0 10px;
}
.answers_for_post_header {
	padding: 20px;
}
.one_answer {
	padding: 20px;
}
.answers_for_post_body_header .char_comment_header_text_name:hover {
	color: #F2F6F7;
}
.answers_for_post_body_header .char_comment_header_img:hover {
	top: -2px;
	box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4);
}
.char_comment_header_text_to_com {
	font-size: 12px;
	margin-left: 15px;
	opacity: .5;
	cursor: pointer;
}
.char_comment_header_text_to_com:hover {
	opacity: 1
}
.answers_for_post_body_text p {
	padding: 0 0 15px 0;
}
.answers_for_post_body_text {
	margin-top: 10px;
}
.one_answer:hover {
	background-color: rgba(255,255,255, .01);
}
.my_answer {
	padding: 25px 0 25px 25px;
	background-color: rgba(255,255,255, .02);
}
.left_block_footer {
	padding: 80px 0;
}
.footer_logo {
	/* width: 100px;
	height: 50px;
	background-position: -100px -600px; */
}
.footer_link {
	display: block;
	font-size: 12px;
	color: #A9A9B0;
	opacity: .3;
	padding: 5px 0;
}
.footer_link:hover {
	opacity: 1;
}
.footer_links_col {
	margin-left: 50px;
}
.footer_link_altered {
	display: inline-block;
	font-size: 12px;
	color: #A9A9B0;
	opacity: .3;
	padding: 5px 10px;
	border:1px solid #A9A9B0;
	border-radius: 5px;
	margin-top: 15px;
}
.footer_link_altered:hover {
	opacity: 1
}
.my_answer .input_focus_big  {
	padding-right: 25px;
}
.add_fock_photo {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.styled_input_button {
    cursor: pointer;
	position: relative;
}
.tab_content .footer_link_altered {
    margin: 0 0 40px 0;
}
.tab_content_item_link:hover .tab_content_item_photo {
	top: -2px;
	box-shadow: 0px 15px 20px 10px rgba(15,23,40, .2);
}
.tab_content_item_link:hover .tab_content_item_desc_name {
    color: rgba(242,246,247, 1);
}
.tab_content_item_link:hover .tab_content_item_desc_engname {
    color: rgba(242,246,247, 1);
}
.tab_content_item_link:hover .tab_content_item_desc_subtitle {
    color: rgba(242,246,247, 1);
}
.tab_content_item_link:hover .tab_content_item_desc_year {
    color: rgba(242,246,247, 1);
}
.char_comment_header_social {
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: inline-block;
	opacity: .1;
	margin: 0 0 0 0;
}
.char_comment_header_social:hover {
	opacity: 1;
}
.vk {
	background-position: -360px -10px;
}
.fb {
	background-position: -360px -60px;
}
.gp {
	background-position: -360px -110px;
}
/* End */


/* Start:/local/templates/personcat/styles/nice-select.css?17732112714138*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: none;
  border-radius: 5px;
  border: 1px solid #f2f6f71a;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  /* height: 42px; */
 /*  line-height: 40px; */
  outline: none;
 /*  padding-left: 18px;
  padding-right: 30px; */
  padding:8px 30px 8px 18px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); 
	max-height: 300px;
	overflow:auto;	
			}
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #f2f6f7;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 9px 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
	color:#333541;
    cursor: pointer;
    font-weight: 400;
    line-height: 32px;
    list-style: none;
   /*  min-height: 40px; */
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: rgb(51 53 65 / 10%); }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/* End */


/* Start:/local/templates/personcat/styles/header_main.css?177546660526456*/
/* 
   Мобильный хедер для главной страницы.
   Только @media max-width: 600px - десктоп не затрагивается.
*/

/* Скрывать поиск для незалогиненных */
body.nologin .search,
body.nologin .search_dropdown_mask,
body.nologin .title-search-result{
    display: none !important;
}

body .header-right .header-login-btn.sidebar-login-btn {
    margin: 0 !important;
    padding: 8px 16px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
}

body.nologin .header-right .header-menu-wrap--guest {
    display: none !important;
}

body .logo_monolith.logo_monolith--mascot {
    left: calc(50% - 530px) !important;
    gap: 7px !important;
    align-items: center !important;
}

body .logo_monolith--mascot:hover {
    transform: translateY(-50%) scale(1.03) !important;
}

body .logo_monolith--mascot .logo_monolith_badge {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    filter: drop-shadow(0 10px 24px rgba(255, 107, 102, 0.18));
}

body .logo_monolith--mascot .logo_monolith_badge::before {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 193, 96, 0.28) 0%, rgba(255, 98, 104, 0.16) 45%, rgba(255, 98, 104, 0) 72%);
    z-index: -1;
}

body .logo_monolith--mascot .logo_monolith_badge_svg {
    width: 100%;
    height: 100%;
    display: block;
}

body .logo_monolith--mascot .logo_monolith_badge_img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

body .logo_monolith--mascot-v2 .logo_monolith_badge {
    filter: drop-shadow(0 12px 26px rgba(255, 110, 106, 0.22));
}

body .logo_monolith--mascot-v2:hover .logo_monolith_badge {
    filter: drop-shadow(0 14px 30px rgba(255, 115, 108, 0.3));
}

body .logo_monolith--mascot-v3 {
    gap: 13px !important;
}

body .logo_monolith--mascot-v3 .logo_monolith_badge {
    filter: drop-shadow(0 12px 28px rgba(255, 108, 104, 0.24));
}

body .logo_monolith--mascot-v3 .logo_monolith_mega {
    background: linear-gradient(135deg, #fff2bb 0%, #ffd16c 24%, #ff9760 58%, #ff6176 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 20px rgba(255, 160, 96, 0.22);
}

body .logo_monolith--mascot-v3 .logo_monolith_spoiler {
    color: rgba(255, 248, 241, 0.98) !important;
    letter-spacing: -0.05em !important;
}

body .logo_monolith--mascot-v3 .logo_monolith_tag {
    color: rgba(255, 255, 255, 0.52);
    letter-spacing: 0.18em;
}

body .logo_monolith--mascot-v3:hover .logo_monolith_badge {
    filter: drop-shadow(0 14px 34px rgba(255, 112, 106, 0.32));
}

body .logo_monolith--mascot-v3:hover .logo_monolith_mega {
    text-shadow: 0 0 26px rgba(255, 176, 100, 0.32);
}

body .logo_monolith--mascot-v4 {
    gap: 13px !important;
}

body .logo_monolith--mascot-v4 .logo_monolith_badge {
    filter: drop-shadow(0 14px 30px rgba(255, 112, 102, 0.22));
}

body .logo_monolith--mascot-v4 .logo_monolith_mega {
    background: linear-gradient(135deg, #fff2bf 0%, #ffd46f 26%, #ff9a62 60%, #ff6a77 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 18px rgba(255, 162, 94, 0.24);
}

body .logo_monolith--mascot-v4 .logo_monolith_spoiler {
    color: rgba(250, 246, 240, 0.98) !important;
    letter-spacing: -0.05em !important;
}

body .logo_monolith--mascot-v4 .logo_monolith_tag {
    color: rgba(255, 255, 255, 0.54);
    letter-spacing: 0.17em;
}

body .logo_monolith--mascot-v4:hover .logo_monolith_badge {
    filter: drop-shadow(0 16px 34px rgba(255, 114, 102, 0.3));
}

body .logo_monolith--mascot-v4:hover .logo_monolith_mega {
    text-shadow: 0 0 24px rgba(255, 178, 102, 0.32);
}

body .logo_monolith--mascot-v5 .logo_monolith_badge {
    filter: drop-shadow(0 14px 32px rgba(251, 102, 118, 0.26));
}

body .logo_monolith--mascot-v5 .logo_monolith_mega {
    background: linear-gradient(135deg, #fff2a8 0%, #ffd95c 24%, #ff9b66 58%, #ff6480 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 22px rgba(255, 150, 102, 0.3);
}

body .logo_monolith--mascot-v5 .logo_monolith_spoiler {
    color: #fff9f3 !important;
    letter-spacing: -0.045em !important;
}

body .logo_monolith--mascot-v5 .logo_monolith_tag {
    color: rgba(255, 244, 232, 0.66);
    letter-spacing: 0.14em;
}

body .logo_monolith--mascot-v6 .logo_monolith_badge {
    filter: drop-shadow(0 12px 28px rgba(255, 116, 104, 0.22));
}

body .logo_monolith--mascot-v6 .logo_monolith_mega {
    background: linear-gradient(135deg, #fff0c1 0%, #ffc86a 20%, #ff8f67 52%, #ff6678 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
}

body .logo_monolith--mascot-v6 .logo_monolith_spoiler {
    color: rgba(255, 247, 239, 0.96) !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

body .logo_monolith--mascot-v6 .logo_monolith_tag {
    color: rgba(255, 255, 255, 0.46);
    letter-spacing: 0.19em;
}

body .logo_monolith--mascot-png {
    gap: 13px !important;
}

body .logo_monolith--mascot-png .logo_monolith_badge {
    filter: drop-shadow(0 14px 30px rgba(255, 110, 102, 0.24));
}

body .logo_monolith--mascot-png .logo_monolith_mega {
    background: linear-gradient(135deg, #fff2bf 0%, #ffd46f 26%, #ff9a62 60%, #ff6a77 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 18px rgba(255, 162, 94, 0.24);
}

body .logo_monolith--mascot-png .logo_monolith_spoiler {
    color: rgba(250, 246, 240, 0.98) !important;
    letter-spacing: -0.05em !important;
}

body .logo_monolith--mascot-png .logo_monolith_tag {
    color: rgba(255, 255, 255, 0.54);
    letter-spacing: 0.17em;
}

body .logo_monolith--mascot .logo_monolith_text {
    margin: 0 !important;
    align-items: flex-start !important;
    gap: 1px;
}

body .logo_monolith--mascot .logo_monolith_wordmark {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

body .logo_monolith--mascot .logo_monolith_mega,
body .logo_monolith--mascot .logo_monolith_spoiler {
    font-family: 'Sora', 'Jost', sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.06em !important;
    text-transform: none !important;
    transform: none !important;
}

body .logo_monolith--mascot .logo_monolith_mega {
    color: transparent !important;
    background: linear-gradient(135deg, #fff0bc 0%, #ffc25e 20%, #ff875f 55%, #ff5a64 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 18px rgba(255, 154, 94, 0.28);
}

body .logo_monolith--mascot .logo_monolith_spoiler {
    color: rgba(247, 244, 237, 0.96) !important;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.08);
}

body .logo_monolith--mascot .logo_monolith_tag {
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.48);
    white-space: nowrap;
    padding-left: 2px;
}

body .logo_monolith--mascot:hover .logo_monolith_badge {
    filter: drop-shadow(0 12px 28px rgba(255, 107, 102, 0.28));
}

body .logo_monolith--mascot:hover .logo_monolith_mega {
    text-shadow: 0 0 24px rgba(255, 167, 91, 0.38);
}

body .logo_monolith--mascot:hover .logo_monolith_spoiler {
    color: #ffffff !important;
}

body .logo_monolith--mascot:hover .logo_monolith_tag {
    color: rgba(255, 255, 255, 0.68);
}

body .mobile-header-spacer {
    display: none;
}

@media screen and (max-width: 600px) {

    body #panel {
        display: none !important;
    }

    :root {
        --mobile-search-top: 8px;
    }

    body {
        padding-top: 0 !important;
    }

    body .mobile-header-spacer {
        display: block !important;
        height: 52px !important;
    }

    /* ==========================================
       ХЕДЕР - КОНТЕЙНЕР
       ========================================== */
    body header {
        position: fixed !important;
        top: var(--bitrix-panel-height, 0px) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 210 !important;
        width: 100% !important;
        height: 52px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        
        background: var(--header-bg-mobile) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 0 !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
    }

    /* Внутренний flex-контейнер */
    body .content_header,
    body .header-inner {
        width: 100% !important;
        height: 52px !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    /* Скрываем маску */
    body .header-mask,
    body .user_dropdown_mask {
        display: none !important;
        pointer-events: none !important;
    }

    /* Маска поиска не должна перекрывать инпут */
    body .search_dropdown_mask {
        display: none !important;
        pointer-events: none !important;
    }

    /* ==========================================
       ЛЕВАЯ ЧАСТЬ - ЛОГОТИП
       ========================================== */

    /* Логотип на мобиле */
    body .logo_monolith {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: auto !important;
        height: 28px !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        gap: 8px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

    body .logo_monolith.logo_monolith--mascot {
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        transform: none !important;
        gap: 8px !important;
        max-width: 156px !important;
    }

    body .logo_monolith_icon {
        width: 28px !important;
        height: 28px !important;
    }

    body .logo_monolith_text {
        font-size: 14px !important;
    }

    body .logo_monolith--mascot .logo_monolith_badge {
        width: 32px !important;
        height: 32px !important;
    }

    body .logo_monolith--mascot .logo_monolith_wordmark {
        gap: 4px !important;
    }

    body .logo_monolith--mascot .logo_monolith_mega,
    body .logo_monolith--mascot .logo_monolith_spoiler {
        font-size: 16px !important;
        letter-spacing: -0.07em !important;
    }

    body .logo_monolith--mascot .logo_monolith_tag {
        font-size: 6px !important;
        letter-spacing: 0.18em !important;
        opacity: 0.78;
    }

    /* Центральная колонка на мобиле занимает всё оставшееся место */
    body .header-content {
        width: auto !important;
        flex: 1 1 auto !important;
        margin-left: 10px !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 16px !important;
    }

    /* ==========================================
       ПОИСК
       ========================================== */
    body .header-search {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        position: relative !important;
        z-index: 4 !important;
    }

    body .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        position: relative !important;
        z-index: 3 !important;
    }

    body .header-avatar {
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        order: 2 !important;
        margin-left: 8px !important;
    }

    body .header-menu-wrap {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        order: 3 !important;
    }

    body .header-menu-btn {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body .header-menu-icon {
        width: 36px !important;
        height: 36px !important;
        background-size: 51px !important;
        opacity: 0.88 !important;
    }

    body.nologin .header-right .header-login-btn {
        display: none !important;
    }

    body.nologin .header-right .header-menu-wrap--guest {
        display: flex !important;
    }

    body .user_dropdown_pack {
        position: fixed !important;
        top: calc(var(--bitrix-panel-height, 0px) + 62px) !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-height: calc(100vh - var(--bitrix-panel-height, 0px) - 74px) !important;
        z-index: 330 !important;
    }

    body .user_dropdown_menu {
        border-radius: 16px !important;
        max-height: calc(100vh - var(--bitrix-panel-height, 0px) - 74px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 331 !important;
    }

    body .user_dropdown_group {
        padding: 12px 14px 10px !important;
    }

    body .user_dropdown_grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 4px !important;
    }

    body .user_dropdown_link,
    body .user_dropdown_exit {
        font-size: 12px !important;
    }

    body .user_dropdown_link {
        min-height: 0 !important;
        padding: 5px 0 !important;
    }

    body .user_dropdown_exit {
        min-height: 40px !important;
        margin: 6px 14px 14px !important;
        padding: 0 12px !important;
    }

    body .user_dropdown_icon {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }

    body .user_dropdown_title {
        margin-bottom: 8px !important;
        font-size: 9px !important;
    }

    body .bx-notifier-panel {
        order: 1 !important;
        margin-right: 16px !important;
    }
    body .search {
			grid-column: 1 !important;
			flex: 0 0 auto !important;
			width: 36px !important;
			min-width: 36px !important;
			max-width: 36px !important;
			height: 36px !important;
			float: none !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			background: transparent no-repeat center / 20px url(/local/templates/personcat/styles/../images/Search_lens.svg) !important;
			border: none !important;
			border-radius: 0 !important;
			box-shadow: none !important;
			transition: all 0.3s ease !important;
			z-index: 1 !important;
		}

		/* При фокусе раздвигаем поиск */
		body .search:focus-within {
			position: fixed !important;
			top: var(--mobile-search-top) !important;
			left: 10px !important;
			right: auto !important;
			transform: none !important;
			width: calc(100vw - 20px) !important;
			max-width: calc(100vw - 20px) !important;
			min-width: calc(100vw - 20px) !important;
			height: 36px !important;
			display: block !important;
			margin-right: 0 !important;
			background: rgb(26, 28, 39) no-repeat 12px center / 18px url(/local/templates/personcat/styles/../images/Search_lens.svg) !important;
			border-radius: 8px !important;
			z-index: 220 !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
		}

		body .bx-notifier-indicators {
			height: 100%;
			display: flex;
			align-items: center;
		}

    body .search_input {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 12px 0 38px !important;
        font-size: 13px !important;
        color: transparent !important;
        background: transparent !important;
        border: none !important;
		opacity: 1 !important;
		cursor: pointer !important;
        pointer-events: auto !important;
        z-index: 10 !important;
    }

	body .search:focus-within .search_input,
    body .search_input:focus {
		color: rgba(255, 255, 255, 0.9) !important;
		cursor: text !important;
        pointer-events: auto !important;
	}

    body .search_input::placeholder,
    body .title-search-input::placeholder {
        color: transparent !important;
    }

	body .search:focus-within .title-search-input::placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
	}

    body .search_results_pack {
        top: 40px !important;
        border-radius: 8px !important;
        display: none !important;
        pointer-events: auto !important;
        background-color: rgb(26, 28, 39) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
        overflow: hidden !important;
    }

    body .search_results_pack,
    body .search_results_pack .search_results,
    body .search_results_pack .search_after_progress,
    body .search_results_pack .search_on_progress {
        background: rgb(26, 28, 39) !important;
        background-color: rgb(26, 28, 39) !important;
        background-image: none !important;
    }

    body .search_results_pack .search_after_progress,
    body .search_results_pack .search_on_progress,
    body .search_results_pack .search_after_progress *,
    body .search_results_pack .search_on_progress * {
        color: rgba(255, 255, 255, 0.72) !important;
    }
    
    /* Показываем при фокусе на поиске или при наведении на результаты */
    body .search:focus-within .search_results_pack,
    body .search_results_pack:hover {
        display: block !important;
    }
    
    /* Также показываем если внутри есть результаты и инпут активен */
    body .search_input:focus ~ .search_results_pack {
        display: block !important;
    }

    body:has(.title-search-result[style*="display: block"]) .search_results_pack,
    body:has(.title-search-result[style*="display:block"]) .search_results_pack {
        display: none !important;
    }
    
    body .title-search-result {
        position: fixed !important;
        top: calc(var(--mobile-search-top) + 40px) !important;
        left: 10px !important;
        right: 10px !important;
        width: calc(100vw - 20px) !important;
        min-width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        border-radius: 8px !important;
        z-index: 200 !important;
        background-color: rgb(26, 28, 39) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
        margin-top: 0 !important;
        border: none !important;
        padding: 8px 0 !important;
        overflow: hidden !important;
    }

    body .title-search-result .bx_searche,
    body .title-search-result .bx_item_block,
    body .title-search-result .bx_item_element,
    body .title-search-result .bx_img_element,
    body .title-search-result .bx_image,
    body .title-search-result .search_results,
    body .title-search-result .search_results_pack,
    body .title-search-result .search_after_progress {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    body .title-search-result .bx_item_block:first-child,
    body .title-search-result .search_results_item:first-child {
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        overflow: hidden !important;
    }

    /* Текст в результатах поиска */
    body .title-search-result * {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    body .title-search-result a {
        color: rgba(255, 255, 255, 0.85) !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    body .title-search-result a:hover {
        color: rgba(255, 255, 255, 1) !important;
        background-color: rgba(255, 255, 255, 0.08) !important;
    }

    /* Элементы списка результатов */
    body .title-search-result .bx_item_block {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        padding: 8px 12px !important;
    }

    body .title-search-result .bx_item_block:last-child {
        border-bottom: none !important;
    }
    
    /* Скрываем блок "Ничего не найдено" по умолчанию */
    body .search_on_progress,
    body .search_after_progress {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        background: transparent !important;
        color: rgba(255, 255, 255, 0.68) !important;
    }
    
    /* Показываем только когда поле в фокусе и нет результатов */
    body .search:focus-within .search_results:not(:has(.search_results_item)):not(:has(.bx_item_block)) .search_on_progress,
    body .search:focus-within .search_results:not(:has(.search_results_item)):not(:has(.bx_item_block)) .search_after_progress {
        display: block !important;
        height: auto !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Компактный блок "Ничего не найдено" */
    body .search_on_progress {
        padding: 6px 10px !important;
        line-height: 1.1 !important;
        font-size: 12px !important;
        background: transparent !important;
        color: rgba(255, 255, 255, 0.68) !important;
    }
	
    /* ==========================================
       ИКОНКИ УВЕДОМЛЕНИЙ (bx-notifier)
       ========================================== */
    body .header_right_pack:has(.search:focus-within) .bx-notifier-panel {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body .bx-notifier-panel {
        grid-column: 2 !important;
        flex: 0 0 auto !important;
        margin: 0 16px 0 0 !important;
        z-index: -10;
    }

    body .bx-notifier-panel .bx-notifier-panel-center {
        padding: 0 !important;
        width: auto !important;
    }

    body .bx-notifier-indicator {
        margin: 0 5px !important;
    }

    body .bx-notifier-indicator-icon {
        width: 22px !important;
        height: 22px !important;
        opacity: 0.65 !important;
    }
    
    body .bx-notifier-message .bx-notifier-indicator-icon {
        width: 17px !important;
        height: 22px !important;
    }
    
    body .bx-notifier-notify .bx-notifier-indicator-icon {
        width: 16px !important;
        height: 100% !important;
		  background-position-y: 4px;
    }
	 body .bx-notifier-message-new::after {
			width: 8px;
			height: 17px;
			top: -4px !important;
			left: 9px !important;
		}

    /* Счетчик уведомлений */
    body .bx-notifier-indicator-count {
        font-size: 9px !important;
    }

    /* ==========================================
       АВАТАР ПОЛЬЗОВАТЕЛЯ
       ========================================== */
    body .header_user_pack {
        grid-column: 3 !important;
        flex: 0 0 auto !important;
        float: none !important;
        margin: 0 0px 1px auto !important;
        padding: 0 !important;
    }

    body .user_photo {
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
        border-radius: 50% !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body .user_photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        position: static !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
    }

    body .user_photo .no_photo {
        width: 60% !important;
        height: 60% !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* ==========================================
       МЕНЮ (БУРГЕР)
       ========================================== */
    body .header_menu {
        grid-column: 4 !important;
        flex: 0 0 auto !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 -9px 0 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
    }

    body .header_menu .iconmenu {
			width: 36px !important;
			height: 36px !important;
			margin: 0 !important;
			opacity: 0.75 !important;
			background: no-repeat center / 51px url(/local/templates/personcat/styles/../images/menu_burger2.svg) !important;
    }



    /* ==========================================
       КНОПКА ВХОДА (незалогиненные)
       ========================================== */
    body .header-login-btn {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 8px 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

/* End */


/* Start:/local/components/s1/search.title/templates/header/style.css?17732112714041*/
.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/components/s1/search.title/templates/header/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/local/templates/personcat/template_styles.css?1776251777206695*/
@charset "utf-8";
@font-face {
    font-family: 'MyCustomFont'; /* Название шрифта, которое вы будете использовать */
    src: url('/local/templates/personcat/../../assets/fonts/ofont.ru_Rounds.ttf') format('truetype'); /* Путь к файлу шрифта */
    font-weight: normal; /* Насыщенность шрифта */
    font-style: normal; /* Стиль шрифта */
}

*,
*:before,
*:after {
	box-sizing: inherit;
}
/* CSS Variables moved to /local/assets/ui-kit/tokens.css */
:root {}
*,
html * /* override x.xhtml.ru style */ 
{
  scrollbar-width: thin;
  /* scrollbar-color: rgb(228, 134, 46) orange; */
}

*::-webkit-scrollbar,
html *::-webkit-scrollbar {
  height: 12px;
  width: 5px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
  background: #3f3f49;;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
  /* background-color: #fe7b59; */
  border-radius: 5px;
  /* border: 3px solid orange; */
  /* background-image: linear-gradient( 180deg, rgb(255 165 0 / 63%), rgb(253 93 0 / 65%) 90% ); */
  background-image: linear-gradient( 180deg, rgb(165 165 165 / 60%), rgb(177 177 177 / 80%) 90% );
}

html {
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
	/* overflow: hidden; */
}
body {
	margin: 0; 
	background-color: var(--body-bg);
	
	/* background: #211927;  */ /* fallback for old browsers */
	/* background: -webkit-linear-gradient(to bottom, #211927, #2c262f);  
	background: linear-gradient(to bottom, #211927, #2c262f);  */



	line-height: 1; 
	text-rendering: optimizeLegibility;
	text-decoration-skip: objects;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: tap;
	/* font-family: 'JetBrains Mono', monospace;
	font-family: 'Jost', sans-serif; */
/* font-family: 'Noto Sans', sans-serif; */
font-family: 'Ubuntu Mono', monospace;
font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: #F2F6F7;
	cursor: default;
	line-height: 1.2;
	position: relative;
	/* height: 100%; */
	font-size: 12px;
	min-height: 100%;
	line-height: 17px;
	padding: 0 0px 50px;
	min-height: 100vh;
	/* display: flex; */
	flex-direction: column;
	background-image: linear-gradient(3deg, rgb(5 10 14) 3.5%, rgb(20 22 37) 88.7%) ;
	background-attachment: fixed;
}
footer
{
	width: 100%;
	max-width: 550px;
	margin: auto auto 0;
	padding: 40px 0 36px;
	text-align: center;
	display: block;
	color: rgba(255,255,255,.70);
}
footer::before{
	content: "";
	display: block;
	height: 1px;
	background: rgba(255,255,255,.08);
	margin: 0 auto 22px;
}
.footer_info{
	color: rgba(255,255,255,.70);
}
.footer_info a{
	color: rgba(255,255,255,.72);
	text-decoration: none;
}
.footer_info a:hover{
	color: rgba(255,255,255,.90);
}
.pay-lead-contacts{
	margin: 16px 0 0;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255,255,255,.62);
}
.pay-lead-contacts a{
	color: rgba(255,255,255,.70);
	text-decoration: none;
}
.pay-lead-contacts a:hover{
	color: rgba(255,255,255,.90);
}
/* body::after
{
background-image: url(/local/templates/personcat/images/city.png);
    background-size: cover;
    position: fixed;
    content: ' ';
    width: 100%;
    height: 100%;
    top: 0;
} */
.body_before {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background-position: top left;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	left: 0;
	opacity: 1;
	z-index: 1;
	/****************************************/
	/****************************************/
	/***                                  ***/
	/***  Прочесть комментарий в main.js  ***/
	/***                                  ***/
	/****************************************/
	/****************************************/
	opacity: .3;
	/* background-image: url('/assets/img/chars/1/123.jpg'); */	
	background-image: url('/images/123.jpg');	
	
}

:focus {
	outline: none;
}
p,
dd,
dl,
figure,
blockquote {
	margin: 0;
}
blockquote, 
q {
	quotes: none;
}
ul,
ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}
audio,
video {
	display: block;
}
img {
	display: block;
	border: none;
	/*max-width: 100%;*/
}
iframe {
	border: none;
}
pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: inherit;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
abbr {
	border: none;
	text-decoration: none;
}
b,
strong {
	font-weight: inherit;
}
i,
em {
	font-style: inherit;
}
dfn {
	font-style: inherit;
}
mark {
	background-color: transparent;
	color: inherit;
}
small {
	font-size: inherit;
}
sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: inherit;
	line-height: 0;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
button,
input,
optgroup,
select,
textarea {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	font: inherit; /* По дефолту, шрифтовые свойства, для этих элементов не наследуются */
	color: inherit;
	letter-spacing: inherit;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-align: left;
	text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
	cursor: pointer;
	-webkit-appearance: none;
}
textarea {
	resize: none;
	overflow-y: auto;
	overflow-x: hidden;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border: none;
	padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: none;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}
[type='search']::-webkit-search-decoration {
  	-webkit-appearance: none;
}
[type='search'] {
	outline: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit; 
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
::-moz-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
:-moz-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
:focus::-webkit-input-placeholder {
	opacity: 0;
}
:focus::-moz-placeholder {
	opacity: 0;
}
:focus:-moz-placeholder {
	opacity: 0;
}
:focus:-ms-input-placeholder {
	opacity: 0;
}
[hidden] {
	display: none;
}
:disabled,
.disabled {
	cursor: not-allowed;
}
::-ms-clear {
	display: none;
}
:-webkit-autofill {
	box-shadow: 0 0 100px #fff inset;
	-webkit-text-fill-color: currentColor;
}
/* .clear:after {
	content: '';
	display: block;
	clear: both;
} */
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}
.sprite {
	background-image: url('/local/assets/images/sprite2.png'); 
	-webkit-background-size: 400px;
	     -o-background-size: 400px;
	        background-size: 400px;
	    background-repeat: no-repeat;
}
.hover {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.hover:hover {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.content {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 0;
	position: relative;
	z-index: 4;
	display: flex;
	/* overflow-y:scroll; */
}

/* ==========================================
   HEADER — основной контейнер
========================================== */
.content_header,
.header-inner {
	width: 100%;
	position: relative;       /* нужно для absolute логотипа */
	z-index: 4;
	display: flex;
	align-items: center;
}

/* ====== ЛОГОТИП (MASSIVE DESIGN) ====== */
.logo_monolith {
	position: absolute;
	left: calc(50% - 496px);
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	display: flex;
	align-items: center;
	text-decoration: none;
	gap: 6px; /* Увеличили зазор между иконкой и текстом */
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.logo_monolith:hover {
	transform: translateY(-50%) scale(1.05); /* Центрирование сохраняем */
}

.logo_monolith_icon {
	width: 32px;
	height: auto;
	flex-shrink: 0;
	transition: all 0.5s ease;
	color: var(--logo-color, #fbb03b);
}

.logo_monolith_icon svg {
	width: 100%;
	height: 100%;
}

.logo_monolith:hover .logo_monolith_icon {
	color: #ffffff;
	
}

.logo_monolith_text {
	display: flex;
	flex-direction: column;
	align-items: center; /* Центрируем -spoiler- под MEGA */
	line-height: 1;
	margin: 6px 0 0;
}

.logo_monolith_mega {
	font-family: 'Jost', sans-serif;
	font-weight: 950; /* Максимальный вес */
	font-size: 26px;
	color: #FFFFFF;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	line-height: 0.75;
	/* Имитируем квадратность и массивность */
	transform: scaleX(1.05); 
	/* Легкое скругление углов за счет мягкой тени */
	text-shadow: 0 0 1px rgba(255,255,255,0.4);
}

.logo_monolith_spoiler {
	font-family: 'Ubuntu Mono', monospace;
	font-weight: 400;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 0.4em;
	text-transform: uppercase;
	margin-top: 4px;
	margin-right: -0.4em; /* Центровка */
	opacity: 0.9;
}

/* Hover effects */
.logo_monolith:hover .logo_monolith_mega {
	color: #fbb03b;
	text-shadow: 0 0 15px rgba(251, 176, 59, 0.4);
}

.logo_monolith:hover .logo_monolith_spoiler {
	color: #FFFFFF;
	opacity: 1;
}


/* Центральная колонка 550px: центрируется как основной контент страницы */
.header-content {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

/* Поиск растягивается, выдавливает контролы вправо */
.header-search {
	flex: 1 1 auto;
	min-width: 0;
}

/* Правая зона: мессенджер, аватар, меню */
.header-right {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

/* Аватар пользователя */
.header-avatar {
	width: 36px;
	height: 36px;
	border-radius: 36px;
	background-color: rgba(242,246,247, .05);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid var(--border-user-avatar);
}
.header-avatar img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 26px;
}

/* Маска для закрытия дропдаунов */
.header-mask {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 111;
	width: 100%;
	height: 100%;
}
.dropdown_mask .header-mask {
	display: block;
}

/* Обёртка кнопки + дропдауна */
.header-menu-wrap {
	position: relative;
	display: flex;
	align-items: center;
}
.user_dropdown .header-menu-wrap {
	z-index: 112; 
}

/* Кнопка-гамбургер (меню пользователя) */
.header-menu-btn {
	position: relative;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 63px;
	height: 38px;
}
.header-menu-icon {
	background: no-repeat center center url(/local/templates/personcat/images/menu_burger2.svg);
	width: 63px;
	height: 38px;
	opacity: 0.6;
	transition: opacity 0.2s;
}
.header-menu-icon:hover {
	opacity: 1;
}


.header-dropdown-link {
	color: #ffffffc0;
	font-size: 14px;
	padding: 8px 16px;
	white-space: nowrap;
}
.header-dropdown-link:hover {
	color: #fff;
}
.header-dropdown-exit {
	margin: 8px 16px 4px;
}

/* Кнопка входа */
body .user_dropdown_pack {
	right: 0;
	top: 56px;
	width: min(550px, calc(100vw - 32px));
	pointer-events: auto;
	z-index: 320;
}

body .user_dropdown_menu {
	width: 100%;
	padding: 0;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
		rgba(17, 21, 31, 0.98);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
	pointer-events: auto;
	position: relative;
	z-index: 321;
}

body .user_dropdown_group + .user_dropdown_group {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

body .user_dropdown_group {
	padding: 18px 18px 16px;
}

body .user_dropdown_title {
	margin-bottom: 12px;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
}

body .user_dropdown_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 18px;
}

body .user_dropdown_link {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 0;
	padding: 7px 0;
	border-radius: 0;
	border: none;
	background: transparent;
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	line-height: 1.3;
	font-weight: 500;
	text-decoration: none;
	box-sizing: border-box;
	pointer-events: auto;
	touch-action: manipulation;
	position: relative;
	z-index: 1;
}

body .user_dropdown_link:hover {
	background: transparent;
	color: #fff;
}

body .user_dropdown_icon {
	width: 16px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 16px;
	color: rgba(255, 255, 255, 0.58);
}

body .user_dropdown_icon svg {
	width: 100%;
	height: 100%;
}

body .user_dropdown_label {
	display: block;
	min-width: 0;
}

body .user_dropdown_exit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	margin: 8px 18px 18px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	color: rgba(255, 255, 255, 0.88);
	font-size: 13px;
	line-height: 1.2;
	font-weight: 600;
	text-decoration: none;
	box-shadow: none;
	pointer-events: auto;
	touch-action: manipulation;
	position: relative;
	z-index: 1;
}

body .user_dropdown_exit:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
	filter: none;
}

.header-login-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	text-decoration: none;
}

.feed-new-message-informer-place .feed-new-message-informer-fixed.new-message-balloon-wrap {
    z-index: 1100;
    background: aliceblue;
	width:550px;
}

.mainpage
{
	/* overflow: auto; */
	justify-content: left;
	flex-direction:row;
	flex-wrap:wrap;
}
.full_content {
	height: calc(100% - 107px);
	box-sizing: border-box;
	z-index: 4;
	/* overflow-x: hidden; */
	margin: 20px auto 0;
	
	font-family: 'Jost', sans-serif;
    font-weight: 200;
    font-size: 20px;
    transition: opacity .5s, transform .5s, height .5s;
    will-change: opacity, transform, height;
    -webkit-backface-visibility: hidden;
    
    width: 100%;
    /* */
    letter-spacing: 0.01em;
    /* */
	/* border-radius:16px; */
}
.person_page__wr{
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%); 
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%); 
}
.content font.errortext {
    color: #eb9a9a !important;
    font-size: 14px;
}
/*************************************************/
/*************************************************/
/***************                    **************/
/***************       HEADER       **************/
/***************                    **************/
/*************************************************/
/*************************************************/
/* (старые стили логотипа удалены — актуальные выше) */

header {
	box-sizing: border-box;
    z-index: 5;
    position: relative;
    width: 100%;
    margin: 0px auto 10px;
    padding: 17px 0;   /* нет горизонтального padding — он мешает margin:auto */
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	background: linear-gradient(180deg, var(--glass1), var(--glass2));
    border-radius: 0px;
    border: 0;
}
.nologin header {
    padding: 18px 28px 20px 23.7px;
}
.user_dropdown header {
    z-index: 5;
}
.logo_img {
	width: 52px;
	height: 41px;
	/* background-position: -14px -3px;
	background-image: url(/local/assets/images/logo_pc.jpg); */
}
.logo_sun
{
		
	width: 12px;
    height: 12px;
    /* background-color: rgb(203 39 39 / 99%); */
   
    /* background: -webkit-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(217,64,103,1) 100%);
    background: -o-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(217,64,103,1) 100%);
    background: linear-gradient(105deg, rgb(42 64 201 / 53%) 0%, rgb(217 64 103, 1) 100%);  */
	
	background: -webkit-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(255,111,96,1) 100%);
    background: -o-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(255,111,96,1) 100%);
    background: linear-gradient(105deg, rgb(42 64 201 / 53%) 0%, rgb(255 111 96, 1) 100%); 
	
    display: inline-block;
    float: left;
    margin: 9px 1px 0 0;
    border-radius: 23px;
    /* opacity: 0.5;*/
}
.logo img:hover{
	/* filter: hue-rotate(0deg) grayscale(0%) drop-shadow(2px 3px 36px black); */
	
}
.div_logo_header{
	width: 78px;
    height: 40px;
    position: relative;
    left: -5px;
    top: 0px;
    background: no-repeat center/100% url(/local/templates/personcat/images/my_logo_color.svg);
}

.logo_header_badge{
	font-family: 'Jost', sans-serif;
	border: 1px solid #d5763408;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	padding: 0;
	background: linear-gradient(180deg, var(--glass1), var(--glass2));
	color: #e9deccc2;
	margin: -2px 0 0px;
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	line-height: 1;
}

.logo_header_badge .logo_line1 {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0px;
	margin-bottom: 0px;
	color: #e9deccc2;
}

.logo_header_badge .logo_line2 {
	font-size: 7px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #e9decc90;
	margin-top: 1px;
}

.logo img{
	width: 78px;
    border-radius: 8px;
    /* height: 45px; */
    filter: grayscale(25%);
    position: relative;
    left: -5px;
    top: 0px;
    transform: rotate(0deg);
    margin: 0;
	/* filter: hue-rotate(-166deg) grayscale(53%) drop-shadow(2px 3px 6px black); */
}
.logo_text {
	padding: 1px 4px 7px 10px;
}
/* .logo_text .new_logo_line1{
	
	font-size: 14px;
    color: #ffffff;
    opacity: .9;
    font-weight: 900;
    line-height: 8px;
    position: relative;
    top: 5px;
    left: 9px;
    text-shadow: 2px 0 2px #000;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    z-index: 2;
    letter-spacing: -0.2px;
    height: auto;
    width: auto;
} */
.logo_text .logo_line2{
	
	font-weight: 700;
    line-height: 12px;
    position: relative;
    top: 0px;
    left: -9px;
				
}
.logo_text .logo_line2 span{
	
	font-size: 12px;
    
    color: #4b7899;
	color: #894e40;
	color: #fff;
    font-weight: 500;
    line-height: 12px;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    text-shadow: none;
    font-style: italic;
    /* text-transform: lowercase; */
    z-index: 1;
    display: inline-block;
	
	font-optical-sizing: auto;
	
    text-shadow: none;
    font-family: "Exo 2", sans-serif;
}
.logo_text .logo_line2 span.ru{
	
	color: #ffffff;
    position: relative;
    top: 0px;
    left: -8px;
    font-size: 14px;
    display: inline-block;
}

.logo_text .new_logo_line1{
	
	font-weight: 800;
    font-size: 17px;
    line-height: 17px;
    position: relative;
    top: 2px;
    left: -9px;
    z-index: 2;
    height: auto;
    width: auto;
    color: #fff;
    font-style: italic;
    border-bottom: 0px solid #976316;
	font-family: "Exo 2", sans-serif;
}
.logo_text .new_logo_line2{
	
	font-size: 27px;
    color: #d98921;
    opacity: .8;
    font-weight: 900;
    line-height: 12px;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    position: relative;
    top: 1px;
    left: -10px;
    letter-spacing: -0.2px;
    /* font-style: italic; */
    /* text-transform: lowercase; */
    z-index: 1;
    height: auto;
    width: 63px;
}

.logo:hover .logo_text {
	opacity: 1;
	/*
	background: linear-gradient(45deg, #faad48 33%, #fd805c 66%, #fd6f63);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border: 1px solid #fb9353; */
}
.header_auth_icon {
	margin: -10px 0px 0 0;
	width: 50px;
	cursor: pointer;
	position: relative;
    height: 50px;
    background-position: -50px -50px;
	/*box-shadow: 0px 10px 39px 17px rgba(229,120,66, .35),
				0px 0px 30px 30px rgba(229,120,66, .25) inset;
    border-radius: 50%;*/
}
.header_auth_icon:hover .header_auth_icon_text {
	text-shadow: 0px -2px 33px rgba(229,120,66, 1);
    /*box-shadow: 0px 10px 69px 16px rgba(229,120,66, .5),
    			0px -20px 30px 10px rgba(229,120,66, .25) inset;*/
}
.header_auth_icon_text {
	position: absolute;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	width: 100%;
	bottom: -10px;
	text-shadow: 0px -22px 23px rgba(229,120,66, .95);
}
.header_left_pack {
	/* max-width: 40%;
	max-width: 960px; */
	flex:1;
	/* margin: -2px 0 0; */
}
.header_right_pack {
    width: 100%;
    display: flex;
}
.nologin .header_right_pack
{
	justify-content: flex-end;
	margin-left: auto;
}
.user_photo {
	width: 36px;
	height: 36px;
	-webkit-background-size: 57px;
	background-size: 57px;
	border-radius: 36px;
	background-position: center;
	background-color: rgba(242,246,247, .05);
	/* box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4); */
	cursor: pointer;
	position: relative;
	top: 0;
	transform-style: preserve-3d;
	overflow: hidden;
	padding: 3px;
	object-fit: contain;
	border: solid 1px var(--border-user-avatar);
}
.nologin .user_photo
{
	float:left;
}
.header_right_pack .header_menu
{
	/*  background: no-repeat right 17px center url(/local/templates/personcat/images/Menu.svg); */
	
}

.header_right_pack .header_menu .iconmenu
{
	/*  background: no-repeat right 17px center url(/local/templates/personcat/images/Menu.svg); */
	background: no-repeat right 17px center url(/local/templates/personcat/images/menu_burger2.svg);
	width: 63px;
    height: 38px;
    margin: 0 0 0 21px;
    opacity: 0.5;
}
.header_right_pack .header_menu .iconmenu:hover
{
	opacity: 0.8;
}
.user_photo img {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -42%);
	width: 50%;
	opacity: 0.9; */
	
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
	
}
.header_user_pack .user_photo .no_photo
{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42%);
    width: 65%;
    height: 69%;
    object-fit: cover;
}
.top_menu_link {
	font-size: 12px;
	color: #98989e;
    height: 40px;
    line-height: 42px;
    margin-left: 34px;
	display: inline-block;
	position: relative;
}
.top_menu_link.current{
	
	color: #F2F6F7;
	background: #1e1f2426;
    padding: 0 21px;
    border-radius: 13px;
}

.top_menu_link:hover{
	
	color: #F2F6F7;
}
.top_menu_link_second {
	opacity: .5;
}
.top_menu_link:hover .top_menu_link_second {
	opacity: 1;
}
.top_menu_link_icon {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-position: -20px -69px;
}
.current_link_line {
	display: none;
    background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
    position: absolute;
    width: 100%;
    top: 19px;
    height: 0px;
}
.current .current_link_line {
	display: none;
	/* box-shadow: -2px 4px 34px 7px rgb(229 120 66); */
	
	/* box-shadow: -2px 4px 34px 7px rgb(200 211 235 / 40%); */
}

.current_link_line_shadows {
	margin-top: -65px;
}
.current_link_line_shadow {
    width: 10px;
    height: 30px;
    border-radius: 5px;
    background-color: transparent;
    margin: 0 2px 0 2px;
    display: inline-block;
    opacity: .3;
    box-shadow: 0px 40px 27px 4px rgba(229,120,66, 1);
}
.current_link_line_shadow_two,
.current_link_line_shadow_eight {
	margin-bottom: -10px;
}
.current_link_line_shadow_four {
	margin-bottom: -15px;
}
.current_link_line_shadow_five {
	margin-bottom: -20px;
}
.current_link_line_shadow_six {
	margin-bottom: -15px;
}
.content_left_wide {
	width: 60%;
	max-width: 770px;
	height: 100%;
	box-sizing: border-box;
	overflow-y: scroll;
    padding-right: 72px;
}
.main_log_buttons
{
	display: flex;
    width: 525px;
    justify-content: flex-start;
    margin: 0px auto;
    height: 56px;
    border-bottom: 1px solid #c1c1c10f;
    padding: 16px 0px;
    gap: 10px;
}
.main_log_buttons a
{
	width: auto;
    height: 40px;
    /* background: #ccc; */
    font-size: 14px;
    font-weight: 600;
    color: #ffffffbd;
    /* background-color: var(--post-bg); */
    text-align: center;
    line-height: 36px;
    padding: 0 14px;
    text-transform: uppercase;
}

.main_log_buttons .button_all
{
	border-bottom: 2px solid #65819d;
	color:#76a1cd;
	/* background-color: var(--post-bg);
    border: 1px solid #313131; */
}
.main_log_buttons .button_subs,.main_log_buttons.subs .button_all
{
	/* background-color: rgb(24 25 35 / 0%); */
    color: #ffffff6b;
    border: 0px solid #31313191;
}
/* .main_log_buttons.subs .button_all
{
	background-color: rgb(46 47 52 / 66%);
    color: #ffffff6b;
	border: 0;
} */
.main_log_buttons.subs .button_subs
{
	/* background-color: var(--post-bg); */
   /*  border: 1px solid #494949; */
	border-bottom: 2px solid #65819d;
	color:#76a1cd;
}
.cat_elem.content_left_wide
{
	padding-right: 32px;
}
.content_right_tiny {
	/* width: 40%; */
	/* max-width: 480px; */
	/* margin-left: 30px;
	height: 100%; */
	box-sizing: border-box;
	overflow: hidden;
	
    position: relative;
}

.cat_elem
{
	width: 100%;
}

.cat_elem_work .content_right_tiny {
	margin: 20px 0 20px;
	background-color: rgb(38 40 49 / 39%);
	border: 1px solid #dddddd10;
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	border-radius: 15px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, .09);
	background: linear-gradient(180deg, var(--glass1), var(--glass2));
}
.cat_elem_work .content_right_tiny_island
{
	padding: 17px 0px;
}
.cat_elem_personage .content_right_tiny_island 
{
	padding: 17px 0;
	border: 1px solid #dddddd10;
    /* background-color: rgb(38 40 49 / 39%); */
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	
	background: linear-gradient(1deg, var(--glass1), var(--glass2));
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .09);
}
.content_right_tiny_island {
	padding: 26px;
	width: 100%;
	/* background-color: rgba(242,246,247, .05); */
	border-radius: 15px;
	max-height: calc(100% - 20px);
	height:100%;
   /*  box-shadow: 0px 10px 10px 0px rgba(0,0,0, .1); */
}
.orange_button_12 {
	color: #f2f6f7;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	position: relative;
	top: 0;
	font-weight: 700;
	display: inline-block;
	padding: 14px 25px;
	box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4);
	text-shadow: 0px 4px 10px rgba(0,0,0, .35);
	background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
}
.orange_button_12:hover {
	background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	top: -2px;
	box-shadow: 0px 18px 15px 0px rgba(15,23,40, .24);
}
.orange_button_12:active {
	top: 0px;
	box-shadow: none;
}
.signed_user_actions {
	display: none;
	margin: 0 0 0 16px;
}
.signed .signed_user_actions {
	display: block;
}
.signed_user_action_button {
	width: 32px;
	height: 40px;
	opacity: .5;
	cursor: pointer;
}
.signed_user_action_button:hover {
	opacity: 1;
}
.user_act_button_news {
	background-position: -254px -50px;
}
.user_act_button_messages {
	background-position: -306px -50px;
}
.catalog_breadcrumbs {
	font-size: 12px;
    color: #fff;
    opacity: .5;
    padding-left: 3px;
    max-width: 130px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 4px;
    text-overflow: ellipsis;
}
.add_char_header_ghost_button {
	font-size: 12px;
	padding: 0 16px;
	height: 40px;
	line-height: 38px;
	position: relative;
	top: 1px;
	border: 1px solid rgba(251,176,59, .2);
	border-radius: 13px;
	display: inline-block;
	margin: 0 10px 0 0;
    box-shadow: 
    	0px 1px 0px 0px rgba(251,176,59, .5) inset,
	    1px -1px 0px 0px rgba(255,111,96, .5) inset,
	    -1px 1px 0px 0px rgba(251,176,59, .5) inset,
	    -1px -1px 0px 0px rgba(251,176,59, .2) inset,
	    1px -1px 0px 0px rgba(255,111,96, .23) inset,
	    -1px -1px 0px 0px rgba(255,111,96, .23) inset,
	    0px 1px 0px 0px rgba(251,176,59, .5) inset;
}
.add_char_header_ghost_button:hover .top_menu_link_second {
	opacity: 1;
}
.add_char_header_ghost_button:hover {
	border: 1px solid rgba(255,111,96, .2);
    box-shadow: 
    	0px 1px 0px 0px rgba(251,176,59, .2) inset,
	    0px 1px 0px 0px rgba(251,176,59, .2) inset,
	    -1px 1px 0px 0px rgba(251,176,59, .2) inset,
	    -1px -1px 0px 0px rgba(251,176,59, .5) inset,
	    1px -1px 0px 0px rgba(255,111,96, .5) inset,
	    -1px -1px 0px 0px rgba(255,111,96, .5) inset,
	    0px 1px 0px 0px rgba(251,176,59, .2) inset/*,
	    0px 10px 10px 0px rgba(0,0,0, .1)*/;
}
.search	 {
	/* width: 100%;
	height: 40px;
	background-color: rgba(242,246,247, .05);
   	border-radius: 13px;
	position: relative;
    z-index: 101;
	margin: 0px; */
	width: 92%;
    height: 36px;
    /* margin: 0 16px 0 23.4px; */
    padding: 11px 19px 9px 16px;
    border-radius: 18px;
    box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.24);
    border: solid 1px rgb(255 250 194 / 5%);
    background: no-repeat right 17px center url(/local/templates/personcat/images/Search_lens.svg);
  /* background-color: rgb(31, 31, 60); */
}
.search_movies_book	 {
	/* width: 100%;
	height: 40px;
	background-color: rgba(242,246,247, .05);
   	border-radius: 13px;
	position: relative;
    z-index: 101;
	margin: 0px; */
	width: 214px;
    height: 36px;
    /* margin: 0 16px 0 23.4px; */
    padding: 11px 19px 9px 16px;
    border-radius: 18px;
    box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.24);
    border: solid 1px rgb(255 250 194 / 5%);
    background: no-repeat right 17px center url(/local/templates/personcat/images/Search_lens.svg);
  /* background-color: rgb(31, 31, 60); */
}					  
				  
			  
					  
						
					  
						  
					
					   
					
												 
 
											  
							 
 
					   
							  
 
.search_dropdown {
	height: 30px;
    line-height: 30px;
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
    display: inline-block;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    border-left: 1px solid rgba(255,255,255, .1);
}
.search_dropdown:hover .search_dropdown_text {
	color: rgba(242,246,247, 1);
}
.search_dropdown_text {
	color: rgba(242,246,247, .5);
}
.search_dropdown_options {
	background-color: #f2f6f7;
    min-width: 100%;
    border-radius: 5px;
    /*padding: 9px 0px;*/
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 99;
    color: #333541;
    visibility: hidden;
    margin-top: -50px;
    opacity: 0;
}
.signed .search {
	/* max-width: 50%; */
}
.search:hover {
	background-color: rgb(55 55 55 / 3%);
}

.bx-searchtitle .bx-input-group
{
	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	width: calc(100% - 70px);
    height: 40px;
    background-color: rgba(242,246,247, .05);
    /* box-shadow: 0px 6px 5px -4px rgb(0 0 0 / 10%); */
    border-radius: 13px;
    position: relative;
    z-index: 101;
}
.bx-searchtitle .bx-input-group .bx-form-control
{
	margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
	
	height: 100%;
    padding: 0 0 0 20px;
    width: 89%;
	float: left;
	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
		
}
div.title-search-result
{
	background-color: #f2f6f7;
    /* min-width: 100%; */
    border-radius: 5px;
    padding: 9px 0px;
    box-sizing: border-box;
    color: #333541;
    height: auto;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	margin-top: 10px;
}
.bx_item_block.all_result .all_result_title {
    display: none;
}
.bx_searche .bx_item_element a {
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none;
}
/*************************************************/
/*************************************************/
/***************                    **************/
/***************      Персонаж      **************/
/***************                    **************/
/*************************************************/
/*************************************************/

.cat_elem_personage .person_av_name_wr
{
	width:100%;
	display:flex;
	margin: 0 0 20px;
}
.cat_elem_personage .person_avatar_wr
{
	width:29%;
}
.cat_elem_personage .person_name_wr
{
	width:70%;
}
.cat_elem_personage .avatar_personage
{
	width: 96px;
    height: 96px;
    position: relative;
    border-radius: 32px;
    box-shadow: 0px 9px 15px 0px rgb(0 0 0 / 20%);
    overflow: hidden;
    top: 0;
    text-align: center;
}
.cat_elem_personage .char_name {
	font-size: 26px;
	color: #f2f6f7;
	font-weight: 900;
	line-height: 35px;
}

.cat_elem_personage .catalog_page_elem_desc
{
	color: #a9a9b0;
    font-size: 12px;
    margin: 4px 0 12px;   
}

.cat_elem_personage .same_but_different_but_still_same
{
	padding: 26px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
	margin: 20px 0;
	border: 1px solid #dddddd10;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}

.cat_elem_personage .char_bio 
{
	width: 100%;
}
.char_name_bio {
	font-size: 12px;
	color: #a9a9b0;
	max-width: 600px;
	margin-top: 16px;
	margin-bottom: 10px;
}
.char_bio {
	padding: 0px 22px 0px 0;
   /*  position: relative; */
}

.cat_elem_work .char_bio
{
	padding: 0;
	width: 100%;
}

.char_tag {
	font-size: 12px;
	color: #f2f6f7;
	display: inline-block;
	cursor: pointer;
	background-color: rgba(242,246,247, .1);
	border-radius: 4px;
	margin-right: 2px;
	margin-top: 6px;
	font-weight: 700;
	padding: 6px 12px;
	position: relative;
	top: 0;
	box-shadow: none;
}
.char_tag:hover {
	background-color: rgba(242,246,247, 1);
	color: #333541;
	top: -2px;
	box-shadow: 0px 10px 10px 0px rgba(15,23,40, .24);
}
.char_tag:active {
	background-color: rgba(242,246,247, 1);
	color: #333541;
	top: 0px;
	box-shadow: none;
}
.char_tags {
	max-width: 600px;
	margin-bottom: 24px;
}
.char_description_line {
	margin-bottom: 17px;
	display:flex;
}
.char_description_line_title {
	color: #f2f6f7;
	font-size: 12px;
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin: 0 24px 0px 0;
}
.char_description_line_content {
	color: #a9a9b0;
	font-size: 12px;
	display: inline-block;
	max-width: 488px;
	vertical-align: top;
	width:70%;
}

.cat_elem_work .char_description_line_content
{
	font-size: 14px;	
	margin: 10px 0 0;
}
.char_description_line_content_star {
	width: 100px;
	height: 21px;
}
.char_description_line_content_star_live {
	color: #fbb03b;
	font-size: 14px;
	width: 30px;
	height: 21px;
	text-align: center;
}
.char_description_line_content_star_desc {
	height: 21px;
	margin-left: 10px;
}
.rating_line {
	margin-top: 24px;
}
.char_name_quick_acts_img {
	width: 30px;
	height: 30px;
}
.char_name_quick_acts_like .char_name_quick_acts_img {
	background-position: -209px -61px;
}

.char_name_quick_acts_like .char_name_quick_acts_img_no_relation {
	background-position: -209px -160px;
}
.char_name_quick_acts_edit .char_name_quick_acts_img {
	background-position: -160px -61px;
}
.char_name_quick_acts_text {
	height: 30px;
	line-height: 30px;
	color: #a9a9b0;
	opacity: .7;
}
.char_name_quick_acts {
	/* margin: 0 0 10px -7px; */
	
}
.char_name_quick_acts_like {
	width: 210px;
	border: 1px solid #a9a9b0;
}
.char_name_quick_act.active {
	margin: 0px 9px 9px 0;
    cursor: pointer;
    width: auto;
    border-radius: 13px;
    padding: 0 11px 0 5px;
    background: #31303c7a;
    display: flex;
	
}
.char_name_quick_act {
	margin: 0px 9px 9px 0;
    cursor: pointer;
    width: auto;
    border-radius: 13px;
    padding: 0 11px 0 5px;
    
    display: flex;
	background: #f0f8ff00;
    border: 1px solid #dbdbdb36;
}
.char_name_quick_act:hover .char_name_quick_acts_text {
	color: #f9725d;
	opacity: 1;
}
.char_name_quick_acts_like:hover .char_name_quick_acts_img {
	background-position: -209px -110px;
}
.char_name_quick_acts_edit:hover .char_name_quick_acts_img {
	background-position: -160px -161px;
}
.char_name_quick_acts_like.liked .char_name_quick_acts_img {
	background-position: -209px -110px;
}

.action_icons.heart_c
{
	
}
.char_name_quick_acts_like.liked:hover .char_name_quick_acts_img {
	background-position: -209px -161px;
}
.char_name_quick_acts_like.liked .char_name_quick_acts_text {
	color: #f9725d;
	opacity: 1;
}
.char_name_quick_acts_like {
	width: 135px;
	border: 1px solid #616368;
   border-radius: 6px;
   margin: 0 0 0 7px;
}

.char_name_quick_acts_like.liked {
	border: 1px solid #8e5b5a;
}
.same_but_different_but_still_same {
	margin-top: 40px;
}

.char_name_quick_act .text
{
	color: #cfbcbc;
    font-size: 10px;
    line-height: 30px;
    padding: 0 0 0 3px;
}
.char_name_quick_act.active .text
{
	color: #cfbcbc;
    font-size: 10px;
    line-height: 30px;
    padding: 0 0 0 3px;
}
.char_name_quick_act .heart
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/heart_m.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act.active .heart
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/heart_c.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act .star
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/star_m.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act.active .star
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/star_c.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act .bookmark
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/bookmark_m.svg);
    width: 18px;
    height: 30px;
}

.char_name_quick_act.active .bookmark
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/bookmark_c.svg);
    width: 18px;
    height: 30px;
}

.left_block_wrap {
	width: 100%;
    /*max-width: 870px;*/
}
.char_bio_block_header_heading {
	font-weight: 900;
	color: rgba(242,246,247, 1);
	font-size: 16px;
	margin-bottom: 5px;
}
.char_bio_block_header_heading_count {
	font-size: 12px;
    color: #f2f6f7;
    font-weight: 400;
    display: inline-block;
    height: 24px;
    background-color: rgba(242,246,247, .1);
    border-radius: 15px;
    text-align: center;
    line-height: 24px;
    position: relative;
    margin-left: 5px;
    padding: 0 6px;
    min-width: 24px
}
.char_bio_block_header_subheading {
	color: #a9a9b0;
	color: rgba(242,246,247, .5);
	font-size: 12px;
	max-width: 320px;
}
.same_but_different_but_still_same_img {
	width: 96px;
	height: 96px;
	position: relative;
	border-radius: 32px;
	/* box-shadow: 0px 9px 15px 0px rgba(0,0,0, .2); */
	overflow: hidden;
	top: 0;
	text-align: center;
}

.same_but_different_but_still_same_img.add_similar_person
{
	border-radius: 39px;
    border: 2px dashed #707070;
    width: 100px;
    height: 100px;
    margin: 0 30px 0 0;
    padding: 38px 33px 0;
    font-size: 64px;
    color: #909197;
    cursor: pointer;
	box-shadow: none;
}
.same_but_different_but_still_same_img_fir {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_img {
	/* box-shadow: 0px 25px 26px 10px rgba(0,0,0, .1); */
	box-shadow: none;
}
.liked_char_in_list {
	display: none;
	position: absolute;
	bottom: -16px;
    right: -13px;
    z-index: 2;
	background-position: -200px -250px;
	width: 50px;
	height: 50px;
}
.liked_char_in_list.active {
	display: block;
}
.same_but_different_but_still_same_img_pack {
	position: relative;
	width: 96px;
	height: 96px;
}
.same_but_different_but_still_same_name {
	width: 104px;
	font-size: 12px;
	font-weight: 700;
	color: #a9a9b0;
	margin-top: 22px;
	/* height: 29px; */
	overflow: hidden;
	text-align: center;
}

.char_list_right_block .same_but_different_but_still_same_name {
	
	line-height: 19px;
    margin: 11px 0 0;
    height: 34px;
}

.same_but_different_but_still_same_subname {
	width: 104px;
	font-size: 12px;
	color: #a9a9b0;
	margin: 5px 0;
}

.char_list_right_block .same_but_different_but_still_same_subname {
	width: 104px;
    font-size: 11px;
    color: #9092a1;
    /* margin: -7px 0; */
    /* max-height: 48px; */
    word-break: break-all;
    text-align: center;
    height: 62px;
    overflow: hidden;
}

.same_but_different_but_still_same_bio {
	width: 104px;
	font-size: 10px;
	opacity: .5;
	color: #a9a9b0;
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_name {
	color: #f2f6f7;
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_subname {
	color: #f2f6f7;
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_bio {
	opacity: 1;
}
.same_but_different_but_still_same_line {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: justify;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}
.cat_elem .same_but_different_but_still_same_line{
	margin-bottom: 0px;
}
.same_but_different_but_still_same_pack {
	margin-top: 30px;
	height: auto;
	overflow: auto;
}
.more_than_5 {
	position: relative;
	height: 440px;
	overflow: hidden;
}
.more_than_5_mask {
	width: 100%;
	height: 100%;
	background: rgb(51,53,65);
	background: -webkit-linear-gradient(rgba(51,53,65,0.8) 0%, rgba(51,53,65,1) 80%);
	background: -o-linear-gradient(rgba(51,53,65,0.8) 0%, rgba(51,53,65,1) 80%);
	background: linear-gradient(rgba(51,53,65,0.8) 0%, rgba(51,53,65,1) 80%);
}
.more_than_5_pack {
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: none;
}
.more_than_5_actions {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.more_than_5_act_text {
	font-size: 14px;
	opacity: .5;
	color: #a9a9b0;
	text-align: center;
}
.more_than_5_act_button {
	margin: 30px 0 10px 0;
}
.more_than_5 .more_than_5_pack {
	display: block;
}
.whoa_this_is_empty {
	width: 130px;
	height: 130px;
}
.content_right_tiny_island_header {
	font-size: 16px;
    font-weight: normal;
    color: rgba(242, 246, 247, .5);
    display: flex;
    border-bottom: 1px solid #c1c1c10f;
    padding: 0 0 0 25px;
    height: 32px;
}
.cat_elem_work .content_right_tiny_island_header {
	font-size: 16px;
    font-weight: normal;
    color: rgba(242, 246, 247, .5);
    display: flex;
    border-bottom: 1px solid #c1c1c10f;
    padding: 0 0 0 25px;
    height: 32px;
	
	
}
.content_right_tiny_island_header_tab {
	margin: 0 10px 0 0;
}
.content_right_tiny_island_header_tabs {
	margin-left: 10px;
	position: relative;
}
.content_right_tiny_island_header_tab {
	color: rgba(242,246,247, .3);
	cursor: pointer;
}
.content_right_tiny_island_header_tab:hover {
	color: rgba(242,246,247, .7);
}
.active_tab {
	color: rgba(242,246,247, 1);
	cursor: default;
	border-bottom: 1px solid #f2f6f7;
    padding-bottom: 0px;
	border-bottom: 1px solid #9b6b42;
    padding-bottom: 14px;
}
.active_tab:hover {
	color: rgba(242,246,247, 1);
}
.content_right_tiny_island_header_tabs_line {
	height: 3px;
    background-color: rgba(242,246,247, 1);
    position: absolute;
    bottom: -10px;
}
.show_movies .content_right_tiny_island_header_tabs_line {
    width: 88px;
    left: 0;
}
.show_serials .content_right_tiny_island_header_tabs_line {
    width: 88px;
    left: 96px;
}
.show_books .content_right_tiny_island_header_tabs_line {
    width: 65px;
    left: 194px;
}
.content_right_tiny_island_subheader {
    color: rgba(242,246,247, .5);
    font-size: 12px;
    max-width: 258px;
    margin-top: 12px;
}
.tab_content {
	display: none;
}
.show_movies .movie_tab_content,
.show_serials .serial_tab_content,
.show_books .book_tab_content,
.show_person .person_tab_content,
.show_all .all_tab_content
{
	display: block;
	padding: 21px 25px;
}

#main_chats .content_right_tiny_island_body {
	padding: 18px 24px;
	height: 100%;
    overflow: auto;
}
/* .content_right_tiny_island_body {
	padding: 18px 24px;
	height: 100%;
    overflow: auto;
} */
#main_chats .cat_cover {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    object-fit: cover;
}
#main_chats .content_right_tiny_island_body
{
	overflow:hidden;
}
#main_chats .tabs_content_row
{
    width: 100%;
    gap: 14px;
    /* background: #ffffff08; */
    padding: 0px;
    border-radius: 15px;

}
#main_chats .row_data {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
	gap: 7px;
}
#main_chats .message {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #ffffffdb;
}
#main_chats span.message {
    background: #ffffff03;
    border-radius: 14px;
    padding: 13px;
}
#main_chats.new_chats .content_new_chats, #main_chats.top_chats .content_top_chats {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
#main_chats .tab_content_item_link{
	color: #65819d;
	font-family: 'Ubuntu Mono', monospace;
	font-size: 16px;
}
.feed-add-post-destination-icon {
    background-image: none;
    display: inline-block;
    height: auto;
    margin: 0 2px;
    position: static;
    vertical-align: middle;
    width: auto;
    transform: none;
    filter: none;
    color: currentColor;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}
.feed-add-post-destination-icon::before {
    content: '•';
}
.tabs_content_row {
    display: flex;
    width: 100%;
    gap: 10px;
}
.main_chats_item_header
{
	width:100%;
}
.tab_content_item_desc_imdb_img {
	width: 44px;
	height: 21px;
	font-size: 12px;
	font-weight: 900;
	text-align: center;
	line-height: 21px;
	border: 1px solid #5e626a;
   color: #959595;
	border-radius: 5px;
}
.tab_content_item_desc_imdb_text {
	color: #dddfe5;
	margin-left: 8px;
}
.tab_content_item_desc_imdb {
	display: inline-block;
	line-height: 21px;
}
.tab_content_item_desc_imdb:hover .tab_content_item_desc_imdb_img {
	color: #333541;
	background-color: #FBB03B;
}
.tab_content_item_desc_name {
	font-size: 12px;
	font-weight: 700;
    color: rgba(242,246,247, .5);
    margin-top: 8px;
    min-height: 27px;
    max-width: 120px;
}
.tab_content_item_desc_engname {
    color: rgba(242,246,247, .5);
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 5px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tab_content_item_desc_subtitle {
    color: rgba(242,246,247, .5);
    font-size: 12px;
}
.tab_content_item_desc_year {
    color: rgba(242,246,247, .5);
    font-size: 12px;
    margin-bottom: 8px;
}
.tab_content_item_photo {
	object-fit: cover;
	width: 110px;
	height: 165px;
	border-radius: 5px;
	/* box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4); */
	/* background-color: rgb(74 77 88); */
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	top: 0;
	border: 1px solid rgb(255 255 255 / 8%);
}

.book_cover_universal
{
	border: 0;
}
.tab_flex_pack {
	display: flex;
  	flex-wrap: wrap;
}
.tab_content_item {
	flex: 0 0 33.333333%;
	margin-bottom: 50px;
}
.content_right_tiny .os-scrollbar-vertical {
	right: 20px;
    top: 30px !important;
}
.know_more {
	width: 150px;
	height: 225px;
	border-radius: 5px;
    color: rgba(242,246,247, .5);
    background-color: rgba(242,246,247, .1);
    font-size: 12px;
    padding: 15px;
    position: relative;
    margin-bottom: 50px;
}
.know_more_head {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0 10px 0;
	color: rgba(242,246,247, .7);
}
.know_more_button {
	display: block;
    font-size: 12px;
    color: rgba(242,246,247, .5);
    border: 1px solid rgba(242,246,247, .5);
    padding: 5px 10px;
    border-radius: 5px;
    width: calc(100% - 30px);
    text-align: center;
    position: absolute;
    bottom: 15px;
}
.know_more_button:hover {
    background-color: rgba(242,246,247, 1);
	color: #333541;
}
.know_more_img {
	width: 42px;
	height: 42px;
	font-size: 23px;
	font-weight: 700;
	border-radius: 15px;
	text-align: center;
	line-height: 42px;
    color: rgba(242,246,247, .5);
    background-color: rgba(242,246,247, .1);
}
.know_more_alt {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	color: rgba(242,246,247, .5);
	font-size: 12px;
}
.know_more_alt .know_more_head {
	margin: 0 0 5px 0;
	color: rgba(242,246,247, .7);
	font-size: 14px;
}
.know_more_pack {
	margin-left: 15px;
}
.know_more_alt_button {
	font-size: 12px;
    background-color: rgba(242,246,247, .1);
    display: inline-block;
    margin-top: 10px;
    border-radius: 15px;
    padding: 4px 10px;
}
.know_more_alt_button:hover {
    background-color: rgba(242,246,247, 1);
	color: #333541;
}

/*********list***********/
.cat_list_wr_content_filter
{
	
	flex-wrap:wrap;
}
.char_list_wr_content_filter{
	flex-wrap: wrap;
    width: 100%;
    max-width: 550px;
    margin: 0 auto 0;
    position: relative;
    z-index: 4;
    display: flex;
   /*  padding: 0px 23.7px;
    border-radius: 16px; */
	background: linear-gradient(1deg, var(--glass1), var(--glass2));
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .09);
	padding: 14px 24px;
}
.person_page__head
{
	width: 550px;
					
    display: flex;
    justify-content: flex-start;
    margin: 0px auto 22px;
    padding: 0px;
    gap: 0px;
    flex-wrap: wrap;
}
.arrow_nav_back
{
	background: no-repeat center url(/local/templates/personcat/images/arrow-back.svg);
	width: 20px;
    height: 38px;
    transform: rotate(180deg);
	background-size: 20px;
	cursor:pointer;
}
.bx_filter.bx_blue {
    width: 100%;
    /* display: none; */
}
.person_page__head .page_person_header {
	height: 34px;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    line-height: 30px;
    width: 100%;
    font-optical-sizing: auto;
    font-style: normal;
}
.person_page__head h2
{
	color: #ffffff94;
    font-weight: 300;
    font-size: 14px;
}
.person_page__head h2 span
{
	background: #ffffff1c;
    border-radius: 18px;
    padding: 1px 5px;
    width: 10px;
    display: inline;
    color: aliceblue;
    font-size: 10px;
}
.page_person_header
{
	/* padding: 25px 22px 18px; */
    font-size: 18px;
    font-weight: 400;
}
.char_list_right_block
{
	width: 100%;
	border-radius: 15px;
	/* box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1); */
	margin: 0px 0px 40px 0;
	float: right;
	height: 100%;
}
.cat_list_right_block
{
	/* padding: 40px 60px; */
   width: 100%;
   border-radius: 15px;
   /* box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1); */
	margin: 20px 0px 40px 0;
	float: right;
	height: 100%;
		
}

.my_bookmarks_page .char_list_right_block,.my_bookmarks_page .cat_list_right_block
{
	padding: 0px;
}

.my_bookmarks_page .header
{
	padding: 31px 40px 20px 32px;
    width: 100%;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
	margin: 0px 0 32px;
	display: flex;
	flex-wrap: wrap;
}

.my_bookmarks_page .header .char_list_block_title
{
	width:100%;
}

.my_bookmarks_page .header .filter_block
{
	
	display:flex;
}
.my_bookmarks_page .header .btn_filter.active
{
	color: rgb(242 246 247 / 85%);
    background: #00000029;
}
.my_bookmarks_page .header .btn_filter
{
	font-size: 12px;
    font-weight: 400;
    padding: 10px 14px;
    border-radius: 9px;
    margin: 15px 7px 0 0;
    color: rgb(242 246 247 / 85%);
	border: 1px solid #cccccc17;
}

.char_list_block_title {
    font-size: 16px;
    font-weight: 900;
    color: rgba(242,246,247, .5);
    float: left;
}

/* Pagination buttons */
.modern-page-navigation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 16px 0 8px;
	padding: 10px 12px;
	
	border-radius: 14px;
	
}
.modern-page-navigation .modern-page-title {
	margin-right: 6px;
	color: rgba(242, 246, 247, 0.6);
	font-size: 12px;
	font-weight: 600;
}
.modern-page-navigation a,
.modern-page-navigation span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0 10px;
	border-radius: 10px;
	border: none;
	color: rgba(242, 246, 247, 0.9);
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	background: rgba(255, 255, 255, 0.06);
	transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease;
}
.modern-page-navigation a,
.modern-page-navigation .modern-page-current,
.modern-page-navigation a.modern-page-previous,
.modern-page-navigation .modern-page-dots {
	border: none !important;
}
.modern-page-navigation a:hover {
	background: rgba(255, 255, 255, 0.12);
	transform: translateY(-1px);
}
.modern-page-navigation .modern-page-current {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
	padding-left: 0;
	padding-right: 0;
	min-width: 30px;
}
.modern-page-navigation .modern-page-first.modern-page-current {
	justify-content: center;
	text-align: center;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.modern-page-navigation .modern-page-previous,
.modern-page-navigation .modern-page-next {
	padding: 0 12px;
}
.modern-page-navigation .modern-page-dots {
	border-style: dashed;
	opacity: 0.7;
}

.char_block_header_list_count {
    font-size: 16px;
    color: #f2f6f7;
    font-weight: 400;
    display: inline-block;
    height: 30px;
    background-color: rgba(242,246,247, .1);
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    position: relative;
    padding: 0 8px;
    min-width: 30px;
    margin: -6px 0 0px 10px;
}

.same_but_different_but_still_same_img_fir_list
{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.same_but_different_but_still_same_pack_list {
    margin-top: 30px;
    height: auto;
    overflow: auto;
	
	position: relative;
    
   
    display: block;
    width: 100%;
    float: left;
}

.a_person_list
{
	/*margin: 0 40px 57px 0;*/
    /* background: #00000024; */
    padding: 17px 0;
    display: flex;
    /* width: 100%; */
    flex-direction: column;
    /* height: 215px; */
    align-items: center;
    /* border-radius: 16px; 
    background-color: rgb(38 40 49 / 39%);
    border-bottom: 1px solid #dcdcdc1a;
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%); */
    box-sizing: border-box;
    /* border: 1px solid #dddddd10; */
}

.same_but_different_but_still_same_line_list {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	gap:5px;
	flex-wrap: wrap;
	width: 100%;
}

/* .char_manage_left_block
{
	padding: 50px 50px 0 50px;
    width: 455px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
	height: 314px;
    box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1);
	margin: 26px 0 0 0;
	float: left;
} */
.char_list_left_block {
    padding: 40px 40px 0 40px;
    width: 365px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    height: 314px;
    box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1);
    margin: 20px 0 0 0;
    float: left;
}

.wr_person_no_avatar
{
	border: 1px solid rgb(133 135 151 / 25%);
   width: 100%;
   height: 100%;
   border-radius: 32px;
}

.person_no_avatar
{
	/* background-color: red;
  -webkit-mask: url(/local/assets/images/no-avatar.svg) no-repeat center;
  mask: url(/local/assets/images/no-avatar.svg) no-repeat center; */
  width: 64%;
  height: 100%;
  fill:rgb(133 135 151 / 30%);
}

.block_info_text_profile
{
	font-size: 13px;
    color: rgb(136 139 150);
    margin: 16px 0 0 0;
    line-height: 14px;
	width: 65%;
}

.char_manage_left_block
{
	padding: 40px 40px 20px 40px;
    width: 365px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
	height: 314px;
    box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1);
	margin: 20px 0 0 0;
	float: left;
}

.char_manage_block_title
{
	font-size: 20px;
    font-weight: 900;
    color: rgba(242,246,247, .5);
}

.char_manage_leftblock_menu
{
	margin:16px 0 0 0;
}

.char_manage_leftblock_menu li
{
	margin:14px 0 0 0;
	color: rgb(175 175 175);
    font-size: 14px;
}

.char_manage_leftblock_menu li.active
{
	background: rgb(255, 153, 60);
    background: -webkit-linear-gradient(34deg, rgba(255, 153, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 153, 60,1) 30%, rgba(251, 82, 90,1) 100%);
	background: linear-gradient(124deg, rgb(255, 153, 60) 30%, rgb(251, 82, 90) 100%);
	
	width: 199px;
    padding: 6px 13px;
    color: #fff;
    border-radius: 14px;
    margin: 18px 0 0 -13px;
	
	text-shadow:1px 2px 5px #4e4e4e, 0 0 1em grey
}

.char_manage_leftblock_menu li:hover
{
	color:#fff;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

/* profile***********************/
.user_profile_top_list
{
	height: auto;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}

.user_profile_top_list.content_right_tiny_island {
  padding: 0;
}

.user_profile_top_list.feed-item-wrap {
  padding: 18px 18px 20px !important;
}

.user_profile_right_block.user_profile_right_block--toplist {
  margin-top: 6px;
  padding-bottom: 18px;
}

.user-top-page__head {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 2px 0 0;
}

.user-top-page__headline {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.user-top-page__back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(255, 244, 220, 0.84);
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}

.user-top-page__back-link:hover {
  color: #fff7ea;
  transform: translateX(-2px);
}

.user-top-page__subtitle {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
  max-width: 720px;
  display: none;
}

.highlights-section--collections .profile-collections-list--page {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 24px;
  background:
    radial-gradient(120px 80px at 0 0, rgba(255, 179, 71, 0.12), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 28px rgba(5, 8, 15, 0.12);
}

.highlights-section--collections .profile-collections-list--page .profile-collections-list__items {
  margin-top: 0;
}

.highlights-section--collections .profile-collections-list--page .collections-stack-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
}

.highlights-section--collections .profile-collections-list--page .collection-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.highlights-section--collections .profile-collections-list--page .collection-row:first-child {
  padding-top: 0;
}

.highlights-section--collections .profile-collections-list--page .collection-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.highlights-section--collections .profile-collections-list--page .collection-posters-stack {
  position: relative;
  width: 78px;
  height: 56px;
  display: block;
  flex: 0 0 auto;
}

.highlights-section--collections .profile-collections-list--page .stack-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #111;
}

.highlights-section--collections .profile-collections-list--page .stack-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.highlights-section--collections .profile-collections-list--page .collection-info {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

.highlights-section--collections .profile-collections-list--page .collection-name {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.highlights-section--collections .profile-collections-list--page .collection-name:hover {
  color: #cfe1ff;
}

.highlights-section--collections .profile-collections-list--page .collection-description {
  margin: 0;
  color: #8899aa;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.highlights-section--collections .profile-collections-list--page .collection-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.highlights-section--collections .profile-collections-list--page .highlight-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: #c9d5e3;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.highlights-section--collections .profile-collections-list--page .highlight-item img {
  display: block;
  width: 14px;
  height: 14px;
  object-fit: contain;
  flex: 0 0 auto;
}

@media (max-width: 767px) {
  .highlights-section--collections .profile-collections-list--page {
    padding: 16px;
    border-radius: 20px;
  }

  .highlights-section--collections .profile-collections-list--page .collection-row {
    gap: 14px;
  }
}

.user-top-page__profile-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(255, 244, 220, 0.84);
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}

.user-top-page__headline > .user-top-page__profile-link {
  display: none;
}

.user-top-page__profile-link:hover {
  color: #fff7ea;
  transform: translateX(2px);
}

.user_profile_right_block_title.toplist_title {
  float: none;
  display: block;
  min-width: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
  color: #fff7ea;
  letter-spacing: -0.03em;
  text-shadow: 0 10px 30px rgba(255, 166, 77, 0.18);
}

.user-top-page__total {
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 2px;
  background: transparent;
  border: none;
  box-shadow: none;
}

.user-top-page__total-value {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  color: rgba(255, 255, 255, 0.96);
}

.user-top-page__total-label {
  margin-top: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.48);
}

.user-top-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.user-top-summary__card {
  padding: 8px 0 10px;
  border-radius: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.user-top-summary__value {
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  color: rgba(255, 255, 255, 0.94);
}

.user-top-summary__label {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
}

.user-top-sections {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.user-top-section {
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 10px 0 12px;
}

.user-top-section + .user-top-section {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.user-top-section:not(.is-expanded) .user-top-item-extra {
  display: none;
}

.user-top-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.user-top-section__title {
  font-size: 18px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.96);
}

.user-top-section__title-prefix,
.user-top-section__title-suffix {
  color: rgba(255, 255, 255, 0.88);
}

.user-top-section__title-prefix {
  margin-right: 6px;
}

.user-top-section__title-accent {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-right: 7px;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.76);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.user-top-section__meta {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.44);
}

.user-top-rank {
  width: 28px;
  min-width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  box-sizing: border-box;
}

.user-top-work-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.user-top-work-line {
  display: grid;
  grid-template-columns: 28px 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 9px 0;
}

.user-top-work-line + .user-top-work-line {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.user-top-work-line__thumb {
  width: 48px;
  height: 68px;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.25));
  display: block;
  flex: 0 0 auto;
}

.user-top-work-line__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.user-top-work-line__main {
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

.user-top-work-line__name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.94);
}

.user-top-work-line__meta {
  margin-top: 3px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.58);
}

.user-top-work-line__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.user-top-section__more {
  margin-top: 10px;
  padding-left: 40px;
}

.user-top-section__toggle {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  color: #ffcf86;
  cursor: pointer;
  transition: color 0.12s ease, opacity 0.12s ease;
}

.user-top-section__toggle:hover {
  color: #ffe2b5;
}

.user-top-section__toggle:active {
  opacity: 0.86;
}

.user_profile_top_list .person-list__item {
  grid-template-columns: 28px auto 1fr auto;
  padding: 10px 0;
  gap: 4px 12px;
}

.user_profile_top_list .person-list__avatar {
  grid-column: 2;
}

.user_profile_top_list .person-list__item > .user-top-rank {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: center;
  position: relative;
  z-index: 1;
}

.user_profile_top_list .person-list__main {
  grid-column: 3;
}

.user_profile_top_list .person-list__tags {
  grid-column: 3;
}

.user_profile_top_list .person-list__actions {
  grid-column: 4;
}

.user_profile_top_list .person-list__item:hover,
.user-top-work-line:hover {
  transform: none;
  background: transparent;
}

@media (max-width: 767px) {
  .user-top-page__head {
    flex-direction: column;
  }

  .user-top-page__total {
    width: 100%;
    align-items: flex-start;
  }

  .user-top-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .user-top-work-line {
    grid-template-columns: 24px 42px minmax(0, 1fr);
    align-items: start;
  }

  .user-top-work-line__thumb {
    width: 42px;
    height: 60px;
  }

  .user-top-work-line__actions {
    grid-column: 2 / 4;
    padding-left: 0;
    margin-top: 6px;
  }

  .user-top-section__more {
    padding-left: 0;
  }

  .user_profile_top_list .person-list__item {
    grid-template-columns: 24px 42px minmax(0, 1fr);
  }

  .user_profile_top_list .person-list__tags {
    grid-column: 2 / 4;
    grid-row: 2;
  }

  .user_profile_top_list .person-list__avatar {
    width: 42px;
    height: 42px;
  }

	.user_profile_top_list .person-list__actions {
		grid-column: 2 / 4;
		grid-row: 3;
		margin-top: 6px;
		align-self: start;
	}

	.user-top-page .person-list__item {
		grid-template-columns: 24px 42px minmax(0, 1fr);
	}

	.user-top-page .person-list__actions {
		grid-column: 2 / 4;
		grid-row: auto;
		margin-top: 6px;
		align-self: start;
	}
}

.user_profile_top_list .person-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.user_profile_top_list .person-list__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 12px;
  align-items: start;
  padding: 12px 10px;
  border-radius: 0;
  border: none;
  background: transparent;
  transition: background 0.12s ease, transform 0.12s ease;
  row-gap: 12px;
}

.user_profile_top_list .person-list__item + .person-list__item {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.user_profile_top_list .person-list__item:hover {
  background: transparent;
  transform: translateY(-1px);
}

.user_profile_top_list .person-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0;
  overflow: visible;
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
}

.user_profile_top_list .person-list__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.05);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.1;
  box-shadow: none;
  text-decoration: none;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.user_profile_top_list .person-list__tag:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.14);
  color: rgba(255, 255, 255, 0.95);
}
.user_profile_top_list .person-list__tag-icon {
  width: 14px;
  height: 14px;
  display: block;
  flex: 0 0 14px;
}

.user_profile_top_list .person-list__tag-label {
  display: inline-block;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.user_profile_top_list .person-list__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
}

.user_profile_top_list .person-list__top {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.user_profile_top_list .person-list__btn {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
  color: rgba(0, 0, 0, 0.9);
  transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease, opacity 0.12s ease;
  flex: 0 0 auto;
}

.user_profile_top_list .person-list__btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 1);
}

.user_profile_top_list .person-list__btn:active {
  transform: translateY(0);
  opacity: 0.92;
}

.user_profile_top_list .person-list__btn.active {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  border-color: transparent;
}

.user_profile_top_list .character-ibox {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, opacity .12s ease;
  position: relative;
}

.user_profile_top_list .character-ibox.is-loading {
  opacity: .7;
  cursor: progress;
}

.user_profile_top_list .character-ibox.is-loading svg {
  opacity: 0 !important;
}

.user_profile_top_list .character-ibox.is-loading::after,
.user_profile_top_list .character-ibox.is-loading[data-tooltip]::after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid currentColor !important;
  border-right-color: transparent !important;
  border-radius: 50% !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
  animation: ms-spin .6s linear infinite !important;
}

.user_profile_top_list .character-ibox:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.16);
}

.user_profile_top_list .character-ibox:active {
  transform: translateY(0);
  opacity: .92;
}

.user_profile_top_list .character-ibox svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill .15s ease, stroke .15s ease, transform .12s ease;
}

@keyframes ms-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.character-ibox {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.88);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, opacity .12s ease;
  position: relative;
}

.character-ibox:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
}

.character-ibox:active {
  transform: translateY(0);
  opacity: .92;
}

.character-ibox svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill .15s ease, stroke .15s ease, transform .12s ease;
}

.character-ibox:hover svg {
  transform: scale(1.05);
}

.character-ibox.active {
  background: rgba(255, 71, 87, 0.1);
  border-color: rgba(255, 71, 87, 0.3);
  color: #ff4757;
}

.character-ibox.active svg {
  fill: currentColor;
}

.character-ibox .fire-outer,
.character-ibox .fire-inner {
  stroke-width: 1.8;
  stroke: currentColor;
  fill: #f0f8ff5c;
  transition: all 0.2s ease;
}

.character-ibox.active .fire-outer {
  stroke: none;
  fill: #E20919;
}

.character-ibox.active .fire-inner {
  stroke: none;
  fill: #FBAE08;
}

.character-ibox.active svg {
  fill: none;
}

.character-ibox[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(255,255,255,.92);
  background: rgba(0,0,0,.75);
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 20;
}

.character-ibox.active[data-tooltip]:not([data-tooltip=""]):hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Generic spinner for all character-ibox buttons */
.character-ibox.is-loading {
  opacity: .7;
  cursor: progress;
  position: relative;
}

.character-ibox.is-loading svg {
  opacity: 0 !important;
}

.character-ibox.is-loading::after,
.character-ibox.is-loading[data-tooltip]::after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid currentColor !important;
  border-right-color: transparent !important;
  border-radius: 50% !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
  animation: ms-spin .6s linear infinite !important;
}

.user_profile_top_list .character-ibox.active {
  background: rgba(255, 71, 87, 0.1);
  border-color: rgba(255, 71, 87, 0.3);
  color: #ff4757;
}

.user_profile_top_list .character-ibox .fire-outer,
.user_profile_top_list .character-ibox .fire-inner {
  stroke-width: 1.8;
  stroke: currentColor;
  fill: #f0f8ff5c;
  transition: all 0.2s ease;
}

.user_profile_top_list .character-ibox.active .fire-outer {
  stroke: none;
  fill: #E20919;
}

.user_profile_top_list .character-ibox.active .fire-inner {
  stroke: none;
  fill: #FBAE08;
}

.user_profile_top_list .character-ibox.active svg {
  fill: none;
}
.user_profile_top_list .person-list__avatar {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: start;
}

.user_profile_top_list .person-list__main {
  display: block;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

.user_profile_top_list .person-list__avatar {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  flex: 0 0 auto;
  border: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.user_profile_top_list .person-list__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.user_profile_top_list .person-list__avatar-icon {
  width: 24px;
  height: 24px;
  fill: rgba(255, 255, 255, 0.55);
}

.user_profile_top_list .person-list__body {
  min-width: 0;
}

.user_profile_top_list .person-list__name {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-top-page .person-list__item {
  display: grid;
  grid-template-columns: 28px 48px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 4px 12px;
  align-items: start;
  padding: 10px 0;
  row-gap: 12px;
}

.user-top-page .person-list__item > .user-top-rank {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: center;
}

.user-top-page .person-list__avatar {
  grid-column: 2;
  grid-row: 1 / 3;
}

.user-top-page .person-list__main {
  grid-column: 3;
  grid-row: 1;
}

.user-top-page .person-list__tags {
  grid-column: 3;
  grid-row: 2;
}

.user-top-page .person-list__actions {
  grid-column: 4;
  grid-row: 1 / 3;
}

.user_profile_top_list .all_tab_content > table,
.user_profile_top_list .all_tab_content > br {
  display: none;
}

.user_profile_top_list .person-list__sub {
  margin-top: 3px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.68);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.person-list--related {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.person-list--related .person-list__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 12px;
  align-items: start;
  padding: 12px 10px;
  border-radius: 0;
  border: none;
  background: transparent;
  transition: background 0.12s ease, transform 0.12s ease;
  row-gap: 12px;
}

.person-list--related .person-list__item + .person-list__item {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.person-list--related .person-list__item:hover {
  background: transparent;
  transform: translateY(-1px);
}

.person-list--related .person-list__avatar {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: start;
}

.person-list--related .person-list__main {
  display: block;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

.person-list--related .person-list__avatar {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  flex: 0 0 auto;
  border: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.person-list--related .person-list__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.person-list--related .person-list__avatar-icon {
  width: 22px;
  height: 22px;
  fill: rgba(255, 255, 255, 0.55);
}

.person-list--related .person-list__body {
  min-width: 0;
}

.person-list--related .person-list__name {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.person-list--related .person-list__sub {
  margin-top: 3px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.68);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.person-list--related .person-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0;
  overflow: visible;
  grid-column: 2;
  grid-row: 2;
}

.person-list--related .person-list__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.05);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: none;
  text-decoration: none;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.person-list--related .person-list__tag:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.14);
  color: rgba(255, 255, 255, 0.95);
}

.person-list--related .person-list__tag-icon {
  width: 14px;
  height: 14px;
  display: block;
  flex: 0 0 14px;
}

.person-list--related .person-list__tag-label {
  display: inline-block;
}

.person-list--related .person-list__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
}

.person-list--related .person-list__top {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.person-list--related .person-list__btn {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
  color: rgba(0, 0, 0, 0.9);
  transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease, opacity 0.12s ease;
  flex: 0 0 auto;
}

.person-list--related .person-list__btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 1);
}

.person-list--related .person-list__btn:active {
  transform: translateY(0);
  opacity: 0.92;
}

.person-list--related .person-list__btn.active {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  border-color: transparent;
}

.person-list--related .character-ibox {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, opacity .12s ease;
  position: relative;
}

.person-list--related .character-ibox.is-loading {
  opacity: .7;
  cursor: progress;
}

.person-list--related .character-ibox.is-loading svg {
  opacity: 0 !important;
}

.person-list--related .character-ibox.is-loading::after,
.person-list--related .character-ibox.is-loading[data-tooltip]::after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid currentColor !important;
  border-right-color: transparent !important;
  border-radius: 50% !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
  animation: ms-spin .6s linear infinite !important;
}

.person-list--related .character-ibox:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.16);
}

.person-list--related .character-ibox:active {
  transform: translateY(0);
  opacity: .92;
}

.person-list--related .character-ibox svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill .15s ease, stroke .15s ease, transform .12s ease;
}

.person-list--related .character-ibox.active {
  background: rgba(255, 71, 87, 0.1);
  border-color: rgba(255, 71, 87, 0.3);
  color: #ff4757;
}

.person-list--related .character-ibox .fire-outer,
.person-list--related .character-ibox .fire-inner {
  stroke-width: 1.8;
  stroke: currentColor;
  fill: #f0f8ff5c;
  transition: all 0.2s ease;
}

.person-list--related .character-ibox.active .fire-outer {
  stroke: none;
  fill: #E20919;
}

.person-list--related .character-ibox.active .fire-inner {
  stroke: none;
  fill: #FBAE08;
}

.person-list--related .character-ibox.active svg {
  fill: none;
}
.user_profile_top_list .bookmark_row
{
	display:flex;
	margin: 9px 0;
    width: 100%;
}

.user_profile_top_list_title
{
	font-size: 16px;
    font-weight: 700;
    color: #f2f6f780;
}
.user_profile_top_list .bookmark_row a
{
	color: aliceblue;
    font-size: 14px;
    margin: 8px 10px 10px;
}
.user_profile_top_list .bookmark_row a .type
{
	font-size: 12px;
    font-weight: 400;
    color: #f2f6f780;
}
.user_profile_top_list .bookmark_row img
{
	position: relative;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 18px;
    /* margin: 0 18px 0 0; */
    /* filter: grayscale(50%); */
    
    
}	

.ui-icon[class*=ui-icon-common-]>i
{
	background: none;
	border-radius: 12px;
	
}
.feed-com-avatar>i
{
	display: none;
}
.feed-user-avatar
{
	border-radius: 12px;
	width: 37px;
    height: 37px;
}

.title_user_page
{
	font-size: 16px;
    font-weight: 900;
    /* color: rgba(242,246,247, 55%); */
    color: #647c96;
    margin: 0px 0 16px;
}
.user_profile_left_block_wr
{
	width: 100%;
    margin: 0;
	
}
.user_profile_left_block {
    
    /* width: 430px; */
    margin: 20px 0px;
   /*  float: left; */
	background-color: rgba(242,246,247, .05);
	padding: 26px;
	border-radius: 15px; 
}
.user_profile_left_block.manifest{
	padding: 40px 40px 20px 40px;
}

.user_profile_left_block.manifest .manifest_title {
    font-size: 16px;
    font-weight: 900;
    /* color: rgba(242,246,247, 55%); */
    color: #647c96;
    margin: 0px 0 16px;
}

.user_profile_left_block.manifest .manifest_text {
   font-size: 12px;
   font-weight: normal;
   color: #8e929b;
   line-height: 18px;
}

.user_profile_left_block_user_info
{
	width: 100%;
	display: flex;
}

.user_profile_photo
{
/*   background : -moz-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  background : -webkit-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  background : -webkit-gradient(radial,71.83% 89.42% ,0 , 71.83% 89.42%, 82.28 ,color-stop(0,rgba(51, 53, 65, 0) ),color-stop(1,rgba(51, 53, 65, 1) ));
  background : -o-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  background : -ms-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
  background : radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  opacity : 0.5;
  border-radius : 40px;
  -moz-border-radius : 40px;
  -webkit-border-radius : 40px;
  filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
   */
  border-radius: 40px;
  height:119px;
  width:119px; 
}

.user_profile_photo img
{
	border-radius: 50%;
    height: 119px;
    width: 119px;
    object-fit: cover;
    border: solid 1px var(--border-user-avatar);
    box-sizing: border-box;
    padding: 6px;

}

.bx-sonet-profile-field img
{
	border-radius: 40px;
	height:119px;
	width:119px;
	margin: 5px 0;
	object-fit: cover;
}
.user_profile_text_block
{
	margin: 10px 20px;
}

.user_profile_name
{
	font-size: 16px;
    font-weight: 900;
   /*  color: rgba(242,246,247, .5); */
   color: rgba(242,246,247, 1);
	margin: 0px 0 14px;

}

.user_profile_status
{
	font-size: 14px;
	margin:14px 0 0;
    font-weight: 400;
    color: #94969a91;
}
.user_profile_city
{
	font-size: 12px;
	margin: 0 0 5px;
    font-weight: 400;
    color: #94969ad1;
}
.user_profile_online_status
{
	font-size: 12px;
	margin: 0 0 5px;
    font-weight: 400;
    color: #fba93f;
}

.link_color_light
{
	color: #c5c5c5;
	text-decoration: underline;
}

.user_profile_quicklinks {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 16px;
}

.profile-entry-card {
	display: block;
	padding: 14px 14px 12px;
	border-radius: 16px;
	text-decoration: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.profile-entry-card:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 255, 255, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.profile-entry-card__eyebrow {
	display: block;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.42);
}

.profile-entry-card__title {
	display: block;
	margin-top: 6px;
}

.profile-entry-card__title-accent {
	display: inline-flex;
	align-items: center;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.15;
	color: #fff4dc;
	letter-spacing: -0.02em;
}

.profile-entry-card--top .profile-entry-card__title-accent {
	text-shadow: 0 10px 24px rgba(255, 146, 69, 0.22);
}

.profile-entry-card--collections .profile-entry-card__title-accent {
	text-shadow: 0 10px 24px rgba(117, 190, 255, 0.18);
}

.profile-entry-card__meta {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.68);
}

.profile-entry-card__preview {
	display: flex;
	align-items: center;
	margin-top: 12px;
	min-height: 32px;
}

.profile-entry-card__preview--avatars {
	padding-left: 2px;
}

.profile-entry-card__avatar {
	width: 32px;
	height: 32px;
	margin-left: -8px;
	border-radius: 50%;
	border: 2px solid rgba(34, 36, 45, 0.92);
	overflow: hidden;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0.24));
	box-sizing: border-box;
}

.profile-entry-card__avatar:first-child {
	margin-left: 0;
}

.profile-entry-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.profile-entry-card__avatar--empty {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
}

.profile-entry-card__preview--posters {
	gap: 8px;
}

.profile-entry-card__poster {
	width: 34px;
	height: 48px;
	border-radius: 11px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0.24));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-sizing: border-box;
}

.profile-entry-card__poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.profile-entry-card__poster--empty {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
}

.user_profile_right_block
{
	
	padding: 0px 0px 40px 0px;
	width: 100%;
	border-radius: 15px;
	
	margin: 20px 0;
	float: left;
}

.user_profile_right_block_title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(242, 246, 247, .5);
    float: left;
    margin: 9px 0;
    
}

.user_profile_right_block_title.toplist_title
{
	margin:0;
}
/**profile edit**/
.bx-sonet-profile-fieldset-table
{
	border-collapse: separate;
    border-spacing: 10px 15px;
}
.profile_edit_block_title2 {
    font-size: 14px;
    font-weight: 600;
    color: rgba(242,246,247, .5);
    margin: 34px 0 0;
	width: 35%;
}

.bx-sonet-profile-fieldset input[type="text"],
.bx-sonet-profile-fieldset input[type="password"],
.bx-sonet-profile-fieldset input[type="email"]
{
	height: 40px;
    background-color: rgba(242,246,247, .05);
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    border-radius: 7px;
    position: relative;
    padding: 4px 20px;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    margin: 0px;

}

.pgh_bx-sonet-profile-edit-buttons {
    clear: both;
    text-align: center;
    margin: 15px 0;
}

.pseudo_ckeckbox_wr
{
	cursor:pointer;
	width: 33%;
    height: 40px;
	display: block;
}

.pseudo_ckeckbox
{
	padding: 7px;
    border-radius: 5px;
    background-color: rgba(242,246,247, .05);
    width: 20px;
    height: 20px;
    float: left;
    margin: -2px 19px 0px 0;
	
}

.origin_checkbox:checked + .pseudo_ckeckbox {
	background-image: url('/local/assets/images/sprite2.png');
	background-position: -242px -139px;
	background-color: rgba(242,246,247, 0);
}

.orange_button {
    cursor: pointer;
    height: 35px;
    width: 133px;
    background: rgb(255, 126, 60);
    background: -webkit-linear-gradient(
34deg, rgba(255, 126, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 126, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient(
124deg, rgb(255, 126, 60) 30%, rgb(251, 82, 90) 100%);
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: -1px 2px 10px #02010140, 0 0 1em #56565675;
}

.reset_button {
    cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 10px 0 0 9px;
    /* margin-bottom: 10px; */
    padding: 0 42px;
    /* text-decoration: underline; */
    color: #b3b3b3;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #f2f6f71a;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 4px;
}

.fileinput
{
	cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 0px;
    /* margin-bottom: 10px; */
    padding: 0 42px;
    /* text-decoration: underline; */
    color: #b3b3b3;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #f2f6f71a;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 4px;
}
/********** PEOPLE ***************/
table.sonet-user-profile-friends, table.sonet-user-profile-groups {
    border:0;
    border-collapse: collapse;
	border-bottom: 1px dotted #494c54;
}
table.sonet-user-profile-friends td, table.sonet-user-profile-groups td {
    border: 0px;
    padding: 17px 5px 24px;
}
.filter_people_list
{
	padding: 40px 40px 20px 40px;
    width: 365px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    margin: 20px 0 0 0;
    float: left;
}
.filter_people_list_title {
    font-size: 16px;
    font-weight: 900;
    color: rgba(242,246,247, 1);
    margin: 0px 0 12px;
}
.filter_people_list_info_text{
    font-size: 13px;
    color: rgb(136 139 150);
    margin: 0px 0 0 0;
    line-height: 14px;
}

.people_wrapper
{
	display: flex;
	flex-direction: row;
	height: 100%;
	flex-wrap: wrap;
	align-content: flex-start;
}

.people_wrapper .user_profile_left_block_wr .user_profile_left_block
{
	margin: 6px 0px 17px;
	border: 1px solid #dcdcdc1a;
	background-color: rgba(20, 24, 34, 0.92);
	border: 1px solid #dddddd10;
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, .09);
}

.people_wr_search_filter {
    width: 100%;
    height: 40px;
    background-color: rgba(242,246,247, .05);
    /* box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%); */
    border-radius: 13px;
    position: relative;
    z-index: 101;
    margin: 12px 0;
}
.people_wr_search_filter input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.people_search_button {
    cursor: pointer;
    height: 35px;
    width: 133px;
    background: rgb(255, 126, 60);
    background: -webkit-linear-gradient(
34deg, rgba(255, 126, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 126, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient(
124deg, rgb(255, 126, 60) 30%, rgb(251, 82, 90) 100%);
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: -1px 2px 10px #02010140, 0 0 1em #56565675;
}
.people_search_reset {
    cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 10px 0 0 9px;
    /* margin-bottom: 10px; */
    width: 49%;
    text-align: center;
    /* text-decoration: underline; */
    color: #b3b3b3;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #61636d;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 4px;
}
.people_list_right_block {
    padding: 0;
    width: 704px;
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    margin: 0px 136px 40px 0;
    float: right;
}
.people_list_wr_img {
    width: 96px;
    height: 96px;
    position: relative;
    border-radius: 32px;
    box-shadow: 0px 9px 15px 0px rgb(0 0 0 / 10%);
    overflow: hidden;
    top: 0;
}

.people_list_wr_img img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sonet-cntnr-user-search:hover .people_list_wr_img {
    box-shadow: 0px 25px 26px 10px rgb(0 0 0 / 10%);
}

.people_list_user_name
{
	font-size: 12px;
    font-weight: 700;
    color: #a9a9b0;
}

.sonet-cntnr-user-search:hover .people_list_user_name, 
.sonet-cntnr-user-search:hover .bx-user-properties,
.sonet-cntnr-user-search:hover .people_send_message, 
.people_send_message:hover
{
	color:#f2f6f7bf;
	border: 1px solid #f2f6f780;
}

.bx-user-properties{
	color:#80838e;
}

.bx-icon-addfriend {
    border-left: solid 0px #c4c4c4;
    padding: 5px 0 5px 5px;
    margin: 0;
    margin-bottom: 10px;
   
	
	cursor: pointer;
    height: 35px;
    line-height: 26px;
    background: rgb(255, 126, 60);
    background: -webkit-linear-gradient( 
34deg, rgba(255, 126, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 126, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient( 
124deg, rgb(255, 126, 60) 30%, rgb(251, 82, 90) 100%);
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: -1px 2px 10px #02010140, 0 0 1em #56565675;
}

.people_send_message
{
	
    cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 10px 0 0 0px; 
    /* margin-bottom: 10px; */
    
    text-align: center;
    /* text-decoration: underline; */
    color: #81818b;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #61636d;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 8px;
	padding: 0 15px;
}

/**calalog**/
.catalog_list_item
{
	width: 100%;
    display: flex;
	border-bottom: 1px dotted #4e515d;
    /* margin: 0 0 35px; */
    padding: 18px 0;
}
.catalog_list_photo
{
	border-radius: 5px;
    height: 88px;
    max-width: 95px;
}
.catalog_list_photo img {
    border-radius: 5px;
    height: 88px;
    max-width: 62px;
    object-fit: cover;
}
.catalog_list_info_block
{
	margin: 10px 20px;
}

.cat_list_right_block .mini_review
{
	font-size: 12px;
    color: #898989;
    font-weight: 400;
    line-height: 14px;
    padding: 15px 20px;
    /* background-color: #ffffff; */
    border-radius: 5px;
    height: 87px;
    width: 44%;
    border: 1px solid #ffffff1f;
    margin-left: auto;
	font-style: italic; 
}

.cat_list_right_block .mini_review .mini_review_user
{
	color: #cdcdcd;
}
.catalog_list_info_block_tags
{
	font-size: 12px;
    color: #a9a9b0;
	margin: 10px 0 0;
}

.catalog_list_info_block_rating
{
	display: inline-block;
    line-height: 21px;
	margin: 6px 0;
}

.catalog_page_info_wrapper
{
	display:flex;
	flex-wrap:nowrap;
	border: 1px solid #ffffff2e;
	background-color: rgb(38 40 49 / 39%);
    padding: 26px;
    border-radius: 15px;
	border: 1px solid #dddddd10;
	background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}

.catalog_page_info_wrapper .card_information
{
    position: absolute;
    right: 24px;
    
}

.catalog_page_info_wrapper .card_information .card_information_icon
{
	background: no-repeat center/80% url(/local/assets/images/information_icon.svg);
    width: 20px;
    height: 33px;
	position: relative;
	top: -2px;
	left: -3px;
}
.catalog_page_info_wrapper .card_information .card_information_icon.show_hint .hint_bubble {
    opacity: 1;
    visibility: hidden;
    top: 4px;
    left: -251px;
	box-shadow: 0px 10px 10px 0px rgb(15 23 40 / 24%);
}
.catalog_page_info_wrapper .card_information .card_information_icon.show_hint:hover .hint_bubble {
    opacity: 1;
    visibility: visible;
    top: 4px;
    left: -251px;
}

.catalog_page_info_wrapper .card_information .card_information_icon.show_hint .hint_bubble .title {
	font-weight: 700;
}

.body_background_inserted .catalog_page_info_wrapper
{
	/* background-color: rgba(242,246,247, .05); */
	/* background: linear-gradient(180deg, #34353c45 29%, rgb(55 85 122 / 2%) 100%); */
	/* background: linear-gradient(180deg, #43454eb5 29%, rgb(55 85 122 / 2%) 100%); */
	/* background: linear-gradient(180deg, #43454e63 29%, rgb(55 85 122 / 2%) 100%); */
	background: linear-gradient(180deg, #43454e40 29%, rgb(55 85 122 / 2%) 100%);
}
.catalog_page_name
{
	font-size: 16px;
    color: #f2f6f7;
    font-weight: 700;
    line-height: 26px;
}

.catalog_page_image_cover
{
	height: 166px;
    object-fit: cover;
    margin: 0px 30px 0 0;
    border-radius: 5px;
    max-height: 275px;
	max-width: 118px;
}

.catalog_page_kinopoisk_icon
{
	position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    content: '';
    background: url(/local/templates/personcat/images/kinopoisk_icon.svg) no-repeat center;
    background-size: cover;
}
.catalog_page_tab_flex_pack
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catalog_page_a_person_list
{
	margin: 0 14px 42px;
}

.feed-post-text-block 
{
	/* color: #a0a5ad; */
	color: var(--color-feed-post);
    letter-spacing: -0.01em;
	margin: 7px -18px 0 -73px;

	
	min-height: 47px;
	line-height: 23px;
	overflow: hidden;
	padding: 0px;
	position: relative;
}

.feed-post-text-block .feed-post-text
{
	padding: 5px 74px 25px;
}

.feed-com-add-block .bxhtmled-textarea-cnt .bxhtmled-textarea {
    width: calc(100% - 25px) !important;
    padding: 8px 0 0 13px !important;
    background-color: #fff0 !important;
}

.feed-com-header {
    padding-left: 17px;
    margin: 14px 0 14px 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}
.feed-com-all:hover {
    /* border-bottom: 1px solid; */
    color: #aaaeb5;
}
.feed-com-informers-bottom a:hover
{
	color: #a5a5a5;
}
.feed-wrap-empty {
    padding-top: 166px;
    padding-bottom: 95px;
    background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22173%22%20height%3D%22162%22%20viewBox%3D%220%200%20173%20162%22%3E%3Cpath%20fill%3D%22%23979da4%22%20opacity%3D%22.13%22%20fill-rule%3D%22evenodd%22%20d%3D%22M666%2C659H835a2%2C2%2C0%2C0%2C1%2C2%2C2V819a2%2C2%2C0%2C0%2C1-2%2C2H666a2%2C2%2C0%2C0%2C1-2-2V661A2%2C2%2C0%2C0%2C1%2C666%2C659Zm11.276%2C30.208H823.724V807.7H677.276V689.208Zm14.15%2C20.584h118a1%2C1%2C0%2C0%2C1%2C1%2C1v11.452a1%2C1%2C0%2C0%2C1-1%2C1h-118a1%2C1%2C0%2C0%2C1-1-1V710.792A1%2C1%2C0%2C0%2C1%2C691.426%2C709.792Zm0%2C26.924H782.71a1%2C1%2C0%2C0%2C1%2C1%2C1v11.3a1%2C1%2C0%2C0%2C1-1%2C1H691.426a1%2C1%2C0%2C0%2C1-1-1v-11.3A1%2C1%2C0%2C0%2C1%2C691.426%2C736.716Zm0%2C26.609H782.71a1%2C1%2C0%2C0%2C1%2C1%2C1v11.6a1%2C1%2C0%2C0%2C1-1%2C1H691.426a1%2C1%2C0%2C0%2C1-1-1v-11.6A1%2C1%2C0%2C0%2C1%2C691.426%2C763.325Z%22%20transform%3D%22translate%28-664%20-659%29%22/%3E%3C/svg%3E) no-repeat scroll center 28px;
    background-size: 85px 86px;
    margin: 10px;
    font-size: 18px;
}
.bxhtmled-textarea {
    
    color: #a5a5a5 !important;
}
.mainpage .feed-post-text-block .feed-post-text
{
	
	padding: 7px 15px 19px 74px;
}
.mainpage .feed-post-block-new .feed-post-text-block
{
	
	padding: 7px 15px 0px 0px;
}

.feed-post-block-new.feed-post-block-short .feed-post-text-block-inner-inner {
   padding-bottom: 0px; 
}

.feed-item-wrap 
{
	/* background-color: rgba(242,246,247, .05); */
	background-color: var(--post-bg);
	/* padding: 26px 20px 20px 32px; */
	padding: 17px 10px 0px 21px;
	padding: 14px 7px 0px 16px;
	border-radius: 15px; 
	margin: 0px 0 22px;
	border: 1px solid #dcdcdc1a;
}

.main-block
{
    
		
	padding: 14px 14px;
	
	margin: 0px 0 22px;
	

    color: #ffffff96;
    /* letter-spacing: -0.01em; */
    font-family: 'Jost', sans-serif;
    font-weight: 200;
    font-size: 20px;
    transition: opacity .5s, transform .5s, height .5s;
    will-change: opacity, transform, height;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    width: 100%;
    
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
    background: linear-gradient(180deg, var(--glass1), var(--glass2));
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .09);
}

.user_profile_top_list.feed-item-wrap
{
	padding: 17px 0px 19px 0px;
}
#main_chats.new_chats .tab_new_chats, #main_chats.top_chats .tab_top_chats {
    color: #b9b9b9;
    cursor: default;
    border-bottom: 1px solid #9b6b42;
    padding-bottom: 14px;
}

.feed-com-files {
	margin: 0px 15px 15px 0px;
	padding: 0 0px 0 70px;
	overflow: visible;
}

.feed-post-cont-wrap
{
	margin-bottom: 0px;
   /* padding: 29px 18px 0 19px; */
	padding: 7px 18px 1px 8px;
   position: relative;
   width: 100%;
   box-sizing: border-box;
}

.feed-post-block .feed-user-avatar {
	left: 4px;
	position: absolute;
	top: 6px;
}
.feed-post-title-block {
	position: relative;
	color: #7f7f7f;
	font-size: 14px;
	line-height: 16px;
	min-height: 23px;
	padding: 0px 45px 4px 45px;
	z-index: 11;
	display: inline-block;
	font-family: 'Jost', sans-serif;
}

.feed-post-time-wrap .feed-time {
    display: inline-block;
    font-size: 12px;
    background: none;
    padding-left: 0;
  /*   color: #ffffff99 !important; */
    color: var(--color-feed-post) !important;
    font-family: 'Jost', sans-serif;
}
.feed-comments-block {
	border-radius: 1px;
	margin: 10px 28px 17px 68px;
	position: relative;
}

.feed-post-block-new .feed-post-informers .feed-post-informers-cont,
.feed-post-block-short .feed-post-informers-cont,
.feed-post-block-separator .feed-post-informers-cont,
.feed-post-informers-cont, .feed-post-block.feed-post-block-pinned .feed-post-informers-cont 
{
	border-top: 1px #c1c1c129 solid;
/*	min-height: 23px;*/
	padding-top: 14px;
	
}

.feed-post-informers .feed-post-time-wrap {
	line-height: 12px;
	padding-left: 14px;
	position: static;
	top: 15px;
}

.feed-inform-ilike .bx-you-like-button a, .feed-inform-ilike .bx-you-like-button a:hover, .feed-post-emoji-control-active .bx-you-like-button a.bx-ilike-text,
.feed-com-informers-bottom .bx-you-like-button a, .feed-com-informers-bottom .bx-you-like-button a:hover
{
	color: #7f8893;
}

.feed-com-block {
	display: flex;
	position: relative;
	margin: 16px 0 7px 61px;
	min-height: 40px;
	border-radius: 29px;
	max-width: calc(100% - 60px);
}
.feed-com-main-content {
    position: relative;
    padding: 7px 21px 7px 15px;
    max-width: 820px;
    border-radius: 23px;
    background-color: #edf1f317;
    box-sizing: border-box;
    overflow: hidden;
}
.feed-post-block-grat, .feed-post-item.feed-post-item-title, .feed-info-block .feed-post-item.feed-post-item-title {
	/* padding-top: 0; */
	/* padding-bottom: 16px; */
	padding: 7px 75px;
}
.feed-com-text {
	clear: both;
	font-size: 13px;
	line-height: 18px;
	margin-right: -21px;
	overflow: hidden;
	position: relative;
	color: #a0a5ad;
}
.feed-post-block.feed-wrap, .feed-item-wrap {
	/* color: #7f7f7f; */
	color: #ffffff96;
    /* letter-spacing: -0.01em; */
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 20px;
	transition: opacity .5s,transform .5s,height .5s;
	will-change: opacity,transform,height;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	width:100%;
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	
	background: linear-gradient(180deg, var(--glass1), var(--glass2));
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .09);
}
.page_info {
	/* color: #7f7f7f; */
	color: #ffffff96;
    /* letter-spacing: -0.01em; */
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 20px;
	transition: opacity .5s,transform .5s,height .5s;
	will-change: opacity,transform,height;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	width:100%;
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	background-color: rgba(242, 246, 247, .05); */
    background-color: var(--post-bg);
    padding: 26px;
    border-radius: 15px;
    margin: 0px 0 22px;
    border: 1px solid #dcdcdc1a;
}
.page_info_title{
	font-weight: 900;
    color: rgba(242, 246, 247, 1);
    font-size: 16px;
    margin-bottom: 5px;
	width:100%;
	text-align:center;
}
.page_info_text
{
	margin: 17px 0;
    line-height: 24px;
}
.feed-com-files-cont
{
	padding: 0;
	/* height: 300px; */  
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	overflow: visible;
}

.feed-com-files-cont.feed-com-files-count-2 .feed-com-files-photo{
	width:50%;
}

.feed-com-files-cont.feed-com-files-count-2 .logo-photo-num-1 img{
	border-radius:10px 0 0 10px;
}
.feed-com-files-cont.feed-com-files-count-2 .logo-photo-num-2 img{
	border-radius:0px 10px 10px 0px;
}

.feed-com-files-cont.feed-com-files-count-3 .feed-com-files-photo{
	width:33%;
}
.feed-com-files-cont.feed-com-files-count-3 .logo-photo-num-1 img{
	border-radius:10px 0 0 10px;
}
.feed-com-files-cont.feed-com-files-count-3 .logo-photo-num-2 img{
	border-radius:0px;
}
.feed-com-files-cont.feed-com-files-count-3 .logo-photo-num-3 img{
	border-radius:0px 10px 10px 0px;
}

.feed-com-files-cont.feed-com-files-count-4 .feed-com-files-photo{
	width:50%;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-1 img{
	border-radius:10px 0 0 0px;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-2 img{
	border-radius:0px 10px 0 0;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-3 img{
	border-radius:0px 0px 0px 10px;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-4 img{
	border-radius:0px 0px 10px 0px;
}

.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-1{
	border-radius:10px 0 0 0px;
	width:50%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-1 img{
	border-radius:10px 0 0 0px;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-2{
	border-radius:0px 10px 0 0;
	width:50%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-2 img{
	border-radius:0px 10px 0 0;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-3{
	border-radius:0px 0px 0px 10px;
	width:33.3%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-3 img{
	border-radius:0px 0px 0px 10px;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-4{
	border-radius:0px;
	width:33.3%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-4 img{
	border-radius:0px;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-5{
	border-radius:0px 0px 10px 0px;
	width:33.3%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-5 img{
	border-radius:0px 0px 10px 0px;
	
}
.feed-post-text-block-inner {
	min-height: 47px;
	max-height: 750px;
	max-width: 867px;
	overflow: hidden;
	word-wrap: break-word;
}

.feed-post-text-more {
	position: absolute;
	top: 726px;
	left: 0;
	height: 45px;
	width: 100%;
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.5) 10px,rgba(255,255,255,1) 20px);
	background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5) 10px,rgba(255,255,255,1) 20px);
	z-index: 3;
	cursor: pointer;
}

.feed-post-text-block-inner-inner {
	overflow-x: hidden;
}

.feed-com-files-photo, .feed-post-text-block-inner-inner img {
	border: 0px;
	border-radius: 10px;
	width: 100%;
	object-fit: contain;
	cursor: pointer;
	box-shadow: 0px 2px 12px 1px #00000033;	
	/* filter: grayscale(30%); */
	/* -webkit-box-shadow: 0px 28px 42px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 28px 42px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 28px 42px 10px rgba(0, 0, 0, 0.2); */

}

.feed-com-files-cont .feed-com-files-photo 
{
	height: auto;
    width: 100%;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.feed-com-files-photo-text
{
	display:none;
	width: 100%;
    height: auto;
    bottom: 0px;
    left: 0%;
    padding: 15px;
    position: absolute;
    font-size: 19px;
    font-weight: 500;
	text-align: center;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
}
.ui-viewer-inner-content {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: baseline;
	justify-content: center;
}
.ui-viewer-inner-content-wr-img
{
	height: auto;
    width: auto;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
	align-self: center;
	justify-content: center;
}
.ui-viewer-inner-textonimage-full
{
	width: 100%;
    height: auto;
    bottom: 0px;
    left: 0%;
    padding: 15px 50px;
    position: absolute;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    text-wrap: balance;
    line-height: 21px;
}
.feed-post-user-name:link, .feed-post-user-name:visited, .feed-post-user-name:active {
	color: #65819d;
	text-decoration: none;
}

.feed-add-post-form-variants span, .feed-add-post-strings-blocks
{
	display: none;
}

.ui-btn-primary {
	--ui-btn-background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);

	--ui-btn-background-hover: linear-gradient(124deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	--ui-btn-background-active: #eb4715;
	--ui-btn-border-color: #aba196;
	--ui-btn-border-color-hover: #e76943;
	--ui-btn-border-color-active: #e14d14;
	--ui-btn-color: #fff;
	--ui-btn-color-hover: #fff;
	--ui-btn-color-active: #fff;
}

.feed-post-block-new .feed-post-cont-wrap {
	background-color: #fbfbfb00;
}

.feed-post-item {
	color: #c8cdd4;
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	padding: 12px 0 1px;
	text-shadow: 0 1px 0 rgb(255 255 255 / 0%);
	vertical-align: top;
}

.feed-post-title {
	border-bottom: 1px solid transparent;
	color: #a0a5ad !important;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}
.feed-post-block-pin .feed-post-pin
{
	display: none;
}

.sonet-blog-menu a
{
	display: none;
	
}

.user_profile_one_post_title {
	font-size: 16px;
	font-weight: 900;
	color: rgba(242,246,247, .5);
	float: none; 
	margin: 9px 5px 30px;
	
}

.feed-com-avatar {
	position: absolute;
	top: 2px;
	left: -44px;
	overflow: hidden;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
}
.feed-com-add-box-outer .feed-com-avatar img
{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
}
.feed-com-add-box-outer .feed-com-avatar
{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
	border: solid 1px var(--border-user-avatar);
}
.feed-com-block .feed-com-avatar img
{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
}
.feed-com-block .feed-com-avatar
{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
	border: solid 1px var(--border-user-avatar);
}
.feed-add-post-destination-icon {
	background-image: none;
	display: inline-block;
	height: auto;
	margin: 0 2px;
	position: static;
	vertical-align: middle;
	width: auto;
	transform: none;
	/* background-color: rgba(255, 255, 255, 0.514);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+ICA8cGF0aCBmaWxsPSIjNTM1QzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTAuNzUsMTcuMjUgTDE5NiwxNy4yNSBMMTk2LDE5IEwxOTAuNzUsMTkgTDE4OSwxOSBMMTg5LDEyIEwxOTAuNzUsMTIgTDE5MC43NSwxNy4yNSBaIiBvcGFjaXR5PSIuMzI5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDk0LjkyOSA1MC4wNTcpIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+ICA8cGF0aCBmaWxsPSIjNTM1QzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTAuNzUsMTcuMjUgTDE5NiwxNy4yNSBMMTk2LDE5IEwxOTAuNzUsMTkgTDE4OSwxOSBMMTg5LDEyIEwxOTAuNzUsMTIgTDE5MC43NSwxNy4yNSBaIiBvcGFjaXR5PSIuMzI5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDk0LjkyOSA1MC4wNTcpIi8+PC9zdmc+);
	 background-repeat: no-repeat; */
	/* filter: invert(48%) sepia(94%) saturate(2476%) hue-rotate(211deg) brightness(139%) contrast(88%); */
	filter: none;
	color: currentColor;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}
.feed-add-post-destination-icon::before {
	content: '•';
}

.feed-add-post-destination-new, .feed-post-link-new:link, .feed-add-post-destination-new:link, .feed-post-link-new:visited, .feed-add-post-destination-new:visited, .feed-post-link-new:hover, .feed-post-link-new:active, .feed-add-post-destination-new:active {
	border-bottom: 1px solid transparent;
	color: #65819d;
	line-height:14px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	vertical-align: middle;
}
a.feed-add-post-destination-new:hover{
	text-decoration: none;
	border-bottom: 1px solid;
	color: #65819d;
}
.feed-post-user-name,.feed-post-user-name:link, .feed-post-user-name:visited, .feed-post-user-name:active {
	border-bottom: 1px solid transparent;
	color: #7f7f7f;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin: 0 4px 0 0;
	vertical-align: middle;
	line-height: normal;
	border-bottom: 1px solid #ffffff4a;
	/* text-transform: lowercase; */
    line-height: 14px;
	font-family: 'Jost', sans-serif;
}

a.feed-post-user-name {
	border-bottom: 1px solid #ffffff4a;
}

a.feed-post-user-name:hover {
	border-bottom: 1px solid #ffffffa3;
}

.feed-add-post-form-variants {
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	min-height: 40px;
	padding: 0 10px 0 23px;
	position: relative;
}

.feed-post-informers-cont a:hover {
	color: #a8adb4;
	
}

.feed-post-informers {
    
    padding: 0 16px 1px 85px;
}
.nologin .feed-post-informers {
    
    display:none;
}
.bx-contentview-popup-name-new.contentview-name {
	height: 32px;
	display: block;
	text-decoration: none;
	cursor: auto;
	padding: 10px 0 9px 0;
	/* font: 13px "Helvetica Neue",Arial,Helvetica,sans-serif; */
	color: #525c69;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 8px 9px 8px;
	max-width: 190px;
}
.popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content {
    background: none;
}
#bx-messenger-iframe .popup-window-close-icon:hover, #bx-messenger-command .popup-window-close-icon:hover, #bx-messenger-popup-history .popup-window-close-icon:hover, #bx-messenger-popup-messenger .popup-window-close-icon:hover {
    background-color: #c1c5c8;
    width: 23px;
    height: 23px;
    right: -12px!important;
    top: -12px !important;
    opacity: 1;
}
.popup-window-content
{
	border-radius:5px;
}
/*********main page*********/
.feed-filter-fake-cont
{
	display: none;
    min-height: 0px;
}
.feed-new-message-informer-place {
    height: 22px;
    position: relative;
    z-index: 140;
}
.mainpage .main_page_center_block .bookmarks
{
	display:flex;
	flex-wrap: wrap;
	margin: 40px 0 0;
	padding: 24px 20px 18px
}
.mainpage .main_page_center_block .bookmarks .bookmarks_icon_wr
{
	font-size: 12px;
    background-color: #252b304f;
    padding: 5px 11px;
    border-radius: 6px;
    color: #dddddd;
    font-weight: 700;
    margin: -6px 12px 0px 0;
    display: flex;
    line-height: 28px;
}

.mainpage .main_page_center_block .bookmarks .bookmarks_icon
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/bookmark_c.svg);
    width: 20px;
    height: 30px;
}

.mainpage .main_page_center_block .bookmarks .bookmark_row
{
	display: flex;
    /* width: 100%; */
    height: 30px;
    line-height: 12px;
    font-size: 12px;
    color: #ccc;
}

.mainpage .main_page_center_block .bookmarks .bookmark_row img
{
	width:25px;
	height:25px;
	border-radius: 7px;
    display: inline-block;
	filter: brightness(0.8) sepia(44%) grayscale(33%);
}
.mainpage .main_page_center_block .bookmarks .bookmark_row a
{
	line-height: 22px;
    padding: 3px 5px;
}


.main_page_left_block{
	width: calc(20%);
    margin: 70px 22px 0 0;
}
.main_page_center_block{
	width: calc(100%);
	/* margin: 0px 22px 0 0; */
}
.main_page_right_block{
	width: calc(35%);
	max-width: 442px;
}

.main_page_block_item
{
	padding: 31px 40px 35px 32px;
    width: 100%;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    margin: 0 0 22px 0;
}

.main_page_block_item.news_list
{
	margin: 69px 0px 0px 0;
    right: 35px;
    /* position: relative; */
}

.main_page_block_item.news_list.idea_block
{
	margin: 22px 0px 0px 0;
    right: 35px;
    /* position: relative; */
}

.main_page_block_item.news_tasks
{
	margin: 40px 0px 0px 0;
    right: 35px;
    position: relative;
}

.main_page_left_block .main_page_block_item
{
	
    /* border: 2px solid #c0cbe917;
	background-color: rgb(242 246 247 / 0%); */
	padding:22px;
   
}

.main_page_left_block .main_page_block_item .tags
{
	display:flex;
	flex-direction: column;
}

.main_page_left_block .main_page_block_item .tags .tag
{
	font-size: 12px;
    line-height: 17px;
    margin: 3px 0px 3px;
    color: #b2b7c3;
    padding: 2px 0px;
    width: auto;
    display: inline;
}

.main_page_left_block .main_page_block_item .tags .tag:hover
{
	color:#c6cee1;
}
.main_page_block_item .bookmark_movie_list_title
{
	font-size: 12px;
    font-weight: 700;
   /*  color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 0px 0 16px;
}

.main_page_block_item .bookmark_movie_list_item 
{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 40px;
	justify-content: space-between;
	align-content: baseline;
	margin: 0 0 13px 0;
}
.main_page_block_item .bookmark_movie_list_item .title
{
	font-size: 11px;
    /* font-weight: 700; */
    /* color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 0px 0 0 7px;
    line-height: 14px;
}
.main_page_block_item .bookmark_movie_list_item .subtitle
{
	font-size: 12px;
    font-weight: 400;
    /* color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 0px 0 0 7px;
}
.all_bookmarks
{
	font-size: 12px;
    font-weight: 400;
    /* color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 18px auto 0;
    text-decoration: underline;
    display: block;
    text-align: center;
    width: 100%;
}
.main_page_block_item .bookmark_movie_list_item .img_wr
{
	height: 100%;
}
.main_page_block_item .bookmark_movie_list_item img
{
	width: 25px;
	border-radius: 3px;
	
	margin-right: 3px;
}

.main_page_block_item .news_list_title
{
	font-size: 16px;
    font-weight: 900;
   /*  color: rgba(242,246,247, 55%); */
    color: #647c96;
    margin: 0px 0 16px;
}
.main_page_block_item .news_list_time img{
	display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    /* line-height: 15px; */
    margin: 2px 6px -7px 0px;
}
.main_page_block_item .news_list_time{
	
	font-size: 12px;
    font-weight: normal;
    color: #b5b5b5;
    margin: 16px 0 5px;
    border-top: 1px #505360b5 solid;
    padding: 9px 0 0;
}
.main_page_block_item .news_list_text
{
	font-size: 12px;
    font-weight: normal;
	color: #8e929b;
    line-height: 18px;
}
.person_top_main
{
	display:flex;
	width:100%;
	height: 66px;
    margin: 0px 0 18px;
    justify-content: space-between;
    overflow: hidden;
}
.person_top_main img
{
	position: relative;
	width: 66px;
	height: 66px;
	margin: 0 15px 6px 0;
	padding: 3px;
	object-fit: cover;
	/* opacity: 0.8; */
	border-radius: 23px;
	/*  box-shadow: inset 0 3px 3px 0 rgba(255, 255, 255, 0.16); */
	/*  border: solid 1px rgb(222, 162, 88); */
	border: solid 1px rgb(251 176 59 / 25%);
}
.person_top_main img:hover, .btn_add_person:hover
{
	filter: grayscale(0%);
    opacity: 100%;
    box-shadow: 0px 15px 20px 10px rgb(15 23 40 / 20%);

}
.person_top_main .open_all_characters p
{
	width: 100%;
    margin: -30px 0 0;
    font-size: 20px;
}
.person_top_main .open_all_characters
{
	
    border: solid 2px rgb(255 255 255 / 8%);
    /* position: relative; */
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 23px;
    color: #ccc;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-wrap: wrap;
    /* padding: 11px 0 0; */
    background: no-repeat right 6px center url(/local/templates/personcat/images/main_arrow.svg);
    width: 63px;
    height: 64px;
    background-color: rgb(38 40 49 / 39%);
    opacity: 0.6;
    background-size: 79%;
}
.btn_add_person
{
	/* position: relative;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 18px;
	border:2px dotted #ccc;
    margin: 0 5px 0 0; 
    opacity: 88%;
    box-shadow: 0px 7px 15px 0px rgb(15 23 40 / 50%);
	cursor: pointer;
    font-size: 38px;
    line-height: 44px;
    text-align: center;
    font-weight: normal; */
	border-radius: 35px;
	width: 60px;
	height: 60px;
	margin: 4px 15px 0 0;
	padding: 21px 20px 20px 21px;
	box-shadow: 0 3px 6px 0 var(--black-16), inset 0 3px 3px 0 rgba(255, 255, 255, 0.16);
	border: solid 2px rgb(255 255 255 / 8%);
	opacity: 0.7;
	position: relative;
	background-color: rgba(255, 255, 255, 0.1);
}
.btn_add_person:before{
   z-index: 1;
    position: absolute;
    left: 17px;
    top: 9px;
    content: ' ';
    opacity: 0.7;
    background: no-repeat right 17px center url(/local/templates/personcat/images/Add_person.svg);
    width: 38px;
    height: 39px;
}

/* Person list: blue "Add character" button (same style as welcome CTA) */
.person-add-btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(59,111,224,0.12);
	border: 1px solid rgba(59,111,224,0.45);
	color: #cdd8f5;
}
.person-add-btn:hover{
	background: rgba(59,111,224,0.18);
	border-color: rgba(59,111,224,0.65);
	color: #e4ecff;
}
.person-add-btn__icon{
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: url(/local/templates/personcat/images/Add_person.svg) no-repeat center / contain;
	display: inline-block;
	position: relative;
	opacity: 0.95;
}

/*******messenger***********/
.bx-notifier-panel-doc
{
	position: static;
    -webkit-transform: none;
    transform: none;
	display: inline-block;
	box-shadow: none; 
    max-width: 307px;
    background: none;
	padding: 8px 0;
	
}

.bx-notifier-panel .bx-notifier-panel-center {
    display: inline-block;
    height: 38px;
    /* vertical-align: top; */
    padding-top: 5px;
    /* border: 1px solid #08080821; */
    padding: 4px 9px 2px 20px;
    /* line-height: 2px; */
    border-radius: 12px;
    margin: -10px 0 0px;
   /*  background-color: #0000000a; */
   width: 129px;
}

.bx-messenger-dark .bx-messenger-box-extra {
    background-color: #313131 !important;
	border-radius: 8px 0px 8px 8px;
	background-color: #393c4c !important;
    background: linear-gradient(0deg, #323544 0%, rgb(55 85 122 / 0%) 100%);
}

.bx-messenger-dark.bx-messenger-mark, .popup-window-dark.bx-messenger-mark {
    background: #3d3d3d !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
    border-radius: 8px;
}
.popup-window-content-white .popup-window-content {
    background-color: #2c242400;
    border-radius: 3px;
}
#bx-messenger-command, #bx-messenger-iframe, #bx-messenger-popup-history, #bx-messenger-popup-messenger {
    padding: 2px;
    background: #00ffff00;
}
/*список диалогов*/
.bx-messenger-dark .bx-messenger-box-contact {
    background-color: #393c4c !important;
    background: linear-gradient(0deg, #323544 0%, rgb(55 85 122 / 0%) 100%);
	border-right: 2px solid #404040;
	border-radius: 8px 0px 0px 8px;
}
.bx-messenger-custom-scroll div::-webkit-scrollbar {
    width: 4px;
}
.bx-messenger-dark ::-webkit-scrollbar {
    width: 13px;
    background-image: none !important;
    background-color: #56596700!important;
}
.bx-messenger-dark ::-webkit-scrollbar-thumb {
    border-width: 10px 11px 8px 9px;
    background-color: rgb(88 93 104);
	border: 0px;
}
.bx-messenger-dark ::-webkit-scrollbar-thumb:hover {
   /*  background: #3131bf00; */
   border: 0px;
}

.bx-messenger-dark *::-webkit-scrollbar-track {
    background: #3131bf00;
	 border: 0px;
}
.bx-messenger-dark *::-webkit-scrollbar-track:hover {
    background: #3131bf00;
	 border: 0px;
}
.bx-messenger-input-search-create,.bx-messenger-input-search-create-short,
.bx-messenger-chatlist-group-add
{
	display:none;
}

.bx-messenger-dark .bx-messenger-body-bg {
    background: none;
    background-color: #343745  !important;
}
.bx-messenger-dark .bx-messenger-body-dialog {
    background-color: #31313100 !important;
}
.bx-messenger-dark .bx-messenger-box-dialog {
    color: #bdc3c7;
    background-color: #a1515100;
}
.bx-messenger-dark.bx-messenger-mark, .popup-window-dark.bx-messenger-mark {
    background: #353947 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
    border-radius: 8px;
}
.bx-messenger-dark.bx-messenger-mark, .popup-window-dark.bx-messenger-mark {
    background: #343747 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
}
/*верхняя панель в диалоге с именем юзера*/
.bx-messenger-dark .bx-messenger-box-dialog .bx-messenger-panel {
    color: #c5c5c5;
    border-left: 2px solid rgba(255, 255, 255, 0.03) !important;
    background-color: #31313100 !important;
    border-bottom-color: #505152;
}
/*панель где вводим сообщение*/
.bx-messenger-dark .bx-messenger-textarea, .bx-messenger-dark .bx-messenger-textarea-place {
    background-color: #343746 !important;
    border-top: 1px solid #505152;
    border-radius: 0 0 8px 0;
}
/*скрыть звонки, пригласить в чат*/
.bx-messenger-panel-call-enabled, .bx-messenger-panel-call-disabled {
    display: none;
    height: 30px;
    float: right;
    margin-right: 8px;
    margin-top: 20px;
    position: relative;
}
.bx-messenger-panel-call-phone,
.bx-messenger-panel-call-menu,
.bx-messenger-panel-call-video,
.bx-messenger-panel-call-audio,
.bx-messenger-cl-panel-status-wrap,
.bx-messenger-panel-history,
.bx-messenger-panel-button.bx-messenger-panel-history,
.bx-messenger-panel-button.bx-messenger-panel-mute,
.bx-messenger-panel-mute,
.bx-messenger-textarea-icon.bx-messenger-textarea-mention,
.bx-messenger-textarea-icon.bx-messenger-textarea-command,
.bx-messenger-textarea-mention,
.bx-messenger-textarea-command,
.bx-messenger-panel-button.bx-messenger-panel-call-video,
.bx-messenger-panel-button.bx-messenger-panel-call-audio,
.bx-messenger-panel-button-box.bx-messenger-panel-call-hide,
.bx-messenger-panel-button-box.bx-messenger-panel-call-enabled,
.bx-messenger-panel-button-box.bx-messenger-panel-call-disabled,
.bx-messenger-panel.bx-messenger-context-call,
.bx-messenger-call-overlay,
.bx-messenger-call-overlay-show,
.bx-messenger-call-float,
.bx-messenger-call-float-video,
#bx-messenger-call-notify,
#bx-messenger-call-access {
	display: none !important;
}

/* Кнопка настроек в списке чатов должна быть кликабельной */
.bx-messenger-cl-panel-settings-wrap {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}
.bx-messenger-cl-panel-right-wrap {
	position: relative !important;
	z-index: 5 !important;
}

/* Скрыть вкладку "Приватность" в настройках */
.bx-messenger-settings-tab[data-name="privacy"] {
	display: none !important;
}
.bx-messenger-settings-tab-active[data-name="privacy"] {
	display: none !important;
}
/* Скрыть саму таблицу/контент приватности */
.bx-messenger-settings-table-style-privacy,
#bx-messenger-settings-table-privacy,
[data-name="privacy"].bx-messenger-settings-table {
	display: none !important;
}

/* Вернуть меню у сообщений (удалить/изменить) */
.bx-messenger-content-item-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 5 !important;
	position: absolute !important;
	top: 6px !important;
	right: 6px !important;
}
/* вернуть стандартное положение меню у своих сообщений (слева) */
.bx-messenger-content-item-1 .bx-messenger-content-item-menu {
	right: auto !important;
	left: -37px !important;
}
/* чтобы иконка меню не терялась */
.bx-messenger-content-item {
	position: relative !important;
}
/* не прячем меню в гостевых/первичных чатах */
.bx-messenger-chat-general-first-open .bx-messenger-content-item-menu,
.bx-messenger-chat-guest .bx-messenger-content-item-menu {
	display: block !important;
	opacity: 1 !important;
}
/* Выпадающее меню (редактировать/удалить) — гарантируем видимость, когда создано */
.bx-messenger-popup-menu,
.popup-window.bx-messenger-popup-menu {
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 999999 !important;
}

/* Настройки мессенджера: никогда не скрывать */
#bx-messenger-popup-settings {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 999999 !important;
}
#bx-messenger-popup-settings .popup-window-content {
	overflow: auto !important;
	max-height: calc(100vh - 80px) !important;
}

/* extra-панель: управление через режимы (notify/диалог) */

/* добиваем конкретно эти кнопки в попапе (на случай переопределений Bitrix) */
#bx-messenger-popup-messenger .bx-messenger-panel-button.bx-messenger-panel-history,
#bx-messenger-popup-messenger .bx-messenger-textarea-icon.bx-messenger-textarea-command {
	display: none !important;
}

#bx-messenger-popup-messenger .bx-messenger-panel-button.bx-messenger-panel-mute,
.popup-window-content-bx-messenger-popup-messenger .bx-messenger-panel-button.bx-messenger-panel-mute {
	display: none !important;
}

/* тот же запрет, но максимально специфично (чтобы перебить любые стили/инлайны) */
#bx-messenger-popup-messenger .bx-messenger-box .bx-messenger-panel.bx-messenger-context-call,
#bx-messenger-popup-messenger .bx-messenger-box-dialog .bx-messenger-panel.bx-messenger-context-call,
#bx-messenger-popup-messenger .bx-messenger-panel.bx-messenger-context-call.bx-messenger-hide {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}
.bx-messenger-dark .bx-messenger-panel-chat {
    color: #c1c1c1 !important;
    display: none;
}
.bx-messenger-popup-menu .bx-messenger-popup-menu-items .bx-messenger-menu-hr { 
	display:none;
}
/* .bx-messenger-content-item-text-center
{
	font-family: 'Jost', sans-serif;
} */
.bx-messenger-dark .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-ol-output .bx-messenger-content-item-content {
    border-radius: 14px;
}
.popup-window-dark .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-content, .popup-window-dark .bx-messenger-content-item-ol-output .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-ol-output .bx-messenger-content-item-content {
    /* background-color: #7e4152; */
    border: 0px solid #696969;
    color: #dededf;
    background: linear-gradient(121deg, #954a5e 0%, rgb(165 123 66) 100%);
	background: linear-gradient(177deg, #af2c4f 0%, rgb(131 51 99) 100%);
	background: linear-gradient(177deg, #e9441f 0%, rgb(147 27 65) 100%);
	background: linear-gradient(177deg, #af2c4f61 0%, rgb(131 51 99 / 85%) 100%);
    /* background: radial-gradient(circle at top left, rgb(193 56 92) 0%, rgb(149 74 94) 65%); */
}
.popup-window-dark .bx-messenger-content-item-1 .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-1 .bx-messenger-content-item-content {
    background-color: #3e3e3e;
    border: 1px solid #505050;
    color: #bbb0b0;
    background: linear-gradient(177deg, #0a0f20 0%, rgb(48 17 36) 100%);
}
.bx-messenger-panel-button.bx-messenger-panel-menu,.bx-messenger-panel-button.bx-messenger-panel-chat
{
	display:none!important;
}


.bx-messenger-popup-menu-item-icon.bx-messenger-menu-video::parent
{
	display:none;
}
.bx-messenger-dark.bx-messenger-mark .bx-messenger-cl-item:hover, .popup-window-dark.bx-messenger-mark .bx-messenger-cl-item:hover {
    background-color: #58585854 !important;
}

.bx-messenger-settings-tabs [data-name="hardware"]
{
	visibility: hidden;
}
.bx-messenger-cl-avatar-img {
    display: inline-block;
    width: inherit;
    height: inherit;
    border: 0;
    border-radius: 35%;
    background: #fff;
    position: relative;
    z-index: 10;
    background-size: cover;
}
.bx-messenger-panel-avatar-img {
    display: inline-block;
    width: inherit;
    height: inherit;
    border: 0;
    border-radius: 35%;
    transition: box-shadow 1s ease 0s;
    position: relative;
    z-index: 10;
}
.bx-notifier-notify .bx-notifier-indicator-icon{
    
    background: no-repeat center/80% url(/local/templates/personcat/images/Notification.svg);
	width: 27px;
    height: 33px;
   /*  -webkit-filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5));
    filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5)); */
	opacity: 0.4;
}
.bx-notifier-notify.bx-notifier-notify-new .bx-notifier-indicator-icon {
    
   /*  background: no-repeat center/80% url(/local/templates/personcat/images/Notification.svg);
	width: 27px;
    height: 33px;
    -webkit-filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5));
    filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5)); */
}
.bx-notifier-notify:hover .bx-notifier-indicator-icon {
   background: no-repeat center/80% url(/local/templates/personcat/images/Notification.svg);
}
.bx-notifier-indicator .bx-notifier-indicator-count {
    height: 50px;
    color: #ffffff;
   /*  top: 25px;
    left: -14px; */
    position: relative;
}
.bx-notifier-message,.bx-notifier-notify
{
	position:relative;
}
.bx-notifier-message-new::after
{
	position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    /* margin: 5px 30px 21px 44px; */
   /*  border: solid 2px var(--post-bg);
    background-color: rgb(247 166 43);
    border-radius: 50%; */
    background: no-repeat center/80% url(/local/templates/personcat/images/indicator2.svg);
    top: 0px;
    left: 14px;
}
.bx-notifier-notify-new::after
{
	position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    /* margin: 5px 30px 21px 44px; */
	/* border: solid 2px var(--post-bg);
    background-color: rgb(247 166 43);
    border-radius: 50%;  */
	background: no-repeat center/80% url(/local/templates/personcat/images/indicator2.svg);
    top: -1px;
    left: 12px;
}

.bx-notifier-message.bx-notifier-message-new .bx-notifier-indicator-icon 
{
	/* background: no-repeat center/80% url(/local/assets/images/new_message_icon.svg);
	width: 29px;
    height: 34px;
    -webkit-filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5));
    filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5)); */
}
.bx-notifier-message .bx-notifier-indicator-icon 
{
	background: no-repeat center/80% url(/local/templates/personcat/images/Chats.svg);
	width: 29px;
    height: 34px;
	opacity: 0.4;
}
.bx-notifier-message:hover .bx-notifier-indicator-icon 
{
	background: no-repeat center/80% url(/local/templates/personcat/images/Chats.svg);
}
.bx-notifier-message-new:hover .bx-notifier-indicator-icon {
   /*  background-position: 2px 10px; */
}

.bx-notifier-indicator .bx-notifier-indicator-count 
{
    padding-left: 1px;
	display:none;
}
.bx-notifier-indicator {
    outline: none;
    display: inline-block;
    text-decoration: none;
    padding-left: 0px; 
    padding-right: 0px; 
    margin-right: 24px;
    height: 21px;
    cursor: pointer;
}

.bx-notifier-indicators .bx-notifier-indicator.bx-notifier-mail.bx-notifier-hide
{
	display:none;
}

.logo_text_mobile
{
	display:none;
}
.ui-viewer-inner
{
	max-width:100%;
}
.ui-viewer-inner-content-wrapper > * {
	display: inline-block !important;
	overflow: auto;
	vertical-align: middle !important;
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
}
.feed-buttons-block
{
	height:auto;
}
.feed-notice-block, .feed-buttons-block {
    
     opacity: 1 !important;
}
.feed-add-post-content-message-add-ins
{
	background: #fff;
    padding: 18px;
}
.blog-post-user-fields-text input{
	border: 1px solid #8f8f8f;
	background: #fff;
	color: #000;
	padding: 8px 10px;
	width: 100%;
}
.blog-post-user-fields-text
{
	color:#000;
	line-height: 23px;
}
.all_bloks_styles
{
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}
#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 14px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	z-index: 9999;
	gap: 10px;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
	font-size: 14px;
	line-height: 22px;
}

.cookie_accept{
    width: 81px;
    border: 1px solid #6d6d6d;
    border-radius: 3px;
    color: #000000;
    padding: 0 5px;
    text-align: center;
    background: #a8d2ff;
    font-size: 13px;
    margin: 5px 0px;
    height: 25px;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}
@media all and (max-width: 600px) {
	body{
		--body-bg: rgb(13 16 26);
		padding: 0 0 50px;
		width: 100%;
		background-image: none !important;
		background-attachment: scroll !important;
		background-color: var(--body-bg) !important;
	}
	.body_before {
		display: none !important;
		background-image: none !important;
	}
	.content_header {
		max-width: none;
	}
	/* Лента: отключить внутренний скролл колонки на мобиле */
	.content_left_wide {
		overflow: visible;
		height: auto;
		padding-right: 0;
	}
	.char_list_wr_content_filter {
		width: 100% !important;
		max-width: none !important;
		margin: 12px 0 0 !important;
		padding: 10px 12px !important;
		border-radius: 14px !important;
		border: none !important;
	}
	.modern-page-navigation {
		margin: 12px 0 8px !important;
		padding: 8px 10px !important;
		gap: 6px !important;
		border-radius: 12px !important;
	}
	.modern-page-navigation a,
	.modern-page-navigation span {
		min-width: 28px !important;
		height: 28px !important;
		font-size: 11px !important;
		border-radius: 9px !important;
	}
	.char_list_right_block {
		margin-top: 12px !important;
		border-radius: 14px !important;
		padding: 0 !important;
		border: none !important;
	}
	.char_list_right_block .person-list {
		margin: 0 !important;
		padding: 0 !important;
	}
	.char_list_right_block .person-list__item {
		padding: 10px 0 !important;
	}
	.char_list_right_block .person-list__actions {
		grid-column: 1 / -1 !important;
		grid-row: 3 !important;
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		margin-top: 6px !important;
	}
	.char_list_right_block .character-ibox {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		min-height: 34px !important;
		flex: 0 0 34px !important;
	}
	.char_list_right_block .person-list__btn {
		padding: 6px 10px !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		max-width: none !important;
		text-align: center !important;
		min-height: 30px !important;
	}
	.char_list_right_block .person-list__name,
	.char_list_right_block .person-list__sub {
		white-space: normal !important;
		overflow: hidden !important;
		text-overflow: unset !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
	}
	.user_profile_top_list {
		border-radius: 14px !important;
		padding: 10px !important;
		border: none !important;
	}
	.user_profile_top_list .person-list__item {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.user_profile_top_list .person-list__sub,
	.user_profile_top_list .person-list__name {
		white-space: normal !important;
		overflow: hidden !important;
		text-overflow: unset !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
	}
	.user_profile_top_list .person-list__actions {
		flex-wrap: nowrap !important;
		gap: 6px !important;
		align-self: flex-start !important;
	}
	.user_profile_top_list .person-list__btn {
		padding: 6px 10px !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		max-width: none !important;
		text-align: center !important;
		min-height: 30px !important;
	}
	.person_top_main .open_all_characters div
	{
		display:inline-block;
		width:56px;
	}
	.btn_add_person {
		border-radius: 18px;
		width: 56px;
		height: 56px;
		margin: 0 8px 0 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.btn_add_person:before{
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 26px;
		height: 26px;
		background-position: center;
		background-size: contain;
	}
	header 
	{
		padding: 14px 9px 13px;
        width: auto;
        height: 65px;
	}
	.search {
		margin: 0 12px 0 0;
		width:100%;
	}
	.div_logo_header {
		background: none;
		display: flex;
		align-items: center;
	}

	.logo_header_badge{
		font-size: 22px;
		font-family: 'Noto Sans', sans-serif;
		font-weight: 900;
		border: 1px solid #d5763408;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 13px;
		width: 38px;
		height: 38px;
		padding: 0;
		background: linear-gradient(180deg, var(--glass1), var(--glass2));
		color: #e9deccc2;
		margin: -2px 0 0px;
		box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	}
	.logo img {
		width: 45px;
		border-radius: 8px;
		/* height: 45px; */
		/* filter: hue-rotate(-166deg) grayscale(53%) drop-shadow(2px 3px 6px black); */
		position: relative;
		left: -3px;
		top: 2px;
		/* transform: rotate(8deg); */
		margin: 0 5px 0 5px;
	}	
	.logo_text {
		
	}
	.bx-notifier-panel .bx-notifier-panel-center {
		width:auto;
	}
	.bx-notifier-message .bx-notifier-indicator-icon {
		width: 22px;
		height: 34px;
		opacity: 0.4;
	}
	.bx-notifier-message-new::after {
		
		width: 11px;
		height: 17px;
		top: 0px;
		left: 11px;
	}
	.bx-notifier-notify-new::after {
		width: 11px;
		height: 17px;
		top: -1px;
		left: 10px;
	}
	.bx-notifier-notify .bx-notifier-indicator-icon {
		width: 21px;
        height: 32px;
        opacity: 0.4;
        margin: 0px 0 1px;
	}
	.logo_text_mobile
	{
		display:block;
		font-size: 18px;
		color: #F2F6F7;
		opacity: .5;
		font-weight: 900;
		line-height: 38px;
		/* margin: 0 0 0 8px; */
		/* background: linear-gradient(45deg, #faad48 33%, #fd805c 66%, #fd6f63); */
		-webkit-background-clip: text;
		/* -webkit-text-fill-color: transparent; */
		border: 1px solid #9d9d9d;
		padding: 0px 15px;
		border-radius: 11px;
	}
	
	.logo {
		
	}
	.header_right_pack .header_menu .iconmenu {
		
		margin: 0 0 0 0px;
	}
	.header_right_pack .header_menu {
		width:26px;
	}
	.header_right_pack {
		justify-content: center;
		gap: 5px;
	}
	.signed .header_user_pack {
		
	}
	.bx-notifier-panel .bx-notifier-panel-center
	{
		padding: 4px 7px 2px 9px;
	}
	
	.bx-notifier-indicator 
	{
		margin-right: 5px;
	}
	.bx-notifier-indicator.bx-notifier-notify
	{
		margin-right: 8px;
	}
	
	.person_top_main
	{
		overflow-x: auto;
		overflow-y: hidden;
		height: 60px;
		width: 100%;
		padding: 0 2px;
		scrollbar-width: none;
		-ms-overflow-style: none;
		align-items: center;
	}
	.person_top_main::-webkit-scrollbar
	{
		height: 0;
	}
	#main_chats .tabs_content_row {
		width: 100%;
		gap: 14px;
		/* background: #ffffff08; */
		padding: 0px;
		border-radius: 15px;
		display: grid;
		grid-template-columns: 42px auto;
        grid-template-rows: auto 39px;
		height: auto;
	}
	*::-webkit-scrollbar, html *::-webkit-scrollbar {
		height: 0px;
	}
	#main_chats .row_data {
		
		grid-row: 1 / 1;
		grid-column: 2 / 2;
	}
	.person_top_main img 
	{
		width: 56px;
		height: 56px;
		padding: 2px;
		margin: 0 8px 0 0;
		border-radius: 18px;
		border: 1px solid rgb(251 176 59 / 25%);
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	}
	.person_top_main .open_all_characters
	{
		width: 56px;
		height: 56px;
		border-radius: 18px;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-position: center;
		background-size: 60%;
	}

	/* Лента: скрыть "Не следить" и "Ещё" на мобильных */
	.feed-inform-follow,
	.feed-post-more-link {
		display: none !important;
	}
	/* Комментарии: "Ещё" должно оставаться видимым */
	.feed-com-informers-bottom .feed-post-more-link {
		display: inline-flex !important;
	}


	
	/* Блок обсуждений: мобильная версия */
	.main-discussions-block.content_right_tiny_island {
		padding: 0 !important;
        width: calc(100% + 10px) !important;
        /* margin-left: -5px !important; */
        /* margin-right: -5px !important; */
        border-radius: 14px;
	}
	.main-discussions-block .content_right_tiny_island_header {
		padding: 8px 12px !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	}
	.main-discussions-block .user_profile_right_block_title {
		font-size: 15px !important;
		font-family: 'Jost', sans-serif !important;
		font-weight: 600 !important;
		margin: 0 !important;
		line-height: 1.2 !important;
	}
	.main-discussions-block .content_right_tiny_island_header_tabs {
		margin-left: auto !important;
		display: flex !important;
		gap: 4px !important;
		position: static !important;
	}
	.main-discussions-block .content_right_tiny_island_header_tab {
		font-size: 12px !important;
		padding: 4px 10px !important;
		margin: 0 !important;
		border-radius: 999px !important;
		background: transparent !important;
		color: rgba(242, 246, 247, 0.5) !important;
		cursor: pointer !important;
		border-bottom: none !important;
		line-height: 1.2 !important;
	}
	.main-discussions-block #main_chats.new_chats .tab_new_chats,
	.main-discussions-block #main_chats.top_chats .tab_top_chats {
		background: rgba(255, 255, 255, 0.1) !important;
		color: rgba(242, 246, 247, 0.95) !important;
		border-bottom: none !important;
		padding: 4px 10px !important;
		cursor: default !important;
	}
	.main-discussions-block .content_right_tiny_island_body {
		padding: 8px 12px !important;
	}
	.main-discussions-block #main_chats .tabs_content_row {
		padding: 10px 0 !important;
		gap: 10px !important;
		grid-template-columns: 40px 1fr auto !important;
		grid-template-rows: 1fr !important;
		display: grid !important;
		border-radius: 0 !important;
		background: transparent !important;
	}
	.main-discussions-block #main_chats .cat_cover {
		width: 40px !important;
		height: 40px !important;
		border-radius: 10px !important;
	}
	.main-discussions-block #main_chats .row_data {
		grid-row: 1 !important;
		grid-column: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
	}
	.main-discussions-block #main_chats .main_chats_item_header {
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		flex-wrap: wrap !important;
		line-height: 1.3 !important;
	}
	.main-discussions-block #main_chats .tab_content_item_link {
		font-family: 'Jost', sans-serif !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		color: rgba(242, 246, 247, 0.95) !important;
		line-height: 1.3 !important;
	}
	.main-discussions-block #main_chats .author_name {
		font-size: 12px !important;
		color: rgba(242, 246, 247, 0.5) !important;
		line-height: 1.3 !important;
	}
	.main-discussions-block #main_chats .message {
		font-size: 12px !important;
		color: rgba(242, 246, 247, 0.75) !important;
		display: block !important;
	}
	.main-discussions-block #main_chats span.message {
		padding: 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
	}
	.main-discussions-block #main_chats .feed-add-post-destination-icon {
		background-image: none !important;
		display: inline !important;
		width: auto !important;
		height: auto !important;
		margin: 0 3px !important;
		transform: none !important;
		filter: none !important;
		font-size: 14px !important;
		font-weight: 900 !important;
		color: rgba(255, 255, 255, 0.3) !important;
		vertical-align: baseline !important;
		line-height: 1.3 !important;
		position: relative !important;
		top: 2px !important;
	}
	.main-discussions-block #main_chats .feed-add-post-destination-icon::before {
		content: '•';
	}
	.main-discussions-block #main_chats .people_send_message {
		grid-row: 1 !important;
		grid-column: 3 !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 5px 10px !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		font-family: 'Jost', sans-serif !important;
		line-height: 1.2 !important;
		height: auto !important;
		white-space: nowrap !important;
		border-radius: 6px !important;
		align-self: start !important;
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.1) !important;
		color: rgba(242, 246, 247, 0.9) !important;
	}
	
	.feed-new-message-informer-place 
	{
		height: 7px;
	}
	.bx-notifier-indicator .bx-notifier-indicator-count {
		padding-left: 0px;
		margin: 0 1px 0 -1px;
	}
	.feed-comments-block {
		border-radius: 1px;
		margin: 10px 28px 17px 0px;
		position: relative;
	}
	
	.feed-inform-item.feed-post-time-wrap.feed-inform-contentview
	{
		position: relative;
		top: 1px;
	}
	.feed-post-block-short:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap, .feed-post-block-separator:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap,
	.feed-post-informers .feed-post-informers-cont .feed-inform-ilike
	{
		margin: 0px 16px 8px 0px;
		top: 1px;
	}
	.feed-post-block-short:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap, .feed-post-block-separator:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap
	{
		display:none;
	}
	.feed-item-wrap {
		padding: 5px 3px 0px 7px;
		margin: 0px 0 14px;
	}
	.feed-com-files-cont .feed-com-files-photo {
		height: 100%;
		width: 100%;
		margin: 0 0px 0px 0;
	}
	.feed-com-files {
		margin: 0px 9px 15px 0px;
		padding: 0 0px 0 70px;
		overflow: hidden;
	}
	.feed-com-files-photo, .feed-post-text-block-inner-inner img {
		/* height: 333px;
		object-fit: cover; */
	}
	
	.user_profile_left_block {
		
		margin: 12px 0 12px !important;
		padding: 15px !important;
        border-radius: 14px !important;
	}
	.people_send_message{
		width:185px;
		grid-row: 2 / 2;
		grid-column: 2 / 2;
		margin:0;
	}
	.user_profile_text_block {
		margin: 10px 15px;
	}
	.user_dropdown_pack {
		right: -9px;
	}
	.main_log_buttons {
		display: flex;
		width: auto;
		justify-content: flex-start;
		margin: 0px 12px 2px;
		height: 56px;
		border-bottom: 1px solid #c1c1c10f;
		padding: 16px 2px;
		gap: 10px;
	}
	
	.people_wrapper .feed-post-text-block .feed-post-text {
		padding: 5px 7px 21px 71px;
	}
	.catalog_page_info_wrapper {
		padding: 12px;
	}
	.cat_elem_personage .person_name_wr
	{
		padding: 0 0 0 15px;
	}
	.char_bio{
		padding: 0;
	}
	.user_profile_right_block_title{
		font-size: 12px;
	}
	.content_right_tiny_island_header
	{
		font-size: 12px;
        padding: 0 5px;
	}
	.content_right_tiny_island{
		padding:14px;
	}
	.content_right_tiny_island.user_profile_top_list.feed-item-wrap.show_person {
		padding-right: 8px !important;
	}
	.show_movies .movie_tab_content,
	.show_serials .serial_tab_content,
	.show_books .book_tab_content,
	.show_person .person_tab_content,
	.show_all .all_tab_content {
		display: flex !important;
		padding: 21px 0px !important;
		justify-content: space-between !important;
		gap: 16px !important;
	}
	.show_movies .tab_content_item_photo,
	.show_serials .tab_content_item_photo,
	.show_books .tab_content_item_photo {
		width: 96px !important;
		height: 144px !important;
		border-radius: 14px !important;
	}
	.show_movies .tab_content_item,
	.show_serials .tab_content_item,
	.show_books .tab_content_item {
		flex: 0 0 100% !important;
		margin-bottom: 16px !important;
	}
	.show_movies .tab_content_item_link,
	.show_serials .tab_content_item_link,
	.show_books .tab_content_item_link {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
	}
	.show_movies .tab_content_item_desc,
	.show_serials .tab_content_item_desc,
	.show_books .tab_content_item_desc {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
	}
	.show_movies .tab_content_item_desc_name,
	.show_serials .tab_content_item_desc_name,
	.show_books .tab_content_item_desc_name,
	.show_movies .tab_content_item_desc_year,
	.show_serials .tab_content_item_desc_year,
	.show_books .tab_content_item_desc_year {
		white-space: normal !important;
		overflow: hidden !important;
		text-overflow: unset !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
		max-width: 100% !important;
	}
	.page_add_person .char_manage_right_block {
		margin: 12px 0 16px !important;
		padding: 14px !important;
		border-radius: 14px !important;
	}
	.popup-window.ui-avatar-editor__popup {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		left: 12px !important;
		right: 12px !important;
		background: var(--color-bg-body) !important;
		border: 1px solid var(--color-stroke-primary) !important;
		border-radius: 18px !important;
		box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35) !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-content {
		max-height: calc(100vh - 120px) !important;
		overflow: auto !important;
		background: var(--color-bg-body) !important;
		border-radius: 0 0 18px 18px !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-titlebar {
		background: transparent !important;
		border-bottom: 0 !important;
		border-radius: 18px 18px 0 0 !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-titlebar-text {
		color: var(--color-text-primary) !important;
		font-weight: 700 !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
		padding: 16px 16px 20px !important;
		background: transparent !important;
		border-top: 0 !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons > * {
		margin: 0 !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn,
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button {
		min-width: 132px !important;
		height: 42px !important;
		padding: 0 18px !important;
		margin-left: 0 !important;
		border-radius: 12px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn + .ui-btn {
		margin-left: 0 !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn.ui-btn-success,
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button-accept {
		background: var(--color-accent-blue) !important;
		border-color: var(--color-accent-blue) !important;
		color: #ffffff !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn.ui-btn-light-border,
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn.ui-btn-link,
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button-link {
		background: var(--color-bg-glass-1) !important;
		border: 1px solid var(--color-stroke-primary) !important;
		color: var(--color-text-primary) !important;
		box-shadow: none !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button-link {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 132px !important;
		padding: 0 18px !important;
		margin-left: 0 !important;
		text-align: center !important;
		float: none !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__button-layout {
		gap: 10px !important;
		align-items: center !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 16px !important;
		min-width: 108px !important;
		height: 34px !important;
		border: 1px solid var(--color-accent-blue) !important;
		background: var(--color-accent-blue) !important;
		color: #ffffff !important;
		text-align: center !important;
		line-height: 1.2 !important;
		box-shadow: none !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__button + .ui-avatar-editor__button {
		margin-left: 0 !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__button-name {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		color: inherit !important;
		line-height: 1.2 !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__button:hover {
		background: var(--color-accent-blue) !important;
		border-color: var(--color-accent-blue) !important;
		opacity: 0.92;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__upload-link {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 42px !important;
		padding: 0 18px !important;
		border: 1px solid var(--color-accent-blue) !important;
		border-radius: 12px !important;
		background: var(--color-accent-blue) !important;
		color: #ffffff !important;
		text-align: center !important;
		box-shadow: none !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__upload-block {
		background: transparent !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__upload-link:hover {
		background: var(--color-accent-blue) !important;
		opacity: 0.92;
	}
	.ui-avatar-editor__tab-avatar-block {
		flex-wrap: wrap !important;
	}
	.ui-avatar-editor__popup .main-file-input-container {
		width: 100% !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__container {
		width: 100% !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__tab-container {
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		min-width: 0 !important;
		width: 100% !important;
		height: auto !important;
		padding: 12px !important;
		gap: 38px;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__tab-avatar-block {
		min-width: 0 !important;
		width: 100% !important;
		padding: 0 0 12px 0 !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__tab-content-block {
		width: 100% !important;
	}
	.popup-window.ui-avatar-editor__popup .popup-window-content {
		overscroll-behavior: contain !important;
	}
	.ui-avatar-editor__popup .ui-avatar-editor__tab-avatar-block,
	.ui-avatar-editor__popup .main-file-input-tab-avatar-block,
	.ui-avatar-editor__popup .main-file-input-tab-avatar-inner,
	.ui-avatar-editor__popup .main-file-input-tab-avatar-image-item,
	.ui-avatar-editor__popup .main-file-input-tab-avatar-image-item * {
		pointer-events: auto !important;
		touch-action: none !important;
	}
	.webform-field-upload-list li .upload-file-name {
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
		max-width: 100% !important;
	}
	.webform-field-upload-list li .webform-field-item-wrap {
		display: flex !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}
	.webform-field-upload-list li .bx-bxu-thumb-thumb,
	.webform-field-upload-list li img {
		flex: 0 0 auto !important;
	}
	.webform-field-upload-list li a.upload-file-name,
	.webform-field-upload-list li .upload-file-name {
		display: block !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}
	.ui-avatar-editor__popup .main-file-input-tab-container {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		height: auto !important;
		padding: 12px !important;
	}
	.ui-avatar-editor__popup .main-file-input-tab-avatar-block {
		width: 100% !important;
		flex: 0 0 auto !important;
		justify-content: center !important;
		margin-bottom: 12px !important;
	}
	.ui-avatar-editor__popup .main-file-input-tab-avatar-inner,
	.ui-avatar-editor__popup .main-file-input-content-block {
		width: 100% !important;
	}
	.ui-avatar-editor__popup .main-file-input-content-block {
		width: 100% !important;
	}

@media (min-width: 768px) {
	.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container,
	.popup-window.ui-avatar-editor__popup .ui-avatar-editor-mask-file .ui-avatar-editor__tab-container,
	.ui-avatar-editor__popup .ui-avatar-editor__tab-container {
		border: 0 !important;
		border-color: transparent !important;
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		box-shadow: none !important;
	}
}

	#bx-messenger-popup-messenger,
	#bx-messenger-popup-messenger.popup-window {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		left: 8px !important;
		right: 8px !important;
		top: 8px !important;
		bottom: 8px !important;
		height: calc(100vh - 16px) !important;
	}
	#bx-messenger-popup-messenger .popup-window-close-icon {
		right: -6px !important;
		top: -4px !important;
		z-index: 999;
	}
	#bx-messenger-popup-messenger .popup-window-content,
	.popup-window-content-bx-messenger-popup-messenger {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		max-height: none !important;
		box-sizing: border-box !important;
		padding: 8px !important;
		overflow: visible !important; /* чтобы меню/настройки не клипались */
	}

	/* Мобилка: окно настроек мессенджера */
	#bx-messenger-popup-settings {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		left: 8px !important;
		right: 8px !important;
		top: 8px !important;
		--ui-btn-margin-left: 0px !important;
	}
	#bx-messenger-popup-settings .popup-window-content {
		max-height: calc(100vh - 120px) !important;
		overflow: auto !important;
	}
	#bx-messenger-popup-settings .bx-messenger-settings {
		padding: 12px !important;
		width: auto !important;
	}
	#bx-messenger-popup-settings .ui-btn + .ui-btn,
	#bx-messenger-popup-settings .ui-btn + .ui-btn-split,
	#bx-messenger-popup-settings .ui-btn-split + .ui-btn,
	#bx-messenger-popup-settings .ui-btn-split + .ui-btn-split,
	#bx-messenger-popup-settings .ui-btn + script + .ui-btn,
	#bx-messenger-popup-settings .ui-btn + script + .ui-btn-split,
	#bx-messenger-popup-settings .ui-btn-split + script + .ui-btn,
	#bx-messenger-popup-settings .ui-btn-split + script + .ui-btn-split {
		margin-left: 0 !important;
	}
	.ui-btn.profile-edit-cancel,
	.ui-btn.ui-btn--ghost.profile-edit-cancel,
	.ui-btn.profile-edit-cancel + .ui-btn,
	.ui-btn + .ui-btn.profile-edit-cancel {
		margin-left: 0 !important;
	}

	/* Messenger mobile WebUI: список -> диалог (как в мессенджерах) */
	#bx-messenger-popup-messenger .bx-messenger-box {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		position: relative !important;
	}
	#bx-messenger-popup-messenger .bx-messenger-box-contact {
		width: 100% !important;
		position: relative !important;
		left: auto !important;
		border-right: 0 !important;
		border-radius: 12px !important;
	}
	#bx-messenger-popup-messenger .bx-messenger-box-contact-resize {
		display: none !important;
	}
	#bx-messenger-popup-messenger .bx-messenger-box-dialog,
	#bx-messenger-popup-messenger .bx-messenger-box-extra {
		width: 100% !important;
		margin-left: 0 !important;
		border-radius: 12px !important;
	}

	/* режим LIST: показываем только список чатов */
	#bx-messenger-popup-messenger.im-mobile-view-list:not(.im-mobile-view-notify) .bx-messenger-box-contact {
		display: block !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-list:not(.im-mobile-view-notify) .bx-messenger-box-dialog,
	#bx-messenger-popup-messenger.im-mobile-view-list:not(.im-mobile-view-notify) .bx-messenger-box-extra {
		display: none !important;
	}

	/* режим DIALOG: показываем диалог */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-contact {
		display: none !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-extra {
		display: block !important;
	}
	/* но extra-панель не показываем даже в режиме диалога */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-extra {
		display: none !important;
	}
	/* режим уведомлений: показываем extra, скрываем диалог и список */
	#bx-messenger-popup-messenger.im-mobile-view-notify .bx-messenger-box-contact,
	#bx-messenger-popup-messenger.im-mobile-view-notify .bx-messenger-box-dialog {
		display: none !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-notify .bx-messenger-box-contact.bx-messenger-box-contact-hover {
		display: none !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-notify .bx-messenger-box-extra {
		display: block !important;
	}
	/* safety override: даже если где-то остался im-mobile-view-list */
	#bx-messenger-popup-messenger.im-mobile-view-notify.im-mobile-view-list .bx-messenger-box-extra {
		display: block !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-notify .bx-messenger-box-extra {
		height: calc(100vh - 90px) !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	#bx-messenger-popup-messenger.im-mobile-view-notify .bx-notifier-item-wrap {
		height: auto !important;
		max-height: calc(100vh - 190px) !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	/* растянуть область диалога по вертикали */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog {
		height: calc(100vh - 90px) !important; /* 8px*2 отступы попапа + запас */
		display: flex !important;
		flex-direction: column !important;
		overflow: visible !important; /* чтобы toolbar/send не клипались */
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel:not(.bx-messenger-hide),
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .im-mobile-backbar {
		flex: 0 0 auto !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body {
		display: block !important;
		flex: 1 1 auto !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		height: auto !important;
		overflow: hidden !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-bg,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-wrap {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		min-height: 0 !important;
		height: auto !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-wrap {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		box-sizing: border-box !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-content,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-content-item {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-place {
		border-bottom-left-radius: 12px !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-place {
		flex: 0 0 auto !important;
	}

	/* В Bitrix textarea живёт внутри .bx-messenger-body-dialog — делаем его flex-контейнером */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: visible !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog .bx-messenger-body {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		height: auto !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog .bx-messenger-textarea-place {
		flex: 0 0 auto !important;
		display: block !important;
	}

	/* Поле ввода (мобила): понятная капсула + toolbar, без прижатия вниз */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-place,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog .bx-messenger-textarea-place {
		position: relative !important;
		overflow: visible !important;
		padding: 10px 10px 12px !important;
		min-height: 118px !important; /* чтобы нижняя строка не обрезалась */
		box-sizing: border-box !important;
		z-index: 3 !important;

		display: grid !important;
		grid-template-columns: 1fr auto !important;
		grid-template-rows: auto auto !important;
		grid-template-areas:
			"input input"
			"icons send" !important;
		gap: 10px 10px !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea {
		grid-area: input !important;
		margin: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 10px 12px !important;
		border-radius: 12px !important;
		border: 1px solid rgba(255,255,255,0.14) !important;
		background: rgba(0,0,0,0.10) !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-input {
		height: 44px !important;
		min-height: 44px !important;
		font-size: 14px !important;
		line-height: 18px !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-placeholder {
		font-size: 14px !important;
		line-height: 18px !important;
		opacity: 0.7;
	}

	/* toolbar иконок Bitrix (в im.css оно absolute bottom:0) */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-icons {
		grid-area: icons !important;
		position: static !important;
		bottom: auto !important;
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
		z-index: auto !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		min-height: 44px !important;
		padding-bottom: 2px !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-icons > div,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-icon-box > div {
		margin: 0 !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-icons .bx-messenger-textarea-file {
		position: static !important;
		margin: 0 !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
	}

	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-send {
		grid-area: send !important;
		position: static !important;
		margin: 0 !important;
		float: none !important;
		height: auto !important;
		align-self: center !important;
		justify-self: end !important;
		min-height: 44px !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-send-button {
		width: 40px !important;
		height: 40px !important;
		display: block !important;
	}

	/* служебные элементы не нужны на мобиле */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-resize,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-textarea-clear {
		display: none !important;
	}

	/* если режет всё равно — значит режет обёртка, снимаем overflow там, где textarea */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-body-dialog {
		overflow: hidden !important;
	}

	/* чуть более "табличный" список на мобиле */
	#bx-messenger-popup-messenger .bx-messenger-cl {
		height: auto !important;
		max-height: calc(100vh - 210px) !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	#bx-messenger-popup-messenger .bx-messenger-cl-search {
		position: sticky;
		top: 0;
		z-index: 5;
		padding-top: 6px;
		background: inherit;
	}
	#bx-messenger-popup-messenger .bx-messenger-cl-item,
	#bx-messenger-popup-messenger .bx-im-recent-item-wrap {
		border-radius: 12px !important;
		margin: 6px 6px !important;
	}

	/* кнопка "назад" (вставляется JS) */
	#bx-messenger-popup-messenger .im-mobile-backbar {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 8px;
		padding: 6px 8px 10px;
        
	}
	#bx-messenger-popup-messenger.im-mobile-view-list .im-mobile-backbar {
		display: none !important;
	}
	#bx-messenger-popup-messenger .im-mobile-back-btn {
		appearance: none;
		border: 1px solid rgba(255,255,255,0.14);
		background: rgba(255,255,255,0.06);
		color: inherit;
		font: inherit;
		padding: 9px 12px;
		margin: 0 0 10px 0; /* расстояние до аватара/названия */
		border-radius: 10px;
		cursor: pointer;
		order: 0 !important;
		flex: 0 0 auto !important;
		align-self: center !important;
	}
	#bx-messenger-popup-messenger .im-mobile-back-btn::before {
		content: "←";
		display: inline-block;
		margin-right: 8px;
		opacity: 0.9;
	}
	#bx-messenger-popup-messenger .im-mobile-back-btn:active {
		background: rgba(255,255,255,0.10);
	}
	#bx-messenger-popup-messenger .im-mobile-back-btn:hover {
		background: rgba(255,255,255,0.08);
		border-color: rgba(255,255,255,0.22);
	}
	#bx-messenger-popup-messenger .im-mobile-notify-btn {
		appearance: none;
		border: 1px solid rgba(255,255,255,0.14);
		background: rgba(255,255,255,0.06);
		color: inherit;
		font: inherit;
		padding: 9px 12px;
		border-radius: 10px;
		cursor: pointer;
		order: 1 !important;
		margin-left: auto !important;
	}
	#bx-messenger-popup-messenger .im-mobile-notify-btn:hover {
		background: rgba(255,255,255,0.08);
		border-color: rgba(255,255,255,0.22);
	}
	#bx-messenger-popup-messenger.im-mobile-view-notify .im-mobile-notify-btn {
		display: none !important;
	}

	/* Мобилка: кнопки в bx-notifier-panel должны быть кликабельны */
	.bx-notifier-panel,
	.bx-notifier-panel * {
		pointer-events: auto !important;
	}
	.bx-notifier-panel,
	.bx-notifier-panel-doc {
		z-index: 100000 !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel:not(.bx-messenger-hide) {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
	}
	/* скрытые панели Bitrix не должны “оживать” из-за наших flex-правил */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel.bx-messenger-hide,
	#bx-messenger-popup-messenger .bx-messenger-panel.bx-messenger-hide,
	#bx-messenger-popup-messenger .bx-messenger-panel.bx-messenger-context-user.bx-messenger-hide {
		display: none !important;
	}

	/* фикс наезда элементов в шапке чата (menu/history/mute/title) */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel.bx-messenger-context-chat,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel.bx-messenger-panel-with-menu {
		height: auto !important;
		min-height: 52px !important;
		padding: 6px 8px !important;
		box-sizing: border-box !important;
		flex-wrap: wrap !important;
	}

	/* убираем абсолютное позиционирование кнопок — иначе они перекрывают заголовок */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-button,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-call-phone,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-call-menu {
		position: static !important;
		right: auto !important;
		top: auto !important;
		float: none !important;
		margin: 0 !important;
		flex: 0 0 auto !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-avatar,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel form.bx-messenger-panel-avatar {
		flex: 0 0 auto !important;
		order: 1 !important;
		/* в Bitrix по умолчанию position:absolute — из-за этого наезжает на "Назад" */
		position: static !important;
		margin: 4px 8px 0 0 !important; /* чуть ниже и с отступом от названия */
		align-self: center !important;
	}

	/* заголовок/описание — в одну “колонку”, без огромных паддингов */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-title,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-desc {
		padding: 0 !important;
		margin: 0 !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		height: auto !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		order: 2 !important;
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-title-chat,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-title.bx-messenger-panel-title-chat {
		margin-left: 50px !important;
		padding-left: 0 !important;
	}
	/* описание часто мешает на мобиле — прячем */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-desc {
		display: none !important;
	}

	/* правые кнопки (история/колокольчик mute) — в одну строку справа */
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-history {
		order: 3 !important;
		margin-left: auto !important; /* толкаем группу вправо */
	}
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-mute,
	#bx-messenger-popup-messenger.im-mobile-view-dialog .bx-messenger-box-dialog .bx-messenger-panel .bx-messenger-panel-unmute {
		order: 4 !important;
	}
	.bx-notifyManager-item .bx-notifier-item, .im-desktop-popup .bx-notifier-item {
		width: auto;
		padding: 0;
	}  
	.bx-messenger-box.bx-messenger-mark.bx-messenger-global-context-messenger.bx-messenger-custom-scroll.bx-messenger-dark
	{
		width:auto!important;
	}
	/* .bx-messenger-box-contact.bx-messenger-box-contact-normal
	{
		width:57px!important;
	} */
	/* .bx-messenger-box .bx-messenger-box-dialog.bx-messenger-user-admin.bx-messenger-chat-chat,.bx-messenger-box .bx-messenger-box-extra
	{
		margin-left: 52px!important;
		width: auto!important;
	}  */
	.bx-im-notifications-item-content-header-right
	{
		position:static;
	}	
	.bx-im-notifications-item-header-date
	{
		padding:0;
	}
	.bx-im-notifications-item-content-header
	{
		flex-wrap:wrap;
	}
	
	.page_add_person .char_manage_right_block
	{
		padding:20px;
	}
	.page_add_person .char_id_kp_input {
		margin: 0;
		width: 159px;
	}
	.ui-viewer-inner-content-wrapper > * {
		display: inline-block !important;
		overflow: auto;
		vertical-align: middle !important;
		max-width: 100%;
		max-height: 100%;
		width:auto;
		height:auto;
	}
	.ui-viewer-inner
	{
		max-width:100%;
	}
}

@media screen and (min-width: 550px) {
	
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor-mask-file .ui-avatar-editor__tab-container,
.ui-avatar-editor__popup .ui-avatar-editor__tab-container {
	border: 0 !important;
	border-color: transparent !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

.popup-window.ui-avatar-editor__popup .file-selectdialog,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-extended,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-simple,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-extended .file-selector {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-titlebar,
.popup-window.ui-avatar-editor__popup .popup-window-buttons,
.popup-window.ui-avatar-editor__popup .popup-window-content,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__upload-block,
.popup-window.ui-avatar-editor__popup .file-selectdialog {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-titlebar,
.popup-window.ui-avatar-editor__popup .popup-window-buttons,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container,
.popup-window.ui-avatar-editor__popup .file-selectdialog {
	border: 0 !important;
	box-shadow: none !important;
}

.main_top 
{
	margin: 20px 0 22px;
}
/* =========================
   TRIAL BOX (FIXED)
   ========================= */

.trial-box{
  width: 100%;
  margin-bottom: 16px;
  padding: 14px 16px;

  border: 1px solid rgb(255 255 255 / 53%);
  border-radius: 16px;
  background: rgba(0,0,0,.18);

  position: relative;
}

/* Заголовок */
.trial-box__title{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgb(255 187 160 / 95%);
  margin-bottom: 6px;
}

/* Описание */
.trial-box__text{
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,.78);
  max-width: 66ch;
  margin-bottom: 10px;
}

/* ===== Буллеты (свои, а не стандартные) ===== */

.trial-box__list{
  list-style: none;
  margin: 0 0 12px;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 8px;
}

.trial-box__list li{
  position: relative;
  padding-left: 18px;

  font-size: 14px;
  line-height: 1.85;
  color: rgba(255,255,255,.80);
}

.trial-box__list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;

  width: 8px;
  height: 8px;
  border-radius: 999px;

  background: rgba(255,187,160,.95);
  box-shadow: 0 0 0 6px rgba(255,187,160,.14);
}

/* ===== Низ блока ===== */

.trial-box__actions{
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Осталось дней */
.trial-box__days{
  font-size: 14px;
  color: rgba(255,255,255,.78);
}

.trial-box__days b{
  color: rgba(255,255,255,.96);
}

/* ===== КНОПКА (принудительно) ===== */

.trial-box .one-btn{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 11px 14px;
  font-size: 14px;
  font-weight: 600;

  border-radius: 14px;
  border: none;

  background: linear-gradient(90deg, #ffb44a, #ff5a63);
  color: rgba(255,255,255,.96);

  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.trial-box .one-btn:hover{
  transform: translateY(-1px);
}

.trial-box .one-btn:active{
  transform: translateY(0);
  opacity: .95;
}

.trial-box__hide{
  position: absolute;
  top: 10px;
  right: 12px;

  background: none;
  border: none;
  padding: 0;

  text-align: right;
  cursor: pointer;
}
/* Основное действие */
.trial-box__hide-main{
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.85);
  line-height: 1.2;
}

/* Подпись — тише и меньше */
.trial-box__hide-sub{
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 400;
  color: rgba(255,255,255,.45);
  line-height: 1.2;
}

/* Ховер — аккуратный */
.trial-box__hide:hover .trial-box__hide-main{
  color: rgba(255,255,255,.98);
}

.trial-box__hide:hover .trial-box__hide-sub{
  color: rgba(255,255,255,.65);
}

/* ===== Мобильная ===== */

@media (max-width: 520px){
  .trial-box{
    padding: 12px 14px;
  }

  .trial-box__text,
  .trial-box__list li,
  .trial-box__days{
    font-size: 13.5px;
  }
}

.feed-add-photo-block {
  padding-right: 0;
}

.feed-add-photo-block .feed-add-post-del-but {
  z-index: 5;
}

/* ==========================================
   SIDEBAR MENU (LEFT)
   ========================================== */

.sidebar-wrapper {
    position: absolute;
    top: 170px;
    left: calc(50% - 530px);
    width: 210px;
    bottom: 0;
    pointer-events: none; /* Чтобы не мешать кликать под оберткой */
}

.sidebar-left {
    position: sticky;
    top: 20px; /* Тот самый отступ сверху при скролле */
    width: 100%;
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    padding: 0;
    z-index: 100;
    overflow-y: auto;
    scrollbar-width: none;
    pointer-events: auto; /* Возвращаем кликабельность элементам меню */
}

.sidebar-left::-webkit-scrollbar {
    display: none;
}

.sidebar-wrapper {
    top: calc(100px + var(--bitrix-panel-height, 0px));
}

.sidebar-left {
    top: 20px;
    max-height: calc(100vh - 40px);
}

.sidebar-group {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sidebar-group-title {
    padding: 0 16px;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.05em;
}

.sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    transition: all 0.2s ease;
    margin: 0 8px;
}

.sidebar-item:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.sidebar-item.active {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.sidebar-item.active .sidebar-icon {
    color: #fbb03b; /* Orange accent */
}

.sidebar-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.9;
}

.sidebar-icon svg {
    width: 100%;
    height: 100%;
}

.sidebar-badge {
    margin-left: auto;
    font-size: 9px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
    border: 1px solid #fbb03b60;
    color: #fbb03b;
    text-transform: uppercase;
}

.sidebar-badge-new {
    background: #fbb03b;
    color: #000;
    border: none;
}

/* Special item: LOGIN button */
.sidebar-login-btn {
    margin: 10px 16px 20px;
    border: 1px solid #fbb03b;
    color: #fbb03b;
    padding: 8px 16px;
    border-radius: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.sidebar-login-btn:hover {
    background: #fbb03b;
    color: #000;
}

/* Sidebar bottom alignment */
.sidebar-bottom {
    margin-top: auto;
    padding-bottom: 40px;
}

/* Responsive: hide sidebar on small screens */
@media (max-width: 1200px) {
    .sidebar-left {
        display: none;
    }
}

/* Avatar editor desktop overrides */
.popup-window.ui-avatar-editor__popup {
	background: var(--color-bg-body) !important;
	border: 1px solid var(--color-stroke-primary) !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35) !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-content,
.popup-window.ui-avatar-editor__popup .popup-window-titlebar,
.popup-window.ui-avatar-editor__popup .popup-window-buttons,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__upload-block,
.popup-window.ui-avatar-editor__popup .file-selectdialog,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-extended,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-simple,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-extended .file-selector {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-titlebar,
.popup-window.ui-avatar-editor__popup .popup-window-buttons,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container,
.popup-window.ui-avatar-editor__popup .file-selectdialog,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-extended,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-simple,
.popup-window.ui-avatar-editor__popup .file-selectdialog .file-extended .file-selector {
	border: 0 !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-titlebar {
	border-bottom: 0 !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-buttons {
	border-top: 0 !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-titlebar-text {
	color: var(--color-text-primary) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-container {
	min-width: 0 !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-titlebar {
	padding: 18px 22px 10px !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-close-icon {
	top: 16px !important;
	right: 16px !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 10px !important;
	background-color: var(--color-bg-glass-1) !important;
	border: 1px solid var(--color-stroke-primary) !important;
	opacity: 1 !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-close-icon:hover {
	background-color: var(--color-bg-chip-hover) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-button-container {
	padding: 0 12px !important;
	border-bottom: 0 !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-button-item {
	height: 38px !important;
	padding: 0 14px !important;
	border: 1px solid var(--color-stroke-primary) !important;
	border-radius: 12px !important;
	background: var(--color-bg-glass-1) !important;
	color: var(--color-text-muted) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__tab-button-item.ui-avatar-editor__tab-button-active {
	border-color: var(--color-accent-blue) !important;
	background: rgba(59, 111, 224, 0.18) !important;
	color: var(--color-text-primary) !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-buttons {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	padding: 16px 16px 20px !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-buttons > * {
	margin: 0 !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn,
.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button,
.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 132px !important;
	height: 42px !important;
	padding: 0 18px !important;
	margin-left: 0 !important;
	border-radius: 12px !important;
	float: none !important;
	text-align: center !important;
	box-shadow: none !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn.ui-btn-success,
.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button-accept {
	background: var(--color-accent-blue) !important;
	border: 1px solid var(--color-accent-blue) !important;
	color: #ffffff !important;
}

.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn.ui-btn-light-border,
.popup-window.ui-avatar-editor__popup .popup-window-buttons .ui-btn.ui-btn-link,
.popup-window.ui-avatar-editor__popup .popup-window-buttons .popup-window-button-link {
	background: var(--color-bg-glass-1) !important;
	border: 1px solid var(--color-stroke-primary) !important;
	color: var(--color-text-primary) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__button-layout {
	display: flex !important;
	gap: 10px !important;
	align-items: center !important;
	justify-content: center !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__button,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__upload-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 108px !important;
	height: 34px !important;
	padding: 0 16px !important;
	border: 1px solid var(--color-accent-blue) !important;
	border-radius: 12px !important;
	background: var(--color-accent-blue) !important;
	color: #ffffff !important;
	text-align: center !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__button + .ui-avatar-editor__button {
	margin-left: 0 !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__button-name {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	color: inherit !important;
	line-height: 1.2 !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__control {
	right: 10px !important;
	top: 10px !important;
	width: 132px !important;
	height: 24px !important;
	padding: 0 4px !important;
	border: 1px solid var(--color-stroke-primary) !important;
	background: rgba(18, 20, 29, 0.78) !important;
	backdrop-filter: blur(8px) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__control-inner {
	width: 94px !important;
	height: 14px !important;
	background: rgba(255, 255, 255, 0.12) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__control-slide-drag-state {
	box-shadow: none !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__control-slide {
	width: 24px !important;
	height: 14px !important;
	background: var(--color-accent-blue) !important;
	box-shadow: 0 2px 10px rgba(59, 111, 224, 0.35) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__control-controller:hover {
	opacity: 0.8 !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__camera-block-image {
	position: relative !important;
	border-radius: 18px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)) !important;
	border: 1px solid var(--color-stroke-primary) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
	overflow: hidden !important;
}

.popup-window.ui-avatar-editor__popup [data-editor-role="canvas-holder"],
.popup-window.ui-avatar-editor__popup [data-bx-role="canvas-holder"] {
	border-radius: 16px !important;
	background:
		radial-gradient(circle at top, rgba(59, 111, 224, 0.12), transparent 42%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)) !important;
}

.popup-window.ui-avatar-editor__popup [data-editor-role="canvas-holder"] canvas {
	border-radius: 16px !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__user-avatar-item {
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.02) !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__upload-link-container {
	padding: 0 18px !important;
	box-sizing: border-box !important;
}

.popup-window.ui-avatar-editor__popup .ui-avatar-editor__upload-desc,
.popup-window.ui-avatar-editor__popup .ui-avatar-editor__upload-info {
	color: var(--color-text-muted) !important;
}

/* End */
/* /local/assets/fonts/google-fonts.css?177624000615042 */
/* /local/assets/ui-kit/tokens.css?17762400063388 */
/* /local/assets/ui-kit/base.css?17732112718105 */
/* /local/assets/ui-kit/blocks.css?177547145145808 */
/* /local/templates/personcat/styles/main.css?177321127121091 */
/* /local/templates/personcat/styles/nice-select.css?17732112714138 */
/* /local/templates/personcat/styles/header_main.css?177546660526456 */
/* /local/components/s1/search.title/templates/header/style.css?17732112714041 */
/* /local/templates/personcat/template_styles.css?1776251777206695 */