@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 100;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-thin.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-thin.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-thin.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-thin.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-light.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-light.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-light.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-light.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-regular.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-regular.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-regular.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-medium.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-medium.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-medium.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-medium.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-semibold.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-semibold.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-semibold.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-bold.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-bold.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-bold.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-bold.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-extrabold.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-extrabold.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-extrabold.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Manrope/manrope-extrabold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Thin-BETA.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Thin-BETA.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Thin-BETA.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Thin-BETA.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ThinItalic-BETA.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ThinItalic-BETA.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ThinItalic-BETA.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ThinItalic-BETA.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLight-BETA.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLight-BETA.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLight-BETA.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLight-BETA.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLightItalic-BETA.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLightItalic-BETA.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLightItalic-BETA.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraLightItalic-BETA.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Light-BETA.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Light-BETA.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Light-BETA.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Light-BETA.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-LightItalic-BETA.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-LightItalic-BETA.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-LightItalic-BETA.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-LightItalic-BETA.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Regular.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Regular.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Regular.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Italic.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Italic.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Italic.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Medium.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Medium.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Medium.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-MediumItalic.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-MediumItalic.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-MediumItalic.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBold.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBold.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBold.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBoldItalic.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBoldItalic.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBoldItalic.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Bold.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Bold.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Bold.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BoldItalic.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BoldItalic.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BoldItalic.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBold.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBold.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBold.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBoldItalic.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBoldItalic.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBoldItalic.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Black.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Black.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Black.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BlackItalic.otf") format("opentype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BlackItalic.ttf") format("truetype"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BlackItalic.woff") format("woff"), url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/Inter/Inter-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "TCE";
  src: url("https://e09066035e725f6ea159-81ed37cc6653e003ec10d713362bb73b.ssl.cf3.rackcdn.com/TCE.ttf") format("truetype");
}
*, *:before, *:after {
  text-rendering: optimizeLegibility;
}

html {
  font-size: 16px;
}

body,
.body {
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75rem;
  font-weight: 500;
  font-style: normal;
  color: #060626;
}

p,
.text {
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75rem;
  font-weight: 500;
  font-style: normal;
  margin: 0.75rem 0;
}

h1,
.title-1 {
  font-family: Manrope, sans-serif;
  font-size: 2.5rem;
  line-height: 3.25rem;
  font-weight: 800;
  font-style: normal;
}

h2,
.title-2 {
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  line-height: 2.75rem;
  font-weight: 800;
  font-style: normal;
}

h3,
.title-3 {
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0.5rem;
}

h4,
.headline {
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 800;
  font-style: normal;
}

h5,
.block-headline {
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 600;
  font-style: normal;
}

.ui-text {
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: normal;
}

.ui-small {
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  font-style: normal;
}

.ui-caption {
  font-family: Inter, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  font-style: normal;
}

.ui-label {
  font-family: Inter, sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-style: normal;
}

.color_primary {
  color: #060626;
}
.color_secondary {
  color: #66667F;
}
.color_tertiary {
  color: #B0B0C6;
}
.color_invert {
  color: #FFFFFF;
}
.color_black {
  color: #000000;
}

.custom-emoji-display {
  font-family: "Manrope", "Arial", sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", "Android Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Twemoji Mozilla", "EmojiOne Color", emoji, "TCE" !important;
}
@media (min-width: 1281px) {
  .custom-emoji-display {
    font-family: "Manrope", "Arial", sans-serif, "TCE", "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", "Android Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Twemoji Mozilla", "EmojiOne Color", emoji !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
div,
b,
i,
u,
ins,
pre,
em,
strong,
small,
s,
cite,
q,
dfn,
abbr,
sub,
sup,
ul,
ol,
li,
details,
summary,
address,
blockquote,
dl,
dt,
dd {
  word-break: break-word;
}

a,
input[type=text],
input[type=checkbox],
input[type=password],
input[type=email],
textarea,
label {
  -webkit-tap-highlight-color: transparent !important;
}

.newline-display {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spin {
  -webkit-animation: spin 1s linear 0s normal none infinite running;
  -moz-animation: spin 1s linear 0s normal none infinite running;
  -ms-animation: spin 1s linear 0s normal none infinite running;
  -o-animation: spin 1s linear 0s normal none infinite running;
  animation: spin 1s linear 0s normal none infinite running;
}

@-webkit-keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.elementToFadeInAndOut {
  -webkit-animation: fadeinout 0.6s linear forwards;
  animation: fadeinout 1.2s linear forwards;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulsejg1 {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(0.9);
    opacity: 0.2;
  }
  70% {
    -webkit-transform: scale(1.1);
    opacity: 0.35;
  }
  80% {
    -webkit-transform: scale(1.25);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1.4);
    opacity: 0;
  }
}
@-moz-keyframes pulsejg1 {
  0% {
    -moz-transform: scale(0.6);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(0.6);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(0.9);
    opacity: 0.2;
  }
  70% {
    -moz-transform: scale(1.1);
    opacity: 0.35;
  }
  80% {
    -moz-transform: scale(1.25);
    opacity: 0.2;
  }
  100% {
    -moz-transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes pulsejg1 {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(0.9);
    opacity: 0.1;
  }
  70% {
    transform: scale(1.1);
    opacity: 0.25;
  }
  80% {
    transform: scale(1.25);
    opacity: 0.1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@-webkit-keyframes pulsejg2 {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(0.8);
    opacity: 0.05;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(1.1);
    opacity: 0.3;
  }
  80% {
    -webkit-transform: scale(1.2);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes pulsejg2 {
  0% {
    -moz-transform: scale(0.6);
    opacity: 0;
  }
  40% {
    -moz-transform: scale(0.8);
    opacity: 0.05;
  }
  50% {
    -moz-transform: scale(1);
    opacity: 0.1;
  }
  60% {
    -moz-transform: scale(1.1);
    opacity: 0.3;
  }
  80% {
    -moz-transform: scale(1.2);
    opacity: 0.1;
  }
  100% {
    -moz-transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes pulsejg2 {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  40% {
    transform: scale(0.8);
    opacity: 0.05;
  }
  50% {
    transform: scale(1);
    opacity: 0.1;
  }
  60% {
    transform: scale(1.1);
    opacity: 0.3;
  }
  80% {
    transform: scale(1.2);
    opacity: 0.1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
.pulse1 {
  z-index: 1;
  opacity: 0;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 3px solid #F0F1F5;
  width: 100%;
  height: 100%;
  -webkit-animation: pulsejg1 4s linear infinite;
  -moz-animation: pulsejg1 4s linear infinite;
  animation: pulsejg1 4s linear infinite;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: inset 0 0 15px 10px #F0F1F5;
  -moz-box-shadow: inset 0 0 15px 10px #F0F1F5;
  box-shadow: inset 0 0 15px 10px #F0F1F5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pulse2 {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  -webkit-animation: pulsejg2 4s linear infinite;
  -moz-animation: pulsejg2 4s linear infinite;
  animation: pulsejg2 4s linear infinite;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: inset 0 0 12px 5px #2259E5;
  -moz-box-shadow: inset 0 0 12px 5px #2259E5;
  box-shadow: inset 0 0 12px 5px #2259E5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@keyframes shrinkOpen {
  0% {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@-webkit-keyframes shrinkOpen {
  0% {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@-moz-keyframes shrinkOpen {
  0% {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes shrinkHeightOpen {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
@-webkit-keyframes shrinkHeightOpen {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
@-moz-keyframes shrinkHeightOpen {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
.shrink-open label {
  animation: shrinkOpen 0.5s ease-in-out;
}
@media (min-width: 320px) and (max-width: 480px) {
  .shrink-open label {
    animation: shrinkHeightOpen 0.25s ease-in-out;
  }
}

@keyframes shrinkClose {
  0% {
    width: 100%;
    min-width: 0;
    opacity: 1;
  }
  100% {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
}
@-webkit-keyframes shrinkClose {
  0% {
    width: 100%;
    min-width: 0;
    opacity: 1;
  }
  100% {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
}
@-moz-keyframes shrinkClose {
  0% {
    width: 100%;
    min-width: 0;
    opacity: 1;
  }
  100% {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
}
@keyframes shrinkHeightClose {
  0% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
@-webkit-keyframes shrinkHeightClose {
  0% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
@-moz-keyframes shrinkHeightClose {
  0% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
.shrink-close label {
  animation: shrinkClose 0.5s ease-in-out;
}
@media (min-width: 320px) and (max-width: 480px) {
  .shrink-close label {
    animation: shrinkHeightClose 0.25s ease-in-out;
  }
}

.checkbox {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.checkbox__label {
  display: flex;
}
.checkbox__input {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
}
.checkbox__input + .pulse-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  left: -4px;
  margin-right: -8px;
}
.checkbox__input + .pulse-container .checkbox__label {
  z-index: 3;
}
.checkbox__input + .checkbox__label, .checkbox__input + .pulse-container .checkbox__label {
  position: relative;
  width: 20px;
}
.checkbox__input + .checkbox__label:not(:empty), .checkbox__input + .pulse-container .checkbox__label:not(:empty) {
  padding-left: 28px;
}
.checkbox__input + .checkbox__label:before, .checkbox__input + .checkbox__label:after, .checkbox__input + .pulse-container .checkbox__label:before, .checkbox__input + .pulse-container .checkbox__label:after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
}
.checkbox__input + .checkbox__label:after, .checkbox__input + .pulse-container .checkbox__label:after {
  left: 1px;
  top: calc(50% - 9px);
}
.checkbox__input + .checkbox__label:before, .checkbox__input + .pulse-container .checkbox__label:before {
  border: 1px solid #D8DAE6;
  border-radius: 6px;
  left: 0;
  top: calc(50% - 10px);
}
.checkbox__input + .checkbox__label:after, .checkbox__input + .pulse-container .checkbox__label:after {
  background: #FFFFFF;
  transform: scale(0.85);
}
.checkbox__input:checked + .checkbox__label:before, .checkbox__input:checked + .pulse-container .checkbox__label:before {
  background: #2259E5;
  border-color: #2259E5;
}
.checkbox__input:checked + .checkbox__label:after, .checkbox__input:checked + .pulse-container .checkbox__label:after {
  width: 5px;
  height: 9px;
  top: calc(50% - 7px);
  left: 7px;
  border-radius: 2px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transform: rotate(45deg);
  background: none;
}
@media (min-width: 1281px) {
  .checkbox:not(.disabled):hover .checkbox__input:not(:checked) + span:before {
    background: #FFFFFF;
    border: 1px solid #D8DAE6;
  }
  .checkbox:not(.disabled):hover .checkbox__input:not(:checked) + span:after {
    width: 5px;
    height: 9px;
    top: calc(50% - 7px);
    left: 7px;
    border-radius: 2px;
    border-right: 2px solid #B0B0C6;
    border-bottom: 2px solid #B0B0C6;
    transform: rotate(45deg);
    background: #FFFFFF;
  }
}

.label-before {
  margin-right: 8px;
}

.label-after {
  margin-left: 8px;
  width: intrinsic;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 1281px) {
  .checkbox {
    cursor: pointer;
  }
}

.checkbox.disabled .checkbox__input:not(:checked) + .checkbox__label:before, .checkbox.disabled .checkbox__input:not(:checked) + .checkbox__label:after, .checkbox.disabled .checkbox__input:not(:checked) + .pulse-container .checkbox__label:before, .checkbox.disabled .checkbox__input:not(:checked) + .pulse-container .checkbox__label:after {
  background: #F0F1F5;
}
.checkbox.disabled .checkbox__input:checked + .pulse-container .checkbox__label:before, .checkbox.disabled .checkbox__input:checked + .pulse-container .checkbox__label:after, .checkbox.disabled .checkbox__input:checked + .checkbox__label:before, .checkbox.disabled .checkbox__input:checked + .checkbox__label:after {
  background: #D8DAE6;
}
.checkbox.disabled .checkbox__input:checked + .pulse-container .checkbox__label:before, .checkbox.disabled .checkbox__input:checked + .checkbox__label:before {
  border-color: #D8DAE6;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* Hide default HTML checkbox */
  /* The slider */
}
.switch__input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch__slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 16px;
  background-color: #B0B0C6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Rounded sliders */
}
@media (min-width: 1281px) {
  .switch__slider {
    cursor: pointer;
  }
}
.switch__slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch__slider.round {
  border-radius: 34px;
}
.switch__slider.round:before {
  border-radius: 50%;
}

.switch.disabled .switch__input:checked + .switch__slider,
.switch.disabled .switch__slider {
  background-color: #D8DAE6;
}
.switch.disabled .switch__input:checked + .switch__slider:before,
.switch.disabled .switch__slider:before {
  background-color: #B0B0C6;
}

.switch__input:checked + .switch__slider {
  background-color: #2259E5;
}

@media (min-width: 1281px) {
  .switch:hover .switch__input:not(:checked) + .switch__slider {
    background-color: #D8DAE6;
  }
}
.switch__input:checked + .switch__slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* The container */
.radio {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 28px;
  margin: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
}
@media (min-width: 1281px) {
  .radio {
    cursor: pointer;
  }
}
.radio__input {
  display: none;
  /* When the radio button is checked, add a blue background */
  /* Show the indicator (dot/circle) when checked */
}
.radio__input:checked ~ .radio__checkmark {
  background-color: #2259E5;
  border-color: #2259E5;
}
.radio__input:checked ~ .radio__checkmark:after {
  display: block;
}
.radio__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #FFFFFF;
  border: 1px solid #D8DAE6;
  border-radius: 50%;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.radio__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
@media (min-width: 1281px) {
  .radio {
    /* On mouse-over, add a grey background color */
  }
  .radio:not(.disabled):hover .radio__input:not(:checked) ~ .radio__checkmark:after {
    background-color: #D8DAE6;
    display: block;
  }
}
.radio.disabled .radio__checkmark {
  background-color: #F0F1F5;
}
.radio.disabled .radio__input:checked ~ .radio__checkmark {
  border-color: #D8DAE6;
  background-color: #D8DAE6;
}

/* Transition delay */
/* Button class */
.button {
  width: auto;
  font-family: Inter, sans-serif;
  font-weight: 500;
  border: 0.0625rem solid transparent;
  border-radius: 0.625rem;
  box-sizing: border-box;
  word-break: initial;
  user-select: none;
  outline: none;
  transition: 220ms ease;
}
@media (min-width: 1281px) {
  .button {
    cursor: pointer;
  }
}
.button_theme_primary {
  color: #FFFFFF;
  background-color: #2259E5;
}
.button_theme_primary > .icon {
  fill: #FFFFFF;
}
.button_theme_primary:focus {
  background-color: #2E70EE !important;
}
@media (min-width: 1281px) {
  .button_theme_primary:hover {
    background-color: #2E70EE !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .button_theme_primary:hover {
    background-color: #2E70EE !important;
  }
}
.button_theme_primary:active {
  background-color: #0B42E2 !important;
}
.button_theme_primary.button_disabled {
  color: #FFFFFF !important;
  background-color: #D8DAE6 !important;
}
.button_theme_primary-purple {
  color: #FFFFFF;
  background-color: #643AC5;
}
.button_theme_primary-purple > .icon {
  fill: #FFFFFF;
}
.button_theme_primary-purple:focus {
  background-color: #552BC1 !important;
}
@media (min-width: 1281px) {
  .button_theme_primary-purple:hover {
    background-color: #552BC1 !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .button_theme_primary-purple:hover {
    background-color: #552BC1 !important;
  }
}
.button_theme_primary-purple:active {
  background-color: #552BC1 !important;
}
.button_theme_primary-purple.button_disabled {
  color: #FFFFFF !important;
  background-color: #D8DAE6 !important;
}
.button_theme_secondary {
  color: #2259E5;
  background-color: rgba(34, 89, 229, 0.05);
}
.button_theme_secondary > .icon {
  fill: #2259E5;
}
@media (min-width: 1281px) {
  .button_theme_secondary:hover, .button_theme_secondary:focus {
    color: #2E70EE;
    background-color: rgba(34, 89, 229, 0.1);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .button_theme_secondary:hover, .button_theme_secondary:focus {
    color: #2E70EE;
    background-color: rgba(34, 89, 229, 0.1);
  }
}
.button_theme_secondary:active {
  color: #0B42E2;
}
.button_theme_secondary:active > .icon {
  fill: #0B42E2;
}
.button_theme_secondary.button_disabled {
  color: #B0B0C6 !important;
  background-color: #F0F1F5 !important;
}
.button_theme_secondary.button_disabled > .icon {
  fill: #B0B0C6;
}
.button_theme_transparent {
  color: #2259E5;
  background-color: transparent;
}
.button_theme_transparent > .icon {
  fill: #2259E5;
}
@media (min-width: 1281px) {
  .button_theme_transparent:hover, .button_theme_transparent:focus {
    color: #2E70EE;
    background-color: rgba(34, 89, 229, 0.1);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .button_theme_transparent:hover, .button_theme_transparent:focus {
    color: #2E70EE;
    background-color: rgba(34, 89, 229, 0.1);
  }
}
.button_theme_transparent:active {
  color: #0B42E2;
}
.button_theme_transparent:active > .icon {
  fill: #0B42E2;
}
.button_theme_transparent.button_disabled {
  color: #B0B0C6 !important;
  background-color: transparent !important;
}
.button_theme_transparent.button_disabled > .icon {
  fill: #B0B0C6;
}
.button_size_small {
  padding: 0 0.75rem;
  height: 2.5rem;
  font-size: 0.875rem;
}
.button_size_small > span {
  margin-left: 0.625rem;
}
.button_size_medium {
  padding: 0 1rem;
  height: 3rem;
  font-size: 0.9375rem;
}
.button_size_medium > span {
  margin-left: 0.75rem;
}
.button_size_large {
  padding: 0 1.25rem;
  height: 3.5rem;
  font-size: 1rem;
}
.button_size_large > span {
  margin-left: 0.875rem;
}
.button_fluid {
  width: 100%;
  display: block;
}
.button_disabled {
  cursor: not-allowed;
}
.button > .icon {
  vertical-align: middle;
}
.button > span {
  vertical-align: middle;
}

.input {
  position: relative;
  min-width: 18.125rem;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 480px) {
  .input {
    min-width: auto;
  }
}
.input__content {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F0F1F5;
  box-sizing: border-box;
}
@media (min-width: 1281px) {
  .input__content:hover {
    border-color: #D8DAE6;
  }
}
.input__label {
  position: absolute;
  top: 0;
  right: auto;
  left: auto;
  margin: auto;
  padding: 0 0.75rem;
  box-sizing: border-box;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
}
.input__field {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  border: none;
  background: transparent;
  outline: none;
}
.input__field::placeholder, .input__field:placeholder-shown {
  color: #66667F;
  font-weight: 500;
  opacity: 1;
}
.input__field:focus::placeholder, .input__field:focus:placeholder-shown {
  opacity: 0;
}
.input__spin {
  position: absolute;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.input__message {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5rem;
}
.input__message_type_successfully .input__text {
  color: #4BC92C;
}
.input__message_type_error .input__text {
  color: #F23D30;
}
.input__icon {
  display: flex;
  width: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
}
.input__text {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.input__show-value-button {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0 0 0.5rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  outline: none;
  flex-shrink: 0;
}
@media (min-width: 1281px) {
  .input__show-value-button {
    cursor: pointer;
  }
}
.input__show-value-button > svg {
  fill: #66667F;
}
.input__show-value-button:focus {
  opacity: 0.8;
}
.input__search-icon {
  margin-right: 0.75rem;
  fill: #66667F;
  flex-shrink: 0;
}
.input__search-reset {
  display: none;
  position: absolute;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0 0 0 0.75rem;
  border: none;
  border-radius: 50%;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .input__search-reset {
    cursor: pointer;
  }
}
.input__search-reset > svg {
  fill: #66667F;
}
.input__search-reset:focus {
  opacity: 0.8;
}
.input_focused .input__content, .input_entered .input__content {
  border-color: #2259E5;
}
.input_focused .input__label, .input_entered .input__label {
  height: 1.25rem;
  margin: 0;
  padding: 0 0.25rem;
  z-index: 1;
  background: #FFFFFF;
  color: #2259E5;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.input_focused.input_size_medium .input__label, .input_entered.input_size_medium .input__label {
  height: auto;
  line-height: 0.75rem;
  transform: translateY(-0.3125rem) translateX(0.5rem);
}
.input_focused.input_size_large .input__label, .input_entered.input_size_large .input__label {
  height: auto;
  line-height: 0.75rem;
  transform: translateY(-0.3125rem) translateX(0.75rem);
}
.input_focused.input_type_password > .input__content {
  border-color: #2259E5;
}
.input_showResetButton .input__search-reset {
  display: block;
}
.input_type_search {
  padding: 0 0.75rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  background-color: #F0F1F5;
}
.input_type_search > .input__content {
  padding: 0 2.1875rem 0 0 !important;
  box-sizing: border-box;
  border-radius: 0;
  border: none;
}
.input .search-icon-align {
  display: flex;
  align-items: center;
}
@media (min-width: 1281px) {
  .input .search-cursor {
    cursor: pointer;
  }
  .input .search-cursor:hover svg path {
    fill: #2259E5;
  }
}
.input_size_medium .input__field {
  height: 2.8125rem;
}
.input_size_medium .input__label {
  height: 3.625rem;
  line-height: 2.8125rem;
}
.input_size_medium .input__content {
  padding: 0 0.75rem;
}
.input_size_large .input__field {
  height: 3.5rem;
}
.input_size_large .input__label {
  height: 3.625rem;
  line-height: 3.625rem;
}
.input_size_large .input__content {
  padding: 0 1rem;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.link {
  text-decoration: none;
  outline: none;
  -moz-appearance: none;
}
.link_theme_primary {
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-style: normal;
  color: #2259E5;
  border-bottom: 1px solid transparent;
}
@media (min-width: 1281px) {
  .link_theme_primary:hover {
    color: #4081FF;
    border-bottom: 1px solid #4081FF;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .link_theme_primary:hover {
    color: #4081FF;
    border-bottom: 1px solid #4081FF;
  }
}
.link_theme_secondary {
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: normal;
  color: #66667F;
  border-bottom: 1px solid #D8DAE6;
}
@media (min-width: 1281px) {
  .link_theme_secondary:hover {
    color: #4081FF;
    border-bottom: 1px solid #4081FF;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .link_theme_secondary:not(.footer__link):hover {
    color: #4081FF;
    border-bottom: 1px solid #4081FF;
  }
}
.link_theme_messages-nav {
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 24px;
  height: 48px;
  color: #66667F;
  border-radius: 12px;
  padding: 0 12px;
}
@media (min-width: 1281px) {
  .link_theme_messages-nav:hover {
    background: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .link_theme_messages-nav:hover {
    background: #F0F1F5;
  }
}
.link_theme_messages-nav.active {
  width: auto;
  background: #F0F1F5;
}
.link_theme_messages-nav.active img {
  width: 24px;
}
@media (min-width: 320px) and (max-width: 375px) {
  .link_theme_messages-nav.active {
    max-width: 90px;
  }
}
@media (min-width: 376px) and (max-width: 500px) {
  .link_theme_messages-nav.active {
    max-width: 120px;
  }
}
.link_theme_wrapper {
  line-height: 0;
  color: inherit;
}
.link_theme_ui-text-primary {
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: normal;
  color: #2259E5;
  border-bottom: 1px solid transparent;
}
@media (min-width: 1281px) {
  .link_theme_ui-text-primary:hover {
    color: #4081FF;
    border-bottom: 1px solid #4081FF;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .link_theme_ui-text-primary:hover {
    color: #4081FF;
    border-bottom: 1px solid #4081FF;
  }
}
.link_theme_button-primary-large {
  color: #FFFFFF;
  background-color: #2259E5;
  padding: 0 1.25rem;
  height: 3.5rem;
  font-size: 1rem;
  width: auto;
  font-family: Inter, sans-serif;
  font-weight: 500;
  border: 0.0625rem solid transparent;
  border-radius: 0.625rem;
  box-sizing: border-box;
  user-select: none;
  outline: none;
  transition: 220ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .link_theme_button-primary-large:hover {
    background-color: #2E70EE !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .link_theme_button-primary-large:hover {
    background-color: #2E70EE !important;
  }
}

.pagination {
  border-top: 1px solid #D8DAE6;
  margin-top: 24px;
  padding-top: 24px;
}
.pagination__pages {
  display: flex;
  justify-content: center;
}
.pagination__arrow, .pagination__more, .pagination__link, .pagination__current {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  border-radius: 10px;
  margin-right: 5px;
}
.pagination__arrow:last-child, .pagination__more:last-child, .pagination__link:last-child, .pagination__current:last-child {
  margin-right: 0;
}
@media (min-width: 320px) and (max-width: 480px) {
  .pagination__arrow:nth-last-child(2), .pagination__more:nth-last-child(2), .pagination__link:nth-last-child(2), .pagination__current:nth-last-child(2) {
    margin-right: 0;
  }
}
@media (min-width: 1281px) {
  .pagination__arrow {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .pagination__arrow {
    display: none;
  }
}
.pagination__icon {
  width: 1rem;
  height: 1rem;
}
.pagination__link {
  color: #060626;
}
@media (min-width: 1281px) {
  .pagination__link {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .pagination__link:hover {
    color: #2259E5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .pagination__link:hover {
    color: #2259E5;
  }
}
.pagination__current {
  background: #2259E5;
  color: #FFFFFF;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.pagination__jump {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.pagination__jump-label {
  margin: 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
  flex-shrink: 0;
}
.pagination__jump-input {
  min-width: 40px;
  max-width: 80px;
  height: 2.8125rem;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F0F1F5;
  outline: none;
  text-align: center;
}
@media (min-width: 1281px) {
  .pagination__jump-input:hover {
    border-color: #D8DAE6;
  }
}
.pagination__jump-input:focus {
  border-color: #2259E5;
}
.pagination__jump-submit {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
}
.pagination.top {
  border-top: none;
  border-bottom: 1px solid #D8DAE6;
  margin: 5px 0 24px;
  padding: 0 0 10px;
}

.modal {
  position: relative;
  display: flex;
  flex-direction: column;
}
.modal_type_modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  padding: 70px;
}
.modal_type_popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border-radius: 12px;
  padding: 24px;
  width: calc(480px - (2 * 24px));
  z-index: 3000 !important;
}
.modal_type_popup .modal__close {
  display: none;
}
.modal__close {
  outline: none;
  box-shadow: none;
  border: 0;
  background: #D8DAE6;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  position: absolute;
  align-self: flex-end;
  display: flex;
  justify-content: center;
}
@media (min-width: 1281px) {
  .modal__close {
    cursor: pointer;
  }
}
.modal__icon {
  width: 1rem;
  height: 1rem;
}
.modal__overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.6;
  z-index: 3000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .modal__overlay {
    visibility: visible;
  }
}

.range-slider {
  width: 100%;
  height: 1.5rem;
  display: flex;
}
.range-slider__track {
  width: 100%;
  height: 0.125rem;
  align-self: center;
  border-radius: 1.875rem;
}
.range-slider__thumb {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.125rem solid #2259E5;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
}
.range-slider__thumb_isDragged, .range-slider__thumb:focus {
  background-color: #2259E5;
}
@media (min-width: 1281px) {
  .range-slider__thumb:hover {
    background-color: #2259E5;
  }
}
.range-slider__content {
  position: absolute;
  bottom: 100%;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
.range-slider__value, .range-slider__label {
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.range-slider__label {
  margin-left: 0.2rem;
}

.settings-popup_type_change-height .range-slider__value,
.finish-register-popup__content .range-slider__value {
  display: none;
}
.settings-popup_type_change-height .range-slider__label,
.finish-register-popup__content .range-slider__label {
  text-align: center;
  min-width: 90px;
}
.settings-popup_type_change-height .range-slider,
.finish-register-popup__content .range-slider {
  margin: 0 auto;
  width: 95%;
}

.property-button {
  min-width: 18.125rem;
  height: 3.5rem;
  margin: 0;
  padding: 0 0.75rem;
  box-sizing: border-box;
  border: 0.0625rem solid #F0F1F5;
  border-radius: 0.75rem;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .property-button {
    cursor: pointer;
  }
}
.property-button__content {
  position: relative;
  padding-right: calc(1.5625rem + 0.3125rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.property-button__name {
  color: #66667F;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.property-button__value {
  color: #060626;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.property-button__icon {
  position: absolute;
  right: 0;
  fill: #66667F;
}
.property-button_disabled {
  border-color: #F0F1F5;
  background-color: #F0F1F5;
}
.property-button_disabled .property-button__name,
.property-button_disabled .property-button__value {
  color: #B0B0C6;
}
.property-button_disabled .property-button__icon {
  fill: #B0B0C6;
}
.property-button_hasValue .property-button__value {
  order: 0;
  margin-right: 0.9375rem;
  text-align: left;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.property-button_hasValue .property-button__name {
  word-break: initial;
  order: 1;
  position: absolute;
  right: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  padding-right: 25px;
  padding-left: 50px;
}
.property-button_hasValue .property-button__icon {
  order: 2;
}
@media (min-width: 1281px) {
  .property-button:hover:not(.property-button_disabled), .property-button:focus:not(.property-button_disabled) {
    border-color: #D8DAE6;
  }
  .property-button:hover:not(.property-button_disabled) .property-button__icon, .property-button:focus:not(.property-button_disabled) .property-button__icon {
    fill: #2259E5;
  }
}

.badge {
  position: relative;
  display: inline-block;
}
.badge .pulse-container > .badge__counter {
  margin: 6px;
  position: initial;
}
.badge_theme_default .badge__counter {
  color: #66667F;
  background-color: #D8DAE6;
}
.badge_theme_primary .badge__counter {
  color: #FFFFFF;
  background-color: #2259E5;
}
.badge_theme_invert .badge__counter {
  color: #2259E5;
  background-color: #FFFFFF;
}
.badge_size_extra-small .badge__counter {
  max-height: 0.875rem;
  padding: 0 0.25rem;
  line-height: 0.875rem;
  font-size: 0.6875rem;
}
.badge_size_small .badge__counter {
  max-height: 1.25rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.badge_size_medium .badge__counter {
  max-height: 1.5rem;
  padding: 0 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.badge_size_large .badge__counter {
  max-height: 1.75rem;
  padding: 0 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.75rem;
}
.badge .pulse-container {
  position: inherit;
  display: flex;
  width: auto;
  height: auto;
}
.badge__counter {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 100%;
  bottom: 0;
  margin: auto;
  display: inline-block;
  font-family: Inter, sans-serif;
  text-transform: lowercase;
  border-radius: 1.875rem;
  word-break: initial;
}

.tab {
  width: 100%;
  display: block;
}
.tab__header {
  width: 100%;
  margin-bottom: 1.5625rem;
  padding: 0 0.625rem 0.75rem 0.625rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #D8DAE6;
}
@media (min-width: 1281px) {
  .tab__header {
    margin-bottom: 1rem;
  }
}
.tab__button {
  position: relative;
  height: 2.25rem;
  margin: 0;
  padding: 0 0.5rem;
  color: #B0B0C6;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  border: none;
  background: transparent;
  outline: none;
  word-break: initial;
}
@media (min-width: 1281px) {
  .tab__button {
    cursor: pointer;
  }
}
.tab__button:not(:last-child) {
  margin-right: 0.75rem;
}
.tab__button:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  margin: auto;
  border-radius: 1.875rem;
  background: transparent;
}
.tab__button_current {
  color: #060626;
}
.tab__button_current:before {
  background-color: #2259E5;
}
.tab__body {
  padding: 0 0.625rem;
  box-sizing: border-box;
}

.snack {
  width: 384px;
  min-height: 80px;
  padding: 12px 0;
  background: #FFFFFF;
  border: 1px solid #F0F1F5;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 4000;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .snack {
    width: calc(100% - 40px);
    bottom: 0;
    left: 0;
    margin: 20px;
  }
}
.snack__content {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.snack__content:first-child {
  margin: 0 12px;
}
.snack__content:last-child {
  position: absolute;
  right: 18px;
  width: 16px;
}
.snack__content-text {
  display: flex;
  flex-direction: column;
  padding-right: 45px;
}
.snack__image {
  width: 100%;
  border-radius: 6px;
}
.snack__icon {
  width: 16px;
  height: 16px;
}
@media (min-width: 1281px) {
  .snack__icon {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .snack__icon {
    cursor: pointer;
  }
}
.snack__title {
  margin-bottom: 4px;
}
.snack_type_membership, .snack_type_membership-prolongation {
  background: linear-gradient(90deg, #FF5061 0%, #FF3F63 100%);
  color: #FFFFFF;
  border-color: transparent;
}
.snack_type_membership img, .snack_type_membership-prolongation img {
  width: 36px;
}
.snack_type_membership svg, .snack_type_membership-prolongation svg {
  fill: #FFFFFF;
}
.snack_type_membership-expires img {
  width: 36px;
}
.snack_type_membership-expired {
  background: linear-gradient(90deg, #FF5061 0%, #FF3F63 100%);
  color: #FFFFFF;
  border-color: transparent;
}
.snack_type_membership-expired img {
  width: 36px;
}
.snack_type_membership-expired svg {
  fill: #FFFFFF;
}
.snack__amb-link {
  font-weight: 700;
  border-bottom: 1px solid #FFFFFF;
}

.notifyer {
  width: 384px;
  min-height: 84px;
  padding: 12px 0 14px 12px;
  background: #FFFFFF;
  border: 1px solid #F0F1F5;
  box-sizing: border-box;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  z-index: 4000;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .notifyer {
    width: calc(100% - 40px);
    bottom: 0;
    left: 0;
    margin: 20px;
  }
}
.notifyer__content {
  display: flex;
  align-items: center;
}
.notifyer__content:last-child {
  position: absolute;
  right: 16px;
  width: 16px;
}
.notifyer__content-text {
  margin-top: 9px;
}
.notifyer__icon {
  width: 16px;
  height: 16px;
}
@media (min-width: 1281px) {
  .notifyer__icon {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .notifyer__icon {
    cursor: pointer;
  }
}
.notifyer__avatar {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  margin-right: 8px;
}
.notifyer__title {
  font-weight: 600 !important;
  color: #2259E5;
  margin-top: 6px;
}
@media (min-width: 1281px) {
  .notifyer__title {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .notifyer__title {
    cursor: pointer;
  }
}

.Toastify .Toastify__toast {
  padding: 0;
  box-shadow: none;
  overflow: visible;
}
.Toastify .Toastify__toast--default {
  background: transparent;
  color: #060626;
}
.Toastify .Toastify__close-button {
  display: none;
}

.locale {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale {
    width: auto;
  }
}
.locale__align {
  display: flex;
  gap: 5px;
}
.locale__selected, .locale__option {
  background-color: #F0F1F5;
  padding: 0 14px 0 14px;
  height: 48px;
  border-radius: 10px;
  display: flex;
}
@media (min-width: 1281px) {
  .locale__selected, .locale__option {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .locale__selected, .locale__option {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale__selected, .locale__option {
    height: 36px;
  }
}
.locale__selected {
  justify-content: space-between;
  gap: 55px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale__selected {
    background-color: #FFFFFF;
    border: 1px solid #F0F1F5;
    max-height: 46px;
    gap: 0px;
  }
}
.locale__selected.compact {
  background-color: #F0F1F5;
  height: 40px;
  border-color: transparent;
  gap: 0px;
}
.locale__selected.compact .locale__name {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale__selected.compact {
    border-color: transparent;
  }
}
.locale__selected.compact .locale__align {
  margin-right: 16px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale__selected.compact .locale__align {
    margin-right: 12px;
  }
}
.locale__selected.compact .locale__name {
  display: none;
}
.locale__selected.compact + .locale__options .locale__option {
  justify-content: center;
}
.locale__selected.compact + .locale__options .locale__name {
  display: none;
}
.locale__option {
  background-color: #FFFFFF;
  border-radius: unset;
  gap: 10px;
}
@media (min-width: 1281px) {
  .locale__option {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .locale__option {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .locale__option:hover {
    background-color: #F0F1F5;
  }
}
.locale__flag {
  align-self: center;
  height: 24px;
}
.locale__name {
  align-self: center;
  word-break: initial;
}
.locale__icon {
  width: 10px;
  height: 8px;
  align-self: center;
}
.locale__options {
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  padding: 8px 0;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 1000;
  width: 100%;
  overflow-y: auto;
  min-height: 100px;
  max-height: calc(100vh - 347px);
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .locale__options {
    max-height: 100vh;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale__options {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .locale__options .locale__option {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.options-top {
  top: unset;
  bottom: 60px;
}

.footer-container {
  border-top: 1px solid #D8DAE6;
}

.footer {
  box-sizing: border-box;
  max-width: calc(1290px + (24px * 2));
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding: 56px 24px;
  justify-content: space-between;
}
.footer__content {
  display: flex;
  flex-direction: column;
}
.footer__navigation {
  display: flex;
  flex-direction: column;
}
.footer__brand {
  margin-bottom: 14px;
  margin-top: -5px;
  text-decoration: unset;
  color: #060626;
}
.footer__copyright, .footer__text, .footer__title {
  color: #66667F;
}
.footer__copyright {
  margin-bottom: 10px;
}
.footer__title {
  margin-bottom: 14px;
}
.footer__author {
  color: #B0B0C6;
}
.footer__link {
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
  font-style: normal;
  color: #060626;
  border-bottom: unset;
  margin: 8px 0;
}
@media (min-width: 1281px) {
  .footer__link:hover {
    color: #060626;
    border-bottom: unset;
  }
}
.footer__icon {
  width: 13px;
  height: 13px;
}

.footer.compact {
  position: relative;
  flex-direction: column;
  padding: 32px;
}
.footer.compact .locale {
  width: auto;
}
.footer.compact .footer__content:last-child {
  position: absolute;
  right: 32px;
}
.footer.compact .footer__title {
  margin-top: 32px;
  margin-bottom: 8px;
}
.footer.compact .ui-text {
  font-size: 14px;
}
.footer.compact .footer__navigation {
  flex-direction: row;
  max-width: 500px;
  flex-wrap: wrap;
}
.footer.compact .footer__link {
  font-size: 14px;
  margin-right: 24px;
  margin-top: 4px;
  margin-bottom: 4px;
}

@media (max-width: 835px) {
  .footer {
    padding: 40px 24px;
    flex-direction: column;
  }
  .footer__content {
    margin-bottom: 40px;
  }
  .footer__content:first-child {
    order: 1;
  }
  .footer__content:last-child {
    order: -1;
  }
  .footer__brand {
    margin-bottom: 12px;
  }
}

.header {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  padding: 24px;
  align-items: center;
  max-width: calc(1290px + (24px * 2));
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
  .header {
    padding: 20px 24px;
  }
}
.header__public {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header__public .header__link {
  margin-right: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .header__public .header__link {
    margin-right: 10px;
  }
}
.header__link {
  text-decoration: none;
}
.header__private {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.header__private .header__link {
  display: flex;
  align-items: center;
}
.header__button {
  min-width: 120px;
  height: 46px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .header__button {
    min-width: unset;
    height: 40px;
  }
}

.select {
  position: relative;
  display: inline-block;
}
.select__verification-form {
  width: 100%;
  min-width: 12rem !important;
  height: 56px !important;
}
.select__input {
  position: relative;
  min-width: 18.125rem;
  padding: 0.3125rem 1.875rem 0.3125rem 0.75rem;
  box-sizing: border-box;
  text-align: left;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F0F1F5;
  background-color: #FFFFFF;
  outline: none;
}
@media (min-width: 1281px) {
  .select__input {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .select__input:not(.select__disabled):hover {
    border-color: #D8DAE6;
  }
}
.select__input:not(.select__disabled):focus {
  border-color: #2259E5;
}
.select__input.disabled-focus {
  cursor: default;
}
@media (min-width: 1281px) {
  .select__input.disabled-focus:not(.select__disabled):hover {
    border-color: #F0F1F5;
  }
}
.select__input.disabled-focus:not(.select__disabled):focus {
  border-color: #F0F1F5;
}
.select__search-wrapper {
  display: flex;
}
.select__search-wrapper-focus {
  border-color: #2259E5;
}
.select__input-search {
  padding: 0;
  height: calc(100% - 1px);
  width: 100%;
  border: none;
}
.select__input-search::placeholder {
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 110%;
  color: #66667F;
  font-weight: 400;
}
.select__input-search:focus-visible {
  outline: none;
}
.select__verification-form-label {
  font-family: Manrope, sans-serif !important;
  justify-content: end;
}
.select__verification-form-label-start {
  font-family: Manrope, sans-serif !important;
  justify-content: start;
}
.select__label {
  width: 100%;
  display: flex;
  align-items: center;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 110%;
  font-weight: 400;
}
.select__label > .icon {
  margin-right: 0.625rem;
  fill: #B0B0C6;
  flex-shrink: 0;
}
.select__dropdown {
  position: absolute;
  z-index: 50;
  top: 100%;
  width: 100%;
  height: auto;
  padding: 0.5rem 0;
  background-color: #FFFFFF;
  border-radius: 0.625rem;
  box-shadow: 0 1.25rem 5rem rgba(0, 26, 102, 0.15);
  transform: translateY(0.75rem);
  overflow: hidden;
  overflow-y: auto;
  min-height: 100px;
  max-height: calc(100vh - 630px);
  scrollbar-color: #FFFFFF;
}
.select .short-dropdown {
  min-height: 3rem;
}
.select .color-scroll::-webkit-scrollbar-thumb {
  background: #643AC5 !important;
}
.select.modal-select .select__dropdown {
  max-height: 25vh;
}
@media (min-width: 320px) and (max-width: 767px) {
  .select.modal-select .select__dropdown {
    max-height: calc(100vh - 480px);
  }
}
.select__arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #66667F;
  flex-shrink: 0;
}
.select_error .select__input {
  border-color: #F23D30;
}
@media (min-width: 1281px) {
  .select_error .select__input:hover, .select_error .select__input:focus {
    border-color: #F23D30 !important;
  }
}
.select_error .select__arrow {
  fill: #F23D30;
}
.select_error .select__label {
  color: #F23D30;
}
.select_error .select__label > .icon {
  fill: #F23D30;
}
.select_disabled {
  cursor: not-allowed;
  opacity: 0.1;
}
@media (min-width: 1281px) {
  .select_disabled .select__input:hover, .select_disabled .select__input:focus {
    border-color: #F0F1F5 !important;
  }
}
.select_size_medium {
  height: 3rem;
}
.select_size_medium .select__input {
  height: 3rem;
}
.select_size_medium .select__input img {
  width: 20px;
  margin-right: 5px;
}
.select_size_medium .select__arrow {
  right: 0.75rem;
}
.select_size_medium .option {
  padding: 0.3125rem 0.75rem;
}
.select_size_medium .option__checked {
  right: 0.75rem;
}
.select_size_medium .option_selected {
  padding-right: 2.8125rem;
}
.select_size_medium .option img {
  width: 20px;
  margin-right: 5px;
}
.select_size_large {
  height: 3.5rem;
}
.select_size_large .select__input {
  height: 3.5rem;
  padding: 0 1rem;
}
.select_size_large .select__arrow {
  right: 1rem;
}
.select_size_large .option {
  padding: 0.3125rem 1rem;
}
.select_size_large .option__checked {
  right: 1rem;
}
.select_size_large .option_selected {
  padding-right: 2.8125rem;
}

.select-options-top {
  top: unset !important;
  bottom: 75px;
}

.option {
  position: relative;
  width: 100%;
  height: 3rem;
  padding: 0.3125rem 0.75rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  text-align: left;
  border: none;
  border-radius: 0;
  background-color: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .option {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .option:hover, .option:focus {
    background-color: #F0F1F5;
  }
}
.option_disabled {
  cursor: not-allowed;
  color: #B0B0C6;
}
.option > .icon {
  flex-shrink: 0;
}
.option > .icon:not(.option__checked) {
  margin-right: 0.625rem;
  fill: #B0B0C6;
}
.option__checked {
  position: absolute;
  right: 0;
  fill: #2259E5;
}

.preview {
  padding: 14px;
  max-width: 100%;
  height: 46px;
  background: #F0F1F5;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 8px 3px;
}
@media (min-width: 1281px) {
  .preview {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .preview {
    width: calc(100% - 32px);
  }
}
.preview__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .preview__content:first-child .preview__title {
    width: 70%;
  }
}
.preview__number {
  padding: 0 13px;
  height: 24px;
  background: #2259E5;
  border-radius: 1.875rem;
  font-family: Inter, sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.preview__message {
  color: #66667F;
  background: #D8DAE6;
  border-radius: 6px;
  padding: 2px 6px;
}
.preview__title {
  max-width: 90%;
  color: #66667F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.preview__id {
  color: #66667F;
}
.preview .block-headline {
  color: #060626;
}

.preview .preview__content:last-child {
  margin-top: 8px;
}

.pin {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pin__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #fff7ec;
  border-radius: 12px;
}
.pin__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pin__text {
  margin-left: 10px;
  color: #060626;
}
.pin__time {
  font-weight: 700;
}

.file-pin {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin: 8px 0;
}
.file-pin__image {
  width: 48px;
  height: 48px;
  background: #F0F1F5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-pin__icon {
  width: 16px;
  height: 16px;
}
.file-pin__content {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}
.file-pin__delete {
  position: absolute;
  right: 16px;
}
@media (min-width: 1281px) {
  .file-pin__delete {
    cursor: pointer;
  }
}
.file-pin__name {
  color: #060626;
  font-weight: 500 !important;
}
.file-pin__size {
  color: #66667F;
}
.file-pin__download {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.new-shield {
  width: 168px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2259E5;
  border-radius: 512px;
  align-self: center;
  margin-bottom: 30px;
}
.new-shield__text {
  margin: 0;
  padding: 2px 15px;
}
.new-shield .text {
  color: #FFFFFF;
}

.message-view {
  max-width: 444px;
  border: 1px solid #D8DAE6;
  border-radius: 8px;
  padding: 12px 16px;
}
.message-view__info {
  display: flex;
  justify-content: space-between;
  color: #66667F;
  font-size: 12px;
  margin-bottom: 12px;
}
.message-view__time {
  white-space: nowrap;
}
.message-view__body {
  white-space: pre-wrap;
}
.message-view__attachment :last-child {
  margin-bottom: 0;
}
.message-view__primary {
  width: 100%;
}
.message-view__button {
  color: #000000;
  background-color: #FFFFFF;
  width: 50%;
}
.message-view__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.message-view__content :first-child {
  margin-right: 12px;
}
.message-view_type_sent {
  align-self: flex-end;
  width: 444px;
}
.message-view_type_reply {
  background: #F0F1F5;
  border-color: #F0F1F5;
}
.message-view_type_sent, .message-view_type_reply {
  margin-bottom: 33px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .message-view_type_sent, .message-view_type_reply {
    width: 80%;
    max-width: 285px;
  }
}

.support-button {
  display: flex;
  align-items: center;
  text-align: center;
  width: fit-content;
  color: #2259E5;
  height: 56px;
  background: #F9FAFC;
  border: 1px solid #F0F1F5;
  box-shadow: 0 20px 80px rgba(101, 113, 149, 0.25);
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-button {
    right: 12px;
    bottom: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .support-button {
    bottom: 5rem;
  }
}
.support-button__image {
  width: 22px;
  margin-right: 12px;
}
@media (min-width: 1281px) {
  .support-button:hover {
    background-color: #f4f7fe;
  }
}
.support-button__badge {
  z-index: 0;
  position: absolute;
  right: 38px;
  top: -20px;
}

.support-window {
  width: 560px;
  background-color: #F0F1F5;
  border: 1px solid #D8DAE6;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  z-index: 500;
  position: fixed;
  bottom: 0px;
  right: 0px;
}
.support-window ::-webkit-scrollbar {
  width: 6px;
}
.support-window ::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}
.support-window ::-webkit-scrollbar-track {
  background: transparent;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-window {
    width: 100%;
    height: 100%;
    border-radius: unset;
    border: unset;
    position: fixed;
    top: 0;
    right: 0;
    bottom: unset;
    background-color: #FFFFFF;
    margin-left: 0;
  }
}
.support-window__header {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 15px 32px;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-window__header {
    padding: 16px 24px;
    height: auto;
  }
}
.support-window__body {
  width: 524px;
  background: #FFFFFF;
  border-radius: 10px;
  align-self: center;
  padding: 16px 16px 8px 16px;
}
@media (min-width: 1281px) {
  .support-window__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 16px 8px 16px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .support-window__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .support-window__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-window__body {
    height: calc(100% - 80px);
    width: calc(100% - 32px);
    overflow-y: scroll;
  }
}
.support-window__id {
  color: #66667F;
  margin-right: 10px;
}
.support-window__icon {
  display: flex;
  align-items: center;
}
@media (min-width: 1281px) {
  .support-window__icon {
    cursor: pointer;
  }
}
.support-window__title {
  width: 87%;
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-window__title {
    width: 80%;
  }
}
.support-window__one {
  text-align: center;
}
.support-window__double {
  display: flex;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-window__double {
    text-align: center;
  }
}
.support-window__double-title {
  text-overflow: ellipsis;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.support-window__status {
  color: #66667F;
  margin-top: 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-window__status {
    display: none;
  }
}

.support-input {
  background: #FFFFFF;
  border: 1px solid #D8DAE6;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.support-input__input, .support-input__textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 8px;
  resize: none;
  padding: 0;
  outline: none;
}
.support-input__input::placeholder, .support-input__textarea::placeholder {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #66667F;
}
.support-input__textarea {
  height: 100px;
}
.support-input__label {
  font-weight: 500;
  color: #66667F;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1281px) {
  .support-input__label {
    cursor: pointer;
  }
}

.support-controllers {
  background-color: #FFFFFF;
}
.support-controllers__button-group {
  display: flex;
  flex-direction: row;
}
.support-controllers__icon {
  padding: 0 11px;
  margin-right: 8px;
  position: relative;
}
.support-controllers__icon svg.icon path {
  fill: #66667f;
}
.support-controllers__submit {
  width: 100%;
}
.support-controllers__attachments {
  margin: 16px 0;
  max-height: 210px;
  min-height: 56px;
  overflow-y: auto;
  width: 100%;
  position: relative;
}
.support-controllers__input {
  border-top: 1px solid #D8DAE6;
  padding-top: 12px;
  padding-bottom: 8px;
}
.support-controllers__input textarea {
  max-height: 60px;
}
.support-controllers__file-input {
  position: absolute;
  height: 100%;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.support-controllers__attachments-loader {
  position: relative;
  height: 100%;
  min-height: 64px;
  flex-grow: 1;
  display: flex;
  flex-direction: column-reverse;
}
.support-controllers .loader {
  opacity: 0.8;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  display: block;
}

.support-form {
  max-height: 30rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-form {
    height: auto;
  }
}
.support-form__input {
  margin-bottom: 12px;
}
.support-form__controllers {
  position: relative;
  flex-grow: 1;
  width: 100%;
  height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-form__controllers {
    position: fixed;
    bottom: 20px;
    width: calc(100% - 32px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-form__input-group {
    margin: 0 8px;
  }
}

.support-main {
  height: 100%;
  overflow: hidden;
}
.support-main__title {
  margin-bottom: 12px;
  margin-left: 16px;
  display: inline-block;
}
.support-main__faq {
  font-size: 0.85rem;
}
.support-main__warn {
  color: #66667F;
}
.support-main__warn .link {
  text-decoration: underline;
  color: #2259E5;
}
.support-main__form {
  margin-top: 12px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
}
.support-main__input {
  width: 100%;
  height: 48px;
  margin-right: 12px;
}
.support-main__button {
  min-width: 145px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-main__button {
    min-width: 95px;
  }
}
.support-main__content {
  height: fit-content;
}
.support-main__content:last-child {
  height: 10rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .support-main__content:last-child {
    height: 100%;
  }
}
.support-main__dialogs {
  overflow: auto;
  height: 60%;
}
@media (min-width: 1281px) {
  .support-main__dialogs {
    width: 100%;
  }
}
.support-main__dialogs .pagination {
  margin-bottom: 40px;
}

.support-dialog {
  margin-top: 9px;
}
.support-dialog__form {
  bottom: 0;
  width: 100%;
}
.support-dialog__history {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (min-width: 1281px) {
  .support-dialog__history {
    height: 16rem !important;
  }
}

.dialog-closed {
  height: 100%;
  padding-bottom: 0;
}

.support-loader {
  padding: 0;
  background-color: unset;
  width: 100%;
  height: 78px;
}

.survey-button {
  display: flex;
  align-items: center;
  text-align: center;
  width: fit-content;
  color: #2259E5;
  height: 56px;
  background: #F9FAFC;
  border: 1px solid #F0F1F5;
  box-shadow: 0 20px 80px rgba(101, 113, 149, 0.25);
}
@media (min-width: 320px) and (max-width: 767px) {
  .survey-button {
    right: 12px;
    bottom: 9rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .survey-button {
    bottom: 9rem;
  }
}
.survey-button__image {
  width: 22px;
  margin-right: 12px;
}
@media (min-width: 1281px) {
  .survey-button:hover {
    background-color: #f4f7fe;
  }
}
.survey-button__badge {
  z-index: 0;
  position: absolute;
  right: 38px;
  top: -20px;
}

.survey-window {
  height: auto;
  width: 620px;
  background-color: #F0F1F5;
  border: 1px solid #D8DAE6;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 501;
}
@media (min-width: 320px) and (max-width: 767px) {
  .survey-window {
    width: 100%;
    height: 100%;
    border-radius: unset;
    border: unset;
    position: fixed;
    top: 0;
    right: 0;
    bottom: unset;
    background-color: #FFFFFF;
    margin-left: 0;
  }
}
.survey-window__header {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 68px;
  padding: 0 32px;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .survey-window__header {
    padding: 16px 24px;
    height: auto;
  }
}
.survey-window__body {
  width: 524px;
  background: #FFFFFF;
  border-radius: 10px;
  align-self: center;
  padding: 30px;
  height: calc(100% - 92px);
  margin-bottom: 20px;
  -webkit-transition: height 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
  -moz-transition: height 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
  -o-transition: height 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: height 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 1281px) {
  .survey-window__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .survey-window__body {
    height: calc(100% - 80px);
    width: calc(100% - 32px);
  }
}
.survey-window__icon {
  display: flex;
  align-items: center;
}
@media (min-width: 1281px) {
  .survey-window__icon {
    cursor: pointer;
  }
}
.survey-window__title {
  width: 87%;
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  font-weight: bold;
}
@media (min-width: 320px) and (max-width: 767px) {
  .survey-window__title {
    width: 80%;
  }
}
.survey-window__one {
  text-align: center;
}

.survey-content {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.survey-content_state_visible {
  opacity: 1;
  transform: translateY(0);
  transition: all 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.survey-content_state_hidden {
  opacity: 0;
  transform: translateY(5px);
  pointer-events: none;
  transition: all 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.survey-content__submit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.survey-content__checkbox {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.survey-content__survey-comment-counter {
  display: inline-block;
  float: right;
  color: #B0B0C6;
}
.survey-content__survey-comment-counter-error {
  color: red;
}
.survey-content__text {
  font-size: 14px;
  text-align: center;
}
.survey-content__text p {
  margin: 0;
}
.survey-content__success-icon {
  margin: 0 auto;
}

.verification-badge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
}
@media (min-width: 1281px) {
  .verification-badge {
    cursor: pointer;
  }
}
.verification-badge_status_NotVerified {
  background-color: #B0B0C6;
}
.verification-badge_status_OnVerified {
  background-color: #FFAB3D;
}
.verification-badge_status_Verified {
  background-color: #2259E5;
}
.verification-badge_size_small, .verification-badge_size_medium {
  width: 1rem;
  height: 1rem;
}
.verification-badge_size_large {
  width: 1.25rem;
  height: 1.25rem;
}
.verification-badge:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  padding: 0.25rem 0.75rem;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.00625rem;
  white-space: nowrap;
  border-radius: 0.3125rem;
  background: #FFFFFF;
  box-shadow: 0 0.625rem 2.5rem rgba(0, 26, 102, 0.15);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.75rem);
  transition: 220ms ease;
}
@media (min-width: 1281px) {
  .verification-badge:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translateY(-0.875rem);
  }
}

.username {
  display: inline-block;
}
.username__wrapper {
  display: flex;
  align-items: center;
}
.username__badge {
  flex-shrink: 0;
}
.username__label {
  color: #060626;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  letter-spacing: -0.00625rem;
}
.username_size_small .username__badge, .username_size_large .username__badge {
  margin-right: 0.5rem;
}
.username_size_small .username__label {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.username_size_medium .username__badge {
  margin-right: 0.625rem;
}
.username_size_medium .username__label {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.username_size_large .username__label {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2rem;
}

.user-card {
  position: relative;
  background-size: cover;
  background-position: center;
}
.user-card_layout_card {
  max-width: 12.5rem;
  height: 16.25rem;
  border-radius: 0.625rem;
}
.user-card_layout_card .user-card__wrapper {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1281px) {
  .user-card_layout_card {
    cursor: pointer;
  }
}
.user-card_layout_card:before, .user-card_layout_card:after {
  content: "";
  position: absolute;
  z-index: 5;
  width: 100%;
  display: block;
}
.user-card_layout_card:before {
  top: 0;
  height: 3rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 0.625rem 0.625rem 0 0;
}
.user-card_layout_card:after {
  bottom: 0;
  height: 4.25rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 0.625rem 0.625rem;
}
.user-card_layout_thumbnail {
  max-width: 5rem;
  height: 6.5625rem;
  border-radius: 0.5rem;
}
.user-card_showActionBar .user-card__action-bar {
  margin-top: 0;
  transform: translateY(0);
}
.user-card_showActionBar .user-card__actions {
  opacity: 1;
  transform: translateY(0);
}
.user-card__wrapper {
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
}
.user-card__change-action-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .user-card__change-action-bar {
    cursor: pointer;
  }
}
.user-card__change-action-bar > .icon {
  fill: #FFFFFF;
}
@media (min-width: 480px) {
  .user-card__change-action-bar {
    display: none;
  }
}
.user-card__content {
  padding: 0.75rem;
  margin-top: auto;
  box-sizing: border-box;
}
.user-card__display-name {
  display: block;
}
.user-card__display-name .username__label {
  color: #FFFFFF;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: start;
  align-items: center;
}
.user-card__verification-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1281px) {
  .user-card__verification-tooltip {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .user-card__verification-tooltip:hover .pending-tooltip, .user-card__verification-tooltip:hover .confirm-tooltip {
    display: inline;
    top: 184px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .user-card__verification-tooltip {
    margin-right: 12px;
  }
}
.user-card__verification-icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .user-card__verification-icon {
    margin-right: 6px;
  }
}
.user-card__text {
  margin-top: 0.125rem;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);
}
.user-card__hidden {
  overflow: hidden;
}
.user-card__action-bar {
  height: 3.25rem;
  margin-top: -3.25rem;
  transform: translateY(3.25rem);
  pointer-events: none;
  transition: 320ms ease;
}
.user-card__actions {
  height: 3.25rem;
  display: flex;
  border-top: 0.0625rem solid rgba(216, 218, 230, 0.25);
  border-radius: 0 0 0.625rem 0.625rem;
  opacity: 0;
  transform: translateY(3.25rem);
  pointer-events: auto;
  transition: 450ms ease opacity, 450ms ease transform;
}
.user-card__action {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  box-sizing: border-box;
  outline: none;
  transition: 220ms ease;
}
@media (min-width: 1281px) {
  .user-card__action {
    cursor: pointer;
  }
}
.user-card__action > .icon {
  fill: #FFFFFF;
}
.user-card__action:not(:last-child) {
  border-right: 0.0625rem solid rgba(216, 218, 230, 0.25);
}
.user-card__action_type_message {
  border-bottom-left-radius: 0.625rem;
}
.user-card__action_type_favorite {
  border-bottom-right-radius: 0.625rem;
}
@media (min-width: 1281px) {
  .user-card__action:hover, .user-card__action:focus {
    border-color: transparent;
    background-color: rgba(216, 218, 230, 0.25);
  }
}
.user-card__action:active {
  background-color: rgba(216, 218, 230, 0.4);
}
.user-card__action:active .user-card__action {
  border: transparent;
}
.user-card .username__label {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-avatar {
  position: relative;
  width: 13.75rem;
  height: 13.75rem;
  border-radius: 2.25rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .user-avatar {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
  }
}
.user-avatar__photo {
  width: 100%;
  height: 100%;
  border-radius: 2.25rem;
  background-image: url("/images/no-avatar.svg");
  background-size: cover;
  background-position: center;
}
@media (min-width: 1281px) {
  .user-avatar__photo {
    cursor: pointer;
  }
}
.user-avatar__controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1.5rem;
  box-sizing: border-box;
  border-radius: 2.25rem;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 220ms ease;
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 1281px) {
  .user-avatar__controls {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .user-avatar__controls {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
  }
}
.user-avatar__control {
  display: flex;
  align-items: center;
  transition: 220ms ease;
  text-decoration: none;
  outline: none;
}
@media (min-width: 1281px) {
  .user-avatar__control:hover, .user-avatar__control:focus {
    opacity: 0.5;
  }
}
.user-avatar__control:not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .user-avatar__control {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    margin: 0;
  }
}
.user-avatar__icon {
  margin-right: 0.5rem;
  fill: #FFFFFF;
}
@media (min-width: 320px) and (max-width: 767px) {
  .user-avatar__icon {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .user-avatar__icon path {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    margin: 0;
    display: none;
  }
}
.user-avatar__label {
  color: #FFFFFF;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .user-avatar__label {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1281px) {
  .user-avatar:hover .user-avatar__controls {
    opacity: 1;
    visibility: visible;
  }
}
.user-avatar__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

.sidebar-section {
  max-width: 16.875rem;
  padding: 1.5rem 0;
}
.sidebar-section__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.sidebar-section__description {
  margin: 0.75rem 0 0 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.sidebar-section__footer {
  margin-top: 1.25rem;
}

.sidebar-article {
  max-width: 16.875rem;
  padding: 1.5625rem 0;
}
.sidebar-article__heading, .sidebar-article__description {
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
}
.sidebar-article__heading {
  color: #060626;
  font-weight: 600;
  line-height: 1.125rem;
}
.sidebar-article__description {
  margin-top: 0.9375rem;
  color: rgba(6, 6, 38, 0.8);
  font-weight: 500;
  line-height: 1.75rem;
}
.sidebar-article__thumbnail {
  width: 100%;
  height: 6.5625rem;
  margin-top: 0.75rem;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
}
.sidebar-article__date {
  display: inline-block;
  margin-top: 0.5rem;
  color: rgba(6, 6, 38, 0.6);
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.125rem;
}

.sidebar-articles {
  max-width: 16.875rem;
}
.sidebar-articles__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.sidebar-articles__content {
  margin-top: 16px;
}
.sidebar-articles__article {
  border-top: 1px solid #D8DAE6;
}
.sidebar-articles__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.call-to-action-banner {
  max-width: 16.875rem;
  height: 17.1875rem;
  padding: 1.5625rem 1rem;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #FEEEF0;
  background-image: url("/images/aside-call-to-action/background.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
.call-to-action-banner__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.25rem;
  text-align: center;
}
.call-to-action-banner__description {
  margin: 1rem 0 0 0;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
  text-align: center;
}

.button-link {
  padding: 16px 18px;
  background: #F0F1F5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #060626;
  width: 410px;
  position: relative;
  font-weight: 600;
}
@media (min-width: 320px) and (max-width: 767px) {
  .button-link {
    width: auto;
    padding: 16px;
    font-weight: 500;
  }
}
.button-link__preview {
  margin-right: 16px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .button-link__preview {
    margin-right: 10px;
  }
}
.button-link__icon {
  position: absolute;
  right: 20px;
  width: 16px;
  height: 16px;
}
@media (min-width: 1281px) {
  .button-link:hover {
    background-color: #D8DAE6;
  }
}

.verification {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 630px;
  background: #F9FAFC;
  border-radius: 10px;
  margin-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .verification {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    order: 1;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .verification {
    margin-bottom: 16px;
  }
}
.verification__container {
  display: flex;
  flex-direction: column;
  margin: 24px 30px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .verification__container {
    margin: 16px;
  }
}
.verification__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.verification__title {
  font-weight: 600;
  font-size: 18px;
}
.verification__description {
  font-family: Inter;
  font-weight: normal;
  line-height: 20px;
  color: #66667F;
}
.verification__content {
  width: 231px;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .verification__content {
    margin: 0 auto;
  }
}
.verification__close {
  outline: none;
  box-shadow: none;
  border: 0;
  background: #D8DAE6;
  border-radius: 100%;
  align-self: center;
  display: flex;
  background: unset;
  color: #66667F;
}
@media (min-width: 1281px) {
  .verification__close {
    cursor: pointer;
  }
}
.verification__button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 231px;
  margin-top: 12px;
}
.verification__button-title {
  white-space: nowrap;
}
.verification__icon {
  width: 16px;
  height: 16px;
}

.user-membership {
  max-width: 16.5625rem;
  width: 100%;
  display: flex;
  padding: 0.75rem;
  border-radius: 0.625rem;
  box-sizing: border-box;
  text-decoration: none;
  outline-color: #FF5061;
  outline-offset: 0.1875rem;
  transition: 220ms ease;
}
@media (min-width: 1281px) {
  .user-membership:hover {
    opacity: 0.8;
  }
}
.user-membership_variant_acquired {
  background-color: #F0F1F5;
}
.user-membership_variant_acquired .user-membership__wrapper {
  padding-left: 0.5rem;
}
.user-membership_variant_acquired .user-membership__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDBMMTcuODA1OCAxNC41MTQ0QzE4Ljc5OTkgMTYuOTk5OCAxOS4yOTcgMTguMjQyNSAxOC43MDIxIDE5LjEyMTNDMTguMTA3MSAyMCAxNi43Njg3IDIwIDE0LjA5MTkgMjBIMTJIOS45MDgxM0M3LjIzMTI5IDIwIDUuODkyODcgMjAgNS4yOTc5MyAxOS4xMjEzQzQuNzAyOTkgMTguMjQyNSA1LjIwMDA3IDE2Ljk5OTggNi4xOTQyMyAxNC41MTQ0TDEyIDBaIiBmaWxsPSIjRjc1RTcwIi8+CjxwYXRoIGQ9Ik0wIDZMMTYgMjBINi4yMzM2NkM0LjY4NDI0IDIwIDMuOTA5NTIgMjAgMy4zNTk0OCAxOS41NTUzQzIuODA5NDMgMTkuMTEwNyAyLjY0NzEgMTguMzUzMSAyLjMyMjQ1IDE2LjgzODFMMCA2WiIgZmlsbD0iI0ZGMkU2NSIvPgo8cGF0aCBkPSJNMjQgNkw4IDIwSDE3Ljc2NjNDMTkuMzE1OCAyMCAyMC4wOTA1IDIwIDIwLjY0MDUgMTkuNTU1M0MyMS4xOTA2IDE5LjExMDcgMjEuMzUyOSAxOC4zNTMxIDIxLjY3NzUgMTYuODM4MUwyNCA2WiIgZmlsbD0iI0ZGNjc5NiIvPgo8cmVjdCB4PSIzIiB5PSIyMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIGZpbGw9IiNGRjJFNjUiLz4KPC9zdmc+Cg==");
}
.user-membership_variant_acquired .user-membership__discount-icon {
  width: 1.5rem;
  height: 1.5rem;
  padding-right: 1.25rem;
  background: url("/images/logo/discount-active-logo.svg") no-repeat;
}
.user-membership_variant_acquired .user-membership__title {
  color: #060626;
}
.user-membership_variant_not-acquired {
  cursor: pointer;
  background: linear-gradient(90deg, #FF5061 0%, #FF3F63 100%);
}
.user-membership_variant_not-acquired .user-membership__wrapper {
  padding-left: 0.25rem;
}
.user-membership_variant_not-acquired .user-membership__icon {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDBMMjQuNDcyNSAyMS4xODExQzI1LjQ2NjYgMjMuNjY2NSAyNS45NjM3IDI0LjkwOTIgMjUuMzY4NyAyNS43ODc5QzI0Ljc3MzggMjYuNjY2NyAyMy40MzU0IDI2LjY2NjcgMjAuNzU4NSAyNi42NjY3SDE2SDExLjI0MTVDOC41NjQ2MyAyNi42NjY3IDcuMjI2MjEgMjYuNjY2NyA2LjYzMTI3IDI1Ljc4NzlDNi4wMzYzNCAyNC45MDkyIDYuNTMzNDEgMjMuNjY2NSA3LjUyNzU3IDIxLjE4MTFMMTYgMFoiIGZpbGw9IiNEOERBRTYiLz4KPHBhdGggZD0iTTAgNS4zMzMzNEwyMS4zMzMzIDI2LjY2NjdINy4zMTk3MUM1LjczMTkyIDI2LjY2NjcgNC45MzgwMyAyNi42NjY3IDQuMzgyNTggMjYuMjA1N0MzLjgyNzEzIDI1Ljc0NDcgMy42ODA4MyAyNC45NjQ0IDMuMzg4MjIgMjMuNDAzOEwwIDUuMzMzMzRaIiBmaWxsPSIjRjBGMUY1Ii8+CjxwYXRoIGQ9Ik0zMiA1LjMzMzM0TDEwLjY2NjcgMjYuNjY2N0gyNC42ODAzQzI2LjI2ODEgMjYuNjY2NyAyNy4wNjIgMjYuNjY2NyAyNy42MTc0IDI2LjIwNTdDMjguMTcyOSAyNS43NDQ3IDI4LjMxOTIgMjQuOTY0NCAyOC42MTE4IDIzLjQwMzhMMzIgNS4zMzMzNFoiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjQiIHk9IjI4IiB3aWR0aD0iMjQiIGhlaWdodD0iNCIgcng9IjIiIGZpbGw9IiNGMEYxRjUiLz4KPC9zdmc+Cg==");
}
.user-membership_variant_not-acquired .user-membership__discount-icon {
  width: 2rem;
  height: 2rem;
  padding-right: 1rem;
  background: url("/images/logo/discount-logo.svg") no-repeat;
}
.user-membership_variant_not-acquired .user-membership__title {
  color: rgba(255, 255, 255, 0.7);
}
.user-membership_collapsed {
  max-width: none;
  width: auto;
  display: inline-block;
}
.user-membership_collapsed .user-membership__wrapper {
  padding: 0;
}
.user-membership_collapsed .user-membership__icon, .user-membership_collapsed .user-membership__discount-icon {
  padding-right: 0;
  margin-right: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 24px;
}
.user-membership__wrapper {
  display: flex;
  align-items: center;
}
.user-membership__icon {
  flex-shrink: 0;
  background-size: cover;
}
.user-membership__title {
  margin: 0 0 0.25rem 0;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
}
.user-membership__title:first-letter {
  text-transform: uppercase;
}
.user-membership__buy {
  display: flex;
  align-items: center;
  margin: 0;
  color: #FFFFFF;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.125rem;
  letter-spacing: 0.01em;
}
.user-membership__icon-buy, .user-membership__discount-icon-buy {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.375rem;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.user-membership__icon-buy > .icon, .user-membership__discount-icon-buy > .icon {
  fill: #F75E70;
}
.user-membership__discount-icon-buy > .icon {
  fill: #588CDF;
}
.user-membership__due-date {
  margin: 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.125rem;
}
.user-membership__loader {
  max-width: 16.5625rem;
  width: 100%;
  display: flex;
  border-radius: 0.625rem;
  box-sizing: border-box;
  text-decoration: none;
  outline-color: transparent;
  outline-offset: 0.1875rem;
  transition: 220ms ease;
}

.discount-not-acquired {
  background: linear-gradient(90deg, #0BABB6 0%, #588CDF 100%);
}

.logo {
  display: inline-flex;
  outline: none;
  align-items: center;
}
.logo__image {
  height: 40px;
  outline: none;
}
.logo__text {
  margin-left: 12px;
  display: block;
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.125rem;
}
.logo__text.always {
  margin-left: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logo__text {
    display: none;
  }
  .logo__text.always {
    display: block;
  }
}

.user-profile {
  display: flex;
  align-items: center;
  text-decoration: none;
  outline-color: #2259E5;
}
@media (min-width: 1281px) {
  .user-profile:hover .user-profile__display-name {
    color: #2259E5;
  }
}
.user-profile_variant_rounded .user-profile__avatar {
  border-radius: 0.5rem;
}
.user-profile_variant_round .user-profile__avatar {
  border-radius: 1.875rem;
}
.user-profile_size_medium .user-profile__avatar {
  width: 2rem;
  height: 2rem;
}
.user-profile_size_large .user-profile__avatar {
  width: 2.25rem;
  height: 2.25rem;
}
.user-profile__avatar {
  background-size: cover;
  background-position: center;
  background-image: url("/images/no-avatar.svg");
  flex-shrink: 0;
}
.user-profile__display-name {
  margin-left: 1rem;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  transition: 220ms ease;
}

.trans-notify {
  height: 100%;
  background: #F7FAFE;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .trans-notify {
    background: unset;
    height: calc(100% - 116px);
    justify-content: flex-start;
    margin-top: 56px;
  }
}
.trans-notify__block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trans-notify__title {
  font-weight: 600;
  color: #F23D30;
  margin-top: 13px;
  text-align: center;
}
.trans-notify__text {
  text-align: center;
  margin-bottom: 24px;
  color: #060626;
}
.trans-notify__link {
  font-size: 1rem;
  color: #552BC1;
}
@media (min-width: 1281px) {
  .trans-notify__repeat {
    cursor: pointer;
  }
}
.trans-notify__icon {
  width: 32px;
  height: 32px;
}
.trans-notify_type_success .trans-notify__title {
  color: #4BC92C;
}

.trans-notify-footer {
  margin-top: auto;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .trans-notify-footer {
    display: none;
  }
}
.trans-notify-footer__footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: auto;
}
.trans-notify-footer__info {
  margin-top: 16px;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 0.625rem;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #060626;
  opacity: 0.4;
}

.add-funds {
  width: 252px;
  height: 180px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .add-funds {
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 3px solid #D8DAE6;
    margin-top: 8px;
  }
}
.add-funds__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .add-funds__content {
    padding: 0 16px 0 20px !important;
    margin-bottom: 13px;
  }
}
.add-funds .widget-links {
  justify-content: space-around;
}
.add-funds__name {
  color: #66667F;
}
.add-funds__name:first-letter {
  text-transform: uppercase;
}
.add-funds__balance {
  font-weight: bold;
  color: #060626;
}
.add-funds__select {
  box-sizing: border-box;
  width: 78px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  border: 1px solid #D8DAE6;
  border-radius: 6px;
}
@media (min-width: 1281px) {
  .add-funds__select {
    cursor: pointer;
  }
}
.add-funds__amb {
  background-color: #FF3F63;
}
.add-funds__discount-program {
  background: linear-gradient(90deg, #0BABB6 0%, #588CDF 100%);
}
.add-funds__personal-discount {
  color: #060626;
  margin-right: 1px;
}
.add-funds__discount {
  color: #FFFFFF;
  margin-right: 1px;
}
.add-funds__icon {
  width: 10px;
  height: 10px;
}
.add-funds__button {
  color: #643AC5;
  width: 100%;
  border-radius: 512px;
  margin-top: 10px;
  margin-bottom: 5px;
  border: 1px solid rgba(85, 43, 193, 0.5);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .add-funds__button {
    background: #643AC5;
    border: #643AC5;
    color: #FFFFFF;
  }
}
@media (min-width: 1281px) {
  .add-funds__button:hover {
    background-color: transparent !important;
    color: #643AC5;
  }
}
.add-funds__special-button {
  color: #FFFFFF;
  width: 100%;
  border-radius: 512px;
  border: 1px solid rgba(85, 43, 193, 0.5);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .add-funds__special-button {
    background: #643AC5;
    border: #643AC5;
    color: #FFFFFF;
  }
}
@media (min-width: 1281px) {
  .add-funds__special-button:hover {
    background-color: transparent !important;
    color: #643AC5;
  }
}
.add-funds__link {
  font-size: 0.875rem;
  color: #643AC5;
  text-decoration: unset;
}
@media (min-width: 1281px) {
  .add-funds__link {
    cursor: pointer;
  }
}

.discount {
  box-sizing: border-box;
  max-width: 312px;
  background: #FFFFFF;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .discount {
    width: 40%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .discount {
    width: 100%;
  }
}
.discount__description {
  min-height: 30px;
  padding: 7px 16px 7px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D8DAE6;
}
.discount__description:first-child {
  min-height: 28px;
}
.discount__price-wrapper {
  border-bottom: none;
}
.discount__percent-wrapper {
  box-sizing: border-box;
  width: 78px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.discount__amb {
  background: #FF3F63 !important;
  justify-content: space-evenly;
}
.discount__discount-program {
  background: linear-gradient(90deg, #0BABB6 0%, #588CDF 100%) !important;
  justify-content: space-evenly;
}
.discount__balance-wrapper {
  width: 78px;
  display: flex;
  justify-content: center;
}
.discount__personal {
  border: 1px solid #D8D8D8;
}
.discount__percent {
  color: #FFFFFF;
}
.discount__content {
  padding: 0;
  border-bottom: unset;
}
.discount .no-border {
  border: none;
}
.discount__membership {
  width: 100%;
  display: block;
  max-width: unset;
  border-radius: unset;
}
.discount__membership .user-membership__wrapper {
  position: relative;
  height: 48px;
}
.discount__membership .user-membership__wrapper .user-membership__icon-buy,
.discount__membership .user-membership__wrapper .user-membership__discount-icon-buy {
  position: absolute;
  right: 0;
  top: 9px;
  width: 24px;
  height: 24px;
}
.discount__name {
  max-width: 198px;
  color: #66667F;
}
.discount__name:first-letter {
  text-transform: uppercase;
}
.discount__select {
  box-sizing: border-box;
  width: 78px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  border: 1px solid #D8DAE6;
  border-radius: 6px;
  background: #F0F1F5;
}
@media (min-width: 1281px) {
  .discount__select {
    cursor: pointer;
  }
}
.discount__personal-discount {
  color: #060626;
  margin-right: 1px;
}
.discount__discount {
  color: #FFFFFF;
  margin-right: 1px;
}
.discount__icon {
  width: 10px;
}

.ot-form__content {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.ot-form__label {
  margin-bottom: 8px;
}
.ot-form__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .ot-form__line {
    width: 100%;
  }
}
.ot-form__name {
  color: #66667F;
}
.ot-form__balance {
  color: #060626;
  font-weight: 600;
}
.ot-form__submit {
  background: #643AC5;
  color: #FFFFFF;
  border-radius: 512px;
  width: 100%;
}
.ot-form__select {
  display: flex;
  align-items: center;
}
.ot-form__image {
  margin-right: 10px;
}
.ot-form__content-mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .ot-form__content-mobile {
    display: block;
    margin-bottom: 24px;
  }
  .ot-form__content-mobile:first-child {
    background: linear-gradient(0deg, #F7FAFE, #F7FAFE), #F0F1F5;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 19px 16px;
  }
  .ot-form__content-mobile .ot-form__view {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .ot-form__content-mobile .ot-form__icon {
    display: inline-flex;
    border-radius: 50%;
    background: #643AC5;
    padding: 4px;
  }
  .ot-form__content-mobile .ot-form__icon .icon {
    width: 16px;
    height: 16px;
  }
  .ot-form__content-mobile .ot-form__icon .icon path {
    fill: #FFFFFF;
  }
  .ot-form__content-mobile .ot-form__balance {
    margin-right: 16px;
  }
}

.ot-widget {
  max-width: 276px;
  width: 100%;
  height: calc(100% - 54px);
  background: #F7FAFE;
  padding: 54px 24px 0 29px;
  transform: translateZ(0px);
}
@media (min-width: 1281px) {
  .ot-widget {
    display: flex;
    flex-direction: column;
  }
}
.ot-widget .add-funds {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
}
.ot-widget .select__input {
  min-width: unset;
  width: 100%;
}
.ot-widget .trans-notify-footer {
  height: unset;
  padding: 30px 0;
  width: unset;
}
.ot-widget .trans-notify-footer__logo {
  max-width: 115px;
  margin: 0 auto;
}
.ot-widget .discount {
  top: 86px;
  position: fixed;
  right: 8px;
  left: 9px;
  z-index: 1000;
}
.ot-widget_type_success, .ot-widget_type_error {
  display: flex;
  align-items: flex-end;
}
.ot-widget__ot-modal {
  padding: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 3001;
  background: unset;
}
.ot-widget__ot-modal .modal__content {
  background-color: white;
  padding: 0 24px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: absolute;
  bottom: 0;
  height: 100%;
  max-height: 86%;
  overflow-y: scroll;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .ot-widget__ot-modal .modal__content {
    width: calc(100% - 48px);
    max-height: 100%;
  }
}
.ot-widget__ot-modal .modal__close {
  width: 24px;
  height: 24px;
  top: 16px;
  right: 24px;
  display: none;
}
.ot-widget__ot-modal .modal-ot-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.ot-widget__ot-modal .ot-widget__header {
  padding: 16px 0;
  margin-bottom: 12px;
}
.ot-widget__ot-modal .ot-widget__title {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-family: Manrope;
  font-style: normal;
  font-weight: bold;
  font-size: 1.0625rem;
  line-height: 24px;
  color: #060626;
}
.ot-widget__ot-modal .ot-form__content:not(:nth-child(5)) {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ot-widget__ot-modal .select__input {
  min-width: 200px;
}
.ot-widget__ot-modal .ot-form__info {
  font-family: Inter;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 18px;
  color: #060626;
}
.ot-widget__ot-modal .trans-notify_type_success,
.ot-widget__ot-modal .trans-notify_type_error {
  background: unset;
  height: unset;
  padding-top: 56px;
  margin: 0 auto;
}
.ot-widget__ot-modal .trans-notify_type_success .trans-notify,
.ot-widget__ot-modal .trans-notify_type_error .trans-notify {
  display: none;
}
.ot-widget__ot-modal .trans-notify_type_success .trans-notify__link,
.ot-widget__ot-modal .trans-notify_type_error .trans-notify__link {
  color: #66667F;
}
.ot-widget__ot-modal .ot-widget__modal-footer {
  height: unset;
  background: unset;
  padding-top: 24px;
}
.ot-widget__ot-modal .ot-widget__modal-footer .trans-notify-footer__footer {
  margin-top: 0;
}
.ot-widget__ot-modal .ot-widget__modal-footer .trans-notify-footer__footer .trans-notify__logo {
  max-width: 115px;
  margin: 0 auto;
}
.ot-widget__ot-modal .add-funds {
  position: relative;
}
.ot-widget__ot-modal .add-funds__content {
  padding: 0;
}
.ot-widget__ot-modal .ot-widget__header {
  position: relative;
}
.ot-widget__ot-modal .ot-widget__header .ot-widget__icon {
  position: absolute;
}
.ot-widget__ot-modal .ot-widget__header .ot-widget__icon path {
  fill: #66667F;
}
.ot-widget__ot-modal .discount {
  position: absolute;
  top: 33px;
  right: 0;
  max-width: unset;
}
.ot-widget__ot-modal .select__dropdown {
  z-index: 1000;
  max-height: calc(100vh - 720px);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .ot-widget__ot-modal .select__dropdown {
    max-height: calc(100vh - 560px);
  }
}
.ot-widget .select__dropdown {
  z-index: 1000;
  max-height: calc(100vh - 720px);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .ot-widget .select__dropdown {
    max-height: calc(100vh - 560px);
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .ot-widget .modal__content {
    position: fixed;
    top: unset;
    height: 100%;
  }
}

.ot-popup {
  min-width: 320px;
  max-width: 360px;
}
.ot-popup .logout-popup__button-block {
  display: flex;
}
.ot-popup .logout-popup__image {
  background: #ecf2fc;
}
.ot-popup .ot-link {
  display: inline-block;
}
.ot-popup .ot-link .button {
  width: 100%;
}
.ot-popup a {
  text-decoration: none;
}

.discount-widget-container {
  width: 276px;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
  box-sizing: border-box;
  background: linear-gradient(88.1deg, #0BABB6 13.91%, #588CDF 98.2%, #588CDF 98.2%);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
.discount-widget-container .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
}
.discount-widget-container .description-status {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}
.discount-widget-container .description-status > img {
  width: 45px;
}
@media (min-width: 320px) and (max-width: 480px) {
  .discount-widget-container .description-status > img {
    width: 35px;
  }
}
.discount-widget-container .description-level {
  display: flex;
  align-items: center;
}
.discount-widget-container .description-level > img {
  width: 18px;
}
.discount-widget-container .description-content {
  display: flex;
  justify-content: space-around;
}
.discount-widget-container .description-title {
  font-size: 11px;
  line-height: 24px;
}
.discount-widget-container .description-title::first-letter {
  text-transform: uppercase;
}
.discount-widget-container .description-text {
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 320px) and (max-width: 480px) {
  .discount-widget-container .description-text {
    font-size: 13px;
  }
}
.discount-widget-container .description-title, .discount-widget-container .description-text {
  margin: 0;
}
.discount-widget-container .description .status {
  font-weight: 400;
}
.discount-widget-container .description .text-level {
  margin: 0;
  font-size: 16px;
}
.discount-widget-container .p-l {
  padding-left: 10px;
}
.discount-widget-container .progress-widget-container {
  display: flex;
  flex-direction: column;
}
.discount-widget-container .progress-widget-container .progress-widget {
  width: 256px;
  height: 87px;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  box-sizing: border-box;
  align-items: center;
  box-shadow: 0px 0px 40px rgba(83, 82, 84, 0.1);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container .progress-widget-container .progress-widget {
    width: 100%;
    margin-top: 5px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .discount-widget-container .progress-widget-container .progress-widget {
    height: 80px;
    padding: 5px 10px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget.success .word-count {
  display: none;
}
.discount-widget-container .progress-widget-container .progress-widget.success .rocket-desc {
  display: block;
}
@media (min-width: 320px) and (max-width: 480px) {
  .discount-widget-container .progress-widget-container .progress-widget.success .rocket-desc {
    width: 62px;
    height: 70px;
    padding-top: 10px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget.success .progressbar .progressbar-percent {
  font-size: 20px;
  margin-bottom: -10px;
  padding-bottom: 0;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container .progress-widget-container .progress-widget.success .progressbar .progressbar-percent {
    font-size: 17px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget.success .progressbar .progressbar-success {
  font-weight: 800;
  font-size: 12px;
  color: #0BABB6;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container .progress-widget-container .progress-widget.success .progressbar .progressbar-success {
    font-size: 9px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget .rocket-desc {
  display: none;
  padding-top: 7px;
}
.discount-widget-container .progress-widget-container .progress-widget .progressbar {
  width: 100px;
  padding-top: 30px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container .progress-widget-container .progress-widget .progressbar {
    width: 80px;
    padding-top: 23px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget .progressbar .progressbar-percent {
  font-weight: 800;
  font-size: 24px;
  padding-bottom: 5px;
  color: #0BABB6;
}
.discount-widget-container .progress-widget-container .progress-widget .word-count {
  width: 90px;
  padding: 8px 5px;
  font-weight: 700;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  color: #242126;
  box-shadow: 0px 0px 10px rgba(83, 82, 84, 0.15);
  border-radius: 5px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container .progress-widget-container .progress-widget .word-count {
    width: 75px;
    padding: 6px 3px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget .word-count.warn {
  animation: glowing 1500ms infinite;
  color: #FFFFFF;
}
.discount-widget-container .progress-widget-container .progress-widget .word-count__sum {
  font-size: 14px;
  line-height: 19px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .discount-widget-container .progress-widget-container .progress-widget .word-count__sum {
    font-size: 13px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget .word-count__total {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .discount-widget-container .progress-widget-container .progress-widget .word-count__total {
    font-size: 10px;
    line-height: 13px;
  }
}
.discount-widget-container .progress-widget-container .progress-widget .flags {
  width: 20px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.discount-widget-container .progress-widget-container .progress-widget .flags_from, .discount-widget-container .progress-widget-container .progress-widget .flags_to {
  width: 20px;
}
.discount-widget-container .progress-widget-container .progress-widget .flags__arrow_vertical {
  width: 10px;
  margin: 0 auto;
}
@keyframes glowing {
  0% {
    background-color: #FF2E65;
    box-shadow: 0px 0px 0px rgba(255, 46, 101, 0.6);
  }
  50% {
    background-color: #FF2E65;
    box-shadow: 0px 0px 30px rgba(255, 46, 101, 0.6);
  }
  100% {
    background-color: #FF2E65;
    box-shadow: 0px 0px 0px rgba(255, 46, 101, 0.6);
  }
}

.sidebar-menu {
  max-width: 20.625rem;
  width: 100%;
  padding: 2rem 1.875rem;
  box-sizing: border-box;
}
.sidebar-menu__logo {
  height: 2.5rem;
  margin-bottom: 3rem;
}
.sidebar-menu__profile {
  display: inline-block;
  padding: 0.75rem 1.25rem 0.75rem 1rem;
  margin-bottom: 1.25rem;
  border-radius: 1.875rem;
  background-color: #FFFFFF;
}
.sidebar-menu__membership {
  margin-bottom: 1.25rem;
}
.sidebar-menu__amb-wrapper {
  margin-bottom: 10px;
}
.sidebar-menu__elements {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sidebar-menu__element {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 1.1875rem 1.25rem 1.1875rem 1.5rem;
  transition: 220ms ease;
  text-decoration: none;
  outline-color: #2259E5;
  border-radius: 3.75rem;
}
.sidebar-menu__element_current .sidebar-menu__icon {
  fill: #2259E5;
}
.sidebar-menu__element_current .sidebar-menu__label {
  color: #2259E5;
}
.sidebar-menu__element_other {
  margin-top: 1.5rem;
  border: none;
  outline: none;
  background: transparent;
}
@media (min-width: 1281px) {
  .sidebar-menu__element_other {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .sidebar-menu__element:hover {
    background-color: rgba(34, 89, 229, 0.1);
  }
  .sidebar-menu__element:hover .sidebar-menu__icon {
    fill: #2259E5;
  }
  .sidebar-menu__element:hover .sidebar-menu__label {
    color: #2259E5;
  }
}
.sidebar-menu__element:active {
  background-color: transparent;
}
.sidebar-menu__badge {
  display: flex;
  align-items: center;
}
.sidebar-menu__badge .badge__counter {
  position: static;
  margin-left: 1rem;
}
.sidebar-menu__icon {
  margin-right: 1rem;
  fill: #060626;
  transition: 220ms ease;
}
.sidebar-menu__label {
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  transition: 220ms ease;
}
.sidebar-menu_collapsed {
  max-width: 5rem;
  padding: 2rem 1.5rem 2rem 0;
}
.sidebar-menu_collapsed .sidebar-menu__profile {
  padding: 0.75rem;
}
.sidebar-menu_collapsed .sidebar-menu__membership .user-membership {
  padding: 1rem;
}
.sidebar-menu_collapsed .sidebar-menu__elements {
  margin-left: 0;
}
.sidebar-menu_collapsed .sidebar-menu__element {
  padding: 1rem;
}
.sidebar-menu_collapsed .sidebar-menu__badge .badge__counter {
  position: absolute;
  margin-left: 0;
  transform: translateX(-0.75rem) translateY(-0.75rem);
}
.sidebar-menu_collapsed .sidebar-menu__icon {
  margin-right: 0;
}
.sidebar-menu_collapsed .sidebar-menu__label {
  display: none;
}

.sidebar-menu-popup {
  position: absolute;
  width: 250px;
  background-color: #FFFFFF;
  padding: 0 8px;
  border-radius: 10px;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  left: 0;
  bottom: 68px;
  z-index: 10;
}
.sidebar-menu-popup__content {
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D8DAE6;
  text-decoration: none;
  color: #060626;
}
.sidebar-menu-popup__content:nth-child(2), .sidebar-menu-popup__content:last-child {
  border-bottom: none;
}
@media (min-width: 1281px) {
  .sidebar-menu-popup__content:hover {
    color: #2259E5;
  }
}
.sidebar-menu-popup__content .badge {
  display: flex;
  align-items: center;
}
.sidebar-menu-popup__content .badge .badge__counter {
  margin-left: 1rem;
}
.sidebar-menu-popup__profile {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 16px;
  flex-shrink: 0;
}
.sidebar-menu-popup__icon {
  margin-right: 22px;
}
.sidebar-menu-popup__username {
  font-weight: 700;
  margin: 0;
}

.page__mobile-menu {
  position: fixed;
  width: calc(100% - 48px);
  height: 100%;
  background-color: white;
  z-index: 4000;
  padding: 24px;
}
.page__mobile-menu .user-membership {
  max-width: unset;
  margin-bottom: 12px;
}
.page__mobile-menu .portrait {
  background: linear-gradient(265.52deg, #FF5E50 2.62%, #FE7A66 99.26%), linear-gradient(90deg, #FF5061 0%, #FF3F63 100%);
}
.page__mobile-menu .portrait .user-membership__title {
  color: rgba(255, 255, 255, 0.7);
}
.page__mobile-menu .portrait .user-membership__icon {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background-image: url("/images/membership/portrait-shield.svg");
  background-size: auto;
  background-repeat: no-repeat;
}
.page__mobile-menu .mobile-menu-align {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  margin-bottom: 32px;
}
.page__mobile-menu .mobile-menu-align .user-profile_variant_rounded .user-profile__avatar {
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
.page__mobile-menu .mobile-menu-align .menu-mobile-info .profile-header__location {
  color: #060626;
  opacity: 0.6;
}
.page__mobile-menu .mobile-menu-align .mobile-menu-icon {
  position: absolute;
  right: 0;
}
.page__mobile-menu .mobile-menu-align .mobile-menu-icon svg path {
  fill: #242C3A;
  opacity: 0.5;
}
.page__mobile-menu .content {
  margin-top: 24px;
}

.profile {
  max-width: 43.125rem;
  width: 100%;
}
@media (max-width: 835px) {
  .profile {
    max-width: none;
  }
}
@media (min-width: 1135px) {
  .profile__psychological-portrait.mobile-tablet {
    display: none;
  }
}
.profile__header {
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid #D8DAE6;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .profile__header {
    padding-bottom: 1rem;
    order: 0;
  }
}
@media (max-width: 835px) {
  .profile__header-without-verification {
    border-bottom: none;
  }
}
@media (max-width: 835px) {
  .profile__gallery {
    order: 2;
  }
}
.profile__gallery-without-verification {
  border-top: 0.0625rem solid #D8DAE6;
}
@media (max-width: 835px) {
  .profile__section {
    order: 3;
  }
}
.profile__verification .sidebar-section, .profile__psychological-portrait .sidebar-section {
  max-width: none;
}

.profile-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.profile-header__avatar {
  margin-right: 1.875rem;
  flex-shrink: 0;
}
@media (max-width: 835px) {
  .profile-header__avatar {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
.profile-header__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-header__content {
    margin-left: -30px;
  }
}
.profile-header__icon-link {
  display: flex;
  justify-content: center;
}
.profile-header__username {
  position: relative;
  max-width: 23.5rem;
}
@media (min-width: 835px) {
  .profile-header__username .username__badge {
    position: absolute;
    left: 100%;
    margin-right: 0;
    margin-left: 0.9375rem;
  }
}
@media (max-width: 835px) {
  .profile-header__username .username__badge {
    width: 1rem;
    height: 1rem;
  }
}
.profile-header__username .username__label {
  display: flex;
  max-width: 21rem;
  line-height: 2.5rem;
}
@media (max-width: 835px) {
  .profile-header__username .username__label {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.profile-header__verification-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1281px) {
  .profile-header__verification-tooltip {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .profile-header__verification-tooltip:hover .pending-tooltip, .profile-header__verification-tooltip:hover .confirm-tooltip {
    display: inline;
    top: 39px;
    margin-left: 10px;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .profile-header__verification-tooltip {
    margin-right: 12px;
  }
}
.profile-header__verification-icon {
  margin-left: 10px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .profile-header__verification-icon {
    margin-left: 6px;
  }
}
.profile-header__location {
  display: flex;
  color: rgba(6, 6, 38, 0.6);
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
}
.profile-header__location-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.profile-header__status {
  width: 100%;
  margin-top: 0.75rem;
}
@media (max-width: 835px) {
  .profile-header__status {
    margin-top: 1rem;
  }
}
.profile-header__actions {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
@media (max-width: 835px) {
  .profile-header__actions {
    width: 100%;
    flex-direction: column;
  }
}
.profile-header__action:not(:last-child) {
  margin-right: 0.5rem;
}
@media (max-width: 835px) {
  .profile-header__action:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 835px) {
  .profile-header__action {
    position: relative;
    width: 100%;
  }
}

@media (min-width: 833px) {
  .mobile-profile-avatar,
.mobile-header {
    display: none !important;
  }
}
@media (max-width: 834px) {
  .mobile-profile-avatar,
.mobile-header {
    display: block;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .mobile-actions-wrapper {
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 4000;
  }
  .mobile-actions-wrapper .photo-view__mobile-actions {
    bottom: 4.5rem;
  }
}
@media (min-width: 834px) {
  .mobile-actions-wrapper {
    display: none;
  }
}

.profile-header-status {
  position: relative;
  max-width: 24.0625rem;
  width: 100%;
  padding: 0.75rem 1rem 0 1rem;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 0.0625rem solid #D8DAE6;
  border-radius: 0.5rem;
  min-height: 43px;
}
.profile-header-status:hover .profile-header-status__control.button_theme_transparent {
  display: block;
}
.profile-header-status__triangle {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #D8DAE6;
  border-radius: 12px;
  position: absolute;
  left: -12px;
  top: -1px;
}
.profile-header-status__triangle:before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFFFFF;
  border-radius: 10px;
}
.profile-header-status__triangle:after {
  content: "";
  position: absolute;
  top: -11px;
  height: 0;
  border-left: 10px solid #FFFFFF;
  border-top: 10px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}
.profile-header-status__text, .profile-header-status__field {
  width: 100%;
  margin: 0;
  padding: 0 2.5rem 0 0;
  box-sizing: border-box;
  color: #060626;
  font-family: Inter, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.profile-header-status__field {
  height: 100%;
  min-height: 1.25rem;
  border: none;
  background: transparent;
  resize: none;
  outline: none;
  overflow: hidden;
}
.profile-header-status__control {
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0;
  right: 0.3125rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  border: none;
}
@media (min-width: 1281px) {
  .profile-header-status__control.button_theme_transparent {
    display: none;
  }
}
.profile-header-status__control.button_theme_transparent > .icon {
  fill: #B0B0C6;
}
@media (min-width: 1281px) {
  .profile-header-status__control.button_theme_transparent:hover > .icon, .profile-header-status__control.button_theme_transparent:focus > .icon {
    fill: #2259E5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .profile-header-status__control.button_theme_transparent:hover > .icon, .profile-header-status__control.button_theme_transparent:focus > .icon {
    fill: #2259E5;
  }
}
.profile-header-status__control.button_theme_transparent:active > .icon {
  fill: #0B42E2;
}
.profile-header-status__text {
  padding-bottom: 0.5625rem;
}
.profile-header-status__count-display {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  color: #66667F;
}
.profile-header-status .count-warn {
  color: #F23D30;
}

.profile-header-action {
  position: relative;
}
.profile-header-action__buttons {
  display: flex;
  align-items: center;
}
@media (max-width: 835px) {
  .profile-header-action__button {
    width: 100%;
  }
}
.profile-header-action__button_type_fave {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .profile-header-action__button_type_fave {
    padding-left: 4rem;
  }
}
.profile-header-action__button_type_toggle-dropdown {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 0;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.profile-header-action__button_type_toggle-dropdown:before {
  content: "";
  position: absolute;
  right: 100%;
  width: 0.0625rem;
  height: 2.25rem;
  margin: 0;
  display: block;
  background: rgba(34, 89, 229, 0.05);
  transition: 220ms ease;
}
.profile-header-action__button_toggle {
  background: rgba(34, 89, 229, 0.1);
}
.profile-header-action__dropdown {
  position: absolute;
  z-index: 10;
  right: 0;
  width: 15.5rem;
  padding: 0.625rem 0;
  box-sizing: border-box;
  border-radius: 0.625rem;
  box-shadow: 0 0.3125rem 1.875rem rgba(0, 24, 128, 0.15);
  background: #FFFFFF;
  pointer-events: auto;
  transition: 220ms ease;
  margin-top: 0.5rem;
}
.profile-header-action__dropdown-action {
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  box-sizing: border-box;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: left;
  border: none;
  background: transparent;
  outline: none;
  transition: 150ms ease;
}
@media (min-width: 1281px) {
  .profile-header-action__dropdown-action {
    cursor: pointer;
  }
}
.profile-header-action__dropdown-action > .icon {
  fill: #B0B0C6;
  margin-right: 0.75rem;
}
.profile-header-action__dropdown-action:focus {
  background: rgba(6, 6, 38, 0.05);
}
@media (min-width: 1281px) {
  .profile-header-action__dropdown-action:hover {
    background: rgba(6, 6, 38, 0.05);
  }
}
.profile-header-action__dropdown-action_type_ban > .icon {
  fill: #66667F;
}

.profile-gallery {
  box-sizing: border-box;
}
.profile-gallery__header {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.5rem 0;
}
.profile-gallery__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.profile-gallery__heading:after {
  content: attr(data-photo-count);
  margin-left: 0.5rem;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.75rem;
  vertical-align: middle;
}
@media (max-width: 835px) {
  .profile-gallery__heading:after {
    margin-left: 0.4375rem;
  }
}
@media (max-width: 835px) {
  .profile-gallery__heading {
    font-size: 1.0625rem;
  }
}
.profile-gallery__link-to-album {
  border: none;
  padding-bottom: 0;
}
.profile-gallery__link-to-album:focus, .profile-gallery__link-to-album:active {
  border-bottom: none;
}
@media (min-width: 1281px) {
  .profile-gallery__link-to-album:hover {
    border-bottom: none;
  }
}
@media (max-width: 835px) {
  .profile-gallery__link-to-album {
    line-height: 1.5rem;
  }
}
.profile-gallery__photos {
  display: flex;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-gallery__photos {
    flex-wrap: wrap;
  }
}
.profile-gallery__photo-wrapper {
  position: relative;
  width: 9.375rem;
  height: 9.375rem;
  margin-right: 1rem;
}
.profile-gallery__photo-wrapper:last-child {
  margin-right: 0;
}
@media (max-width: 835px) {
  .profile-gallery__photo-wrapper {
    width: calc((100vw / 4) - (1rem * 3 / 4) - (1.5rem * 2 / 4));
    height: calc((100vw / 4) - (1rem * 3 / 4) - (1.5rem * 2 / 4));
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-gallery__photo-wrapper {
    width: calc((100vw / 3) - (1rem * 2 / 3) - (1.5rem * 2 / 3));
    height: calc((100vw / 3) - (1rem * 2 / 3) - (1.5rem * 2 / 3));
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
  .profile-gallery__photo-wrapper:nth-child(3n) {
    margin-right: 0;
  }
}
.profile-gallery__photo {
  height: 9.375rem;
  border-radius: 0.625rem;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1281px) {
  .profile-gallery__photo {
    cursor: pointer;
  }
}
@media (max-width: 835px) {
  .profile-gallery__photo {
    height: calc((100vw / 4) - (1rem * 3 / 4) - (1.5rem * 2 / 4));
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-gallery__photo {
    height: calc((100vw / 3) - (1rem * 2 / 3) - (1.5rem * 2 / 3));
  }
}
.profile-gallery__lock {
  position: absolute;
  bottom: 15%;
  right: 15%;
}
.profile-gallery .photo-add {
  display: flex;
  justify-content: center;
  border: 1px solid #B0B0C6;
  cursor: pointer;
  width: 9.375rem;
  height: 9.375rem;
}
.profile-gallery .photo-add:hover {
  background: #D8DAE6;
  color: #66667F;
  position: relative;
}
@media (max-width: 835px) {
  .profile-gallery .photo-add {
    width: calc((100vw / 4) - (1rem * 3 / 4) - (1.5rem * 2 / 4));
    height: calc((100vw / 4) - (1rem * 3 / 4) - (1.5rem * 2 / 4));
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-gallery .photo-add {
    width: calc((100vw / 3) - (1rem * 2 / 3) - (1.5rem * 2 / 3));
    height: calc((100vw / 3) - (1rem * 2 / 3) - (1.5rem * 2 / 3));
  }
}
.profile-gallery .photo-add:hover .add-photo-tooltip {
  display: inline;
  bottom: 5%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-gallery .photo-add:hover .add-photo-tooltip {
    bottom: -15%;
  }
}
.profile-gallery__add-photo-icon {
  height: 100%;
  color: #B0B0C6;
}
.photo-add:hover .profile-gallery__add-photo-icon {
  background: #D8DAE6;
  fill: #66667F;
}

.profile-section {
  padding: 1.5rem 0 0 0;
}
.profile-section__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.profile-section__content {
  margin-top: 1.5rem;
}
.profile-section__list {
  margin: 1.5rem 0;
}
.profile-section__list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 835px) {
  .profile-section__list-item {
    flex-direction: column;
  }
}
.profile-section__list-item:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (max-width: 835px) {
  .profile-section__list-item:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.profile-section__list-label {
  max-width: 15rem;
  width: 100%;
  margin: 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
  flex-shrink: 0;
}
@media (max-width: 835px) {
  .profile-section__list-label {
    max-width: none;
    margin-bottom: 0.5rem;
  }
}
.profile-section__list-values {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.profile-section__list-value {
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
}
.profile-section__list-value:not(:last-child) {
  margin-bottom: 0.25rem;
}
.profile-section__location {
  margin-top: -1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.profile-section__location-label {
  margin: 1rem 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.profile-section__location-distance {
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
}
.profile-section__location-link {
  margin-top: 0.3125rem;
}
.profile-section__text {
  margin: 1.5rem 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.profile-sidebar__sections {
  margin-bottom: 1.5rem;
}
.profile-sidebar__banner {
  margin-bottom: 2.5rem;
}
.profile-sidebar__button {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 2.1875rem 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .profile-sidebar__button {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .profile-sidebar__button:hover .icon, .profile-sidebar__button:focus .icon {
    fill: #2259E5;
  }
}
.profile-sidebar__button span {
  margin-left: 1rem;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.profile-sidebar__button_type_portrait span {
  margin-left: 1.25rem;
}
.profile-sidebar__button > .icon {
  position: absolute;
  right: 0;
  fill: #B0B0C6;
  transition: 220ms ease;
}
.profile-sidebar__button-image {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid #D8DAE6;
  background-image: url("/images/profile-sidebar/gift-icon.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}

.sidebar-search {
  max-width: 330px;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.sidebar-search__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}
.sidebar-search__section {
  margin-top: 16px;
}
.sidebar-search__section:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #D8DAE6;
}
.sidebar-search__section .select,
.sidebar-search__section .select__input {
  min-width: 100%;
  width: 100%;
}
.sidebar-search__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar-search__label {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  border: none;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .sidebar-search__label {
    cursor: pointer;
  }
}
.sidebar-search__label .icon {
  margin-left: 9px;
  fill: #B0B0C6;
}
.sidebar-search__reset {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #2259E5;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  outline: none;
}
@media (min-width: 1281px) {
  .sidebar-search__reset {
    cursor: pointer;
  }
}
.sidebar-search__content {
  margin-top: 16px;
}
.sidebar-search__element:not(:last-child) {
  margin-bottom: 16px;
}
.sidebar-search__element-label {
  margin: 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.sidebar-search__element-content {
  margin-top: 12px;
}
.sidebar-search__range {
  display: flex;
  align-items: center;
}
.sidebar-search__range.height {
  flex-direction: column;
}
.sidebar-search__range.weight {
  flex-direction: column;
}
.sidebar-search__range-driver {
  padding: 0 15px;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
}
.sidebar-search__age-select {
  min-width: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.sidebar-search__height-select {
  min-width: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.sidebar-search__weight-select {
  min-width: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.sidebar-search__checkbox {
  margin-bottom: 12px;
  justify-content: space-between;
}
.sidebar-search .option__checked {
  display: none;
}
.sidebar-search input[type=number]::-webkit-inner-spin-button,
.sidebar-search input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.recommend-users {
  padding: 2rem 0;
}
.recommend-users__heading {
  margin: 0 0 1.5rem 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.75rem;
}
.recommend-users__grid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.recommend-users__item {
  max-width: 5rem;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.recommend-users__item:not(:nth-child(3n)) {
  margin-right: 0.9375rem;
}

.sidebar-menu {
  max-width: 20.625rem;
  width: 100%;
  padding: 2rem 1.875rem;
  box-sizing: border-box;
}
.sidebar-menu__logo {
  height: 2.5rem;
  margin-bottom: 3rem;
}
.sidebar-menu__profile {
  display: inline-block;
  padding: 0.75rem 1.25rem 0.75rem 1rem;
  margin-bottom: 1.25rem;
  border-radius: 1.875rem;
  background-color: #FFFFFF;
}
.sidebar-menu__membership {
  margin-bottom: 1.25rem;
}
.sidebar-menu__amb-wrapper {
  margin-bottom: 10px;
}
.sidebar-menu__elements {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sidebar-menu__element {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 1.1875rem 1.25rem 1.1875rem 1.5rem;
  transition: 220ms ease;
  text-decoration: none;
  outline-color: #2259E5;
  border-radius: 3.75rem;
}
.sidebar-menu__element_current .sidebar-menu__icon {
  fill: #2259E5;
}
.sidebar-menu__element_current .sidebar-menu__label {
  color: #2259E5;
}
.sidebar-menu__element_other {
  margin-top: 1.5rem;
  border: none;
  outline: none;
  background: transparent;
}
@media (min-width: 1281px) {
  .sidebar-menu__element_other {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .sidebar-menu__element:hover {
    background-color: rgba(34, 89, 229, 0.1);
  }
  .sidebar-menu__element:hover .sidebar-menu__icon {
    fill: #2259E5;
  }
  .sidebar-menu__element:hover .sidebar-menu__label {
    color: #2259E5;
  }
}
.sidebar-menu__element:active {
  background-color: transparent;
}
.sidebar-menu__badge {
  display: flex;
  align-items: center;
}
.sidebar-menu__badge .badge__counter {
  position: static;
  margin-left: 1rem;
}
.sidebar-menu__icon {
  margin-right: 1rem;
  fill: #060626;
  transition: 220ms ease;
}
.sidebar-menu__label {
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  transition: 220ms ease;
}
.sidebar-menu_collapsed {
  max-width: 5rem;
  padding: 2rem 1.5rem 2rem 0;
}
.sidebar-menu_collapsed .sidebar-menu__profile {
  padding: 0.75rem;
}
.sidebar-menu_collapsed .sidebar-menu__membership .user-membership {
  padding: 1rem;
}
.sidebar-menu_collapsed .sidebar-menu__elements {
  margin-left: 0;
}
.sidebar-menu_collapsed .sidebar-menu__element {
  padding: 1rem;
}
.sidebar-menu_collapsed .sidebar-menu__badge .badge__counter {
  position: absolute;
  margin-left: 0;
  transform: translateX(-0.75rem) translateY(-0.75rem);
}
.sidebar-menu_collapsed .sidebar-menu__icon {
  margin-right: 0;
}
.sidebar-menu_collapsed .sidebar-menu__label {
  display: none;
}

.sidebar-menu-popup {
  position: absolute;
  width: 250px;
  background-color: #FFFFFF;
  padding: 0 8px;
  border-radius: 10px;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  left: 0;
  bottom: 68px;
  z-index: 10;
}
.sidebar-menu-popup__content {
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D8DAE6;
  text-decoration: none;
  color: #060626;
}
.sidebar-menu-popup__content:nth-child(2), .sidebar-menu-popup__content:last-child {
  border-bottom: none;
}
@media (min-width: 1281px) {
  .sidebar-menu-popup__content:hover {
    color: #2259E5;
  }
}
.sidebar-menu-popup__content .badge {
  display: flex;
  align-items: center;
}
.sidebar-menu-popup__content .badge .badge__counter {
  margin-left: 1rem;
}
.sidebar-menu-popup__profile {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 16px;
  flex-shrink: 0;
}
.sidebar-menu-popup__icon {
  margin-right: 22px;
}
.sidebar-menu-popup__username {
  font-weight: 700;
  margin: 0;
}

.page__mobile-menu {
  position: fixed;
  width: calc(100% - 48px);
  height: 100%;
  background-color: white;
  z-index: 4000;
  padding: 24px;
}
.page__mobile-menu .user-membership {
  max-width: unset;
  margin-bottom: 12px;
}
.page__mobile-menu .portrait {
  background: linear-gradient(265.52deg, #FF5E50 2.62%, #FE7A66 99.26%), linear-gradient(90deg, #FF5061 0%, #FF3F63 100%);
}
.page__mobile-menu .portrait .user-membership__title {
  color: rgba(255, 255, 255, 0.7);
}
.page__mobile-menu .portrait .user-membership__icon {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background-image: url("/images/membership/portrait-shield.svg");
  background-size: auto;
  background-repeat: no-repeat;
}
.page__mobile-menu .mobile-menu-align {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  margin-bottom: 32px;
}
.page__mobile-menu .mobile-menu-align .user-profile_variant_rounded .user-profile__avatar {
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
.page__mobile-menu .mobile-menu-align .menu-mobile-info .profile-header__location {
  color: #060626;
  opacity: 0.6;
}
.page__mobile-menu .mobile-menu-align .mobile-menu-icon {
  position: absolute;
  right: 0;
}
.page__mobile-menu .mobile-menu-align .mobile-menu-icon svg path {
  fill: #242C3A;
  opacity: 0.5;
}
.page__mobile-menu .content {
  margin-top: 24px;
}

.page {
  max-width: 1350px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 1.875rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1350px) {
  .page {
    max-width: 1135px;
  }
}
@media (max-width: 1135px) {
  .page {
    max-width: 835px;
  }
}
@media (max-width: 835px) {
  .page {
    max-width: 100%;
    padding: 0;
  }
}
.page__menu {
  z-index: 1;
  max-width: 18.75rem;
  width: 100%;
  padding-right: 1.875rem;
  box-sizing: border-box;
  flex-shrink: 0;
}
@media (max-width: 1350px) {
  .page__menu {
    max-width: 5.3125rem;
  }
}
@media (max-width: 835px) {
  .page__menu {
    display: none;
  }
}
.page__menu .sidebar-menu {
  top: 0;
  position: sticky;
  padding-left: 0;
  padding-right: 0;
}
.page__body {
  width: 43.125rem;
  box-sizing: border-box;
  border-left: 0.0625rem solid #D8DAE6;
  border-right: 0.0625rem solid #D8DAE6;
}
@media (max-width: 835px) {
  .page__body {
    width: 100%;
    border: none;
  }
}
.page__content {
  padding: 2rem 1.875rem 3.4375rem 1.875rem;
  box-sizing: border-box;
}
.page__content .mobile-header {
  display: flex !important;
}
@media (min-width: 836px) and (max-width: 1135px) {
  .page__content .mobile-header {
    position: relative;
    padding: 0;
    margin-top: -30px;
    margin-left: 10px;
  }
}
.page__content .mobile-header.page__search-mobile-header {
  top: 12px;
  left: initial;
}
@media (min-width: 1136px) {
  .page__content .mobile-header.page__search-mobile-header {
    display: none !important;
  }
}
@media (min-width: 835px) and (max-width: 1135px) {
  .page__content .mobile-header.page__search-mobile-header {
    top: 45px;
  }
}
@media (max-width: 835px) {
  .page__content {
    padding: 1.5rem;
  }
}
.page__search {
  margin-bottom: 1.5rem;
}
.page__search .input {
  width: 100%;
}
.page__body .input__field:focus::placeholder, .page__body .input__field:focus:placeholder-shown {
  opacity: 1 !important;
}
.page__heading {
  margin: 0 0 1rem 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 2rem;
}
.page__footer {
  border-top: 0.0625rem solid #D8DAE6;
}
.page__sidebar {
  max-width: 18.75rem;
  width: 100%;
  padding-left: 1.875rem;
  box-sizing: border-box;
  padding-bottom: 6rem;
  flex-shrink: 0;
}
@media (max-width: 1135px) {
  .page__sidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    max-width: 20.625rem;
    padding-right: 1.875rem;
    background: #FFFFFF;
    border-left: 0.0625rem solid #D8DAE6;
    display: none;
  }
}
.page__success-title {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .page__error {
    padding: 80px 0;
  }
}

.no_aside_page .page__body {
  width: 100%;
  max-width: 990px;
}

.mobile-navigation {
  position: fixed;
  z-index: 3000;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.5rem;
  display: flex;
  flex-direction: row;
  border-top: 0.0625rem solid #D8DAE6;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.mobile-navigation__element {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
}
.mobile-navigation__element .badge {
  height: 1.5rem;
}
.mobile-navigation__element .badge__counter {
  height: 0.875rem;
  position: absolute;
  padding: 0 0.25rem;
  margin-top: -0.25rem;
  margin-left: -0.75rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.875rem;
}
.mobile-navigation__element .icon {
  fill: #66667F;
}
.mobile-navigation__element.current .icon {
  fill: #2259E5;
}
.mobile-navigation__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 0.625rem;
  background-size: cover;
  background-position: center;
  background-image: url(/images/no-avatar.svg);
}
.mobile-navigation__badge-avatar {
  height: initial !important;
}

.mobile-header {
  position: absolute;
  z-index: 300;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 56px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
}
.mobile-header_theme_light .mobile-header__label {
  color: #060626;
}
.mobile-header_theme_light .mobile-header__button {
  fill: #66667F;
  position: relative;
}
.mobile-header_theme_dark {
  background: linear-gradient(180deg, rgba(13, 15, 25, 0.8) 0%, rgba(13, 15, 25, 0) 100%);
}
.mobile-header_theme_dark .mobile-header__label {
  color: #FFFFFF;
}
.mobile-header_theme_dark .mobile-header__button {
  fill: #FFFFFF;
}
.mobile-header .badge {
  position: absolute;
  left: 30px;
  top: 6px;
}
.mobile-header .badge .badge__counter {
  position: initial;
  color: #2259E5;
}
.mobile-header__label {
  width: 100%;
  font-family: Manrope, sans-serif;
  font-size: 1.0625rem;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.2px;
  text-align: center;
}
.mobile-header__action {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mobile-header__action > button, .mobile-header__action a {
  width: 100%;
  height: 100%;
}
.mobile-header__button {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .mobile-header__button {
    cursor: pointer;
  }
}

.mobile-profile-avatar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 375px;
  background-image: url("/images/no-avatar.svg");
  background-size: cover;
  background-position: center;
}

.terms-sidebar {
  max-width: 280px;
  width: 100%;
}
.terms-sidebar__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.terms-sidebar__nav {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .terms-sidebar__nav {
    margin-top: 16px;
  }
}
.terms-sidebar__link {
  color: #66667F;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  outline: none;
}
.terms-sidebar__link:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 1281px) {
  .terms-sidebar__link:hover {
    color: #2259E5;
  }
}
.terms-sidebar__link_current {
  color: #2259E5;
}

.complaint-popup {
  width: 540px;
}
.complaint-popup .modal__close {
  display: block;
  background-color: unset;
}
.complaint-popup .modal__close path {
  color: #66667F;
}
@media (max-width: 835px) {
  .complaint-popup .modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    display: block;
  }
}
@media (max-width: 835px) {
  .complaint-popup {
    width: 100%;
    height: calc(100% - 4.5rem);
    position: fixed;
    top: auto;
    right: 0;
    bottom: 4.5rem;
    left: 0;
    padding: 0;
    box-sizing: border-box;
    transform: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.complaint-popup__header {
  margin-bottom: 24px;
}
@media (max-width: 835px) {
  .complaint-popup__header {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
.complaint-popup__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 28px;
}
.complaint-popup__description {
  margin: 0 0 32px 0;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
@media (max-width: 835px) {
  .complaint-popup__description {
    font-size: 0.875rem;
    text-align: center;
    padding: 0 24px;
    box-sizing: border-box;
  }
}
.complaint-popup__category .select,
.complaint-popup__category .select__input {
  width: 100%;
  min-width: auto;
}
@media (max-width: 835px) {
  .complaint-popup__category {
    padding: 0 24px;
    box-sizing: border-box;
  }
}
.complaint-popup__message {
  margin-top: 24px;
}
@media (max-width: 835px) {
  .complaint-popup__message {
    padding: 0 24px;
    box-sizing: border-box;
  }
}
.complaint-popup__message .textarea-disabled-true {
  border: 1px solid #F23D30;
}
.complaint-popup__message .textarea-disabled-true:hover, .complaint-popup__message .textarea-disabled-true:focus {
  border-color: #F23D30;
}
.complaint-popup__error {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}
.complaint-popup__error-text {
  margin: 0;
  margin-left: 10px;
  color: #F23D30;
}
.complaint-popup__footer {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.complaint-popup__footer .button-disabled-true {
  opacity: 0.5;
  pointer-events: none;
}
.complaint-popup__footer .button:not(:last-child) {
  margin-right: 8px;
}
@media (max-width: 835px) {
  .complaint-popup__footer .button:not(:last-child) {
    display: none;
  }
}
@media (max-width: 835px) {
  .complaint-popup__footer {
    width: 100%;
    position: fixed;
    bottom: 4.5rem;
    padding: 24px;
    box-sizing: border-box;
  }
  .complaint-popup__footer .button {
    width: 100%;
  }
}

.textarea {
  width: 100%;
  min-height: 120px;
  position: relative;
  display: inline-block;
  padding: 14px 16px;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F0F1F5;
  box-sizing: border-box;
  outline: none;
  resize: none;
  max-height: 90px;
}
@media (min-width: 1281px) {
  .textarea:hover, .textarea:focus {
    border-color: #D8DAE6;
  }
}

.support-sidebar {
  max-width: 280px;
  width: 100%;
}
.support-sidebar__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.support-sidebar__nav {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .support-sidebar__nav {
    margin-top: 16px;
  }
}
.support-sidebar__link {
  color: #66667F;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  outline: none;
}
.support-sidebar__link:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 1281px) {
  .support-sidebar__link:hover {
    color: #2259E5;
  }
}
.support-sidebar__link_current {
  color: #2259E5;
}

.send-gift-popup {
  max-width: 800px;
  width: 100%;
  box-sizing: border-box;
}
.send-gift-popup .modal__close {
  display: block;
  background-color: unset;
}
.send-gift-popup .modal__close path {
  color: #66667F;
}
@media (max-width: 835px) {
  .send-gift-popup .modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    display: block;
  }
}
@media (max-width: 992px) {
  .send-gift-popup {
    max-width: calc(620px - (12px * 2));
  }
}
@media (max-width: 835px) {
  .send-gift-popup {
    height: calc(100% - 4.5rem);
    position: fixed;
    top: auto;
    right: 0;
    bottom: 4.5rem;
    left: 0;
    max-width: 100%;
    padding: 0;
    transform: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.send-gift-popup__header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 835px) {
  .send-gift-popup__header {
    height: 56px;
  }
}
.send-gift-popup__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 28px;
}
.send-gift-popup__grid {
  width: 100%;
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  margin-top: 36px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 835px) {
  .send-gift-popup__grid {
    height: calc(100vh - 10rem);
    max-height: none;
    margin-top: 0;
    padding-bottom: 9rem;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    overflow-y: scroll;
  }
}
.send-gift-popup__item {
  position: relative;
  width: calc(100% / 5);
  padding: 0 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .send-gift-popup__item {
    width: calc(100% / 3);
  }
}
@media (max-width: 835px) {
  .send-gift-popup__item {
    width: calc(100% / 2);
  }
}
.send-gift-popup__card {
  position: relative;
  width: 100%;
  display: inline-block;
}
@media (min-width: 1281px) {
  .send-gift-popup__card {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .send-gift-popup__card:hover .send-gift-popup__card-content {
    border-color: #D8DAE6;
  }
}
.send-gift-popup__card-field {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
.send-gift-popup__card-field:checked + .send-gift-popup__card-content {
  border-color: #2259E5;
}
.send-gift-popup__card-content {
  width: 100%;
  height: 198px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid transparent;
  text-align: center;
}
@media (max-width: 835px) {
  .send-gift-popup__card-content {
    height: auto;
  }
}
.send-gift-popup__card-name {
  margin-top: 16px;
  display: block;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 18px;
}
@media (max-width: 835px) {
  .send-gift-popup__card-name {
    font-size: 0.8125rem;
  }
}
.send-gift-popup__footer {
  padding: 12px 0;
  margin-top: 48px;
  margin-bottom: -24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #D8DAE6;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .send-gift-popup__footer {
    position: fixed;
    bottom: 4.5rem;
    width: 100%;
    margin: 0;
    padding: 12px 24px;
    box-sizing: border-box;
    background: #FFFFFF;
  }
  .send-gift-popup__footer .button {
    width: 100%;
  }
}

.photo-attach-popup {
  max-width: 975px;
  max-height: 815px;
  width: calc(100% - 40px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-attach-popup {
    width: calc(100% - 39px);
    max-height: unset;
    height: calc(100% - 40px);
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    padding: 20px;
    bottom: 56px;
    top: 0;
    left: unset;
    transform: unset;
  }
}
.photo-attach-popup .modal__close {
  display: flex;
  background: unset;
  right: 14px;
}
.photo-attach-popup .modal__content {
  height: 100%;
}
.photo-attach-popup__header {
  margin-bottom: 20px;
}
.photo-attach-popup__title {
  font-family: Manrope;
  font-size: 17px;
  font-weight: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.photo-attach-popup__content {
  height: calc(100vh - 270px);
  max-height: 440px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-attach-popup__content {
    position: relative;
  }
}
.photo-attach-popup__footer {
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid #D8DAE6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.photo-attach-popup__footer .load-more-btn {
  min-width: 136px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-attach-popup__footer {
    margin-top: 0;
    border-top: unset;
    position: fixed;
    left: 0;
    bottom: 0;
    padding-top: 12px;
    padding-bottom: 20px;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 1000;
    flex-direction: column;
    align-items: center;
  }
  .photo-attach-popup__footer .load-more-btn {
    margin-bottom: 20px;
  }
  .photo-attach-popup__footer .button {
    width: calc(100% - 40px);
  }
}
.photo-attach-popup__selection {
  position: relative;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 532px) {
  .photo-attach-popup__selection:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-attach-popup__selection {
    width: 163px;
    height: 118px;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden;
    border-radius: 10px;
  }
  .photo-attach-popup__selection .photo-preview {
    width: 163px;
    height: 118px;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .photo-attach-popup__selection {
    width: 139px;
    height: 100px;
    margin-right: 3px;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .photo-attach-popup__selection {
    width: 159px;
    height: 108px;
    margin-right: 3px;
  }
}
.photo-attach-popup__check {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 28px;
  height: 28px;
  border: 2px solid white;
  z-index: 100;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .photo-attach-popup__check {
    cursor: pointer;
  }
}
.photo-attach-popup__checked-icon {
  width: 16px;
  height: 16px;
}
.photo-attach-popup .checked {
  background-color: #2259E5;
}
@media (min-width: 1281px) {
  .photo-attach-popup .photo-preview:hover .album-actions {
    display: none;
  }
}
.photo-attach-popup .btn-load {
  margin-bottom: 10px;
  margin-top: 30px;
}

.music-attach-popup {
  box-sizing: border-box;
  max-width: 480px;
  width: calc(100% - 40px);
  padding: 20px 8px 20px 20px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup {
    width: 100%;
    max-width: 100%;
    max-height: unset;
    height: calc(100% - 40px);
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    padding: 20px;
    bottom: 56px;
    top: 0;
    left: unset;
    transform: unset;
  }
}
.music-attach-popup .modal__close {
  display: flex;
  background: unset;
  right: 14px;
  color: #66667F;
  margin-top: 5px;
}
.music-attach-popup .modal__content {
  height: 100%;
}
.music-attach-popup__title {
  font-family: Manrope;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__title {
    justify-content: center;
    padding-right: 43px;
  }
}
.music-attach-popup__title-playlist {
  font-family: Manrope;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  padding-right: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__title-playlist {
    margin: 0 auto;
    padding-right: 40px;
  }
}
.music-attach-popup__search {
  display: flex;
  align-items: center;
}
.music-attach-popup__search-wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 10px;
}
.music-attach-popup__search-input {
  display: flex;
  justify-content: center;
}
.music-attach-popup__search-input-music {
  width: 440px !important;
  height: 48px !important;
  margin: 20px 6px 12px 0;
}
.music-attach-popup__search-suggested-input-music {
  margin-top: 8px;
}
.music-attach-popup__search-back {
  width: 1rem;
  font-size: 1rem !important;
  transform: rotate(180deg);
  color: #66667F;
}
@media (min-width: 1281px) {
  .music-attach-popup__search-back {
    cursor: pointer;
  }
}
.music-attach-popup__playlist-name {
  font-family: Manrope;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  margin-left: 15px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__playlist-name {
    margin: 0 auto;
    padding-right: 34px;
  }
}
.music-attach-popup__collection {
  display: flex;
  align-items: center;
  height: 52px;
  line-height: 1;
}
@media (min-width: 1281px) {
  .music-attach-popup__collection {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__collection {
    width: auto;
  }
}
.music-attach-popup__arrow-forward {
  margin-left: auto;
  margin-right: 16px;
  font-size: 1rem !important;
  color: #66667F;
}
.music-attach-popup__favorite-icon {
  margin: 0 12px 0 7px;
  display: flex;
  align-items: center;
}
.music-attach-popup__suggested-icon {
  font-size: 1.5rem;
  color: #060626;
  margin: 0 11px 0 6.711px;
  background: #F75E70;
  border-radius: 30px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.music-attach-popup__note-icon {
  color: #FFFFFF;
  width: 22px;
  height: 22px;
}
.music-attach-popup__playlists {
  display: flex;
  flex-direction: column;
}
.music-attach-popup__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__content {
    height: calc(100vh - 240px);
    position: relative;
  }
}
.music-attach-popup__footer {
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid #D8DAE6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.music-attach-popup__footer .load-more-btn {
  min-width: 136px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__footer {
    margin-top: 0;
    border-top: unset;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 12px 0 20px;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 1000;
    flex-direction: column;
    align-items: center;
  }
  .music-attach-popup__footer .load-more-btn {
    margin-bottom: 20px;
  }
  .music-attach-popup__footer .button {
    width: calc(100% - 40px);
  }
  .music-attach-popup__footer .button:nth-child(2) {
    margin-top: 10px;
  }
}
.music-attach-popup__selection {
  position: relative;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 532px) {
  .music-attach-popup__selection:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-attach-popup__selection {
    width: 163px;
    height: 118px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    border-radius: 10px;
  }
  .music-attach-popup__selection .photo-preview {
    width: 163px;
    height: 118px;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .music-attach-popup__selection {
    width: 139px;
    height: 100px;
    margin-right: 3px;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .music-attach-popup__selection {
    width: 159px;
    height: 108px;
    margin-right: 3px;
  }
}
.music-attach-popup__check {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 28px;
  height: 28px;
  border: 2px solid white;
  z-index: 100;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .music-attach-popup__check {
    cursor: pointer;
  }
}
.music-attach-popup__checked-icon {
  width: 16px;
  height: 16px;
}
.music-attach-popup .checked {
  background-color: #2259E5;
}
@media (min-width: 1281px) {
  .music-attach-popup .photo-preview:hover .album-actions {
    display: none;
  }
}
.music-attach-popup .btn-load {
  margin: 30px 0 10px;
}

.active-membership-popup {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  background-color: #FFFFFF;
}
@media (max-width: 835px) {
  .active-membership-popup {
    padding: 0;
  }
}
.active-membership-popup__container {
  position: relative;
  max-width: 1290px;
  margin: 0 auto;
  padding: 60px 24px 0 24px;
  box-sizing: border-box;
  overflow-x: hidden;
}
@media (max-width: 374px) {
  .active-membership-popup__container {
    padding: 60px 15px 0 15px;
  }
}
.active-membership-popup__close {
  position: absolute;
  top: 65px;
  right: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background-color: #D8DAE6;
  outline: none;
  padding: 0;
  transition: 250ms ease;
}
@media (min-width: 1281px) {
  .active-membership-popup__close {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .active-membership-popup__close {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .active-membership-popup__close:hover {
    background-color: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .active-membership-popup__close:hover {
    background-color: #F0F1F5;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__close {
    top: 16px;
    width: 24px;
    height: 24px;
  }
}
.active-membership-popup__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 52px;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 835px) {
  .active-membership-popup__heading {
    font-size: 1.5rem;
    line-height: 32px;
  }
}
.active-membership-popup__description {
  max-width: 825px;
  margin: 24px auto 0 auto;
  color: rgba(6, 6, 38, 0.8);
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
@media (max-width: 835px) {
  .active-membership-popup__description {
    font-size: 1rem;
  }
}
.active-membership-popup__features {
  margin-top: 64px;
  padding: 0 30px;
  box-sizing: border-box;
  transition: 250ms ease;
}
@media (max-width: 835px) {
  .active-membership-popup__features {
    width: 100%;
    padding: 0 0 65px 0;
    border-bottom: 1px solid #D8DAE6;
    overflow-x: hidden;
  }
}
.active-membership-popup__features-grid {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
  justify-content: center;
  transition: 450ms ease;
}
@media (max-width: 835px) {
  .active-membership-popup__features-grid {
    width: 100%;
    justify-content: flex-start;
  }
}
.active-membership-popup__features-dots {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 835px) {
  .active-membership-popup__features-dots {
    display: none;
  }
}
.active-membership-popup__features-dots-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 0;
  box-sizing: border-box;
  border: none;
  background-color: #D8DAE6;
  border-radius: 50%;
  flex-shrink: 0;
  outline: none;
  transition: 250ms ease;
}
@media (min-width: 1281px) {
  .active-membership-popup__features-dots-dot {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .active-membership-popup__features-dots-dot {
    cursor: pointer;
  }
}
.active-membership-popup__features-dots-dot:not(:last-child) {
  margin-right: 15px;
}
.active-membership-popup__features-dots-dot_current {
  transform: scale(1.3);
  background-color: #2259E5;
}
.active-membership-popup__feature {
  max-width: 190px;
  width: 100%;
}
.active-membership-popup__feature:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 835px) {
  .active-membership-popup__feature:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__feature {
    max-width: none;
    padding: 0 24px;
    box-sizing: border-box;
    flex-shrink: 0;
  }
}
.active-membership-popup__feature-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}
.active-membership-popup__feature-label:before {
  content: "";
  display: block;
  background-size: cover;
  background-position: center;
}
@media (max-width: 835px) {
  .active-membership-popup__feature-label:before {
    margin-bottom: 16px !important;
  }
}
.active-membership-popup__feature_type_without-translate .active-membership-popup__feature-label:before {
  width: 58px;
  height: 45px;
  margin-bottom: 39px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA1NiA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNC4yMjIyIDM4LjU1NTZIMjEuNzc3OEMxNy4wNzk1IDM4LjU1NTYgMTMuOTY0OSAzOC41NDg0IDExLjYxMTYgMzguMjg4OUM5LjM1NTA3IDM4LjA0IDguNDEwNiAzNy42MTAyIDcuODE5ODkgMzcuMTcwNEw0LjgzNDEgNDEuMTgxTDcuODE5ODkgMzcuMTcwNEM3LjI3NDUgMzYuNzY0NCA2Ljc5MTE3IDM2LjI4MTEgNi4zODUxNCAzNS43MzU3QzUuOTQ1MzcgMzUuMTQ1IDUuNTE1NTcgMzQuMjAwNSA1LjI2NjY4IDMxLjk0MzlDNS4wMDcxMSAyOS41OTA2IDUgMjYuNDc2IDUgMjEuNzc3OEM1IDE5LjA1ODQgNS4wMDIzOCAxNi44Njk1IDUuMDU0NzMgMTUuMDUxOEwyNC41NTUgMjcuMjM5NEMyNi42NjI4IDI4LjU1NjggMjkuMzM3MiAyOC41NTY4IDMxLjQ0NSAyNy4yMzk0TDUwLjk0NTMgMTUuMDUxOEM1MC45OTc2IDE2Ljg2OTUgNTEgMTkuMDU4NCA1MSAyMS43Nzc4QzUxIDI2LjQ3NiA1MC45OTI5IDI5LjU5MDYgNTAuNzMzMyAzMS45NDM5QzUwLjQ4NDQgMzQuMjAwNSA1MC4wNTQ2IDM1LjE0NSA0OS42MTQ5IDM1LjczNTdDNDkuMjA4OCAzNi4yODExIDQ4LjcyNTUgMzYuNzY0NCA0OC4xODAxIDM3LjE3MDRDNDcuNTg5NCAzNy42MTAyIDQ2LjY0NDkgMzguMDQgNDQuMzg4NCAzOC4yODg5QzQyLjAzNTEgMzguNTQ4NCAzOC45MjA1IDM4LjU1NTYgMzQuMjIyMiAzOC41NTU2Wk01MC4zNzAxIDkuNTE0OThMMjguNzk1IDIyLjk5OTRDMjguMzA4NiAyMy4zMDM0IDI3LjY5MTQgMjMuMzAzNCAyNy4yMDUgMjIuOTk5NEw1LjYyOTg1IDkuNTE0OTdDNS44NTE5OCA4LjY3Mjg0IDYuMTE2NyA4LjE4MDQ2IDYuMzg1MTQgNy44MTk4OUM2Ljc5MTE3IDcuMjc0NSA3LjI3NDUgNi43OTExNyA3LjgxOTg5IDYuMzg1MTRDOC40MTA2IDUuOTQ1MzcgOS4zNTUwNyA1LjUxNTU3IDExLjYxMTYgNS4yNjY2OEMxMy45NjQ5IDUuMDA3MTEgMTcuMDc5NSA1IDIxLjc3NzggNUgzNC4yMjIyQzM4LjkyMDUgNSA0Mi4wMzUxIDUuMDA3MTEgNDQuMzg4NCA1LjI2NjY4QzQ2LjY0NDkgNS41MTU1NyA0Ny41ODk0IDUuOTQ1MzcgNDguMTgwMSA2LjM4NTE0QzQ4LjcyNTUgNi43OTExNiA0OS4yMDg4IDcuMjc0NDkgNDkuNjE0OSA3LjgxOTg5QzQ5Ljg4MzMgOC4xODA0NiA1MC4xNDggOC42NzI4NCA1MC4zNzAxIDkuNTE0OThaTTIuMzc0NTIgMzguNzIxNUMzLjA3MDU3IDM5LjY1NjQgMy44OTkxNCA0MC40ODUgNC44MzQxIDQxLjE4MUM4LjAyMzYzIDQzLjU1NTYgMTIuNjA4MyA0My41NTU2IDIxLjc3NzggNDMuNTU1NkgzNC4yMjIyQzQzLjM5MTcgNDMuNTU1NiA0Ny45NzY0IDQzLjU1NTYgNTEuMTY1OSA0MS4xODFDNTIuMTAwOSA0MC40ODUgNTIuOTI5NCAzOS42NTY0IDUzLjYyNTUgMzguNzIxNUM1NiAzNS41MzE5IDU2IDMwLjk0NzIgNTYgMjEuNzc3OEM1NiAxMi42MDgzIDU2IDguMDIzNjMgNTMuNjI1NSA0LjgzNDFDNTIuOTI5NCAzLjg5OTE0IDUyLjEwMDkgMy4wNzA1NyA1MS4xNjU5IDIuMzc0NTJDNDcuOTc2NCAwIDQzLjM5MTcgMCAzNC4yMjIyIDBIMjEuNzc3OEMxMi42MDgzIDAgOC4wMjM2MyAwIDQuODM0MSAyLjM3NDUyQzMuODk5MTQgMy4wNzA1NyAzLjA3MDU3IDMuODk5MTQgMi4zNzQ1MiA0LjgzNDFDMCA4LjAyMzYzIDAgMTIuNjA4MyAwIDIxLjc3NzhDMCAzMC45NDcyIDAgMzUuNTMxOSAyLjM3NDUyIDM4LjcyMTVaIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWwpIi8+CjxwYXRoIGQ9Ik0xOS41NzI2IDE1LjY1MzNDMTcuNDE4MSAxNy44NTc3IDE3LjM3ODQgMjEuODQwMSAxOS4xODI0IDI0LjU4NDFDMjAuMzMxOCAyNi4zMzI0IDIzLjc1NzcgMjkuMTMzOSAyNi4wOTI2IDMwLjkzNjlDMjcuMTc0IDMxLjc3MiAyNy43MTQ4IDMyLjE4OTYgMjguMzk3NCAzMi4xODk0QzI5LjA4IDMyLjE4OTIgMjkuNjIwOCAzMS43NzExIDMwLjcwMjQgMzAuOTM1TDMwLjcwMjQgMzAuOTM1QzMzLjA0NzkgMjkuMTIxOSAzNi40OTM1IDI2LjMwNCAzNy42MTQxIDI0LjU4NDFDMzkuMzY5NSAyMS44ODk5IDM5LjM3ODMgMTcuODU3NyAzNy4yMjM5IDE1LjY1MzNDMzUuMDY5NSAxMy40NDg5IDMxLjU3NjQgMTMuNDQ4OSAyOS40MjIgMTUuNjUzM0MyOC45OTY4IDE2LjA4ODMgMjguNjU1NiAxNi41NzY3IDI4LjM5ODIgMTcuMDk3M0MyOC4xNDA5IDE2LjU3NjcgMjcuNzk5NiAxNi4wODgzIDI3LjM3NDUgMTUuNjUzM0MyNS4yMjAxIDEzLjQ0ODkgMjEuNzI3IDEzLjQ0ODkgMTkuNTcyNiAxNS42NTMzWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS40NDc4IDMxLjkwODIpIHJvdGF0ZSgtMjIuOTE0KSBzY2FsZSg3MS4zMjM2IDgzMi4wNjIpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZFN0E2NiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGREMwODYiLz4KPC9yYWRpYWxHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iMTcuODg4NyIgeTE9IjIzLjMzMzMiIHgyPSIzOC44ODg3IiB5Mj0iMjMuMzMzMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkY1MDYxIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGM0Y2MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.active-membership-popup__feature_type_view-visitors .active-membership-popup__feature-label:before {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMjQuNSIgd2lkdGg9IjU2IiBoZWlnaHQ9IjciIHJ4PSIzLjUiIGZpbGw9IiNDNEM0QzQiLz4KPHJlY3QgeT0iMjQuNSIgd2lkdGg9IjU2IiBoZWlnaHQ9IjciIHJ4PSIzLjUiIGZpbGw9IiNGREMwODYiLz4KPHBhdGggZD0iTTcgMTEuMDk5NEM3IDUuNjM4OTUgMTIuMzQ5NiAxLjc4MzE5IDE3LjUyOTggMy41MDk5NEwyNS40NzAyIDYuMTU2NzNDMjcuMTEyMyA2LjcwNDEgMjguODg3NyA2LjcwNDEgMzAuNTI5OCA2LjE1NjczTDM4LjQ3MDIgMy41MDk5NEM0My42NTA0IDEuNzgzMTkgNDkgNS42Mzg5NSA0OSAxMS4wOTk0VjI0LjVIN1YxMS4wOTk0WiIgZmlsbD0iI0M0QzRDNCIvPgo8cGF0aCBkPSJNNyAxMS4wOTk0QzcgNS42Mzg5NSAxMi4zNDk2IDEuNzgzMTkgMTcuNTI5OCAzLjUwOTk0TDI1LjQ3MDIgNi4xNTY3M0MyNy4xMTIzIDYuNzA0MSAyOC44ODc3IDYuNzA0MSAzMC41Mjk4IDYuMTU2NzNMMzguNDcwMiAzLjUwOTk0QzQzLjY1MDQgMS43ODMxOSA0OSA1LjYzODk1IDQ5IDExLjA5OTRWMjQuNUg3VjExLjA5OTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWwpIi8+CjxwYXRoIGQ9Ik0yMSA0NS41QzIxIDQ0LjA1MDMgMjIuMTc1MyA0Mi44NzUgMjMuNjI1IDQyLjg3NUgzMi4zNzVDMzMuODI0NyA0Mi44NzUgMzUgNDQuMDUwMyAzNSA0NS41QzM1IDQ2Ljk0OTcgMzMuODI0NyA0OC4xMjUgMzIuMzc1IDQ4LjEyNUgyMy42MjVDMjIuMTc1MyA0OC4xMjUgMjEgNDYuOTQ5NyAyMSA0NS41WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNzUgNDUuNUM4Ljc1IDQ4LjM5OTUgMTEuMTAwNSA1MC43NSAxNCA1MC43NUMxNi44OTk1IDUwLjc1IDE5LjI1IDQ4LjM5OTUgMTkuMjUgNDUuNUMxOS4yNSA0Mi42MDA1IDE2Ljg5OTUgNDAuMjUgMTQgNDAuMjVDMTEuMTAwNSA0MC4yNSA4Ljc1IDQyLjYwMDUgOC43NSA0NS41Wk0xNCAzNUM4LjIwMTAxIDM1IDMuNSAzOS43MDEgMy41IDQ1LjVDMy41IDUxLjI5OSA4LjIwMTAxIDU2IDE0IDU2QzE5Ljc5OSA1NiAyNC41IDUxLjI5OSAyNC41IDQ1LjVDMjQuNSAzOS43MDEgMTkuNzk5IDM1IDE0IDM1WiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyKSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3LjE4NzUgNDUuNUMzNy4xODc1IDQ4LjM5OTUgMzkuNTM4IDUwLjc1IDQyLjQzNzUgNTAuNzVDNDUuMzM3IDUwLjc1IDQ3LjY4NzUgNDguMzk5NSA0Ny42ODc1IDQ1LjVDNDcuNjg3NSA0Mi42MDA1IDQ1LjMzNyA0MC4yNSA0Mi40Mzc1IDQwLjI1QzM5LjUzOCA0MC4yNSAzNy4xODc1IDQyLjYwMDUgMzcuMTg3NSA0NS41Wk00Mi40Mzc1IDM1QzM2LjYzODUgMzUgMzEuOTM3NSAzOS43MDEgMzEuOTM3NSA0NS41QzMxLjkzNzUgNTEuMjk5IDM2LjYzODUgNTYgNDIuNDM3NSA1NkM0OC4yMzY1IDU2IDUyLjkzNzUgNTEuMjk5IDUyLjkzNzUgNDUuNUM1Mi45Mzc1IDM5LjcwMSA0OC4yMzY1IDM1IDQyLjQzNzUgMzVaIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXIpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWwiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuMTI0MzggMTMuMzk0Mikgcm90YXRlKC03Ljk5NDkxKSBzY2FsZSg2MC40Mjc0IDQ5OS4yODkpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZFN0E2NiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGREMwODYiLz4KPC9yYWRpYWxHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iMy41IiB5MT0iNDUuNSIgeDI9IjUyLjkzNzUiIHkyPSI0NS41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjUwNjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYzRjYzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhciIgeDE9IjMuNSIgeTE9IjQ1LjUiIHgyPSI1Mi45Mzc1IiB5Mj0iNDUuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkY1MDYxIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGM0Y2MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50M19saW5lYXIiIHgxPSIzLjUiIHkxPSI0NS41IiB4Mj0iNTIuOTM3NSIgeTI9IjQ1LjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNTA2MSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjNGNjMiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}
.active-membership-popup__feature_type_search-available .active-membership-popup__feature-label:before {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5LjI1NjcgNDIuOTEwNEMzOC4yNDc4IDQxLjkwMTUgMzguMjQ3OCA0MC4yNjU3IDM5LjI1NjcgMzkuMjU2N0M0MC4yNjU3IDM4LjI0NzggNDEuOTAxNSAzOC4yNDc4IDQyLjkxMDQgMzkuMjU2N0w1NS4yNDMzIDUxLjU4OTZDNTYuMjUyMiA1Mi41OTg1IDU2LjI1MjIgNTQuMjM0MyA1NS4yNDMzIDU1LjI0MzNDNTQuMjM0MyA1Ni4yNTIyIDUyLjU5ODUgNTYuMjUyMiA1MS41ODk2IDU1LjI0MzNMMzkuMjU2NyA0Mi45MTA0WiIgZmlsbD0iI0M0QzRDNCIvPgo8cGF0aCBkPSJNMzkuMjU2NyA0Mi45MTA0QzM4LjI0NzggNDEuOTAxNSAzOC4yNDc4IDQwLjI2NTcgMzkuMjU2NyAzOS4yNTY3QzQwLjI2NTcgMzguMjQ3OCA0MS45MDE1IDM4LjI0NzggNDIuOTEwNCAzOS4yNTY3TDU1LjI0MzMgNTEuNTg5NkM1Ni4yNTIyIDUyLjU5ODUgNTYuMjUyMiA1NC4yMzQzIDU1LjI0MzMgNTUuMjQzM0M1NC4yMzQzIDU2LjI1MjIgNTIuNTk4NSA1Ni4yNTIyIDUxLjU4OTYgNTUuMjQzM0wzOS4yNTY3IDQyLjkxMDRaIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWwpIi8+CjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgcng9IjIxLjUiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyKSIgc3Ryb2tlLXdpZHRoPSI2Ii8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWwiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuMDMxNSA0OC4wNjczKSByb3RhdGUoLTEzLjUzNzUpIHNjYWxlKDI1LjY0NTkgMzUwLjEzKSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRTdBNjYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkRDMDg2Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjIuNzM4MDllLTA3IiB5MT0iMjQuNSIgeDI9IjQ5IiB5Mj0iMjQuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkY1MDYxIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGM0Y2MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.active-membership-popup__feature_type_similar-list .active-membership-popup__feature-label:before {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjE3NjYgMzcuNjcxOUM1LjAzMDg0IDM2LjkyNCA0Ljg1MTYxIDM2LjIxMTkgNC42ODA2NyAzNS41MzI3QzMuNzAyNjUgMzEuNjQ2OCAyLjk5NTc5IDI4LjgzODIgMi42ODgyNiAyNi41NjUyQzIuMzM5NTYgMjMuOTg3NyAyLjU3NjEgMjIuNTM1OCAzLjI3OTM3IDIxLjMxNzdDNC4xNjA1NyAxOS43OTE0IDUuMzc0OTUgMTguODI2OCA3LjY3MzMyIDE3LjkxMTJDOS42MDc5OCAxNy4xNDA1IDEyLjA1NzYgMTYuNDk2MiAxNS40MjUgMTUuNjEwNkMxNi4zMzY5IDE1LjM3MDcgMTcuMzE2MSAxNS4xMTMxIDE4LjM3MDcgMTQuODMwNkMyMy4yNDY1IDEzLjUyNDEgMjYuNjYxOCAxMi42MTQ1IDI5LjMzMzYgMTIuMjcwMkMzMS45MzM0IDExLjkzNTIgMzMuNDUzNyAxMi4xOTI4IDM0LjY4MzcgMTIuOTAyOUMzNS45MTM3IDEzLjYxMzEgMzYuODk3IDE0LjgwMDkgMzcuOTA2OCAxNy4yMTk5QzM4Ljk0NDUgMTkuNzA1OSAzOS44NjQ0IDIzLjExODQgNDEuMTcwOCAyNy45OTQzQzQyLjQ3NzMgMzIuODcwMSA0My4zODcgMzYuMjg1NCA0My43MzEyIDM4Ljk1NzFDNDQuMDY2MiA0MS41NTY5IDQzLjgwODYgNDMuMDc3MyA0My4wOTg1IDQ0LjMwNzNDNDIuMzg4MyA0NS41MzczIDQxLjIwMDUgNDYuNTIwNiAzOC43ODE1IDQ3LjUzMDNDMzYuMjk1NiA0OC41NjgxIDMyLjg4MyA0OS40ODggMjguMDA3MiA1MC43OTQ0QzIzLjEzMTMgNTIuMTAwOSAxOS43MTYgNTMuMDEwNSAxNy4wNDQzIDUzLjM1NDhDMTQuNDQ0NSA1My42ODk4IDEyLjkyNDEgNTMuNDMyMiAxMS42OTQxIDUyLjcyMjFDMTAuNDI4MiA1MS45OTEyIDkuNDI0NjYgNTAuODI0NyA4LjQxOTA0IDQ4LjQ3MjRDNy4zNzk2IDQ2LjA0MSA2LjQ1Nzk3IDQyLjYzNzMgNS4yMTc2NiAzNy42NzE5WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWwpIiBzdHJva2Utd2lkdGg9IjUiLz4KPHJlY3QgeD0iMTQuMDAxIiB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHJ4PSIxMiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8cGF0aCBkPSJNMjUuNTE3NiAxMi4zMDQ1QzIzLjA5NzQgMTQuNzEwNSAyMy4wNTI3IDE5LjA1NyAyNS4wNzkzIDIyLjA1MTlDMjYuNDI0OCAyNC4wNDAyIDMwLjU0NyAyNy4yNzY5IDMzLjE2NTkgMjkuMjI3OEMzNC4yMzM4IDMwLjAyMzMgMzQuNzY3NyAzMC40MjExIDM1LjQzMTEgMzAuNDIwOUMzNi4wOTQ1IDMwLjQyMDcgMzYuNjI4NSAzMC4wMjI0IDM3LjY5NjMgMjkuMjI1OUM0MC4zMjY1IDI3LjI2NDEgNDQuNDczIDI0LjAwNzYgNDUuNzg0NSAyMi4wNTE5QzQ3Ljc1NjQgMTkuMTExMyA0Ny43NjYzIDE0LjcxMDUgNDUuMzQ2MiAxMi4zMDQ1QzQyLjkyNiA5Ljg5ODUyIDM5LjAwMjEgOS44OTg1MiAzNi41ODE5IDEyLjMwNDVDMzYuMTA0MyAxMi43NzkzIDM1LjcyMSAxMy4zMTIzIDM1LjQzMTkgMTMuODgwNUMzNS4xNDI4IDEzLjMxMjMgMzQuNzU5NCAxMi43NzkzIDM0LjI4MTkgMTIuMzA0NUMzMS44NjE3IDkuODk4NSAyNy45Mzc4IDkuODk4NSAyNS41MTc2IDEyLjMwNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC05LjQ0NTIxIDQzLjU5ODcpIHJvdGF0ZSgtMjguNTM3NSkgc2NhbGUoNjEuODkwOCA4NDQuOTYzKSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRTdBNjYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkRDMDg2Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjE0LjAwMSIgeTE9IjIxIiB4Mj0iNTYuMDAxIiB5Mj0iMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNTA2MSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjNGNjMiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}
.active-membership-popup__tariffs {
  margin-top: 96px;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs {
    margin-top: 32px;
  }
}
.active-membership-popup__tariffs-heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 35px;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs-heading {
    font-size: 1.125rem;
    line-height: 28px;
  }
}
.active-membership-popup__tariffs-rules-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.active-membership-popup__tariffs-rules {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
}
.active-membership-popup__tariffs-rules-rules-link {
  width: 100%;
}
.active-membership-popup__tariffs-rules-grid {
  max-width: 1290px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-start;
  margin: 48px auto 0 auto;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs-rules-grid {
    margin-top: 24px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.active-membership-popup__tariffs-button-rules {
  margin-top: 35px;
}
.active-membership-popup__tariffs-mailto-link {
  text-decoration: none;
}
.active-membership-popup__tariffs-checkbox-text {
  font-size: 17px;
}
.active-membership-popup__tariffs__tariff {
  position: relative;
  max-width: 300px;
  width: 100%;
  display: block;
}
.active-membership-popup__tariffs__tariff:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 992px) {
  .active-membership-popup__tariffs__tariff:not(:last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__tariff:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__tariff {
    max-width: none;
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media (max-width: 374px) {
  .active-membership-popup__tariffs__tariff {
    width: calc(50% - 5px);
  }
}
.active-membership-popup__tariffs__tariff-field {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  cursor: pointer;
}
.active-membership-popup__tariffs__tariff-field:checked + .active-membership-popup__tariff-card {
  border-color: #2259E5;
}
.active-membership-popup__tariffs__tariff-card {
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #D8DAE6;
}
@media (min-width: 1281px) {
  .active-membership-popup__tariffs__tariff-card {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .active-membership-popup__tariffs__tariff-card {
    cursor: pointer;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__tariff-card {
    padding: 12px;
  }
}
.active-membership-popup__tariffs__tariff-avatar {
  margin-bottom: 24px;
}
.active-membership-popup__tariffs__tariff-name {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
}
.active-membership-popup__tariffs__tariff-price {
  display: block;
  color: rgba(6, 6, 38, 0.6);
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.active-membership-popup__tariffs__tariff-saving {
  display: inline-block;
  padding: 0 12px;
  margin-top: 24px;
  box-sizing: border-box;
  color: #66667F;
  font-family: Manrope, sans-serif;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 32px;
  border-radius: 8px;
  background-color: #F0F1F5;
}
.active-membership-popup__tariffs__tariff-saving_yes {
  color: #2259E5;
  background-color: rgba(34, 89, 229, 0.1);
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__tariff-saving {
    width: 100%;
    display: block;
    padding: 0;
  }
}
@media (max-width: 374px) {
  .active-membership-popup__tariffs__tariff-saving {
    font-size: 0.8125rem;
  }
}
.active-membership-popup__tariffs__form {
  max-width: 1110px;
  height: 95px;
  position: fixed;
  bottom: 0;
  left: 24px;
  right: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 120px auto auto auto;
  padding: 0 20px;
  box-sizing: border-box;
  border: 1px solid #D8DAE6;
  border-bottom: none;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-color: #FFFFFF;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 32px;
    margin-left: -24px;
    padding-top: 6px;
    padding-bottom: 12px;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.active-membership-popup__tariffs__form-coupon {
  box-sizing: border-box;
  width: 48%;
  display: flex;
  align-items: center;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form-coupon {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .active-membership-popup__tariffs__form-coupon {
    width: 100%;
    padding-right: 0;
  }
}
.active-membership-popup__tariffs__form-coupon-field {
  max-width: 308px;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px;
  border: none;
  border-radius: 12px;
  background-color: #F0F1F5;
  outline: none;
}
.active-membership-popup__tariffs__form-coupon-field::placeholder {
  color: rgba(6, 6, 38, 0.5);
  transition: 250ms ease;
}
.active-membership-popup__tariffs__form-coupon-field:focus::placeholder {
  opacity: 0;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form-coupon-field {
    max-width: none;
    height: 56px;
  }
}
.active-membership-popup__tariffs__form-coupon-button {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  color: rgba(6, 6, 38, 0.5);
  font-family: Manrope, sans-serif;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #D8DAE6;
  background-color: #FFFFFF;
  flex-shrink: 0;
}
.active-membership-popup__tariffs__form-coupon-button:before {
  content: attr(data-text);
  position: absolute;
  right: 0;
  bottom: 100%;
  min-width: 350px;
  width: 100%;
  padding: 12px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
  border-radius: 10px;
  border: 1px solid #F0F1F5;
  box-shadow: 0 20px 40px rgba(0, 8, 51, 0.1);
  background-color: #FFFFFF;
  visibility: hidden;
  opacity: 0;
  transition: 350ms ease;
}
@media (max-width: 375px) {
  .active-membership-popup__tariffs__form-coupon-button:before {
    min-width: 300px;
  }
}
@media (min-width: 1281px) {
  .active-membership-popup__tariffs__form-coupon-button {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .active-membership-popup__tariffs__form-coupon-button {
    cursor: pointer;
  }
}
.active-membership-popup__tariffs__form-coupon-button:hover:before, .active-membership-popup__tariffs__form-coupon-button:focus:before, .active-membership-popup__tariffs__form-coupon-button:active:before {
  visibility: visible;
  opacity: 1;
}
.active-membership-popup__tariffs__form-rules {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 15px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .active-membership-popup__tariffs__form-rules {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-start;
    padding: 0;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form-rules {
    margin-top: 10px;
    justify-content: flex-start;
    padding: 0;
  }
}
.active-membership-popup__tariffs__form-rules .description {
  color: rgba(6, 6, 38, 0.5);
  font-size: 0.75rem;
}
.active-membership-popup__tariffs__form-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form-actions {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .active-membership-popup__tariffs__form-actions .button {
    width: 100%;
  }
}
.active-membership-popup__tariffs__form-price {
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .active-membership-popup__tariffs__form-price {
    margin-right: 20px;
  }
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form-price {
    margin: 12px 0;
  }
}
.active-membership-popup__tariffs__form-price-label {
  color: rgba(6, 6, 38, 0.5);
  font-family: Manrope, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.01em;
}
.active-membership-popup__tariffs__form-price-count {
  margin-left: 16px;
  color: #2259E5;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 28px;
}
@media (max-width: 835px) {
  .active-membership-popup__tariffs__form-link {
    width: 100%;
  }
}
.active-membership-popup__tariffs__form .link-disable-true {
  opacity: 0.5;
  pointer-events: none;
}
.active-membership-popup__tariffs__checkbox-link {
  font-size: 0.75rem;
}
.active-membership-popup__tariffs__link-to-faq {
  font-size: inherit;
}
.active-membership-popup__tariffs__link-to-faq:focus, .active-membership-popup__tariffs__link-to-faq:active, .active-membership-popup__tariffs__link-to-faq:hover {
  border-bottom: none;
}

.finish-register-popup {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 80px 0;
  box-sizing: border-box;
  background-color: #FFFFFF;
  overflow-y: auto;
}
.finish-register-popup__header {
  position: relative;
  max-width: calc(1290px + (24px * 2));
  width: 100%;
  padding: 0 24px;
  margin: 0 auto 72px auto;
  box-sizing: border-box;
}
.finish-register-popup__close {
  position: absolute;
  top: 0;
  right: 24px;
  margin: auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background-color: #D8DAE6;
  padding: 0;
  outline: none;
  transition: 250ms ease;
}
@media (min-width: 1281px) {
  .finish-register-popup__close {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .finish-register-popup__close {
    cursor: pointer;
  }
}
.finish-register-popup__close:focus {
  background-color: #F0F1F5;
}
@media (min-width: 1281px) {
  .finish-register-popup__close:hover {
    background-color: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .finish-register-popup__close:hover {
    background-color: #F0F1F5;
  }
}
@media (max-width: 835px) {
  .finish-register-popup__close {
    width: 24px;
    height: 24px;
    top: -52px;
  }
}
.finish-register-popup__heading {
  margin: 0 0 16px 0;
  color: #060626;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 52px;
  text-align: center;
}
.finish-register-popup__description {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
  color: rgba(6, 6, 38, 0.8);
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
}
.finish-register-popup__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.finish-register-popup__dot {
  display: inline-block;
  width: 16px;
  height: 4px;
  border-radius: 512px;
  background-color: #F0F1F5;
  transition: 450ms ease;
}
.finish-register-popup__dot:not(:last-child) {
  margin-right: 4px;
}
.finish-register-popup__dot_active {
  background-color: #2259E5;
}
.finish-register-popup__content {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}
.finish-register-popup__slides {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  transition: 550ms ease;
}
.finish-register-popup__slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}
.finish-register-popup__slide-heading {
  margin: 0 0 16px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
}
.finish-register-popup__slide-description {
  margin: 0 0 16px 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}
.finish-register-popup__slide-avatar {
  display: inline-block;
  margin-top: 40px;
  width: 128px;
  height: 128px;
  border-radius: 32px;
  background-size: cover;
  background-position: center;
  background-image: url(/images/no-avatar.svg);
}
@media (min-width: 1281px) {
  .finish-register-popup__slide-avatar {
    cursor: pointer;
  }
}
.finish-register-popup__slide-loader-wrapper {
  width: 128px;
  height: 128px;
  margin-top: 40px;
}
.finish-register-popup__slide-footer {
  width: 100%;
  margin-top: 40px;
}
.finish-register-popup__slide .select,
.finish-register-popup__slide .select__input {
  min-width: 100%;
}
.finish-register-popup__slide .range-slider {
  margin-top: 40px;
}
.finish-register-popup__slide .button {
  width: 100%;
  display: block;
}
.finish-register-popup__slide .button:not(:last-child) {
  margin-bottom: 12px;
}
.finish-register-popup #file-input {
  width: 0;
  height: 0;
  opacity: 0;
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1281px) {
  .PresetDateRangePicker_button {
    cursor: pointer;
  }
}

.PresetDateRangePicker_button:active {
  outline: 0;
}

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput__block {
  display: block;
}

.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 1281px) {
  .SingleDatePickerInput_clearDate {
    cursor: pointer;
  }
}

@media (min-width: 1281px) {
  .SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%;
  }
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
@media (min-width: 1281px) {
  .SingleDatePickerInput_calendarIcon {
    cursor: pointer;
  }
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker__block {
  display: block;
}

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
@media (min-width: 1281px) {
  .SingleDatePicker_closeButton {
    cursor: pointer;
  }
}

@media (min-width: 1281px) {
  .SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none;
  }
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  font-size: 14px;
}
@media (min-width: 1281px) {
  .DayPickerKeyboardShortcuts_buttonReset {
    cursor: pointer;
  }
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}

@media (min-width: 1281px) {
  .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
    border-right: 33px solid #008489;
  }
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}

@media (min-width: 1281px) {
  .DayPickerKeyboardShortcuts_show__topRight:hover::before {
    border-right: 33px solid #008489;
  }
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}

@media (min-width: 1281px) {
  .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
    border-left: 33px solid #008489;
  }
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

@media (min-width: 1281px) {
  .DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a;
  }
}
.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
}
@media (min-width: 1281px) {
  .CalendarDay {
    cursor: pointer;
  }
}

.CalendarDay:active {
  outline: 0;
}

.CalendarDay__defaultCursor {
  cursor: default;
}

.CalendarDay__default {
  border: none;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: normal;
  background: #fff;
}

@media (min-width: 1281px) {
  .CalendarDay__default:hover {
    background: #2259E5;
    border-radius: 12px;
    color: #FFFFFF;
  }
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848;
}

@media (min-width: 1281px) {
  .CalendarDay__outside:hover {
    border: 0;
  }
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

@media (min-width: 1281px) {
  .CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd;
  }
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}

@media (min-width: 1281px) {
  .CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848;
  }
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}

@media (min-width: 1281px) {
  .CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px double #33dacd;
    color: #fff;
  }
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #2259E5;
  border-radius: 12px;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: none;
  color: #B0B0C6;
}

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}

.CalendarMonth_caption {
  color: #0D1F40;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  padding-top: 22px;
  padding-bottom: 37px;
  padding-left: 10px;
  caption-side: initial;
}
.CalendarMonth_caption > strong {
  font-weight: 500;
}

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}

.DayPickerNavigation {
  position: absolute;
  top: 32px;
  right: 20px;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.DayPickerNavigation__horizontal {
  height: 0;
}

.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1;
}

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.DayPickerNavigation__bottom {
  height: auto;
}

.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.DayPickerNavigation_button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}
@media (min-width: 1281px) {
  .DayPickerNavigation_button {
    cursor: pointer;
  }
}

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}

@media (min-width: 1281px) {
  .DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4;
  }
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}

@media (min-width: 1281px) {
  .DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
    border: 1px solid #f2f2f2;
  }
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: 0.78;
  border-radius: 3px;
  padding: 6px 9px;
}

.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block;
}

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker__withBorder {
  overflow: hidden;
  box-shadow: 0 20px 80px rgba(101, 113, 149, 0.25);
  border-radius: 10px;
  border: 1px solid #D8DAE6;
}

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
  margin-top: -15px;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}

.DateInput__small {
  width: 97px;
}

.DateInput__block {
  width: 100%;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  font-weight: normal;
  line-height: 24px;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 15px;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 1px solid #F0F1F5;
  border-radius: 12px;
  outline: none;
}
.DateInput_input:focus::placeholder {
  opacity: 0;
}

.DateInput_input::placeholder {
  color: #66667F;
  transition: 220ms ease;
}

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding: 7px 7px 5px;
}

.DateInput_input__regular {
  font-weight: auto;
}

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}

.DateInput_fangShape {
  fill: #fff;
}

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput__block {
  display: block;
}

.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 1281px) {
  .DateRangePickerInput_clearDates {
    cursor: pointer;
  }
}

.DateRangePickerInput_clearDates__small {
  padding: 6px;
}

@media (min-width: 1281px) {
  .DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%;
  }
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
@media (min-width: 1281px) {
  .DateRangePickerInput_calendarIcon {
    cursor: pointer;
  }
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker__block {
  display: block;
}

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
@media (min-width: 1281px) {
  .DateRangePicker_closeButton {
    cursor: pointer;
  }
}

@media (min-width: 1281px) {
  .DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none;
  }
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.date-picker__button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.date-picker__button_type_next .icon {
  transform: rotateZ(180deg);
}

.date-range-picker__button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.date-range-picker__clear-button {
  display: flex;
  cursor: pointer;
}
.date-range-picker__button_type_next .icon {
  transform: rotateZ(180deg);
}
.date-range-picker__icon {
  width: 17px;
  background-color: #FFFFFF;
}
.date-range-picker__close {
  display: flex;
  justify-content: flex-end;
  margin: 0 28px 12px 0;
  color: #2259E5;
  cursor: pointer;
}

.CalendarDay__blocked_minimum_nights {
  border: none;
}

.CalendarDay__selected_span {
  background: #f2f2f2;
  color: #000000;
  border: none;
  border-radius: 12px;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #8f8f8f;
  color: #000000;
  border: none;
}

.DateRangePickerInput_clearDates {
  margin-right: 6px;
}

.DateRangePickerInput__withBorder {
  border: none;
}

.DayPickerKeyboardShortcuts_show::before {
  display: none;
}

.DateRangePicker_picker__directionLeft {
  left: -134px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .DateRangePicker_picker__directionLeft {
    left: -6px !important;
  }
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #f2f2f2;
  color: #000000;
  border: none;
  border-radius: 12px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .DateRangePickerInput__showClearDates {
    display: flex;
    padding-right: 25px;
  }
}

.DateInput_fang {
  top: 57px !important;
}

.dropzone {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 40px;
}
.dropzone__borders {
  width: calc(100% - 4px - 4px);
  height: calc(100% - 4px - 4px);
  border: 4px dashed #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dropzone__text {
  color: #FFFFFF;
  margin-top: 64px;
}

.logout-popup {
  width: auto;
  z-index: 300;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup {
    width: calc(100% - 46px);
    max-height: 539px;
    visibility: visible;
  }
}
.logout-popup__block {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.logout-popup__image {
  background: #fcecea;
  border-radius: 512px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.logout-popup__title {
  margin-bottom: 4px;
  text-align: center;
}
.logout-popup__text {
  text-align: center;
  margin-bottom: 24px;
  max-width: 300px;
  padding: 0 16px;
}
.logout-popup__button {
  width: calc(50% - 6px);
}
.logout-popup__button:first-child {
  color: #2259E5;
  margin-right: 12px;
}
.logout-popup_type_create .album-popup__content, .logout-popup_type_edit .album-popup__content {
  padding-bottom: 24px;
  position: relative;
}
.logout-popup_type_create .album-popup__content:first-child, .logout-popup_type_edit .album-popup__content:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .album-popup__content:first-child, .logout-popup_type_edit .album-popup__content:first-child {
    justify-content: center;
  }
}
.logout-popup_type_create .album-popup__content:last-child, .logout-popup_type_edit .album-popup__content:last-child {
  padding-bottom: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .album-popup__content:last-child, .logout-popup_type_edit .album-popup__content:last-child {
    display: flex;
    flex-direction: column;
  }
}
.logout-popup_type_create .album-popup__input, .logout-popup_type_edit .album-popup__input {
  width: 100%;
  min-width: unset;
}
.logout-popup_type_create .album-popup__icon-bg, .logout-popup_type_edit .album-popup__icon-bg {
  width: 24px;
  height: 25px;
  border-radius: 50%;
  background-color: #F0F1F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .logout-popup_type_create .album-popup__icon-bg, .logout-popup_type_edit .album-popup__icon-bg {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .album-popup__icon-bg, .logout-popup_type_edit .album-popup__icon-bg {
    display: none;
  }
}
.logout-popup_type_create .album-popup__save, .logout-popup_type_edit .album-popup__save {
  margin-right: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .album-popup__save, .logout-popup_type_edit .album-popup__save {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .album-popup__cancel, .logout-popup_type_edit .album-popup__cancel {
    margin-bottom: 10px;
  }
}
.logout-popup_type_create .album-popup__delete, .logout-popup_type_edit .album-popup__delete {
  position: absolute;
  right: 0;
  color: #F23D30;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .album-popup__delete, .logout-popup_type_edit .album-popup__delete {
    position: initial;
  }
}
.logout-popup_type_create .input__content, .logout-popup_type_edit .input__content {
  width: 432px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .logout-popup_type_create .input__content, .logout-popup_type_edit .input__content {
    width: auto;
  }
}

.how-it-work-landing {
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
}
.how-it-work-landing__section {
  margin-top: 80px;
}
@media (max-width: 992px) {
  .how-it-work-landing__section {
    margin-top: 20px;
  }
}
.how-it-work-landing__section-header {
  text-align: center;
}
.how-it-work-landing__section-chapter {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}
.how-it-work-landing__section-chapter:before, .how-it-work-landing__section-chapter:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  display: inline-block;
  border-radius: 50%;
  background-color: rgba(6, 6, 38, 0.2);
}
.how-it-work-landing__section-chapter:before {
  left: 0;
}
.how-it-work-landing__section-chapter:after {
  right: 0;
}
@media (max-width: 992px) {
  .how-it-work-landing__section-chapter {
    font-size: 18px;
    line-height: 32px;
  }
}
.how-it-work-landing__section-name {
  margin: 20px 0 0 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
}
@media (max-width: 992px) {
  .how-it-work-landing__section-name {
    font-size: 18px;
    line-height: 28px;
  }
}
.how-it-work-landing__section-text {
  max-width: 720px;
  width: 100%;
  margin: 80px auto;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 992px) {
  .how-it-work-landing__section-text {
    padding: 0 24px;
    margin: 20px auto 32px auto;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 20px;
  }
}
.how-it-work-landing__section-content {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
  overflow-x: hidden;
}
@media (max-width: 992px) {
  .how-it-work-landing__section-content {
    padding: 0;
  }
}
.how-it-work-landing__section-image {
  padding: 50px 0;
  text-align: center;
}
.how-it-work-landing__section-image > img {
  width: 100%;
}
@media (max-width: 992px) {
  .how-it-work-landing__section-image {
    padding: 20px 0;
  }
}

.cookie__banner {
  position: fixed;
  width: calc(100% - 80px);
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  z-index: 5000;
  padding: 5px 40px;
}
@media (min-width: 320px) and (max-width: 480px) {
  .cookie__banner {
    flex-direction: column;
  }
}
.cookie__content {
  width: 85%;
}
@media (min-width: 320px) and (max-width: 480px) {
  .cookie__content {
    width: 100%;
  }
}
.cookie__control {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 320px) and (max-width: 480px) {
  .cookie__control {
    width: 100%;
    justify-content: center;
  }
}
.cookie__text {
  color: #FFFFFF;
}
.cookie__link {
  color: #FFFFFF;
}

.dots-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: all 0.25s;
}
.dots-nav__dot {
  margin: 0;
  padding: 0;
  letter-spacing: -1px;
}
.dots-nav__dot::before {
  content: "•";
  transition: font-size 0.5s;
  font-size: 16px;
  color: #F0F1F5;
}
.dots-nav__dot.current::before {
  font-size: 24px;
  color: #2259E5;
}
.dots-nav__dot.small::before {
  font-size: 12px;
}

.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
}
.loader-wrapper__spin {
  width: 5rem;
  height: 5rem;
}

.playlists__search-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.playlists__search-back {
  margin: 0 0.75rem 0 auto;
  font-size: 1rem !important;
  color: #66667F;
}

.notification-menu-button {
  display: flex;
  align-items: center;
  text-align: center;
  width: fit-content;
  color: #2259E5;
  height: 56px;
  background: #F9FAFC;
  border: 1px solid #F0F1F5;
  box-shadow: 0 20px 80px rgba(101, 113, 149, 0.25);
}
@media (min-width: 1281px) {
  .notification-menu-button:hover {
    background-color: #f4f7fe;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .notification-menu-button {
    z-index: 500;
    right: 12px;
    bottom: 9rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .notification-menu-button {
    z-index: 500;
    bottom: 9rem;
  }
}

.notification-window {
  width: 434px;
  background-color: #F0F1F5;
  border: 1px solid #D8DAE6;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 500;
  position: fixed;
  bottom: 0px;
  right: 0px;
}
.notification-window ::-webkit-scrollbar {
  width: 6px;
}
.notification-window ::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}
.notification-window ::-webkit-scrollbar-track {
  background: transparent;
}
@media (min-width: 320px) and (max-width: 767px) {
  .notification-window {
    width: 100%;
    height: 100%;
    border-radius: unset;
    border: unset;
    position: fixed;
    top: 0;
    right: 0;
    bottom: unset;
    background-color: #FFFFFF;
    margin-left: 0;
  }
}
.notification-window__header {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 68px;
  padding: 0 32px;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .notification-window__header {
    padding: 16px 24px;
    height: auto;
  }
}
.notification-window__title {
  width: 87%;
  display: flex;
  justify-content: center;
  margin-left: 16px;
}
.notification-window__close {
  display: flex;
  cursor: pointer;
}
.notification-window__body {
  width: 400px;
  background: #FFFFFF;
  border-radius: 10px;
  align-self: center;
  padding: 0 16px 8px 16px;
  height: 30rem;
  overflow: auto;
}
@media (min-width: 1281px) {
  .notification-window__body {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .notification-window__body {
    height: calc(100% - 80px);
    width: calc(100% - 32px);
  }
}
.notification-window__subtitle {
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.notification-window__music-wrapper {
  background: #F0F1F5;
  border-radius: 8px;
  padding: 5px 0 5px;
}

.empty-data {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  text-align: center;
  padding: 0 0.75rem;
}

body,
#appRoot,
#react,
#rootDiv {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #F0F1F5;
  border-radius: 5px;
}

.photo-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.photo-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.photo-scrollbar::-webkit-scrollbar-thumb {
  background: #F0F1F5;
  border-radius: 5px;
}

@media (min-width: 1281px) {
  body {
    overflow-y: scroll;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  body {
    overflow-y: scroll;
  }
}

.lazy-load-image-loaded,
.lazy-load-image-background {
  width: 100%;
  height: 100%;
}
.lazy-load-image-loaded img,
.lazy-load-image-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#file-input,
#support-upload {
  top: -9999px;
  left: -9999px;
}

input {
  -webkit-appearance: none;
}

.privat-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  position: fixed;
  bottom: 85px;
  right: 56px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform-origin: translateZ(0);
}
@media (min-width: 320px) and (max-width: 767px) {
  .privat-container {
    position: fixed;
    transform: none;
    -webkit-transform: none;
    -moz-transform-origin: none;
    right: 15px;
    bottom: 85px;
    z-index: 3000;
  }
}

.storybook-align {
  width: 375px;
  margin: 40px;
  position: relative;
}

.storybook-align-top {
  margin-top: 40px;
}

.storybook-height {
  height: 290px;
}

.storybook-align-left {
  margin-left: 40px;
}

.noscript {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.noscript__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}
.noscript__title:before {
  content: "";
  width: 48px;
  height: 48px;
  display: inline-block;
  margin-bottom: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQ5MTM4IDI4LjY3MzhDMi4wMTcyOSAyMy41Mzk3IDIuMDkzODQgMTYuMDg4NiA2LjI0Mjc0IDExLjk2NEMxMC4zOTE2IDcuODM5NDcgMTcuMTE4MyA3LjgzOTQ3IDIxLjI2NzIgMTEuOTY0QzIxLjQyNjQgMTIuMTIyMiAyMS41Nzk0IDEyLjI4NDIgMjEuNzI2MyAxMi40NDk2TDE5Ljk0OTkgMjMuNjcxM0MxOS43NTU3IDI0LjYwMzQgMjAuMDQ0MyAyNS41NzA1IDIwLjcxNzUgMjYuMjQzN0wyMy45MzM2IDI5LjQ1OThMMjIuNDQ0MiA0My4xNDZDMjIuMDQ5IDQyLjk1NDggMjEuNTk5NSA0Mi42MjY2IDIwLjk2MjQgNDIuMTYxNUMxNi43ODg0IDM5LjExNDIgOC4wOTg2NSAzMi41MjY5IDUuNDkxMzggMjguNjczOFpNMjUuNDgxNCA0Mi4xODI3QzI1LjQ5MTggNDIuMTc1MSAyNS41MDIyIDQyLjE2NzQgMjUuNTEyNyA0Mi4xNTk4QzI5LjcwMjcgMzkuMDk1NiAzOC40NDU5IDMyLjQ2MTYgNDAuOTg2IDI4LjY3MzhDNDQuMzY2NCAyMy42MzI5IDQ0LjM4MzUgMTYuMDg4NSA0MC4yMzQ2IDExLjk2NEMzNi4wODU3IDcuODM5NSAyOS4zNTkxIDcuODM5NSAyNS4yMTAyIDExLjk2NEMyNS4wNjg2IDEyLjEwNDggMjQuOTMxOCAxMi4yNDg1IDI0Ljc5OTkgMTIuMzk1TDIyLjcxNCAyNC4yNDcyTDI1LjkzMDEgMjcuNDYzM0MyNi41MzY3IDI4LjA2OTggMjYuODM0NiAyOC45MTkxIDI2LjczOTkgMjkuNzcxNkwyNS40ODE0IDQyLjE4MjdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIzIiB5MT0iMjYuMDA4MyIgeDI9IjQzLjQ0MDUiIHkyPSIyNi4wMDgzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjUwNjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYzRjYzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.noscript__advice {
  margin: 12px 0 0 0;
  color: #B0B0C6;
  font-family: Inter, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 20px;
  text-align: center;
}

.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 480px) {
  .login-form {
    max-width: none;
  }
}
.login-form__title {
  text-align: center;
  margin: 0;
}
.login-form__description {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.login-form__form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.login-form__form > * {
  margin-bottom: 1rem;
}
.login-form__form > *:last-child {
  margin-bottom: 0;
  margin-top: 1rem;
}
.login-form__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-form__icon > svg {
  margin-right: 5px;
}
.login-form button > span {
  margin-left: 0;
}
.login-form__forgot {
  align-self: center;
}
.login-form_theme_home {
  max-width: 300px;
}
.login-form_theme_home .login-form__title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.login-form_theme_home .login-form__description {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
.login-form_theme_home .login-form__form > * {
  margin-bottom: 1.5rem;
}
.login-form_theme_home .login-form__form > *:last-child {
  margin-bottom: 0;
  margin-top: 0;
}
.login-form__error .input__content {
  border-color: #F23D30;
}

.login {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}
.login__article {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 1.5rem;
  padding: 5rem 0;
  padding-bottom: 180px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .login__article {
    padding-bottom: 56px;
  }
}
.login__section {
  display: flex;
  max-width: 1290px;
  margin: 0 auto;
}

.page_layout_visitors .tab__header {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 2.0625rem;
  border-bottom: none;
}
@media (max-width: 835px) {
  .page_layout_visitors .tab__header {
    margin-bottom: 16px;
  }
}
.page_layout_visitors .tab__body {
  padding: 0;
}
.page_layout_visitors .page__grid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page_layout_visitors .page__item {
  max-width: 12.5rem;
  width: 100%;
  margin-bottom: 0.875rem;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page_layout_visitors .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .page_layout_visitors .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1281px) {
  .page_layout_visitors .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
.page_layout_visitors .page__visitors-counter {
  width: 100%;
  display: block;
  margin-top: calc(1.25rem - 0.875rem);
  padding-top: 1.5rem;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25rem;
  text-align: center;
  border-top: 0.0625rem solid #D8DAE6;
}
@media (max-width: 835px) {
  .page_layout_visitors .page__visitors-counter {
    margin-top: 16px;
  }
}
.page_layout_visitors .page__member {
  display: flex;
  align-items: center;
  padding: 20px 48px;
  background: rgba(247, 94, 112, 0.1);
  border-radius: 10px;
}
.page_layout_visitors .page__member-description {
  display: flex;
  flex-direction: column;
  margin-left: 48px;
}
.page_layout_visitors .page__member-title {
  color: #F75E70;
  font-weight: 700;
  margin: 0 0 5px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_visitors .page__grid {
    justify-content: space-between;
  }
  .page_layout_visitors .page__item {
    max-width: 40vw;
  }
  .page_layout_visitors .user-card_layout_card {
    height: 60vw;
    max-width: 40vw;
  }
}

.page_layout_favorites .page__search {
  width: 100%;
  margin-bottom: 1.5rem;
}
.page_layout_favorites .page__search .input {
  width: 100%;
}
.page_layout_favorites .page__grid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page_layout_favorites .page__item {
  max-width: 12.5rem;
  width: 100%;
  margin-bottom: 0.875rem;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page_layout_favorites .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .page_layout_favorites .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1281px) {
  .page_layout_favorites .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
.page_layout_favorites .page__empty-fav {
  margin: 0 auto;
}
.page_layout_favorites .page__empty-title {
  font-weight: 600;
}
.page_layout_favorites .page__empty-title,
.page_layout_favorites .page__empty-text {
  text-align: center;
}
.page_layout_favorites .page__empty-text {
  max-width: 400px;
  color: #66667F;
  margin-right: auto;
  margin-left: auto;
}
.page_layout_favorites .page__empty-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_favorites .page__grid {
    justify-content: space-between;
  }
  .page_layout_favorites .page__item {
    max-width: 40vw;
  }
  .page_layout_favorites .user-card_layout_card {
    height: 60vw;
    max-width: 40vw;
  }
}

.faq-title {
  display: flex;
  flex-direction: column;
  margin: 24px 30px 32px 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq-title {
    display: none;
  }
}
.faq-title__title {
  margin-bottom: 16px;
}
.faq-title__text {
  max-width: 550px;
  color: #66667F;
}
.faq-title__link {
  text-decoration: unset;
  color: #2259E5;
}
.faq-title__support {
  color: #2259E5;
}
@media (min-width: 1281px) {
  .faq-title__support {
    cursor: pointer;
  }
}

.faq-support {
  display: flex;
  flex-direction: column;
  margin: 14px 30px 16px 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq-support {
    margin-left: 0;
    margin-right: 0;
  }
}
.faq-support__title {
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq-support__title {
    font-size: 1.125rem;
  }
}
.faq-support__text {
  color: #66667F;
  margin-bottom: 24px;
}
.faq-support__support {
  color: #2259E5;
}
@media (min-width: 1281px) {
  .faq-support__support {
    cursor: pointer;
  }
}
.faq-support__button {
  background-color: #ecf2fc;
  margin-left: 12px;
  word-break: break-word;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq-support__button {
    background-color: transparent;
    margin-left: 0;
    width: 100%;
    margin-top: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq-support__button-group {
    display: flex;
    flex-direction: column;
  }
}

.back-button {
  padding: 10px 0;
  flex-direction: row;
  align-items: center;
  display: flex;
}
@media (min-width: 1281px) {
  .back-button {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .back-button {
    justify-content: center;
    position: relative;
  }
}
.back-button__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .back-button__icon {
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
  }
}
.back-button__text {
  color: #66667F;
}
@media (min-width: 320px) and (max-width: 767px) {
  .back-button__text {
    font-size: 1.0625rem !important;
    color: #060626 !important;
    font-weight: bold !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .step-answer {
    padding: 0;
    border-bottom: 1px solid #D8DAE6;
  }
}
.step-answer__content {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.step-answer__support {
  padding-top: 48px;
  border-top: 1px solid #D8DAE6;
}
@media (min-width: 320px) and (max-width: 767px) {
  .step-answer__support {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.step-answer__support .faq-support {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.step-answer__content {
  margin-bottom: 48px;
}
.step-answer img {
  width: 100%;
  height: 100%;
}
.step-answer__title {
  margin-top: 24px;
  margin-bottom: 32px;
  max-width: 570px;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .step-answer__title {
    width: auto;
    font-size: 1.125rem !important;
    margin-bottom: 24px;
  }
}
.step-answer__title.loader {
  width: 100%;
}
.step-answer__text {
  margin: 0;
}
.step-answer__body ol {
  padding-left: 0;
  margin-top: 0;
  list-style-position: inside;
}

.answer-question {
  margin-bottom: 28px;
  margin-top: 48px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .answer-question {
    margin-top: 24px;
    margin-bottom: 56px;
  }
}
.answer-question__content {
  padding: 0 30px 20px 30px;
  border-bottom: 1px solid #D8DAE6;
  position: relative;
}
@media (min-width: 1281px) {
  .answer-question__content {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .answer-question__content {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 16px;
  }
}
.answer-question :last-child {
  border-bottom: unset;
}
.answer-question__icon {
  position: absolute;
  right: 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .answer-question__icon {
    right: 10px;
  }
}
.answer-question__title {
  margin-top: 20px;
  padding-right: 40px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .answer-question__title {
    font-size: 0.9375rem;
    margin-top: 16px;
  }
}
.answer-question__title.loader {
  padding: 0;
}
.answer-question__text {
  color: #66667F;
  margin-top: 20px;
}

.faq {
  max-width: 990px;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq {
    display: flex;
    flex-direction: column;
  }
}
.faq__button {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq__button {
    display: flex;
  }
}
.faq__block {
  margin-right: auto;
  margin-left: auto;
  max-width: 770px;
  order: 3;
}
.faq__block_support {
  margin-right: auto;
  margin-left: auto;
  max-width: 770px;
  padding: 0 80px;
  padding-top: 48px;
  border-top: 1px solid #D8DAE6;
  padding-bottom: 56px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .faq__block_support {
    padding: 16px 0 16px 0;
    order: 2;
    border-top: unset;
  }
}

.step-by-step {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .step-by-step {
    align-items: center;
    margin-bottom: 0;
  }
}
.step-by-step__link {
  max-width: 292px;
  margin-bottom: 12px;
  padding-right: 40px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .step-by-step__link {
    margin-right: 0;
    max-width: unset;
  }
}
.step-by-step .button-link__preview {
  display: none;
}
.step-by-step__title {
  margin-bottom: 24px;
  font-weight: 600;
  display: inline-block;
  margin-top: 40px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .step-by-step__title {
    margin-top: 0;
  }
}

.check-email-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 480px) {
  .check-email-form {
    max-width: none;
  }
}
.check-email-form__title {
  text-align: center;
  margin: 0;
}
.check-email-form__description {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.check-email-form__form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.check-email-form__form > * {
  margin-bottom: 1rem;
}
.check-email-form__form > *:last-child {
  margin-bottom: 0;
  margin-top: 1rem;
}

.password-recovery-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 480px) {
  .password-recovery-message {
    max-width: none;
  }
}
.password-recovery-message__title {
  text-align: center;
  margin: 0;
}
.password-recovery-message__description {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.password-recovery {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}
.password-recovery__article {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 1.5rem;
  padding: 5rem 0;
}
.password-recovery__section {
  display: flex;
  max-width: 1290px;
  margin: 0 auto;
}

.contacts {
  padding-top: 40px;
}

.contacts-switch {
  display: flex;
  flex-direction: row;
  margin-bottom: 45px;
  max-width: 1290px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contacts-switch {
    flex-direction: column;
    margin-bottom: 56px;
  }
}
.contacts-switch__title {
  margin: 0;
  margin-right: 14px;
  font-size: 32px !important;
}

.contacts-select {
  position: relative;
}
@media (min-width: 1281px) {
  .contacts-select__selected {
    cursor: pointer;
  }
}
.contacts-select__item {
  color: #2259E5;
  font-size: 32px !important;
  display: flex;
  flex-wrap: wrap;
}
.contacts-select__selection {
  width: 100%;
  padding: 8px 0;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  background: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  z-index: 1000;
  margin-top: 10px;
}
.contacts-select__list {
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 32px);
}
@media (min-width: 1281px) {
  .contacts-select__list {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .contacts-select__list:hover {
    background-color: #F0F1F5;
  }
}
.contacts-select__check {
  width: 16px;
  height: 16px;
}
.contacts-select__align {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contacts-select__align {
    display: block;
  }
}
.contacts-select__icon {
  margin-left: 14px;
}

.contacts-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 44px;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 25px;
  flex-wrap: wrap;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contacts-info {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.contacts-info__content {
  width: 300px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contacts-info__content {
    width: 100%;
    margin-bottom: 32px;
  }
}
.contacts-info__block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 630px;
  flex: 1;
  margin-top: 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .contacts-info__block {
    flex-direction: column;
    min-width: unset;
    flex: unset;
    margin-top: 0;
  }
}
.contacts-info__title {
  color: #66667F;
  margin-bottom: 8px;
}
.contacts-info__time {
  display: flex;
  flex-direction: column;
}
.contacts-info__align {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#contacts-map {
  height: 525px;
}
@media (min-width: 320px) and (max-width: 767px) {
  #contacts-map {
    height: 375px;
  }
}

.page_layout_photogallery .page__body {
  padding: 0;
}
.page_layout_photogallery .page__content {
  padding: 0;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  padding: 18px 0;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .breadcrumbs {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .breadcrumbs__loader {
    display: none;
  }
  .breadcrumbs__loader:last-child {
    display: block;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
  .breadcrumb:last-child {
    display: inline-block;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
  }
}
.breadcrumb__link {
  text-decoration: none;
  margin-right: 12px;
  margin-left: 12px;
  font-weight: 700;
}
.breadcrumb__link, .breadcrumb__count {
  color: #66667F;
}
@media (min-width: 320px) and (max-width: 767px) {
  .breadcrumb__link, .breadcrumb__count {
    color: #060626;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .breadcrumb__count {
    display: none;
  }
}
.breadcrumb__active {
  color: #060626;
}
@media (min-width: 320px) and (max-width: 767px) {
  .breadcrumb {
    width: 100%;
  }
  .breadcrumb__bread-wrap {
    display: flex;
    align-items: center;
    width: calc(100% - 24px);
    margin: 0 auto;
  }
  .breadcrumb__bread-wrap .headline {
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    text-align: center;
  }
}

.divider {
  display: flex;
}
@media (min-width: 320px) and (max-width: 767px) {
  .divider {
    display: none;
  }
  .divider:nth-child(2) {
    display: flex;
    position: absolute;
    left: 0;
  }
}
.divider__icon {
  width: 16px;
  height: 16px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .divider__icon {
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
    color: #66667F;
  }
}

.view-controllers {
  display: inline-block;
}
.view-controllers__button {
  background-color: #ecf2fc;
  margin-right: 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .view-controllers__button, .view-controllers__upload {
    display: none;
  }
}
.view-controllers__mobile-edit {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .view-controllers__mobile-edit {
    display: inline-flex;
    position: absolute;
    right: 20px;
    top: 16px;
  }
}

.photo-preview {
  display: inline-flex;
  position: relative;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #D8DAE6;
  border-radius: 10px;
  max-width: 300px;
}
@media (min-width: 1281px) {
  .photo-preview {
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .photo-preview {
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-preview {
    width: 33%;
    height: 124px;
  }
  .photo-preview:nth-child(odd) {
    margin-right: 10px;
  }
  .photo-preview:last-child {
    margin: 0;
  }
}
.photo-preview__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 12px 17px;
  outline: none;
  border-radius: 10px;
}
.photo-preview__input::placeholder {
  color: #66667F;
}
.photo-preview__image {
  width: 300px;
  height: 210px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #F0F1F5;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-preview__image {
    width: 100%;
    height: 100%;
  }
}
.photo-preview__photo {
  width: 100%;
  position: absolute;
}
.photo-preview__lock {
  position: absolute;
  right: 5%;
  top: 75%;
}

.album-actions {
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  right: 10px;
  top: 10px;
}
@media (min-width: 1281px) {
  .album-actions {
    cursor: pointer;
  }
}
.album-actions__action {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 10px;
  border-right: 1px solid #D8DAE6;
}
.album-actions__action:last-child {
  border-right: unset;
}
.album-actions__icon {
  width: 16px;
  height: 16px;
}

@media (min-width: 1281px) {
  .photo-preview:hover .album-actions {
    display: flex;
  }
}
.album-preview {
  display: inline-flex;
  position: relative;
  border-radius: 10px;
  margin-right: 15px;
  overflow: hidden;
}
@media (min-width: 1281px) {
  .album-preview {
    cursor: pointer;
  }
}
.album-preview__image {
  width: 300px;
  height: 180px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.album-preview__photo {
  width: 100%;
  position: absolute;
}
.album-preview__info {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
}
.album-preview__title {
  color: #FFFFFF;
  margin: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.album-preview__title-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.album-preview__count {
  color: #FFFFFF;
  opacity: 0.75;
  margin: 0 16px 18px 16px;
  text-align: left;
}
.album-preview__lock {
  width: 16px;
  height: 16px;
}
@media (min-width: 1281px) {
  .album-preview:hover .album-actions {
    display: flex;
  }
}
.album-preview .empty {
  background-color: #F0F1F5;
}
.album-preview .empty .album-preview__photo {
  width: auto;
}

.album-popup {
  width: auto;
  z-index: 300;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup {
    width: calc(100% - 46px);
    max-height: 539px;
    height: 100%;
    top: 65%;
    visibility: visible;
  }
}
.album-popup__block {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.album-popup__image {
  background: #fcecea;
  border-radius: 512px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.album-popup__title {
  margin-bottom: 4px;
  text-align: center;
}
.album-popup__text {
  text-align: center;
  margin-bottom: 24px;
  max-width: 300px;
  padding: 0 16px;
}
.album-popup__button-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.album-popup__button:first-child {
  color: #2259E5;
  margin-right: 12px;
}
.album-popup__button:last-child {
  background-color: #F23D30;
  color: #FFFFFF;
}
.album-popup_type_create .album-popup__content, .album-popup_type_edit .album-popup__content {
  padding-bottom: 24px;
  position: relative;
}
.album-popup_type_create .album-popup__content:first-child, .album-popup_type_edit .album-popup__content:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .album-popup__content:first-child, .album-popup_type_edit .album-popup__content:first-child {
    justify-content: center;
  }
}
.album-popup_type_create .album-popup__content:last-child, .album-popup_type_edit .album-popup__content:last-child {
  padding-bottom: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .album-popup__content:last-child, .album-popup_type_edit .album-popup__content:last-child {
    display: flex;
    flex-direction: column;
  }
}
.album-popup_type_create .album-popup__input, .album-popup_type_edit .album-popup__input {
  width: 100%;
  min-width: unset;
}
.album-popup_type_create .album-popup__icon-bg, .album-popup_type_edit .album-popup__icon-bg {
  width: 24px;
  height: 25px;
  border-radius: 50%;
  background-color: #F0F1F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .album-popup_type_create .album-popup__icon-bg, .album-popup_type_edit .album-popup__icon-bg {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .album-popup__icon-bg, .album-popup_type_edit .album-popup__icon-bg {
    display: none;
  }
}
.album-popup_type_create .album-popup__save, .album-popup_type_edit .album-popup__save {
  margin-right: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .album-popup__save, .album-popup_type_edit .album-popup__save {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .album-popup__cancel, .album-popup_type_edit .album-popup__cancel {
    margin-bottom: 10px;
  }
}
.album-popup_type_create .album-popup__delete, .album-popup_type_edit .album-popup__delete {
  position: absolute;
  right: 0;
  color: #F23D30;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .album-popup__delete, .album-popup_type_edit .album-popup__delete {
    position: initial;
  }
}
.album-popup_type_create .input__content, .album-popup_type_edit .input__content {
  width: 432px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-popup_type_create .input__content, .album-popup_type_edit .input__content {
    width: auto;
  }
}

.photo-view {
  width: auto;
  padding: 0 1px;
  background-color: #F0F1F5;
  max-width: 100%;
  max-height: 100%;
  z-index: 3001 !important;
  overflow: auto;
}
.photo-view__block-mobile {
  display: none;
}
.photo-view__rotate-left, .photo-view__rotate-right {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .photo-view__rotate-left, .photo-view__rotate-right {
    cursor: pointer;
  }
}
.photo-view__rotate-left path, .photo-view__rotate-right path {
  fill: #66667F;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__rotate-left path, .photo-view__rotate-right path {
    fill: #FFFFFF;
  }
}
.photo-view__rotate-right {
  transform: rotateY(180deg);
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0C0E12, #0C0E12), #FFFFFF;
  }
  .photo-view .modal__content {
    height: 100%;
    position: relative;
  }
  .photo-view__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .photo-view__block-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 16px;
    align-items: center;
  }
  .photo-view__block-mobile .photo-view__icon {
    width: 24px;
  }
  .photo-view__block-mobile .photo-view__icon path {
    fill: #FFFFFF;
  }
  .photo-view__title {
    color: white;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 12px;
  }
  .photo-view__mobile-actions {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .photo-view__line {
    background: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 94%;
    margin: 0 auto;
    margin-bottom: 12px;
    border-radius: 12px;
  }
  .photo-view__content {
    color: #2259E5;
    padding: 16px 0;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-family: Inter;
    border-bottom: 1px solid #F0F1F5;
  }
  .photo-view__content:last-child {
    border-bottom: none;
  }
}
.photo-view__block {
  padding: 0 20px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.photo-view__block:last-child {
  height: 56px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__block {
    display: none;
  }
}
.photo-view__view {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  max-height: 670px;
  min-width: 768px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__view {
    width: 100%;
    min-width: unset;
    height: unset;
  }
}
.photo-view__photo {
  margin-right: auto;
  margin-left: auto;
  max-height: 680px;
  height: 550px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__photo {
    height: unset;
    width: 100%;
  }
}
.photo-view__controllers {
  position: absolute;
  width: calc(100% - 38px);
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 19px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__controllers {
    display: none;
  }
}
.photo-view__controller {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1281px) {
  .photo-view__controller {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__controller {
    display: none;
  }
}
.photo-view__icon {
  width: 24px;
}
@media (min-width: 1281px) {
  .photo-view__icon {
    cursor: pointer;
  }
}
.photo-view__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  margin: 0 8px;
  color: #66667F;
}
.photo-view__info, .photo-view__actions {
  display: flex;
  flex-direction: row;
}
.photo-view__text, .photo-view__main, .photo-view__delete {
  color: #060626;
}
.photo-view__main, .photo-view__delete {
  font-weight: 500;
}
@media (min-width: 1281px) {
  .photo-view__main, .photo-view__delete {
    cursor: pointer;
  }
}
.photo-view__count {
  color: #66667F;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photo-view__count {
    color: white;
  }
}
.photo-view .modal__overlay {
  border-radius: 11px;
}
.photo-view__image-gallery-wrapper {
  display: flex;
  height: unset;
  width: 100%;
  max-height: 680px;
  justify-content: center;
  align-items: center;
}
.photo-view__image-gallery-wrapper img {
  width: 100%;
}

.move-popup {
  width: 100%;
  max-width: 942px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .move-popup {
    max-height: 595px;
    height: 100%;
    max-width: unset;
    width: calc(100% - 46px);
    top: 61%;
  }
}
@media (min-width: 1281px) {
  .move-popup__close {
    cursor: pointer;
  }
}
.move-popup__content {
  display: flex;
}
.move-popup__content:first-child {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .move-popup__content:first-child {
    justify-content: center;
    position: relative;
  }
  .move-popup__content:first-child .move-popup__close {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
  }
}
.move-popup__content:last-child {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-height: 756px;
  overflow: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .move-popup__content:last-child {
    max-height: 520px;
  }
}
.move-popup__text {
  position: absolute;
  display: none;
  width: calc(100% - 21px);
  height: 100%;
  top: 0;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.move-popup .album-preview {
  margin-right: 21px;
}
.move-popup :nth-child(3n) .move-popup__text {
  width: 100%;
}
.move-popup :nth-child(3n) .album-preview {
  margin-right: 0;
}
.move-popup__hover {
  display: inline-flex;
  position: relative;
}
@media (min-width: 1281px) {
  .move-popup__hover {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .move-popup__hover:hover .move-popup__text {
    display: flex;
    cursor: pointer;
  }
}
.move-popup__right {
  margin-left: 12px;
  width: 16px;
  height: 16px;
}

.photogallery {
  max-width: 950px;
  padding: 0 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery {
    padding: 0;
    width: auto;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery .divider {
    left: 24px;
  }
}

.photogallery-view__block:not(.align) {
  padding: 0 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__block:not(.align) {
    padding: 0;
  }
}
.photogallery-view__content {
  border-top: 1px solid #D8DAE6;
  padding: 24px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__content {
    border-top: unset;
    padding-top: 0;
  }
}
.photogallery-view__content:last-child {
  padding-bottom: 56px;
}
.photogallery-view__content:last-child .photogallery-view__block {
  padding: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__content:last-child {
    padding-left: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__content:last-child .photogallery-view__header {
    border-top: 1px solid #D8DAE6;
  }
}
.photogallery-view__button .icon {
  fill: #66667F;
  width: 18px;
  height: 18px;
}
.photogallery-view__header {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__header {
    padding: 20px 12px;
    margin: 0 12px;
  }
}
.photogallery-view__albums .photo-preview:nth-child(3n), .photogallery-view__photos .photo-preview:nth-child(3n) {
  margin-right: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__albums .album-preview:nth-child(3n), .photogallery-view__photos .album-preview:nth-child(3n) {
    margin-right: 15px;
  }
}
.photogallery-view__albums .photo-preview, .photogallery-view__photos .photo-preview {
  border: none;
}
.photogallery-view__albums .album-preview:nth-child(3n) {
  margin-right: 0;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .photogallery-view__albums {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
  }
  .photogallery-view__albums .album-preview {
    margin-right: 7px !important;
    max-width: 300px;
  }
  .photogallery-view__albums .album-preview:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__albums {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .photogallery-view__albums .album-preview {
    flex: 0 0 auto;
  }
  .photogallery-view__albums .album-preview:first-child {
    margin-left: 24px;
  }
  .photogallery-view__albums .album-preview:last-child {
    margin-right: 24px !important;
  }
}
.photogallery-view__more {
  width: 100%;
  background-color: #ecf2fc;
  margin-top: 6px;
}
.photogallery-view__title {
  font-weight: 600;
  margin-right: 8px;
}
.photogallery-view__count {
  color: #66667F;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .photogallery-view__photos {
    padding: 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .photogallery-view__photos {
    text-align: center;
  }
  .photogallery-view__photos .photo-preview:nth-child(odd) {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .photogallery-view__photos .photo-preview:last-child {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .photogallery-view__photos {
    padding: 0 12px;
    margin: 0 12px;
  }
  .photogallery-view__photos .photo-preview {
    width: calc(100vw / 2 - 10px / 2 - 12px * 2 / 2 - 12px * 2 / 2);
    height: calc(100vw / 2 - 10px / 2 - 12px * 2 / 2 - 12px * 2 / 2);
  }
  .photogallery-view__photos .photo-preview:nth-child(odd) {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .photogallery-view__photos .photo-preview:last-child {
    margin-right: 0;
  }
  .photogallery-view__photos .album-actions {
    display: none;
  }
}
.photogallery-view__info {
  display: flex;
  align-items: center;
}

.empty__text {
  color: #66667F;
  width: 470px;
  text-align: center;
  margin: 48px auto 174px auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .empty__text {
    width: auto;
    padding: 0 20px;
  }
}
.empty__link {
  color: #2259E5;
}
@media (min-width: 1281px) {
  .empty__link {
    cursor: pointer;
  }
}

.album-view {
  max-width: 950px;
  padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .album-view__block:not(.upload) {
    text-align: center;
  }
  .album-view__block:not(.upload) .photo-preview:nth-child(odd) {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .album-view__block:not(.upload) .photo-preview:last-child {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-view__block:not(.upload) .photo-preview {
    width: calc(100vw / 2 - 10px / 2 - 20px * 2 / 2);
    height: calc(100vw / 2 - 10px / 2 - 20px * 2 / 2);
  }
  .album-view__block:not(.upload) .photo-preview:nth-child(odd) {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .album-view__block:not(.upload) .photo-preview:last-child {
    margin-right: 0;
  }
  .album-view__block.upload {
    padding: 0 20px;
  }
}
.album-view__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D8DAE6;
  margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-view__header {
    flex-direction: column;
    border-bottom: none;
    padding: 0 20px;
    margin-bottom: 0;
  }
}
.album-view__upload-mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-view__upload-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
.album-view__upload-mobile button {
  width: 100%;
}
.album-view__block {
  line-height: 1;
  padding-bottom: 20px;
}
.album-view__block.upload .photo-preview {
  margin-right: 7px;
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 670px) {
  .album-view__block.upload {
    display: inline-block;
    text-align: center;
    max-width: unset;
  }
}
.album-view__block:not(.upload) .photo-preview {
  border: none;
}
.album-view__block :nth-child(3n).photo-preview {
  margin-right: 0;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .album-view__block {
    max-width: 640px;
    margin: 0 auto;
  }
  .album-view__block .photo-preview {
    margin-right: 7px !important;
    margin-bottom: 7px !important;
    max-width: 300px;
  }
  .album-view__block .photo-preview:nth-child(2n) {
    margin-right: 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .album-view__block {
    margin-bottom: 120px;
  }
}
.album-view__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

@media (min-width: 320px) and (max-width: 767px) {
  .upload-controllers {
    width: 100%;
  }
}
.upload-controllers__upload {
  color: #2259E5;
  background-color: #ecf2fc;
}
@media (min-width: 320px) and (max-width: 767px) {
  .upload-controllers__upload {
    background-color: #F0F1F5;
    width: 100%;
    height: 48px;
  }
}

.photo-preview.loader {
  border: none !important;
  border-radius: unset !important;
}

.photo-preview.spin-loader {
  text-align: center;
  vertical-align: top;
  width: 100%;
  height: 210px;
}
.photo-preview.spin-loader .spin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
}

.messages {
  display: flex;
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
  flex-grow: 1;
}
.messages__article {
  width: 100%;
  display: flex;
}

.tooltip {
  display: none;
  width: auto;
  background: #F0F1F5;
  color: #66667F;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  word-break: normal;
}
.tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #F0F1F5 transparent;
}

.conversations-list {
  padding-top: 24px;
  min-width: 438px;
}
@media (min-width: 1281px) {
  .conversations-list {
    position: relative;
    height: calc(100vh - 24px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .conversations-list {
    position: relative;
    height: calc(100vh - 24px);
  }
}
@media (min-width: 1281px) {
  .conversations-list .scroll-message-list .pagination {
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .conversations-list .scroll-message-list .pagination {
    padding-bottom: 24px;
  }
}
@media (min-width: 320px) and (max-width: 1279px) {
  .conversations-list {
    min-width: unset;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .conversations-list__fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    width: 100%;
    padding-top: 24px;
    z-index: 1000;
  }
}
.conversations-list__tooltip {
  top: 45px;
  left: -105%;
}
@media (min-width: 1281px) {
  .conversations-list__search-nickname {
    cursor: pointer;
  }
  .conversations-list__search-nickname:hover path {
    fill: #2259E5;
  }
}
.conversations-list__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 24px;
}
.conversations-list__title {
  margin: 0;
}
.conversations-list__search {
  margin: 20px 24px;
  min-width: 378px;
}
@media (min-width: 320px) and (max-width: 480px) {
  .conversations-list__search {
    min-width: auto;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .conversations-list__search {
    width: calc(100% - 48px);
  }
}
.conversations-list .btn-load {
  margin-top: 15px;
}
.conversations-list__search-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 1281px) {
  .conversations-list__search-wrapper:hover .search-nickname-tooltip {
    display: inline;
  }
}

.messages-nav {
  padding: 12px 24px;
  position: relative;
}
.messages-nav:after {
  content: "";
  background: #D8DAE6;
  position: absolute;
  bottom: 0;
  left: 4%;
  width: 92%;
  height: 1px;
}
.messages-nav__nav {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.messages-nav__icon {
  width: 100%;
  height: 24px;
}
.messages-nav__label {
  margin-left: 12px;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages-nav__badge-wrapper {
  position: relative;
}
.messages-nav__badge-wrapper .list-badge {
  z-index: unset;
  position: absolute;
  right: 24px;
  top: -12px;
  width: 24px;
  height: 24px;
}
.messages-nav__badge-wrapper .list-badge .badge__counter {
  z-index: unset;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-nav__badge-wrapper .list-badge {
    z-index: 1;
  }
}

.conversations {
  overflow-y: auto;
  max-height: calc(100vh - 201px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .conversations {
    margin-bottom: 60px;
  }
}
.conversations__conversation {
  display: flex;
  padding: 8px 24px;
  min-height: 66px;
}
@media (min-width: 1281px) {
  .conversations__conversation {
    cursor: pointer;
  }
}
.conversations__conversation.active {
  background: #F0F1F5;
}
.conversations__conversation.active .conversations__date {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F0F1F5 15%);
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F0F1F5 15%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F0F1F5 15%);
}
@media (min-width: 1281px) {
  .conversations__conversation:hover {
    background: #F7F8FA;
  }
  .conversations__conversation:hover .conversations__date {
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F7F8FA 15%);
    background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F7F8FA 15%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F7F8FA 15%);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .conversations__conversation:hover {
    background: #F7F8FA;
  }
  .conversations__conversation:hover .conversations__date {
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F7F8FA 15%);
    background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F7F8FA 15%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F7F8FA 15%);
  }
}
.conversations__photo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conversations__photo-align {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  margin-bottom: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.conversations__photo {
  width: 100%;
}
.conversations__content {
  margin-top: 10px;
  margin-left: 12px;
  width: calc(100% - 40px - 12px);
}
.conversations__title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  align-items: flex-end;
  position: relative;
}
.conversations__username {
  display: flex;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}
.conversations__date {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 0;
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  padding-left: 30px;
}
.conversations__icon-link {
  display: flex;
}
.conversations__verification-icon {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}
.conversations__verification-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1281px) {
  .conversations__verification-tooltip {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .conversations__verification-tooltip:hover .pending-tooltip, .conversations__verification-tooltip:hover .confirm-tooltip {
    display: inline;
    top: 26px;
    margin-left: 6px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .conversations__verification-tooltip {
    margin-right: 12px;
  }
}
.conversations__text-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.conversations__text-wrapper .list-badge {
  z-index: 0;
  position: absolute;
  width: 1px;
  height: 25px;
  right: 0;
  top: -5px;
}
.conversations__text-wrapper .list-badge .badge__counter {
  left: unset;
  right: 100%;
}
.conversations__counter {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #2259E5;
  margin-left: 12px;
}
.conversations__text {
  width: 100%;
}
.conversations__decrease-text {
  width: 80%;
}
.conversations__interest-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  position: absolute;
  width: 304px;
  height: 20px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #FF4462;
}
.conversations__interest-wrapper {
  width: auto;
  display: flex;
  align-items: center;
  margin-right: 0.375rem;
}

.conversation {
  border: 1px solid #D8DAE6;
  border-width: 0 1px;
  border-right: none;
  width: 100%;
  z-index: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .conversation {
    border: none;
  }
}
.conversation .btn-load {
  margin-bottom: 0;
  height: 100%;
  min-height: 48px;
}

.system {
  background-size: contain !important;
}

.empty-messages-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .empty-messages-wrapper {
    height: calc(100vh - 4.5rem - 150px - 20px);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .empty-messages-wrapper {
    height: calc(100vh - 4.5rem - 150px - 20px);
  }
}
.empty-messages-wrapper__text {
  max-width: 280px;
  text-align: center;
  margin: 24px 0 0 0;
}

@media (min-width: 320px) and (max-width: 767px) {
  .messages-wrapper {
    height: 100%;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .padding-selected {
    padding-top: 130px !important;
  }
}

.messages-header {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 12px 24px;
  border-bottom: 1px solid #D8DAE6;
  position: relative;
  z-index: 1;
}
.messages-header__tooltip {
  top: 45px;
  white-space: nowrap;
}
.messages-header .tooltip-top {
  top: 50px;
}
.messages-header__verification-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 1281px) {
  .messages-header__verification-tooltip {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .messages-header__verification-tooltip:hover .pending-tooltip, .messages-header__verification-tooltip:hover .confirm-tooltip {
    display: inline;
    top: 36px;
    margin-left: 10px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .messages-header__verification-tooltip {
    margin-right: 12px;
  }
}
.messages-header__icon-link {
  display: flex;
}
.messages-header__verification-icon {
  margin-left: 10px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .messages-header__verification-icon {
    margin-left: 6px;
  }
}
.messages-header__interlocutor {
  display: flex;
  align-items: center;
}
.messages-header__photo {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  margin-right: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.messages-header__photo img {
  width: 100%;
}
.messages-header__title {
  display: flex;
  margin: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header__title {
    overflow: hidden;
    white-space: nowrap;
  }
}
.messages-header__actions {
  display: flex;
  align-items: center;
  position: absolute;
  right: 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header__actions {
    right: 0;
    top: calc(50% - 19px);
  }
}
.messages-header__actions .buttons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header__actions .buttons-wrapper {
    flex-direction: column;
  }
}
.messages-header__input-search {
  margin-right: 12px;
}
.messages-header .background-gradient {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 30%);
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 30%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 30%);
  padding-left: 30px;
  padding-right: 20px;
}
.messages-header__calendar, .messages-header__search {
  margin-left: 24px;
}
.messages-header__mobile-back {
  display: none;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .messages-header__mobile-back {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
  }
}
.messages-header__message {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .messages-header__message {
    cursor: pointer;
  }
  .messages-header__message svg:hover path {
    fill: #2E70EE;
  }
}
.messages-header__message .pulse-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
}
.messages-header__dropdown-close {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 480px) {
  .messages-header__dropdown-close {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .messages-header__dropdown-close {
    display: flex;
    margin-right: 12px;
  }
  .messages-header__dropdown-close .history {
    padding: 0 0 10px 0 !important;
    margin-right: 12px;
  }
}
@media (min-width: 1281px) {
  .messages-header .history,
.messages-header .search,
.messages-header .calendar {
    margin-right: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .messages-header .history,
.messages-header .search,
.messages-header .calendar {
    margin-right: 12px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .messages-header .history,
.messages-header .search,
.messages-header .calendar {
    margin-right: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header .history,
.messages-header .search,
.messages-header .calendar {
    padding-bottom: 10px;
    height: 36px;
  }
}
@media (min-width: 1281px) {
  .messages-header .history:hover .history-tooltip {
    display: inline;
  }
}
.messages-header .history {
  line-height: unset;
}
@media (min-width: 320px) and (max-width: 480px) {
  .messages-header .calendar {
    padding-top: 15px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .messages-header .search,
.messages-header .calendar {
    padding-bottom: 10px;
  }
}
@media (min-width: 1281px) {
  .messages-header .search:hover .search-tooltip, .messages-header .search:hover .calendar-tooltip,
.messages-header .calendar:hover .search-tooltip,
.messages-header .calendar:hover .calendar-tooltip {
    display: inline;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .messages-header .search,
.messages-header .calendar {
    margin-right: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header .new-message {
    padding-bottom: 10px;
  }
  .messages-header .new-message .pulse1,
.messages-header .new-message .pulse2 {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
  }
}
@media (min-width: 1281px) {
  .messages-header .new-message:hover .new-message-tooltip {
    display: inline;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header__dropdown-open {
    display: block;
    position: relative;
    width: 64px;
    border-radius: 10px;
    background-color: #FFFFFF;
    top: 8px;
    left: 16px;
    padding-left: 0;
    box-shadow: 0 5px 30px rgba(0, 24, 128, 0.15);
  }
}
@media (min-width: 1281px) {
  .messages-header .new-message-draft {
    padding-right: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .messages-header .new-message-draft {
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .messages-header .new-message-draft {
    padding-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header .new-message-draft {
    position: unset;
    width: auto;
    border-radius: 0;
    background-color: unset;
    top: unset;
    left: unset;
    box-shadow: unset;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-header .dropdown-open.new-message-darft {
    padding-left: 30px;
  }
}
@media (min-width: 1281px) {
  .messages-header .display-flex {
    display: flex;
    margin-right: 12px;
    cursor: pointer;
  }
}

.messages-selected-header {
  display: flex;
  justify-content: space-between;
  padding: 8px 24px;
  border-bottom: 1px solid #D8DAE6;
  z-index: 1000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-selected-header {
    flex-direction: column;
    padding: 18px 24px 5px 24px;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 48px);
    background-color: #FFFFFF;
  }
}
.messages-selected-header__selected {
  display: flex;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-selected-header__selected {
    margin-bottom: 22px;
  }
}
.messages-selected-header__icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.messages-selected-header__actions {
  display: flex;
  align-items: center;
}
.messages-selected-header__delete, .messages-selected-header__cancel {
  margin-left: 10px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-selected-header__delete, .messages-selected-header__cancel {
    margin-left: 0;
    width: calc(50% - 6px);
  }
}
.messages-selected-header__delete {
  margin-right: 12px;
  display: flex;
  align-items: center;
}

.messages-body {
  display: flex;
  flex-direction: column;
  padding: 20px;
  overflow-y: auto;
  max-height: calc(100vh - 105px);
}
@media (min-width: 1281px) {
  .messages-body {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body {
    margin-top: 65px;
    max-height: calc(100vh - 165px);
  }
  .messages-body .messages-loader {
    padding-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .messages-body {
    max-height: calc(100vh - 155px);
    padding-top: 0;
  }
}
.messages-body__card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__card-content {
    height: 300px;
    justify-content: center;
    border: 1px solid #D8DAE6;
    border-radius: 12px;
    margin-bottom: 12px;
  }
}
.messages-body__card-name {
  text-align: center;
}
.messages-body__moderated-cross {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
}
.messages-body__message {
  padding: 22px 10px;
  border-bottom: 1px solid #D8DAE6;
}
.messages-body__message:last-child {
  border: none;
}
.messages-body__message:last-child .messages-body__more-actions {
  bottom: 64px;
  top: unset;
}
.messages-body__message:last-child .actions-dropdown {
  bottom: unset;
  top: 64px;
}
.messages-body__message.active .messages-body__message-body {
  display: block;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__message.active .messages-body__message-body {
    max-height: calc(100vh - 410px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__message {
    margin-bottom: 10px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body {
    width: 100%;
    height: 100%;
  }
}
.messages-body__message-header {
  display: flex;
  align-items: center;
}
.messages-body__timer-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  padding-top: 2px;
}
@media (min-width: 1281px) {
  .messages-body__timer-tooltip:hover .tooltip {
    display: inline;
    top: 45px;
  }
}
.messages-body__photo {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  margin-right: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.messages-body__photo img {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__photo {
    align-self: flex-start;
  }
}
.messages-body__photo .checkbox__label {
  margin: 0 auto;
}
.messages-body__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  margin-right: 16px;
}
.messages-body__message-statuses {
  display: flex;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__message-statuses {
    flex-direction: column;
    align-items: flex-start;
  }
}
.messages-body__message-statuses-wrap {
  display: flex;
  flex-direction: row;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__message-statuses-wrap .attachments,
.messages-body__message-statuses-wrap .time {
    margin-left: 15px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__datetime {
    margin-bottom: 10px;
  }
}
.messages-body__message-status {
  margin-left: 20px;
  display: flex;
  align-items: center;
  color: #FFAB3D;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__message-status {
    margin-left: 0;
    margin-bottom: 15px;
  }
}
.messages-body__message-status.new {
  color: #2259E5;
}
.messages-body__message-status.active {
  color: #B0B0C6;
}
.messages-body__message-status.attachments {
  color: #B0B0C6;
}
.messages-body__message-status.time {
  color: #66667F;
}
.messages-body__message-status-icon {
  font-size: 1rem !important;
}
.messages-body__message-status-text {
  margin-left: 4px;
}
.messages-body__new {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-left: auto;
  background: #B0B0C6;
}
.messages-body__new.active {
  background: #2259E5;
}
.messages-body__new.yellow {
  background: #FFAB3D;
}
.messages-body__new.red {
  background: #F23D30;
}
.messages-body__username {
  font-weight: 500;
}
.messages-body__text {
  margin-left: 56px;
  position: relative;
}
.messages-body__row-blured:after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, white 100%);
}
.messages-body__column-blured:after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%);
}
.messages-body__static-height {
  height: calc(1.75rem * 3);
  overflow: hidden;
}
.messages-body__static-row {
  height: 1.75rem;
  overflow: hidden;
}
.messages-body__attachments {
  margin-left: 56px;
}
.messages-body__attachments-body {
  position: relative;
  display: flex;
  height: 146px;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__attachments-body {
    display: inline-grid;
  }
}
.messages-body__attachments-wrapper {
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  height: 130px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__attachments-wrapper {
    position: initial;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
}
.messages-body__attachment {
  width: 200px;
  height: 130px;
  border-radius: 10px;
  margin-right: 5px;
  object-fit: cover;
  display: inline-block;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__attachment {
    display: inline-block;
  }
}
.messages-body .filter {
  filter: opacity(0.5);
}
.messages-body__attachments-all {
  border-radius: 10px;
  background: #F0F1F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 48px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.messages-body__attachments-count {
  color: #060626;
  margin-top: 8px;
}
.messages-body__attachments-music-body {
  position: relative;
  max-height: 11.35rem;
}
.messages-body__attachments-music-wrapper {
  position: relative;
  max-height: 12.25rem;
  max-width: calc(100% - 48px);
}
.messages-body__attachments-music-icon {
  color: #060626;
}
.messages-body__actions {
  border-radius: 12px;
  background: #F0F1F5;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.messages-body__actions .messages-body__actions-group .translate-icon path {
  fill: #2259E5 !important;
}
.messages-body__actions .messages-body__actions-group .translate-text {
  color: #2259E5;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .messages-body__actions {
    margin-bottom: 50px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__actions {
    flex-direction: column;
  }
  .messages-body__actions .messages-body__actions-group:first-child {
    display: flex;
    justify-content: space-between;
  }
}
.messages-body__actions-group {
  position: relative;
}
@media (min-width: 1281px) {
  .messages-body__actions-group {
    display: flex;
    flex-direction: row;
  }
}
.messages-body__more-actions {
  position: absolute;
  width: 248px;
  right: 0;
  top: 64px;
  background: #FFFFFF;
  box-shadow: 0 5px 30px rgba(0, 24, 128, 0.15);
  border-radius: 10px;
  padding: 10px 0;
  z-index: 1;
}
.messages-body__more-row {
  padding: 14px 17px;
  display: flex;
  align-items: center;
}
@media (min-width: 1281px) {
  .messages-body__more-row {
    cursor: pointer;
  }
  .messages-body__more-row:hover {
    background: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .messages-body__more-row {
    cursor: pointer;
  }
  .messages-body__more-row:hover {
    background: #F0F1F5;
  }
}
.messages-body__more-icon {
  margin-right: 12px;
}
.messages-body__more-icon path {
  fill: #66667F;
}
.messages-body__reply, .messages-body__translate {
  color: #66667F !important;
  font-family: Inter, sans-serif !important;
  font-size: 0.9375rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
}
.messages-body__reply .icon, .messages-body__translate .icon {
  fill: #66667F !important;
}
.messages-body.scrollbar .pagination {
  border-top: none;
  padding-top: 24px;
  border-bottom: 1px solid #D8DAE6;
  padding-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body.scrollbar .pagination {
    padding-top: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 1281px) {
  .messages-body.scrollbar .pagination {
    margin-top: 0;
    padding-top: 0;
  }
}
.messages-body__comment-title {
  margin: 0;
}
.messages-body__comment {
  margin-bottom: 30px;
}
.messages-body__history-pagination .pagination {
  border-bottom: none !important;
}
@media (min-width: 1281px) {
  .messages-body__history-pagination {
    margin-top: 24px;
  }
}
.messages-body__empty-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.messages-body__refresh-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 38px;
  position: fixed;
  right: 300px;
  bottom: 65px;
  color: #FFFFFF;
  background-color: #2259E5;
  border-radius: 1.875rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .messages-body__refresh-button {
    right: 25px;
    bottom: 100px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__refresh-button {
    right: 21px;
    bottom: 83px;
  }
}
.messages-body__refresh-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
}
.messages-body__refresh-count {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 85px;
  right: 286px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  background-color: #2259E5;
  border-radius: 1.875rem;
  border: 1px solid #FFFFFF;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .messages-body__refresh-count {
    bottom: 119px;
    right: 10px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .messages-body__refresh-count {
    bottom: 102px;
    right: 9px;
  }
}

.messages-body.full-height {
  height: 100vh;
}

#input-search,
#date-range-picker {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 320px) and (max-width: 480px) {
  #input-search,
#date-range-picker {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 48px);
    position: fixed;
    top: 64px;
    left: 0;
    padding: 0 24px 12px;
    background-color: white;
    border-bottom: 1px solid #D8DAE6;
  }
  #input-search label,
#date-range-picker label {
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  #date-range-picker {
    justify-content: center;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .margin-search {
    margin-top: 120px !important;
    max-height: calc(100vh - 225px);
  }
}

.new-message {
  display: flex;
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
  flex-grow: 1;
}
.new-message__article {
  width: 100%;
  display: flex;
}
.new-message__section {
  border: 1px solid #D8DAE6;
  border-width: 0 1px;
  border-left: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.new-message-page .page__body {
  border-right: none;
  width: 100% !important;
}
.new-message-page .page__content {
  height: 100%;
}
.new-message-page .page__content .new-message {
  height: 100%;
}
.new-message-page .page__content .new-message__article {
  height: 100%;
}
.new-message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 8px 29px 8px 12px;
  border-bottom: 1px solid #D8DAE6;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-header {
    padding: 8px;
    border-bottom: none;
  }
}
.new-message-header__title-wrapper {
  display: flex;
  align-items: center;
}
.new-message-header__title {
  margin: 0;
}
.new-message-header__back {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 32px;
}
@media (min-width: 1281px) {
  .new-message-header__back {
    cursor: pointer;
  }
}
.new-message-header__info {
  display: flex;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-header__info {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-header .info-mobile {
    display: flex;
  }
}
.new-message-header__save-wrapper {
  display: flex;
  align-items: center;
}
.new-message-header__draft-icon {
  margin-right: 12px;
}
.new-message-header__save-wrapper {
  margin-left: 24px;
  color: #66667F;
}
.new-message-header__draft {
  font-weight: 600;
  color: #66667F;
}
.new-message-header__save {
  margin-left: 8px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .new-message-header .history {
    margin-right: 16px;
  }
}

.new-message-body {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  padding-top: 30px;
  padding-right: 30px;
  overflow-y: auto;
  height: 100%;
  max-height: calc(100vh - 184px);
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-body {
    margin-left: 0;
    margin-top: 0;
    padding: 0 24px;
    max-height: calc(100vh - 130px);
  }
}
@media (min-width: 1281px) {
  .new-message-body.decrease-height {
    max-height: calc(100vh - 290px);
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-body.decrease-height {
    max-height: calc(100vh - 225px);
  }
}

.new-message-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 16px 0;
  margin: auto 30px 0 30px;
  border-top: 1px solid #D8DAE6;
  border-bottom: 1px solid #D8DAE6;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .new-message-footer {
    margin: 0;
    position: fixed;
    bottom: 0;
    flex-direction: column;
    padding: 0;
    background-color: #FFFFFF;
    width: 100%;
    min-height: unset;
  }
}
@media (min-width: 835px) {
  .new-message-footer {
    position: static;
  }
}
.new-message-footer__description {
  display: flex;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-footer__description {
    padding: 12px 24px;
  }
}
.new-message-footer__text {
  margin-left: 12px;
}
.new-message-footer__more {
  position: relative;
  top: 1px;
  margin-left: 5px;
  color: #2259E5;
}
.new-message-footer__footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .new-message-footer__footer-btn {
    height: 4.5rem;
  }
}
.new-message-footer__footer-btn .spin {
  margin-right: 5px;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .new-message-footer__footer-btn {
    border-radius: unset;
    width: 100%;
  }
  .new-message-footer__footer-btn:last-child {
    background: #643AC5;
    color: #FFFFFF;
  }
}

.new-message-form__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
@media (min-width: 1281px) {
  .new-message-form__header {
    cursor: pointer;
  }
}
.new-message-form__title {
  margin: 0;
}
.new-message-form__wrapper {
  position: relative;
}
.new-message-form__error {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}
.new-message-form__error-icon {
  display: flex;
}
.new-message-form__error-text {
  margin: 0;
  margin-left: 10px;
  color: #F23D30;
}
.new-message-form__actions {
  display: flex;
  border: 1px solid #D8DAE6;
  border-width: 1px 0;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .new-message-form__actions {
    width: 100%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
  }
  .new-message-form__actions button span {
    display: none;
  }
}
.new-message-form__actions-group {
  position: relative;
}
@media (min-width: 1281px) {
  .new-message-form__actions-group {
    display: flex;
    flex-direction: row;
  }
}
.new-message-form__more-actions {
  position: absolute;
  max-width: 240px;
  min-width: 120px;
  left: 1.25rem;
  top: 64px;
  background: #FFFFFF;
  box-shadow: 0 5px 30px rgba(0, 24, 128, 0.15);
  border-radius: 10px;
  padding: 10px 0;
  z-index: 1;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-form__more-actions {
    bottom: 68px;
    top: auto;
  }
}
.new-message-form__more-row {
  padding: 14px 17px;
  display: flex;
  align-items: center;
}
@media (min-width: 1281px) {
  .new-message-form__more-row {
    cursor: pointer;
  }
  .new-message-form__more-row:hover {
    background: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .new-message-form__more-row {
    cursor: pointer;
  }
  .new-message-form__more-row:hover {
    background: #F0F1F5;
  }
}
.new-message-form__more-icon {
  margin-right: 12px;
  font-size: 1.5rem;
}
.new-message-form__more-icon path {
  fill: #66667F;
}
.new-message-form__more-text {
  word-break: normal;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .new-message-form__mobile-send-message {
    position: absolute;
    right: 24px;
  }
}
.new-message-form__photo, .new-message-form__music, .new-message-form__emoji {
  color: #66667F !important;
  font-family: Inter, sans-serif !important;
  font-size: 0.9375rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
}
.new-message-form__photo .icon, .new-message-form__music .icon, .new-message-form__emoji .icon {
  fill: #66667F !important;
}
.new-message-form__emoji-picker {
  position: absolute;
  z-index: 1000;
}
.new-message-form__textarea {
  resize: none;
  padding: 24px;
  outline: none;
  -moz-appearance: none;
  overflow: auto;
  width: calc(100% - 24px - 24px);
  height: 150px;
  border: none;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75rem;
  font-weight: 500;
  font-style: normal;
  color: #060626;
  margin-bottom: 24px;
}
.new-message-form__textarea:focus {
  background: #F9FAFC;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-form__textarea {
    width: calc(100% - 48px);
  }
}
.new-message-form__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

@media (min-width: 1281px) {
  .new-message-reply-inbox__attachments, .new-message-reply-inbox__text {
    margin-left: 0 !important;
  }
}
.new-message-reply-inbox__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
@media (min-width: 1281px) {
  .new-message-reply-inbox__header {
    cursor: pointer;
  }
}
.new-message-reply-inbox__title {
  position: relative;
  top: 4px;
  margin: 0;
}
.new-message-reply-inbox__title:first-letter {
  text-transform: uppercase;
}
.new-message-reply-inbox__body {
  display: flex;
  align-items: center;
  position: relative;
}
.new-message-reply-inbox__line {
  background: #F0F1F5;
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 24px;
  border-radius: 6px;
}
.new-message-reply-inbox .messages-body {
  padding: 0 0 0 30px;
  margin-bottom: 24px;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .new-message-reply-inbox .messages-body {
    margin-top: 0;
  }
}
.new-message-reply-inbox .messages-body__text, .new-message-reply-inbox .messages-body__attachments {
  margin-left: 0;
}
.new-message-reply-inbox .messages-body__message {
  padding: 0;
}
.new-message-reply-inbox .messages-body__actions {
  display: none;
}
.new-message-reply-inbox .pulse-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  top: 4px;
}

.new-message-interlocutor {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-interlocutor {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8DAE6;
    min-height: 36px;
  }
}
.new-message-interlocutor__text {
  white-space: nowrap;
}
.new-message-interlocutor__tag {
  background: #F0F1F5;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 6px 12px 6px 6px;
  margin-left: 16px;
}
.new-message-interlocutor__username {
  font-weight: 500;
}
.new-message-interlocutor__verification-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 1281px) {
  .new-message-interlocutor__verification-tooltip {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .new-message-interlocutor__verification-tooltip:hover .pending-tooltip, .new-message-interlocutor__verification-tooltip:hover .confirm-tooltip {
    display: inline;
    top: 36px;
    margin-left: 8px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .new-message-interlocutor__verification-tooltip {
    margin-right: 12px;
  }
}
.new-message-interlocutor__verification-icon {
  margin-left: 10px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .new-message-interlocutor__verification-icon {
    margin-left: 6px;
  }
}
.new-message-interlocutor__photo {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 1750px) {
  .mail-support-button,
.mail-notification-menu-button,
.mail-survey-button {
    display: none;
  }
}

.page-messages .page__body {
  max-width: 1290px;
  width: 100%;
}
@media (max-width: 835px) {
  .page-messages .page__body {
    padding-top: 0;
  }
}
.page-messages .page__content {
  padding: 0;
  height: 100%;
}
.page-messages .page__content .messages {
  height: 100%;
}
.page-messages .page__content .messages__article {
  max-width: 1290px;
}
.page-messages .page__menu {
  width: unset;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-messages .messages-header {
    width: calc(100% - 30px);
    padding: 12px 15px;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFFFFF;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-messages .messages-body {
    width: calc(100% - 30px);
    padding: 15px;
  }
  .page-messages .messages-body__message {
    padding: 0;
  }
}

.draft-actions .photo-view__mobile-actions {
  bottom: 0;
}
.draft-actions .title {
  color: #060626;
}
.draft-actions .title p {
  padding: 0 24px;
  margin-bottom: 0;
}
.draft-actions .delete {
  color: #F23D30;
}
.draft-actions .photo-view__content {
  border-bottom: 1px solid #D8DAE6;
}
.draft-actions .photo-view__content:last-child {
  border-bottom: unset;
}

.ot-widget__membership-align {
  text-align: center;
}
.ot-widget__membership-align:last-child {
  margin-bottom: 80%;
}
.ot-widget__membership-shield {
  width: 100%;
  max-width: unset;
  position: relative;
  margin-bottom: 24px;
  height: 72px;
}
.ot-widget__membership-shield .user-membership__icon-buy {
  position: absolute;
  right: 24px;
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
}

.attachments-preview-mobile {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  background-color: #FFFFFF;
  padding: 12px 24px;
}
.attachments-preview-mobile::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1280px) {
  .attachments-preview-mobile {
    margin: 0 30px;
    padding: 12px 0;
  }
}
@media (min-width: 320px) and (max-width: 1279px) {
  .attachments-preview-mobile {
    border-top: 1px solid #D8DAE6;
    margin-left: 263px;
  }
}
@media (max-width: 835px) {
  .attachments-preview-mobile {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .attachments-preview-mobile {
    margin-left: 213px;
  }
}
.attachments-preview-mobile_music {
  flex-direction: column;
  padding: 12px 32px 12px 0;
  margin-right: 0;
  max-height: 240px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .attachments-preview-mobile_music {
    max-height: 6.5rem;
  }
}
.attachments-preview-mobile__loader-wrapper {
  width: 120px;
  height: 80px;
  margin-right: 8px;
}
.attachments-preview-mobile__wrapper {
  max-width: 120px;
  width: 120px;
  max-height: 80px;
  border-radius: 12px;
  margin-right: 8px;
  flex: 0 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1281px) {
  .attachments-preview-mobile__wrapper {
    cursor: pointer;
  }
}
.attachments-preview-mobile__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.attachments-preview-mobile__delete {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 6px;
  right: 6px;
}

@media (min-width: 320px) and (max-width: 1279px) {
  .mobile-fixed-container {
    height: 4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #FFFFFF;
  }
  .mobile-fixed-container .message-mobile-actions {
    height: 100%;
  }
}
@media (min-width: 835px) {
  .mobile-fixed-container {
    bottom: 0;
  }
}

.message-link {
  text-decoration: none;
  color: #2259E5;
}

.btn-load {
  min-width: 150px;
  margin: 0 auto;
  margin-bottom: 40px;
  display: block;
  color: #66667F;
}
@media (min-width: 1281px) {
  .btn-load:hover {
    background-color: #F0F1F5;
    color: #66667F;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .btn-load:hover {
    background-color: #F0F1F5;
    color: #66667F;
  }
}
.btn-load:active, .btn-load:focus {
  background-color: #FFFFFF;
  color: #66667F;
}

.scroll-message-list {
  overflow-y: auto;
}
@media (min-height: 1200px) {
  .scroll-message-list {
    max-height: unset;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .scroll-message-list {
    padding-bottom: 90px;
    max-height: calc(100% - 4.5rem);
    padding-top: 125px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .scroll-message-list {
    height: calc(100% - 120px - 4.5rem);
  }
}
@media (min-width: 1281px) {
  .scroll-message-list {
    height: calc(100% - 124px);
  }
  .scroll-message-list .pagination-position {
    position: absolute;
    bottom: 44px;
    width: 100%;
    left: 0;
  }
}

@media (min-width: 1281px) {
  .decrease-conv-height {
    height: calc(100% - 124px - 85px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .decrease-conv-height {
    height: calc(100% - 120px - 4.5rem - 85px) !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .decrease-conv-height {
    padding-top: 210px;
  }
}

.attachments-loader-wrapper {
  position: relative;
}
.attachments-loader-wrapper .loader {
  position: absolute;
  top: 1px;
  width: 100%;
  opacity: 0.8;
  height: 105px;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .attachments-loader-wrapper {
    position: fixed;
    bottom: 4rem;
    left: 0;
    width: 100%;
  }
}

.attachments-loader-wrapper-submit {
  position: relative;
}
.attachments-loader-wrapper-submit .loader {
  position: absolute;
  top: 1px;
  width: 100%;
  opacity: 0.8;
  height: 105px;
}
@media (min-width: 320px) and (max-width: 1279px) {
  .attachments-loader-wrapper-submit {
    position: fixed;
    bottom: 10rem;
    left: 0;
    width: 100%;
  }
}

.textarea-full {
  height: 100%;
}
.textarea-full.new-message-form {
  height: calc(100% - 95px);
}

.new-message-form__wrapper {
  height: calc(100% - 54px) !important;
}
.new-message-form__textarea {
  max-height: calc(100% - 108px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .new-message-form__textarea {
    max-height: calc(100% - 75px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .new-message-form__textarea {
    max-height: 100%;
  }
}

.new-message-form_type_normal,
.new-message-form_type_mix,
.new-message-form_type_foreign {
  max-height: calc(100% - 135px);
  margin-bottom: 20px;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
  width: 100%;
}

.fixed-height {
  height: 30px;
}

.search-value {
  background: #99e7eb;
  color: #060626;
}

.progress-bar__background, .progress-bar__progress {
  fill: none;
}
.progress-bar__background {
  stroke: #F0F1F5;
}
.progress-bar__progress {
  stroke: #2259E5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.controls__overlay {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.3;
  border-radius: 50%;
  z-index: 0;
}
.controls__button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
  z-index: 1;
}
@media (min-width: 1281px) {
  .controls__button {
    cursor: pointer;
  }
}
.controls__icon {
  font-size: 2rem !important;
  color: #FFFFFF;
  margin-left: 4px;
}
.controls__icon-view {
  margin-left: 1px;
}

/* for Firefox */
@-moz-keyframes text-animation {
  0%, 25% {
    -moz-transform: translateX(0);
  }
  75%, 100% {
    -moz-transform: translateX(-100%);
  }
}
/* for Chrome */
@-webkit-keyframes text-animation {
  0%, 25% {
    -webkit-transform: translateX(0);
  }
  75%, 100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes text-animation {
  0%, 25% {
    transform: translateX(0);
    left: 0;
  }
  75%, 100% {
    transform: translateX(-100%);
    left: 100%;
  }
}
.music-player,
.music-playlist {
  position: relative;
}
.music-player__buttons-volume-bar,
.music-playlist__buttons-volume-bar {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.music-player__delete-button,
.music-playlist__delete-button {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}
.music-player__check,
.music-playlist__check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
@media (min-width: 1281px) {
  .music-player__check,
.music-playlist__check {
    cursor: pointer;
  }
}
.music-player__check.checked,
.music-playlist__check.checked {
  background-color: #2259E5;
}
.music-player__checked-icon,
.music-playlist__checked-icon {
  width: 16px;
  height: 16px;
}
.music-player__container,
.music-playlist__container {
  display: flex;
  align-items: center;
  border-radius: 0.625rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__container,
.music-playlist__container {
    padding-right: 17px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__attach-mobile,
.music-playlist__attach-mobile {
    padding-right: 7px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__view-mobile-message,
.music-playlist__view-mobile-message {
    padding-right: 7px;
  }
}
.music-player__deleted-text,
.music-playlist__deleted-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  font-weight: 700;
  text-align: center;
  text-shadow: 0px 0px 2rem #FFFFFF;
  font-size: 0.875rem;
  line-height: 1;
}
.music-player__container.deleted,
.music-playlist__container.deleted {
  pointer-events: none;
  background: #D8DAE6;
  opacity: 0.3;
}
.music-player__container.deleted-attachment,
.music-playlist__container.deleted-attachment {
  margin-right: 5px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .music-player__container.deleted-attachment,
.music-playlist__container.deleted-attachment {
    margin-right: 9px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__container.deleted-attachment,
.music-playlist__container.deleted-attachment {
    margin-right: 8px;
  }
}
.music-player__container.deleted .music-player__animate > .music-player__fader.fader-left,
.music-player__container.deleted .music-player__animate > .music-playlist__fader.fader-left,
.music-player__container.deleted .music-playlist__animate > .music-player__fader.fader-left,
.music-player__container.deleted .music-playlist__animate > .music-playlist__fader.fader-left,
.music-playlist__container.deleted .music-player__animate > .music-player__fader.fader-left,
.music-playlist__container.deleted .music-player__animate > .music-playlist__fader.fader-left,
.music-playlist__container.deleted .music-playlist__animate > .music-player__fader.fader-left,
.music-playlist__container.deleted .music-playlist__animate > .music-playlist__fader.fader-left {
  left: 0;
  background: #D8DAE6;
  opacity: 0.3;
}
.music-player__container.deleted .music-player__animate > .music-player__fader.fader-right,
.music-player__container.deleted .music-player__animate > .music-playlist__fader.fader-right,
.music-player__container.deleted .music-playlist__animate > .music-player__fader.fader-right,
.music-player__container.deleted .music-playlist__animate > .music-playlist__fader.fader-right,
.music-playlist__container.deleted .music-player__animate > .music-player__fader.fader-right,
.music-playlist__container.deleted .music-player__animate > .music-playlist__fader.fader-right,
.music-playlist__container.deleted .music-playlist__animate > .music-player__fader.fader-right,
.music-playlist__container.deleted .music-playlist__animate > .music-playlist__fader.fader-right {
  right: 0;
  background: #D8DAE6;
  opacity: 0.3;
}
.music-player__controls-wrapper,
.music-playlist__controls-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 7px;
}
.music-player__controls-wrapper-view,
.music-playlist__controls-wrapper-view {
  padding-left: 0;
}
.music-player__controls-wrapper .music-player__controls-hover,
.music-player__controls-wrapper .music-playlist__controls-hover,
.music-playlist__controls-wrapper .music-player__controls-hover,
.music-playlist__controls-wrapper .music-playlist__controls-hover {
  display: none;
}
.music-player__controls-wrapper:hover .music-player__controls-hover,
.music-player__controls-wrapper:hover .music-playlist__controls-hover,
.music-playlist__controls-wrapper:hover .music-player__controls-hover,
.music-playlist__controls-wrapper:hover .music-playlist__controls-hover {
  display: flex;
}
.music-player__controls-wrapper .music-player__controls-playing,
.music-player__controls-wrapper .music-playlist__controls-playing,
.music-playlist__controls-wrapper .music-player__controls-playing,
.music-playlist__controls-wrapper .music-playlist__controls-playing {
  display: flex;
}
.music-player__info,
.music-playlist__info {
  margin-left: 9px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.25rem;
  color: #060626;
  cursor: default;
  width: 60%;
}
.music-player_view_attachment .music-player__info,
.music-playlist_view_attachment .music-player__info {
  width: 60%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player_view_attachment .music-player__info,
.music-playlist_view_attachment .music-player__info {
    width: 60% !important;
  }
}
.music-player_view_message .music-player__info,
.music-playlist_view_message .music-player__info {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .music-player_view_message .music-player__info,
.music-playlist_view_message .music-player__info {
    width: 80.5%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player_view_message .music-player__info,
.music-playlist_view_message .music-player__info {
    width: 100%;
  }
}
.music-player_view_view .music-player__info,
.music-playlist_view_view .music-player__info {
  width: 80%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player_view_view .music-player__info,
.music-playlist_view_view .music-player__info {
    width: 80%;
  }
}
.music-player__animated,
.music-playlist__animated {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.music-player__animate .music-player__name, .music-player__animate .music-player__artist,
.music-player__animate .music-playlist__name,
.music-player__animate .music-playlist__artist,
.music-playlist__animate .music-player__name,
.music-playlist__animate .music-player__artist,
.music-playlist__animate .music-playlist__name,
.music-playlist__animate .music-playlist__artist {
  position: relative;
  -moz-animation: 5s linear 0s infinite alternate text-animation;
  -webkit-animation: 5s linear 0s infinite alternate text-animation;
  animation: 5s linear 0s infinite alternate text-animation;
}
.music-player__animate .music-player__fader,
.music-player__animate .music-playlist__fader,
.music-playlist__animate .music-player__fader,
.music-playlist__animate .music-playlist__fader {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1rem;
}
.music-player__animate .music-player__fader.fader-left,
.music-player__animate .music-playlist__fader.fader-left,
.music-playlist__animate .music-player__fader.fader-left,
.music-playlist__animate .music-playlist__fader.fader-left {
  left: 0;
}
.music-player__animate .music-player__fader.fader-right,
.music-player__animate .music-playlist__fader.fader-right,
.music-playlist__animate .music-player__fader.fader-right,
.music-playlist__animate .music-playlist__fader.fader-right {
  right: 0;
}
.music-player__name,
.music-playlist__name {
  font-family: Inter;
  font-size: 0.9375rem;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  display: inline-block;
  min-width: 100%;
}
.music-player__artist,
.music-playlist__artist {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 18px;
  color: #66667F;
  display: inline-block;
  min-width: 100%;
  margin-bottom: 7px;
}
.music-player__time,
.music-playlist__time {
  display: none;
}
.music-player__margin,
.music-playlist__margin {
  margin-top: 10px;
}
.music-player__buttons,
.music-playlist__buttons {
  margin-left: 23px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .music-player__buttons,
.music-playlist__buttons {
    margin-left: 30px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__buttons,
.music-playlist__buttons {
    flex-wrap: nowrap;
  }
}
.music-player__two-buttons,
.music-playlist__two-buttons {
  margin-left: 55px;
}
.music-player__buttons-deleted,
.music-playlist__buttons-deleted {
  margin-left: 26px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .music-player__buttons-deleted,
.music-playlist__buttons-deleted {
    margin-left: 35px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__buttons-deleted,
.music-playlist__buttons-deleted {
    margin-right: 18px;
  }
}
.music-player__spotify-view,
.music-playlist__spotify-view {
  margin: 0 12px 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-player__spotify-view,
.music-playlist__spotify-view {
    margin: 0 0 0 auto;
  }
}
.music-player__button,
.music-playlist__button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: none;
  border: none;
  text-decoration: none;
  padding: 0;
  margin-left: 6px;
}
@media (min-width: 1281px) {
  .music-player__button,
.music-playlist__button {
    cursor: pointer;
  }
}
.music-player__favorite,
.music-playlist__favorite {
  font-size: 2rem !important;
  color: #F75E70;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.music-player__detach,
.music-playlist__detach {
  width: 1.25rem;
  height: 1.25rem;
}
.music-player__detach-icon,
.music-playlist__detach-icon {
  width: 18px;
  height: 18px;
}
.music-player__volume,
.music-playlist__volume {
  display: flex;
  flex-wrap: nowrap;
  align-content: end;
  height: 21px;
  margin-left: 30px;
}
.music-player__volume-attach,
.music-playlist__volume-attach {
  margin-left: 6px;
}
.music-player__volume-view,
.music-playlist__volume-view {
  margin-right: 12px;
}

.volume__icon {
  height: 16px;
  margin-top: 3px;
}
.volume__range {
  width: 49px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  overflow: hidden;
  height: 2px;
  margin: 13px 0 0 4px;
  cursor: pointer;
}
.volume__range::-webkit-slider-runnable-track {
  height: 2px;
  background-color: #F0F1F5;
}
.volume__range::-webkit-slider-thumb {
  background: #ecf0f1;
  cursor: pointer;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  margin-top: -4px;
  box-shadow: -200px 0 0 200px #2259E5;
}
.volume__range::-moz-range-track {
  height: 2px;
  background-color: #F0F1F5;
}
.volume__range::-moz-range-thumb {
  background: #ecf0f1;
  cursor: pointer;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  margin-top: -4px;
  box-shadow: -200px 0 0 200px #2259E5;
}
.volume__popup-wrapper {
  position: relative;
  display: none;
  flex-direction: column;
  align-items: center;
  top: -29px;
  left: 22px;
}
.volume__timeline-wrapper {
  position: absolute;
  width: 45px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  background-color: rgba(0, 0, 0, 0.92);
  color: #fff;
  font-size: 14px;
  font-family: Inter, serif;
  border-radius: 6px;
}
.volume__arrow {
  position: absolute;
  bottom: -21px;
  display: block;
  border-bottom: none;
  border-top: 9px solid rgba(0, 0, 0, 0.92);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.volume__active {
  display: flex;
}
.volume__active:active .volume__popup-wrapper {
  display: flex;
}

.track-card {
  max-width: 30vw;
  width: 101% !important;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .track-card {
    max-width: 100%;
  }
}

.music-playlist {
  display: flex;
  align-items: center;
  height: 52px;
}
@media (min-width: 1281px) {
  .music-playlist {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-playlist {
    width: auto;
  }
}
.music-playlist__quantity {
  color: #66667F;
}
.music-playlist__arrow-forward {
  margin: 0 16px 0 auto;
  font-size: 1rem !important;
  color: #66667F;
}
.music-playlist__icon {
  font-size: 1.5rem;
  color: #060626;
  margin: 0 18px 0 12.711px;
}
.music-playlist__text {
  color: #060626;
}
.music-playlist__name {
  font-weight: 500;
}
.music-playlist__info {
  width: 81%;
  cursor: pointer;
  margin-left: 0;
}

.music-modal {
  box-sizing: border-box;
  max-width: 480px;
  max-height: 984px;
  width: calc(100% - 40px);
  padding: 0 8px 20px 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-modal {
    width: 100%;
    max-height: unset;
    height: 100%;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    bottom: 56px;
    top: 0;
    left: 0;
    transform: unset;
  }
}
.music-modal .modal__close {
  display: none;
  background: unset;
  height: 21px;
  right: 14px;
  top: 14px;
  color: #66667F;
  margin-top: 5px;
}
.music-modal .modal__content {
  height: 100%;
}
.music-modal__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .music-modal__content {
    padding-right: 3px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-modal__content {
    width: 96%;
    max-height: unset;
    height: calc(100% - 40px);
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    padding-right: 20px;
    padding-top: 0;
    bottom: 56px;
    top: 0;
    left: unset;
    transform: unset;
  }
}
.music-modal__block {
  padding: 0 13px;
  height: 48px;
  display: flex;
  align-items: end;
  justify-content: end;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-modal__block {
    display: none;
  }
}
.music-modal__block-mobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .music-modal__block-mobile {
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding: 16px 16px 16px 0;
    align-items: center;
  }
}
.music-modal__icon {
  cursor: pointer;
}

button:active,
button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.empty_search {
  height: calc(100vh - 462px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .empty_search {
    height: calc(100vh - 288px);
  }
}

.page_layout_search .tab__header {
  padding-left: 0;
  padding-right: 0;
}
.page_layout_search .tab__body {
  padding: 0;
}
.page_layout_search .page__sidebar {
  padding-left: 0;
}
.page_layout_search .page__search {
  margin-bottom: 1rem;
}
.page_layout_search .page__grid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page_layout_search .page__item {
  max-width: 12.5rem;
  width: 100%;
  margin-bottom: 0.875rem;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page_layout_search .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .page_layout_search .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1281px) {
  .page_layout_search .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_search .page__grid {
    justify-content: space-between;
  }
  .page_layout_search .page__item {
    max-width: 40vw;
  }
  .page_layout_search .user-card_layout_card {
    height: 60vw;
    max-width: 40vw;
  }
}
.page_layout_search .page__member {
  display: flex;
  align-items: center;
  padding: 20px 48px;
  background: rgba(247, 94, 112, 0.1);
  border-radius: 10px;
  margin-bottom: 20px;
  align-self: flex-start;
  width: calc(100% - 96px);
}
.page_layout_search .page__member-image {
  width: 56px;
  height: 56px;
}
.page_layout_search .page__member-description {
  display: flex;
  flex-direction: column;
  margin-left: 48px;
}
.page_layout_search .page__member-title {
  color: #F75E70;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.search-popup {
  padding: 0;
  width: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: none;
  left: 0;
  bottom: 0;
  top: unset;
  overflow: auto;
  height: 80%;
}
.search-popup .modal__content {
  position: relative;
  transform: translateZ(0px);
}
.search-popup .sidebar-search {
  max-width: 800px;
  margin: 0 auto;
}
.search-popup .sidebar-search__heading {
  text-align: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-popup .sidebar-search__heading {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .search-popup .sidebar-search__heading {
    margin-top: 40px;
  }
}
.search-popup__filter, .search-popup__close {
  position: absolute;
  top: 30px;
  color: #2259E5;
}
.search-popup__filter {
  right: 30px;
}
.search-popup__close {
  left: 30px;
}

.match-error {
  text-align: center;
  margin-bottom: 200px;
  width: 100%;
}

.search-country {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  padding-right: 12px;
}

.country-name-code {
  display: flex;
  align-items: center;
}

.search-country img {
  width: 20px;
  margin-right: 5px;
}

.search-icon {
  width: 16px;
  height: 16px;
}

.search-text {
  margin: 8px 0;
  color: #66667F;
}

@media (min-width: 320px) and (max-width: 767px) {
  .sidebar-search .country-select .select__dropdown {
    max-height: calc(100vh - 408px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sidebar-search .country-select .select__dropdown {
    max-height: calc(100vh - 1120px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .sidebar-search .country-select .short-dropdown {
    height: auto;
  }
}
.sidebar-search .select__dropdown {
  max-height: calc(100vh - 720px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .sidebar-search .select__dropdown {
    max-height: calc(100vh - 600px);
  }
}

.search-tags {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.search-tags__tag {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  text-align: left;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F0F1F5;
  background-color: #FFFFFF;
  outline: none;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 0.5rem;
  margin-right: 0.75rem;
}
.search-tags__tag:last-child {
  margin-right: 0;
}
.search-tags__action {
  display: flex;
  margin-left: 0.5rem;
}
.search-tags__icon {
  width: 1rem;
}

@media (max-width: 835px) {
  .page_layout_profile .page__content {
    padding: 0;
  }
  .page_layout_profile .profile {
    position: relative;
    margin-top: 270px;
    padding: 1.5rem;
    box-sizing: border-box;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #FFFFFF;
  }
}
@media (max-width: 835px) and (min-width: 320px) and (max-width: 1024px) {
  .page_layout_profile .profile {
    display: flex;
    flex-direction: column;
  }
}

.page_layout_search .tab__header {
  padding-left: 0;
  padding-right: 0;
}
.page_layout_search .tab__body {
  padding: 0;
}
.page_layout_search .page__sidebar {
  padding-left: 0;
}
.page_layout_search .page__search {
  margin-bottom: 1rem;
}
.page_layout_search .page__grid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page_layout_search .page__item {
  max-width: 12.5rem;
  width: 100%;
  margin-bottom: 0.875rem;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page_layout_search .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .page_layout_search .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 1281px) {
  .page_layout_search .page__item:not(:nth-child(3n)) {
    margin-right: 0.875rem;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_search .page__grid {
    justify-content: space-between;
  }
  .page_layout_search .page__item {
    max-width: 40vw;
  }
  .page_layout_search .user-card_layout_card {
    height: 60vw;
    max-width: 40vw;
  }
}
.page_layout_search .page__member {
  display: flex;
  align-items: center;
  padding: 20px 48px;
  background: rgba(247, 94, 112, 0.1);
  border-radius: 10px;
  margin-bottom: 20px;
  align-self: flex-start;
  width: calc(100% - 96px);
}
.page_layout_search .page__member-image {
  width: 56px;
  height: 56px;
}
.page_layout_search .page__member-description {
  display: flex;
  flex-direction: column;
  margin-left: 48px;
}
.page_layout_search .page__member-title {
  color: #F75E70;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.search-popup {
  padding: 0;
  width: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: none;
  left: 0;
  bottom: 0;
  top: unset;
  overflow: auto;
  height: 80%;
}
.search-popup .modal__content {
  position: relative;
  transform: translateZ(0px);
}
.search-popup .sidebar-search {
  max-width: 800px;
  margin: 0 auto;
}
.search-popup .sidebar-search__heading {
  text-align: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .search-popup .sidebar-search__heading {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .search-popup .sidebar-search__heading {
    margin-top: 40px;
  }
}
.search-popup__filter, .search-popup__close {
  position: absolute;
  top: 30px;
  color: #2259E5;
}
.search-popup__filter {
  right: 30px;
}
.search-popup__close {
  left: 30px;
}

.match-error {
  text-align: center;
  margin-bottom: 200px;
  width: 100%;
}

.search-country {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  padding-right: 12px;
}

.country-name-code {
  display: flex;
  align-items: center;
}

.search-country img {
  width: 20px;
  margin-right: 5px;
}

.search-icon {
  width: 16px;
  height: 16px;
}

.search-text {
  margin: 8px 0;
  color: #66667F;
}

@media (min-width: 320px) and (max-width: 767px) {
  .sidebar-search .country-select .select__dropdown {
    max-height: calc(100vh - 408px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sidebar-search .country-select .select__dropdown {
    max-height: calc(100vh - 1120px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .sidebar-search .country-select .short-dropdown {
    height: auto;
  }
}
.sidebar-search .select__dropdown {
  max-height: calc(100vh - 720px);
}
@media (min-width: 320px) and (max-width: 767px) {
  .sidebar-search .select__dropdown {
    max-height: calc(100vh - 600px);
  }
}

.search-tags {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.search-tags__tag {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  text-align: left;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F0F1F5;
  background-color: #FFFFFF;
  outline: none;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 0.5rem;
  margin-right: 0.75rem;
}
.search-tags__tag:last-child {
  margin-right: 0;
}
.search-tags__action {
  display: flex;
  margin-left: 0.5rem;
}
.search-tags__icon {
  width: 1rem;
}

.page_layout_not-found .page__body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 835px) {
  .page_layout_not-found .page__body {
    padding-top: 0;
    padding-bottom: 35px;
  }
}
.page_layout_not-found.page__content,
.page_layout_not-found .page__content {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.page_layout_not-found .page__error-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}
.page_layout_not-found .page__error-title:before {
  content: "";
  width: 48px;
  height: 48px;
  display: inline-block;
  margin-bottom: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQ5MTM4IDI4LjY3MzhDMi4wMTcyOSAyMy41Mzk3IDIuMDkzODQgMTYuMDg4NiA2LjI0Mjc0IDExLjk2NEMxMC4zOTE2IDcuODM5NDcgMTcuMTE4MyA3LjgzOTQ3IDIxLjI2NzIgMTEuOTY0QzIxLjQyNjQgMTIuMTIyMiAyMS41Nzk0IDEyLjI4NDIgMjEuNzI2MyAxMi40NDk2TDE5Ljk0OTkgMjMuNjcxM0MxOS43NTU3IDI0LjYwMzQgMjAuMDQ0MyAyNS41NzA1IDIwLjcxNzUgMjYuMjQzN0wyMy45MzM2IDI5LjQ1OThMMjIuNDQ0MiA0My4xNDZDMjIuMDQ5IDQyLjk1NDggMjEuNTk5NSA0Mi42MjY2IDIwLjk2MjQgNDIuMTYxNUMxNi43ODg0IDM5LjExNDIgOC4wOTg2NSAzMi41MjY5IDUuNDkxMzggMjguNjczOFpNMjUuNDgxNCA0Mi4xODI3QzI1LjQ5MTggNDIuMTc1MSAyNS41MDIyIDQyLjE2NzQgMjUuNTEyNyA0Mi4xNTk4QzI5LjcwMjcgMzkuMDk1NiAzOC40NDU5IDMyLjQ2MTYgNDAuOTg2IDI4LjY3MzhDNDQuMzY2NCAyMy42MzI5IDQ0LjM4MzUgMTYuMDg4NSA0MC4yMzQ2IDExLjk2NEMzNi4wODU3IDcuODM5NSAyOS4zNTkxIDcuODM5NSAyNS4yMTAyIDExLjk2NEMyNS4wNjg2IDEyLjEwNDggMjQuOTMxOCAxMi4yNDg1IDI0Ljc5OTkgMTIuMzk1TDIyLjcxNCAyNC4yNDcyTDI1LjkzMDEgMjcuNDYzM0MyNi41MzY3IDI4LjA2OTggMjYuODM0NiAyOC45MTkxIDI2LjczOTkgMjkuNzcxNkwyNS40ODE0IDQyLjE4MjdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIzIiB5MT0iMjYuMDA4MyIgeDI9IjQzLjQ0MDUiIHkyPSIyNi4wMDgzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjUwNjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYzRjYzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.page_layout_not-found .page__error-advice {
  margin: 12px 0 0 0;
  color: #B0B0C6;
  font-family: Inter, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 20px;
  text-align: center;
}
.page_layout_not-found .link {
  cursor: pointer;
}

.terms-page {
  margin-bottom: 96px;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .terms-page {
    margin-bottom: 56px;
  }
}
.terms-page__container {
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: border-box;
}
.terms-page__content {
  max-width: 1070px;
  width: 100%;
  margin: 60px auto 0 auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 992px) {
  .terms-page__content {
    margin-top: 0;
    flex-direction: column;
  }
}
.terms-page__sidebar {
  max-width: 280px;
  width: 100%;
  padding-top: 20px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .terms-page__sidebar .support-sidebar {
    position: sticky;
    top: 25px;
  }
}
.terms-page__body {
  width: 100%;
}
.terms-page__body ol {
  padding-left: 0;
  list-style-type: none;
}
.terms-page__body ol li > strong {
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0.5rem;
}
.terms-page__body a {
  text-decoration: unset;
}
.terms-page__main {
  width: 100%;
  padding-left: 50px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .terms-page__main {
    margin-top: 24px;
    padding-top: 40px;
    padding-left: 0;
    border-top: 1px solid #D8DAE6;
  }
}
.terms-page__head {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .terms-page__head {
    margin-bottom: 23px;
  }
}
.terms-page__heading p {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 52px;
}
@media (max-width: 992px) {
  .terms-page__heading p {
    font-size: 2rem;
    font-weight: bold;
    line-height: 44px;
  }
}
.terms-page__date {
  margin-top: 12px;
  display: inline-block;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 18px;
}
@media (max-width: 992px) {
  .terms-page__date {
    margin-top: 24px;
  }
}

@media (max-width: 835px) {
  .page_layout_settings {
    padding-top: 56px;
  }
}
@media (max-width: 835px) {
  .page_layout_settings .page__content {
    padding-top: 0;
    padding-bottom: 60px;
  }
}
@media (max-width: 835px) {
  .page_layout_settings .page__heading {
    display: none;
  }
}
.page_layout_settings .tab__header {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 835px) {
  .page_layout_settings .tab__header {
    display: grid;
    grid-template-areas: "profile account notify" " . verify .";
    border-bottom: none;
    margin-bottom: 14px;
  }
}
@media (max-width: 835px) {
  .page_layout_settings .tab__button {
    width: 100%;
    padding: 0;
    font-size: 0.8125rem;
  }
  .page_layout_settings .tab__button:first-child {
    grid-area: profile;
  }
  .page_layout_settings .tab__button:nth-child(2) {
    grid-area: account;
  }
  .page_layout_settings .tab__button:nth-child(3) {
    grid-area: notify;
  }
  .page_layout_settings .tab__button:nth-child(4) {
    grid-area: verify;
  }
  .page_layout_settings .tab__button:not(:last-child) {
    margin-right: 0;
  }
}
.page_layout_settings .tab__body {
  padding: 0;
}
.page_layout_settings .page__label {
  margin: 0 0 16px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.01em;
}
.page_layout_settings .page__description {
  max-width: 520px;
  margin: -4px 0 12px 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
.page_layout_settings .page__section:not(:last-child) {
  margin-bottom: 32px;
}
.page_layout_settings .page__grid {
  display: flex;
  flex-direction: row;
}
.page_layout_settings .page__grid:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 835px) {
  .page_layout_settings .page__grid {
    flex-direction: column;
  }
}
.page_layout_settings .page__item {
  width: 100%;
}
.page_layout_settings .page__item .property-button {
  max-width: none;
  width: 100%;
}
.page_layout_settings .page__item .property-button img {
  width: 20px;
  margin-right: 5px;
}
.page_layout_settings .page__item:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 835px) {
  .page_layout_settings .page__item:not(:last-child) {
    margin-bottom: 12px;
    margin-right: 0;
  }
}
.page_layout_settings .page__notifications {
  width: 100%;
}
.page_layout_settings .page__notification {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  border-left: 1px solid #F0F1F5;
  border-right: 1px solid #F0F1F5;
  border-bottom: 1px solid #F0F1F5;
}
.page_layout_settings .page__notification:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 1px solid #F0F1F5;
}
.page_layout_settings .page__notification:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
@media (max-width: 835px) {
  .page_layout_settings .page__notification {
    background-color: #F0F1F5;
  }
  .page_layout_settings .page__notification:not(:last-child) {
    border-bottom: 1px solid #FFFFFF;
  }
}
.page_layout_settings .page__notification-content {
  max-width: 480px;
  width: 100%;
  margin-right: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page_layout_settings .page__notification-label {
  margin: 0;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
.page_layout_settings .page__notification-description {
  margin: 4px 0 0 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 18px;
}
.page_layout_settings .page__notification .switch {
  width: 30px;
  height: 16px;
}
.page_layout_settings .page__verification {
  font-weight: 400;
}
.page_layout_settings .page__verification-warning-wrapper {
  display: flex;
  align-items: center;
}
.page_layout_settings .page__verification-warning {
  font-family: Inter;
  font-weight: normal;
  line-height: 20px;
  color: #66667F;
  text-align: start;
  margin: 0 0 0 8px;
}
.page_layout_settings .page__verification-icon-wrapper {
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F9FAFC;
  border-radius: 10px;
}
.page_layout_settings .page__verification-title-wrapper {
  display: flex;
  align-items: center;
}
.page_layout_settings .page__verification-back {
  width: 1rem;
  font-size: 1rem !important;
  transform: rotate(180deg);
  color: #66667F;
  cursor: pointer;
}
@media (min-width: 1281px) {
  .page_layout_settings .page__verification-back {
    width: 20px;
    font-size: 20px !important;
  }
}
.page_layout_settings .page__verification-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #060626;
  margin: 0 0 0 10px;
}
@media (min-width: 1281px) {
  .page_layout_settings .page__verification-title {
    font-size: 15px;
  }
}
.page_layout_settings .page__verification-drop-subtitle, .page_layout_settings .page__verification-drop-title {
  text-align: center;
}
.page_layout_settings .page__verification-description {
  margin-bottom: 20px;
}
.page_layout_settings .page__verification-description, .page_layout_settings .page__verification-drop-subtitle, .page_layout_settings .page__verification-invalid-formats, .page_layout_settings .page__verification-formats-type {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 20px;
  color: #66667F;
}
.page_layout_settings .page__verification-uploaded-documents {
  font-weight: bold;
}
.page_layout_settings .page__verification-upload-document-form {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_settings .page__verification-upload-document-form {
    flex-direction: column;
  }
}
.page_layout_settings .page__verification-drop-wrapper {
  box-sizing: border-box;
  min-width: 300px;
  min-height: 300px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F9FAFC;
  border-radius: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page_layout_settings .page__verification-drop-wrapper {
    width: 345px;
    height: 345px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_settings .page__verification-drop-wrapper {
    order: 1;
  }
}
.page_layout_settings .page__verification-drop {
  box-sizing: border-box;
  min-width: 252px;
  min-height: 252px;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #D8DAE5;
  border-radius: 10px;
}
.page_layout_settings .page__verification-drop-active {
  background: rgba(34, 89, 229, 0.1);
  border: 1px dashed #2259E5;
}
.page_layout_settings .page__verification-drop-title {
  font-weight: 700;
  font-size: 18px;
  color: #060626;
}
.page_layout_settings .page__verification-upload {
  width: 48px;
  height: 48px;
  fill: #D8DAE5;
}
.page_layout_settings .page__verification-upload-active {
  fill: #2259E5;
}
.page_layout_settings .page__verification-upload-input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.page_layout_settings .page__verification-documents-wrapper {
  max-width: 300px;
  margin-left: 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_settings .page__verification-documents-wrapper {
    order: 0;
  }
}
.page_layout_settings .page__verification-pending-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin: 5px 5px 0 5px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page_layout_settings .page__verification-pending-title {
  padding-left: 8px;
}
.page_layout_settings .page__verification-formats {
  font-weight: 700;
  color: #060626;
}
.page_layout_settings .page__verification-warning-wrapper {
  display: flex;
  align-items: center;
}
.page_layout_settings .page__verification-warning {
  font-family: Inter, sans-serif;
  font-weight: normal;
  line-height: 20px;
  color: #66667F;
  text-align: start;
  margin: 0 0 0 8px;
}
.page_layout_settings .page__verification-icon-wrapper {
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F9FAFC;
  border-radius: 10px;
}
@media (min-width: 1281px) {
  .page_layout_settings .page__verification-grid-form {
    display: grid;
    gap: 12px;
    grid-template-areas: "name surname" "gender country" "birthday birthday" "document-number  document-number" "valid-title valid-title" "valid valid" "submit-button submit-button";
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .page_layout_settings .page__verification-grid-form {
    display: flex;
    flex-direction: column;
  }
}
.page_layout_settings .page__verification-valid-title {
  margin: 0;
}
.page_layout_settings .page__verification-input {
  min-width: 12rem;
}
.page_layout_settings .page__verification-input:first-child {
  grid-area: name;
}
.page_layout_settings .page__verification-input:nth-child(2) {
  grid-area: surname;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .page_layout_settings .page__verification-input:nth-child(2) {
    margin-top: 12px;
  }
}
.page_layout_settings .page__verification-input:nth-child(3) {
  grid-area: gender;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .page_layout_settings .page__verification-input:nth-child(3) {
    margin-top: 12px;
  }
}
.page_layout_settings .page__verification-input:nth-child(3) .property-button {
  min-width: 12rem;
}
.page_layout_settings .page__verification-input:nth-child(4) {
  grid-area: country;
}
.page_layout_settings .page__verification-input:nth-child(4) .property-button {
  min-width: 12rem;
}
.page_layout_settings .page__verification-input:nth-child(5) {
  grid-area: document-number;
}
.page_layout_settings .page__verification-input:nth-child(6) {
  grid-area: birthday;
}
.page_layout_settings .page__verification-input:nth-child(7) {
  grid-area: valid-title;
  display: flex;
  justify-content: space-between;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 20px;
  color: #66667F;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .page_layout_settings .page__verification-input:nth-child(7) {
    margin-top: 12px;
  }
}
.page_layout_settings .page__verification-input:nth-child(8) {
  grid-area: valid;
}
.page_layout_settings .page__verification-birthday {
  margin-top: 12px;
}
.page_layout_settings .page__verification-grid-date-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.page_layout_settings .page__verification-grid-form-footer {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 1281px) {
  .page_layout_settings .page__verification-grid-form-footer {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1281px) {
  .page_layout_settings .page__verification-small {
    min-width: 203px;
  }
}
@media (min-width: 1281px) {
  .page_layout_settings .page__verification-send-btn {
    grid-area: submit-button;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .page_layout_settings .page__verification-send-btn {
    margin-top: 12px;
  }
}
.page_layout_settings .page__verification-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 49%;
  top: 40%;
  z-index: 9;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_settings .page__verification-loader {
    left: 45%;
  }
}
.page_layout_settings .page__verification-loader .spin {
  width: 50px;
  height: 50px;
}
.page_layout_settings .page__verification-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.6;
  z-index: 3000;
}
.page_layout_settings .page__verification-complete {
  text-align: center;
}
.page_layout_settings .page__verification-complete-title-wrapper {
  display: flex;
  justify-content: center;
}
.page_layout_settings .page__verification-complete-title {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: #060626;
  margin: 0 12px 0 0;
}
.page_layout_settings .page__verification-complete-description {
  font-family: Inter;
  font-weight: normal;
  line-height: 20px;
  color: #66667F;
}
.page_layout_settings .page__verification-complete-img {
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page_layout_settings .page__verification-complete-img {
    width: 272px;
  }
}

@media (max-width: 835px) {
  .settings-popup {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 4.5rem);
    padding: 0 0 104px 0;
    box-sizing: border-box;
    transform: none;
    border-radius: 0;
  }
}
.settings-popup_type_change-height .settings-popup__item {
  padding: 0 15px;
  box-sizing: border-box;
}
.settings-popup__header {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 835px) {
  .settings-popup__header {
    width: 100%;
    height: 56px;
    padding: 0 12px;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
}
.settings-popup__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 28px;
}
@media (max-width: 835px) {
  .settings-popup__heading {
    font-size: 0.875rem;
  }
}
.settings-popup__sub-heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
}
.settings-popup__description {
  margin: 0 0 32px 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
@media (max-width: 835px) {
  .settings-popup__description {
    padding: 0 24px;
    box-sizing: border-box;
  }
}
.settings-popup__sub-description {
  margin: 12px 0 32px 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  line-height: 20px;
  text-align: center;
}
.settings-popup__action {
  margin-left: auto;
  color: #2259E5;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 28px;
  border: none;
  background: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .settings-popup__action {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .settings-popup__action:hover {
    opacity: 0.5;
  }
}
@media (max-width: 835px) {
  .settings-popup__action {
    font-size: 0.875rem;
  }
}
.settings-popup__form {
  width: 100%;
}
.settings-popup__grid {
  display: flex;
  flex-direction: column;
}
@media (max-width: 835px) {
  .settings-popup__grid {
    padding: 0 24px;
    box-sizing: border-box;
  }
}
.settings-popup__item {
  width: 100%;
}
.settings-popup__item .input {
  min-width: 100%;
  width: 100%;
}
.settings-popup__item:not(:last-child) {
  margin-bottom: 20px;
}
.settings-popup__footer {
  margin-top: 40px;
}
@media (max-width: 835px) {
  .settings-popup__footer {
    position: fixed;
    bottom: calc(4.5rem + 24px);
    width: calc(100% - (24px * 2));
    margin-top: 0;
  }
}
.settings-popup .range-slider {
  padding-top: 25px;
}
.settings-popup .select,
.settings-popup .select__input {
  min-width: auto;
  max-width: none;
  width: 100%;
}

.settings-group {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.settings-group .page__item {
  width: 49%;
  margin-right: 0;
}
@media (max-width: 835px) {
  .settings-group .page__item {
    width: 100%;
  }
}
.settings-group .page__item .property-button__name {
  position: absolute;
  right: 0;
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 15%);
  padding-right: 25px;
  padding-left: 30px;
}

.verification-date__row_style_date {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1281px) {
  .verification-date__row_style_date {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
  }
}
.verification-date__row_style_date-birthday {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.verification-date__select {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .verification-date__select {
    margin-top: 12px;
  }
}

.support-page__container {
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: border-box;
}
.support-page__content {
  max-width: 1070px;
  width: 100%;
  margin: 60px auto 0 auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 992px) {
  .support-page__content {
    margin-top: 0;
    flex-direction: column;
  }
}
.support-page__sidebar {
  max-width: 280px;
  width: 100%;
  padding-top: 20px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .support-page__sidebar .support-sidebar {
    position: sticky;
    top: 25px;
  }
}
.support-page__main {
  width: 100%;
  padding-left: 50px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .support-page__main {
    margin-top: 24px;
    padding-top: 40px;
    padding-left: 0;
    border-top: 1px solid #D8DAE6;
  }
}
.support-page__head {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .support-page__head {
    margin-bottom: 23px;
  }
}
.support-page__heading {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 52px;
  word-break: break-all;
}
@media (max-width: 992px) {
  .support-page__heading {
    font-size: 2rem;
    font-weight: bold;
    line-height: 44px;
  }
}
.support-page__date {
  margin-top: 12px;
  display: inline-block;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 18px;
}
@media (max-width: 992px) {
  .support-page__date {
    margin-top: 24px;
  }
}
.support-page__footer {
  margin-top: 96px;
  border-top: 1px solid #D8DAE6;
}
@media (max-width: 992px) {
  .support-page__footer {
    margin-top: 56px;
  }
  .support-page__footer .footer {
    padding-left: 0;
    padding-right: 0;
  }
}

.home-page {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .home-page {
    margin-bottom: 96px;
  }
}
.home-page__hero {
  width: 100%;
}
.home-page__thumbnail {
  width: 100%;
  height: 720px;
  margin-bottom: -352px;
  background-color: #FAFAF2;
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
}
@media (max-width: 992px) {
  .home-page__thumbnail {
    height: 390px;
    margin-bottom: -177px;
    border-radius: 0;
  }
}
@media (max-width: 480px) {
  .home-page__thumbnail {
    height: 266px;
    margin-bottom: -113px;
    border-radius: 0;
  }
}
.home-page__form {
  position: relative;
  z-index: 10;
  max-width: 1070px;
  width: 100%;
  display: flex;
  margin: 0 auto 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
  border: 1px solid #F0F1F5;
  border-radius: 20px;
  box-shadow: 0 20px 80px rgba(0, 26, 102, 0.15);
  background: #FFFFFF;
}
@media (max-width: 1200px) {
  .home-page__form {
    max-width: none;
    width: calc(100% - (24px * 2));
  }
}
@media (max-width: 992px) {
  .home-page__form {
    padding: 32px;
    flex-direction: column;
    margin-bottom: 0;
  }
  .home-page__form .login-form {
    max-width: none;
  }
}
.home-page__form-item {
  width: 100%;
  padding: 50px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .home-page__form-item {
    padding: 0;
  }
}
.home-page__form-item:first-child {
  padding-left: 110px;
}
@media (max-width: 1200px) {
  .home-page__form-item:first-child {
    padding-left: 50px;
  }
}
@media (max-width: 992px) {
  .home-page__form-item:first-child {
    padding-left: 0;
  }
}
.home-page__form-item:last-child {
  padding-right: 110px;
}
@media (max-width: 1200px) {
  .home-page__form-item:last-child {
    padding-right: 50px;
  }
}
@media (max-width: 992px) {
  .home-page__form-item:last-child {
    padding-right: 0;
  }
}
.home-page__form-driver {
  width: 1px;
  height: auto;
  padding: 30px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #D8DAE6;
}
.home-page__form-driver span {
  padding: 8px 3px;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  text-transform: lowercase;
  background-color: #FFFFFF;
  word-break: initial;
}
@media (max-width: 992px) {
  .home-page__form-driver {
    width: 100%;
    height: 1px;
    margin: 40px 0;
    padding: 0;
  }
}
.home-page__form-heading {
  max-width: 300px;
  margin: 0 auto;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.home-page__form-description {
  max-width: 300px;
  margin: 16px auto 0 auto;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}
.home-page__form-group {
  max-width: 300px;
  width: 100%;
  margin: 35px auto 0 auto;
}
.home-page__form-group-title {
  margin: 0 0 16px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.home-page__form-group-button {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #D8DAE6;
  border-radius: 10px;
}
.home-page__form-group-button:not(:last-child) {
  margin-bottom: 12px;
}
.home-page__form-group-button span {
  display: flex;
  align-items: center;
}
.home-page__form-group-button span:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 12px;
  background-size: cover;
  background-position: center;
}
.home-page__form-group-button_type_male span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy45OTk5IDBDMTMuNDQ3NiAwIDEyLjk5OTkgMC40NDc3MTUgMTIuOTk5OSAxQzEyLjk5OTkgMS41NTIyOCAxMy40NDc2IDIgMTMuOTk5OSAySDE5LjU4NThMMTIuOTA1NyA4LjY4MDEzQzExLjU1MSA3LjYyNzA3IDkuODQ4NzIgNi45OTk5OCA4IDYuOTk5OThDMy41ODE3MiA2Ljk5OTk4IDAgMTAuNTgxNyAwIDE1QzAgMTkuNDE4MyAzLjU4MTcyIDIzIDggMjNDMTIuNDE4MyAyMyAxNiAxOS40MTgzIDE2IDE1QzE2IDEzLjE1MTMgMTUuMzcyOSAxMS40NDkgMTQuMzE5OSAxMC4wOTQzTDIxIDMuNDE0MjFWOUMyMSA5LjU1MjI4IDIxLjQ0NzcgMTAgMjIgMTBDMjIuNTUyMyAxMCAyMyA5LjU1MjI4IDIzIDlWMUMyMyAwLjQ0NzcxNSAyMi41NTIzIDAgMjIgMEgxMy45OTk5Wk0yIDE1QzIgMTEuNjg2MyA0LjY4NjI5IDguOTk5OTggOCA4Ljk5OTk4QzExLjMxMzcgOC45OTk5OCAxNCAxMS42ODYzIDE0IDE1QzE0IDE4LjMxMzcgMTEuMzEzNyAyMSA4IDIxQzQuNjg2MjkgMjEgMiAxOC4zMTM3IDIgMTVaIiBmaWxsPSIjMkU3MEVFIi8+Cjwvc3ZnPgo=");
}
.home-page__form-group-button_type_female span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNiA4QzYgNC42ODYyOSA4LjY4NjI5IDIgMTIgMkMxNS4zMTM3IDIgMTggNC42ODYyOSAxOCA4QzE4IDExLjMxMzcgMTUuMzEzNyAxNCAxMiAxNEM4LjY4NjI5IDE0IDYgMTEuMzEzNyA2IDhaTTEzIDE1LjkzODFDMTYuOTQ2MyAxNS40NDYgMjAgMTIuMDc5NiAyMCA4QzIwIDMuNTgxNzIgMTYuNDE4MyAwIDEyIDBDNy41ODE3MiAwIDQgMy41ODE3MiA0IDhDNCAxMi4wNzk2IDcuMDUzNjkgMTUuNDQ2IDExIDE1LjkzODFWMTlIN0M2LjQ0NzcyIDE5IDYgMTkuNDQ3NyA2IDIwQzYgMjAuNTUyMyA2LjQ0NzcyIDIxIDcgMjFIMTFWMjNDMTEgMjMuNTUyMyAxMS40NDc3IDI0IDEyIDI0QzEyLjU1MjMgMjQgMTMgMjMuNTUyMyAxMyAyM1YyMUgxN0MxNy41NTIzIDIxIDE4IDIwLjU1MjMgMTggMjBDMTggMTkuNDQ3NyAxNy41NTIzIDE5IDE3IDE5SDEzVjE1LjkzODFaIiBmaWxsPSIjRkY2Njc5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cGF0aCBkPSJNMCAwSDI0VjI0SDBWMFoiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.home-page__content {
  margin-top: 180px;
}
@media (max-width: 992px) {
  .home-page__content {
    margin-top: 76px;
  }
}

.register-page__header {
  margin-bottom: 40px;
}
.register-page__container {
  max-width: calc(1290px + (24px * 2));
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.register-page__wrapper {
  max-width: calc(850px + (24px * 2));
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.register-page__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 96px;
}
@media (max-width: 835px) {
  .register-page__body {
    flex-direction: column;
  }
}
.register-page__content {
  width: 100%;
}
.register-page__page-back {
  display: inline-block;
  padding: 10px 0;
  margin-bottom: 24px;
}
.register-page__page-back-link {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.register-page__page-back-link .icon,
.register-page__page-back-link .improved-icon {
  fill: #66667F;
}
.register-page__page-back-link span {
  margin-left: 8px;
  color: #66667F;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 28px;
}
.register-page__heading {
  margin: 0 0 48px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 32px;
}
@media (max-width: 835px) {
  .register-page__heading {
    margin-bottom: 33px;
    font-size: 1.5rem;
  }
}
.register-page__grid {
  display: flex;
  flex-direction: column;
}
.register-page__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.register-page__row_style_date {
  flex-direction: row;
}
@media (min-width: 320px) and (max-width: 480px) {
  .register-page__row_style_date {
    flex-direction: column;
  }
}
.register-page__row_style_date .register-page__col:not(:last-child) {
  margin-right: 8px;
}
.register-page__row_style_date .register-page__col_size_day {
  max-width: 96px;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 320px) and (max-width: 480px) {
  .register-page__row_style_date .register-page__col_size_day {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.register-page__row_style_date .register-page__col_size_month {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 480px) {
  .register-page__row_style_date .register-page__col_size_month {
    margin-bottom: 10px;
  }
  .register-page__row_style_date .register-page__col_size_month .select__label {
    overflow: hidden;
  }
}
.register-page__row_style_date .register-page__col_size_year {
  max-width: 128px;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 320px) and (max-width: 480px) {
  .register-page__row_style_date .register-page__col_size_year {
    max-width: 100%;
  }
}
.register-page__row .input {
  width: 100%;
}
.register-page__row .select,
.register-page__row .select__input {
  max-width: none;
  min-width: auto;
  width: 100%;
}
.register-page__row .select span,
.register-page__row .select__input span {
  word-break: initial;
}
.register-page__row:not(:last-child) {
  margin-bottom: 20px;
}
.register-page__explanation-label {
  margin-top: 8px;
  display: block;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 16px;
  text-align: left;
}
.register-page__submit {
  margin-top: 32px;
}
.register-page__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-page__icon > svg {
  margin-right: 5px;
}
.register-page button > span {
  margin-left: 0;
}
.register-page__rules {
  margin: 0 0 20px 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 16px;
}
.register-page__rules a {
  margin: 0 0.2rem;
  color: #66667F;
  text-decoration: none;
  border-bottom: 1px solid #66667F;
}
@media (min-width: 1281px) {
  .register-page__rules a:hover {
    color: #2259E5;
    border-color: #2259E5;
  }
}
.register-page__driver {
  position: relative;
  width: 1px;
  height: 360px;
  margin: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D8DAE6;
}
.register-page__driver > span {
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 36px;
  text-transform: lowercase;
  background-color: #FFFFFF;
  word-break: initial;
}
@media (max-width: 835px) {
  .register-page__driver {
    width: 100%;
    height: 1px;
    margin: calc(25px + 20px) 0;
  }
}
.register-page__sidebar {
  max-width: 260px;
  width: 100%;
}
@media (max-width: 835px) {
  .register-page__sidebar {
    max-width: none;
  }
}
.register-page__sidebar-button {
  width: 100%;
  display: block;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  background-color: #F0F1F5;
  transition: 220ms ease;
}
.register-page__sidebar-button:not(:last-child) {
  margin-bottom: 12px;
}
.register-page__sidebar-button:focus {
  background-color: #D8DAE6;
}
@media (min-width: 1281px) {
  .register-page__sidebar-button:hover {
    background-color: #D8DAE6;
  }
}
.register-page__footer {
  margin-top: 148px;
  border-top: 1px solid #D8DAE6;
}
.register-page__list {
  margin: 40px 0;
}
.register-page__list-item {
  display: flex;
  flex-direction: row;
}
.register-page__list-item:not(:last-child) {
  margin-bottom: 8px;
}
.register-page__list-header {
  position: relative;
}
.register-page__list-counter {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: #F0F1F5;
}
.register-page__list-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  height: calc(100% - 40px - 8px);
  display: block;
  margin: auto;
  border-radius: 512px;
  background-color: #F0F1F5;
  flex-shrink: 0;
}
.register-page__list-content {
  padding-left: 24px;
  box-sizing: border-box;
}
.register-page__list-content ul {
  padding-left: 20px;
}
.register-page__mailto-link {
  text-decoration: none;
}
.register-page__date-validation {
  margin-top: -20px;
}

.questions-popup {
  width: 100%;
  padding-bottom: 153px;
  background-color: #FFFFFF;
}
@media (max-width: 835px) {
  .questions-popup {
    padding-bottom: 56px;
  }
}
.questions-popup__header {
  position: relative;
  max-width: calc(1290px + (24px * 2));
  width: 100%;
  padding: 0 24px;
  margin: 64px auto 0 auto;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .questions-popup__header {
    margin-top: 68px;
  }
}
.questions-popup__close {
  position: absolute;
  top: 0;
  right: 24px;
  margin: auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background-color: #D8DAE6;
  padding: 0;
  outline: none;
  transition: 250ms ease;
}
@media (min-width: 1281px) {
  .questions-popup__close {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .questions-popup__close {
    cursor: pointer;
  }
}
.questions-popup__close:focus {
  background-color: #F0F1F5;
}
@media (min-width: 1281px) {
  .questions-popup__close:hover {
    background-color: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .questions-popup__close:hover {
    background-color: #F0F1F5;
  }
}
@media (max-width: 835px) {
  .questions-popup__close {
    width: 24px;
    height: 24px;
    top: -52px;
  }
}
.questions-popup__heading {
  margin: 0 0 32px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 52px;
  text-align: center;
}
@media (max-width: 835px) {
  .questions-popup__heading {
    font-size: 1.5rem;
    line-height: 32px;
    text-align: left;
  }
}
.questions-popup__description {
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
  color: rgba(6, 6, 38, 0.8);
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 835px) {
  .questions-popup__description {
    font-size: 0.9375rem;
    line-height: 24px;
    text-align: left;
  }
}
.questions-popup__content {
  max-width: calc(1290px + (24px * 2));
  width: 100%;
  margin: 72px auto 0 auto;
  padding: 72px 24px 0 24px;
  box-sizing: border-box;
  border-top: 1px solid #D8DAE6;
}
@media (max-width: 835px) {
  .questions-popup__content {
    margin-top: 32px;
    padding-top: 32px;
  }
}
.questions-popup__sub-heading {
  margin: 0 0 56px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 835px) {
  .questions-popup__sub-heading {
    margin-bottom: 32px;
    font-size: 1.125rem;
    line-height: 28px;
  }
}
.questions-popup__alert {
  display: flex;
  max-width: 740px;
  width: 100%;
  margin: 0 auto 56px auto;
  border: 1px dashed #66667F;
  border-radius: 10px;
}
@media (max-width: 835px) {
  .questions-popup__alert {
    margin-bottom: 25px;
  }
}
.questions-popup__alert-header {
  max-width: 72px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-right: 1px dashed #66667F;
}
.questions-popup__alert-icon {
  fill: #FFAB3D;
}
.questions-popup__alert-text {
  padding: 16px 25px;
  box-sizing: border-box;
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
@media (max-width: 835px) {
  .questions-popup__alert-text {
    padding: 12px 16px;
  }
}
.questions-popup__grid {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 835px) {
  .questions-popup__grid {
    max-width: none;
    width: 100%;
  }
  .questions-popup__grid .question-card {
    max-width: none;
  }
}
.questions-popup__item {
  width: 50%;
  padding: 0 15px;
  margin: 15px 0;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .questions-popup__item {
    width: 100%;
    padding: 0;
    margin: 8px 0;
  }
}

.question-card {
  display: block;
  position: relative;
  max-width: 410px;
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
  border: none;
  border-radius: 12px;
  background-color: #F0F1F5;
  text-align: left;
  outline: none;
}
.question-card_ready {
  cursor: not-allowed;
}
.question-card_ready .question-card__title {
  color: #66667F;
}
@media (max-width: 835px) {
  .question-card_ready .question-card__question-count {
    display: none;
  }
}
.question-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 835px) {
  .question-card__header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.question-card__title {
  margin: 0;
  color: #2259E5;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 28px;
}
.question-card__ready {
  display: inline-block;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
.question-card__content {
  margin-top: 4px;
}
.question-card__question-count {
  color: #060626;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
.question-card__icon {
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  margin: auto;
  fill: #B0B0C6;
}
@media (max-width: 835px) {
  .question-card__icon {
    right: 20px;
  }
}
.question-card.loader {
  padding: 0;
}

.questions-carousel {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #FFFFFF;
}
.questions-carousel__close {
  position: absolute;
  z-index: 99999;
  top: 16px;
  right: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #D8DAE6;
  outline: none;
  transition: 220ms ease;
}
@media (min-width: 1281px) {
  .questions-carousel__close {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .questions-carousel__close {
    cursor: pointer;
  }
}
@media (min-width: 1281px) {
  .questions-carousel__close:hover, .questions-carousel__close:focus {
    background-color: #F0F1F5;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .questions-carousel__close:hover, .questions-carousel__close:focus {
    background-color: #F0F1F5;
  }
}
@media (min-width: 835px) {
  .questions-carousel__close {
    display: none;
  }
}
.questions-carousel__header {
  position: relative;
  width: 100%;
  height: 110px;
  flex-shrink: 0;
  background-color: #F0F1F5;
}
@media (max-width: 835px) {
  .questions-carousel__header {
    height: auto;
    background-color: transparent;
  }
}
.questions-carousel__container {
  position: relative;
  max-width: calc(1070px + (24px * 2));
  width: 100%;
  margin: 0 auto;
  padding: 40px 24px 12px 24px;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .questions-carousel__container {
    padding-top: 26px;
  }
}
.questions-carousel__container-description {
  position: relative;
  max-width: calc(1070px + (24px * 2));
  width: 100%;
  margin: 24px auto;
  padding: 40px 24px 12px 24px;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 835px) {
  .questions-carousel__container-description {
    margin-top: 0;
    padding-top: 26px;
  }
}
.questions-carousel__page-back {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  outline: none;
}
@media (min-width: 1281px) {
  .questions-carousel__page-back {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .questions-carousel__page-back {
    cursor: pointer;
  }
}
.questions-carousel__page-back .icon,
.questions-carousel__page-back .improved-icon {
  margin-right: 6px;
  fill: #66667F;
}
.questions-carousel__page-back span {
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
}
@media (max-width: 992px) {
  .questions-carousel__page-back {
    display: none;
  }
}
.questions-carousel__counter {
  max-width: 410px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 835px) {
  .questions-carousel__counter {
    display: flex;
    flex-direction: column-reverse;
  }
}
.questions-carousel__question-category-name {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
@media (max-width: 835px) {
  .questions-carousel__question-category-name {
    margin-top: 38px;
    font-size: 1.5rem;
  }
}
.questions-carousel__question-category-name.loader {
  display: block;
  margin: 0 auto;
}
@media (max-width: 835px) {
  .questions-carousel__question-category-name.loader {
    margin-top: 38px;
  }
}
.questions-carousel__range {
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: 24px;
  border-radius: 512px;
  background-color: #D8DAE6;
}
@media (max-width: 835px) {
  .questions-carousel__range {
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
  }
}
.questions-carousel__range-line {
  position: absolute;
  width: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 512px;
  background-color: #2259E5;
  transition: 350ms ease;
}
.questions-carousel__viewport {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media (max-width: 835px) {
  .questions-carousel__viewport {
    padding: 0 24px;
    box-sizing: border-box;
  }
}
.questions-carousel__current-screen-label {
  margin: 0 0 24px 0;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}
.questions-carousel__screens {
  max-width: 630px;
  width: 100%;
}
.questions-carousel__screen {
  display: none;
}
.questions-carousel__screen_current {
  display: block;
}
.questions-carousel__question {
  margin: 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.questions-carousel__question.loader {
  display: block;
  margin: 0 auto;
}
.questions-carousel__answers {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.questions-carousel__answers .question-button:not(:last-child) {
  margin-right: 28px;
}
@media (max-width: 835px) {
  .questions-carousel__answers .question-button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 835px) {
  .questions-carousel__answers {
    flex-direction: column;
    margin-top: 32px;
  }
}
.questions-carousel__answer {
  width: auto;
}
.questions-carousel__footer {
  margin-top: 40px;
}
@media (max-width: 835px) {
  .questions-carousel__footer {
    width: 100%;
    padding: 8px 24px 24px 24px;
    box-sizing: border-box;
  }
  .questions-carousel__footer .button {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.questions-carousel__not-selected-label {
  display: block;
  text-align: center;
  min-height: 48px;
  color: #66667F;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 18px;
}
.questions-carousel__submit {
  text-align: center;
}
.questions-carousel__finish-label {
  margin: 0 0 20px 0;
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 32px;
  text-align: center;
}
.questions-carousel__finish-description {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
  color: #66667F;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 835px) {
  .questions-carousel__finish-description {
    font-size: 0.9375rem;
    line-height: 24px;
  }
}
.questions-carousel__finish-grid {
  max-width: 850px;
  margin: 56px auto 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 835px) {
  .questions-carousel__finish-grid {
    max-width: none;
    width: 100%;
    margin-top: 32px;
  }
}
.questions-carousel__finish-grid-item {
  width: 50%;
  padding: 0 15px;
  margin: 15px 0;
  box-sizing: border-box;
}
@media (max-width: 835px) {
  .questions-carousel__finish-grid-item {
    width: 100%;
    padding: 0;
    margin: 8px 0;
  }
}
.questions-carousel__finish-grid-item .question-card {
  max-width: none;
}
.questions-carousel__finish-footer {
  margin-top: 56px;
}
@media (max-width: 835px) {
  .questions-carousel__finish-footer {
    width: 100%;
    padding: 8px 24px 24px 24px;
    box-sizing: border-box;
  }
  .questions-carousel__finish-footer .button {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.questions-carousel__loader {
  display: block;
  margin: 0 auto;
}

.question-button {
  display: block;
  min-width: 190px;
}
.question-button__field {
  position: absolute;
  opacity: 0;
}
.question-button__field:checked + .question-button__content {
  border-color: #2259E5;
  box-shadow: 0 0 0 1px #2259E5;
}
.question-button__field:checked + .question-button__content > .question-button__icon {
  border-color: #2259E5;
  box-shadow: 1px 0 0 0 #2259E5;
}
.question-button__field:checked + .question-button__content > .question-button__icon:before {
  opacity: 1;
}
.question-button__field:checked + .question-button__content > .question-button__text {
  color: #2259E5;
  font-weight: bold;
}
.question-button__content {
  display: flex;
  width: 100%;
  height: 48px;
  border: 1px solid #D8DAE6;
  border-radius: 10px;
  user-select: none;
  transition: 220ms ease;
}
@media (min-width: 1281px) {
  .question-button__content {
    cursor: pointer;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .question-button__content {
    cursor: pointer;
  }
}
.question-button__icon {
  position: relative;
  width: 48px;
  height: 48px;
  border-right: 1px solid #D8DAE6;
  box-sizing: border-box;
  transition: 220ms ease;
}
.question-button__icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjgyMzc1IDIwLjk4NDRDNy42MjkyMyAyMC45NDk4IDcuNDQyOTggMjAuODU3MyA3LjI5MjY4IDIwLjcwN0wxLjI5Mjg4IDE0LjcwNzFDMC45MDIzNjUgMTQuMzE2NSAwLjkwMjM3MyAxMy42ODM0IDEuMjkyOSAxMy4yOTI5QzEuNjgzNDMgMTIuOTAyMyAyLjMxNjYgMTIuOTAyNCAyLjcwNzEyIDEzLjI5MjlMOCAxOC41ODU5TDIxLjI5MyA1LjI5Mjg5QzIxLjY4MzUgNC45MDIzNyAyMi4zMTY3IDQuOTAyMzcgMjIuNzA3MiA1LjI5Mjg5QzIzLjA5NzcgNS42ODM0MiAyMy4wOTc3IDYuMzE2NTggMjIuNzA3MiA2LjcwNzExTDguNzA3MjMgMjAuNzA3MUM4LjQ2NjkyIDIwLjk0NzQgOC4xMzQ3NCAyMS4wMzk4IDcuODIzNzUgMjAuOTg0NFoiIGZpbGw9IiMyMjU5RTUiLz4KPC9zdmc+Cg==");
  opacity: 0;
  transition: 250ms ease;
}
.question-button__text {
  color: #060626;
  font-family: Manrope, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 48px;
  transition: 220ms ease;
  margin: 0 16px;
}

.news-mobile-article .news-mobile-section {
  margin: 48px auto;
  max-width: 1290px;
  padding: 0 25px;
}
.news-mobile-article .news-mobile-section .sidebar-articles,
.news-mobile-article .news-mobile-section .sidebar-article {
  max-width: unset;
}

.emoji-mart-scroll::-webkit-scrollbar {
  width: 6px;
}

.emoji-mart-scroll::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

.emoji-mart-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/*# sourceMappingURL=main.css.map */