/* default */

:root {
  --black: 0, 0, 0;
  --white: 255, 255, 255;
  --red: #ff513a;
  --red-secondary: #ef4444;
  --orange: #ff964b;
  --yellow: #ffc700;
  --yellow-secondary: #ffcc00;
  --green: #2ba52e;
  --green-secondary: #44c13c;
  --green-transparent: rgba(43, 165, 46, 0.15);
  --vault-label-price-bg: rgba(12, 17, 22, 0.5);
  --vault-label-price-color: #eaecee;
  --icon-bg-color: rgba(0, 145, 234, 0.06);
  --price-tag-bg: rgba(0, 140, 207, 0.7);
  --of-gray-text-color: #8a96a3;
  --of-blue-1-text-color: #00aff0;
  --of-blue-2-text-color: #1b98e0;
  --tag-active: #84abf8;
  --message-from-them-background: rgba(138, 150, 163, 0.12);
  --message-from-me-background: rgba(0, 175, 240, 0.12);
  --highlight-text-color-1: rgba(0, 175, 240, 0.3);
  --highlight-text-color-2: rgba(0, 175, 240, 0.4);
  --background: #f7f8fb;
  --backdrop: rgba(255, 255, 255, 0.5);
  --page: #ffffff;
  --section: #ffffff;
  --section-secondary: #f7f8fb;
  --shadow: rgba(113, 125, 138, 0.4);
  --title-color: #0c1116;
  --text-primary: #0c1116;
  --text-secondary: #717d8a;
  --text-third: #a8b0b9;
  --text-forth: #4f5b67;
  --text-fifth: #a8b0b9;
  --text-six: #a8b0b9;
  --primary-color: #407bf2;
  --primary-hover-color: #3674f0;
  --primary-active-color: #e6eefe;
  --primary-text-color: #407bf2;
  --accent: #dfb017;
  --accent-hover: #cea315;
  --border: #eaecee;
  --border-secondary: #dcdedf;
  --border-third: #eaecee;
  --form-element-background: #f7f8fb;
  --breakdown-message: rgba(64, 123, 242, 1);
  --breakdown-subscription: rgba(110, 156, 247, 1);
  --breakdown-tips: rgba(132, 171, 248, 1);
  --breakdown-posts: rgba(179, 204, 253, 1);
  --breakdown-message-active: rgba(64, 123, 242, 0.9);
  --breakdown-subscription-active: rgba(110, 156, 247, 0.9);
  --breakdown-tips-active: rgba(132, 171, 248, 0.9);
  --breakdown-posts-active: rgba(179, 204, 253, 0.9);
  --color-green: rgba(230, 251, 217, 1);
  --color-apricot: rgba(255, 232, 215, 1);
  --color-sky-blue: rgba(230, 238, 254, 1);
  --color-coral: rgba(255, 232, 215, 1);
  --button-disabled: rgba(var(--black), 0.12);
  --placeholder: #a8b0b9;
  --tooltip: #ffffff;
  --icon: #84abf8;
  --icon-active: #ffffff;
  --compaign-item: #ffffff;
  --radial-background: #dddddd;
  --referral-color: 160, 236, 138;
  --menu-item-bg-hover: rgba(var(--black), 0.04);
  --past-shift-background: #f0f1f7;
  --forbidden-words-wrapper: #ffdada;
}

:root.m-mode-dark {
  --background: #000000;
  --backdrop: rgba(22, 22, 24, 0.7);
  --page: #161618;
  --section: #161618;
  --section-secondary: #2d2f33;
  --shadow: rgba(0, 0, 0, 0.7);
  --title-color: #ffffff;
  --text-primary: #ffffff;
  --text-secondary: #d0d0d3;
  --text-third: #8d8d93;
  --text-forth: #cacacc;
  --text-fifth: #a8b0b9;
  --text-six: #444950;
  --primary-color: #018ccf;
  --primary-hover-color: #007cb6;
  --primary-active-color: #018ccf33;
  --primary-text-color: #00aeef;
  --accent: #6a5acd;
  --accent-hover: #5b4cbe;
  --border: #202021;
  --border-secondary: #353538;
  --border-third: #86929f40;
  --form-element-background: #202021;
  --breakdown-message: rgba(0, 140, 207, 1);
  --breakdown-subscription: rgba(0, 140, 207, 0.8);
  --breakdown-tips: rgba(0, 140, 207, 0.6);
  --breakdown-posts: rgba(0, 140, 207, 0.4);
  --breakdown-message-active: rgba(0, 140, 207, 0.9);
  --breakdown-subscription-active: rgba(0, 140, 207, 0.7);
  --breakdown-tips-active: rgba(0, 140, 207, 0.5);
  --breakdown-posts-active: rgba(0, 140, 207, 0.3);
  --color-green: rgba(43, 165, 46, 0.15);
  --color-apricot: rgba(255, 115, 15, 0.2);
  --color-sky-blue: rgba(0, 140, 207, 0.2);
  --color-coral: rgba(255, 81, 58, 0.2);
  --button-disabled: rgba(var(--white), 0.12);
  --placeholder: #444950;
  --tooltip: #202021;
  --icon: #86929f;
  --icon-active: #ffffff;
  --compaign-item: #161618;
  --radial-background: #86929f33;
  --referral-color: 0, 140, 207;
  --menu-item-bg-hover: rgba(var(--white), 0.08);
  --past-shift-background: #202021;
  --forbidden-words-wrapper: #8b0000;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(64 123 242 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(64 123 242 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #eaecee; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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.
*/

::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[0px\] {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.left-\[-45px\] {
  left: -45px;
}
.left-\[0px\] {
  left: 0px;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.right-5 {
  right: 1.25rem;
}
.top-0 {
  top: 0px;
}
.top-3 {
  top: 0.75rem;
}
.top-\[50\%\] {
  top: 50%;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.-mb-3 {
  margin-bottom: -0.75rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.\!h-\[94px\] {
  height: 94px !important;
}
.h-24 {
  height: 6rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[478px\] {
  height: 478px;
}
.h-\[65px\] {
  height: 65px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -webkit-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[325px\] {
  max-height: 325px;
}
.max-h-\[700px\] {
  max-height: 700px;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.min-h-\[45px\] {
  min-height: 45px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.\!w-\[94px\] {
  width: 94px !important;
}
.\!w-full {
  width: 100% !important;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/5 {
  width: 20%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-24 {
  width: 6rem;
}
.w-4 {
  width: 1rem;
}
.w-8 {
  width: 2rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[345px\] {
  width: 345px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[345px\] {
  min-width: 345px;
}
.max-w-\[325px\] {
  max-width: 325px;
}
.flex-1 {
  flex: 1 1;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.grow {
  flex-grow: 1;
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-4 {
  gap: 1rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.border {
  border-width: 1px;
}
.\!bg-gray-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[16px\] {
  padding: 16px;
}
.p-\[8px\] {
  padding: 8px;
}
.\!py-\[4px\] {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-\[16px\] {
  padding-right: 16px;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[7px\] {
  padding-top: 7px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxs {
  font-size: 10px;
}
.font-medium {
  font-weight: 500;
}
.italic {
  font-style: italic;
}
.leading-none {
  line-height: 1;
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-50 {
  opacity: 0.5;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@font-face {
  font-family: Manrope;
  src: url(../../static/media/Manrope-Regular.25323263b2aac026e777.ttf);
}

html {
  font-family: Manrope;
}

#root {
  width: 100vw;
  height: 100vh;
}

* {
  box-sizing: border-box;
}

/*disable test selectable*/
body {
  -webkit-user-select: none;
  user-select: none;
  /* background-color: var(--page); */
  margin: 0px;
  height: 100%;
  overflow: hidden;
  font-family: Manrope, sans-serif;
}

body.no_transition * {
  transition: none !important;
}

body.crisp-hidden .crisp-client {
  opacity: 0 !important;
}

.crisp-client #crisp-chatbox-button[data-maximized='false'],
.crisp-client div[role='button'][data-maximized='false'] {
  opacity: 0.5;
}

*::-webkit-scrollbar {
  width: 3.5px;
  height: 3.5px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 67%, 0.6);
  border-radius: 6px;
}

*::selection {
  background-color: var(--primary-color);
  color: rgb(var(--white));
}

.app {
  background-color: var(--page);
}

.button {
  color: rgb(var(--white));
}

.fcrm-h3 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.04em;
  color: v;
}

.fcrm-h4 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: -0.04em;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.fcrm-info-text,
.fcrm-menu-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--text-secondary);
}

.fcrm-menu-text {
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.fcrm-menu-text:hover {
  cursor: pointer;
}

.fcrm-sel-container {
  width: 100%;
  margin-top: 1.5rem;
  max-height: 416px;
  background-color: var(--background);
  border-radius: 0.75rem;
  --tw-drop-shadow: drop-shadow(0 2px 23px rgba(113, 125, 138, 0.16));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.fcrm-sel-container.fixedHeight {
  height: 416px;
}

.fcrm-sel-container.searchLoading {
  height: 416px;
  display: flex;
  flex-direction: column;
}

.fcrm-search {
  width: 100%;
}

.fcrm-sel-container:hover {
  --tw-drop-shadow: drop-shadow(0 2px 23px rgba(113, 125, 138, 0.09));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.fcrm-sel-item {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  border-bottom-width: 1px;
  border-color: var(--border);

  padding: 12px 16px;
  display: flex;
  align-items: center;
}

.fcrm-sel-item.disabled {
  opacity: 0.5;
}

.fcrm-sel-item-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
  flex-shrink: 0;
}

.fcrm-sel-item-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 55px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fcrm-sel-item::before {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  --tw-content: '';
  content: var(--tw-content);
  border-top-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / 1);
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
  right: 1.75rem;
  z-index: 10;
  --tw-rotate: 45deg;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fcrm-sel-item:hover {
  cursor: pointer;
}

.fcrm-sel-item.fcrm-sel-item-add {
  background-color: var(--primary-color);
  color: rgb(var(--white));
  margin-top: auto;
}

.fcrm-sel-item.fcrm-sel-item-add:before {
  display: none;
}

.fcrm-sel-item:hover {
  color: var(--primary-active-color);
}

.fcrm-sel-item:hover,
.fcrm-sel-item:has(+ .fcrm-sel-item:hover) {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.reg-termsBlock {
  margin: 16px 0;
  font-size: 12px;
  color: var(--text-secondary);
}

.reg-termsBlock span {
  color: var(--primary-color);
}

.login-page-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
  width: 100%;
  padding: 20px;
  margin: auto;
  justify-content: center;
}

.loginOF-wrapper {
  overflow: auto;
}

/*.loginOF-wrapper,*/
/*.proxyOF-wrapper {*/
/*  overflow: auto;*/
/*}*/

.registration-container,
.registration-send-container,
.loginOF-container,
.ProxySettings-container,
.status-container {
  margin: 0 auto;
}

.registration-container,
.status-container {
  width: 362px;
}

.status-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.registration-send-container,
.loginOF-container,
.ProxySettings-container,
.status-container {
  border-radius: 10px;
  padding: 48px;
  color: var(--text-forth);
  width: 640px;
  margin-top: 30px;
  position: relative;
}

.registration-send-container h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 48px;
  color: var(--title-color);
}

.registration-send-container h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  color: var(--text-primary);
  padding-bottom: 16px;
}

.registration-send-container p,
.status-container p {
  padding-bottom: 16px;
}

.status-container .description {
  font-size: 17px;
}

.registration-send-container .p-warning {
  color: var(--red);
}
.registration-send-container p span {
  color: var(--primary-color);
}

.registration-backBtn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 16px;
}
.ProxySettings-tabContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
}

.ProxySettings-tabContainer .MuiTabs-root {
  width: 100%;
}

.ProxySettings-tabContainer .ProxySettings-tab {
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--page);
  height: 154px;
  flex: 1 1;
  font-size: 16px;
  text-transform: none;
  font-weight: 600;
}

.ProxySettings-tabContainer .ProxySettings-tab.Mui-selected {
  background: var(--primary-active-color);
}

.ProxySettings-tabContainer .ProxySettings-tab:first-of-type {
  margin-right: 16px;
}

.ProxySettings-tabContainer .MuiTabs-indicator {
  display: none;
}

.ProxySettings-tab-label {
  padding-top: 16px;
}

.ProxySettings-tab-label span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

body .ProxySettings-container .proxy-select#proxySelect {
  padding-right: 45px;
}

.ProxySettings-container .proxy-select,
.proxy-select-item {
  display: flex;
  font-size: 14px;
}

.proxy-flags-wrapper {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.proxy-contry {
  border: 1px solid var(--border);
  background: var(--page);
  border-radius: 6px;
  width: 33%;
  font-size: 16px;
  font-weight: 600;
  padding: 12px;
  cursor: pointer;
}
.proxy-country--selected {
  background: var(--primary-active-color);
  color: var(--primary-color);
}
.proxy-contry__name {
  font-weight: bold;
  font-size: 16px;
  margin: 0 auto 10px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.proxy-flag {
  margin: 0 auto;
  height: 50px;
  width: 75px;
  border: 1px solid var(--border);
}
.proxy-select-title {
  /*color: var(--text-secondary);*/
  font-weight: 600;
}
.proxy-select-id {
  margin-left: auto;
  color: var(--text-third);
}
.proxy-select-ping {
  color: var(--green);
  margin-left: 8px;
}

.connecting-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 32px;
}

.connecting .connect-icon {
  color: #d6dade;
  margin-bottom: 16px;
}

.connecting .connect-icon-1 {
  animation: colorChange1 2s linear 0s forwards infinite;
}

.connecting .connect-icon-2 {
  animation: colorChange4 2s linear 0s forwards infinite;
}

.connecting .connect-icon-3 {
  animation: colorChange3 2s linear 0s forwards infinite;
}

.connecting .connect-icon-4 {
  animation: colorChange2 2s linear 0s forwards infinite;
}

.connecting-container.connected .connect-icon,
.connecting-container.connected .connecting-status {
  color: var(--green);
}

.connecting-container.error .connecting-status {
  color: var(--red);
}

.connecting-status {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}

.connecting-speed {
  display: flex;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 400;
}

.connecting-speed div {
  padding: 0 8px;
  color: var(--text-secondary);
}

.connecting-speed div span {
  color: var(--text-primary);
}

.connecting-container button,
.ProxySettings-container .proxy-startBtn {
  min-width: 200px;
}

.status-container-img {
  padding-bottom: 16px;
}

.status-container h3 {
  padding-bottom: 48px;
}

@keyframes colorChange {
  0% {
    color: var(--primary-active-color);
  }
  50% {
    color: var(--primary-color);
  }
  100% {
    color: var(--primary-color);
  }
}

@keyframes colorChange1 {
  0% {
    color: var(--primary-active-color);
  }
  25% {
    color: var(--primary-color);
  }
  50% {
    color: var(--primary-color);
  }
  75% {
    color: var(--primary-color);
  }
  100% {
    color: var(--primary-color);
  }
}

@keyframes colorChange2 {
  0% {
    color: var(--primary-active-color);
  }
  25% {
    color: var(--primary-active-color);
  }
  50% {
    color: var(--primary-color);
  }
  75% {
    color: var(--primary-color);
  }
  100% {
    color: var(--primary-color);
  }
}

@keyframes colorChange3 {
  0% {
    color: var(--primary-active-color);
  }
  25% {
    color: var(--primary-active-color);
  }
  50% {
    color: var(--primary-active-color);
  }
  75% {
    color: var(--primary-color);
  }
  100% {
    color: var(--primary-color);
  }
}
@keyframes colorChange4 {
  0% {
    color: var(--primary-active-color);
  }
  25% {
    color: var(--primary-active-color);
  }
  50% {
    color: var(--primary-active-color);
  }
  75% {
    color: var(--primary-active-color);
  }
  100% {
    color: var(--primary-color);
  }
}

.fcrm-error-i {
  color: var(--red);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.resendTimer {
  color: var(--text-secondary);
  margin-right: 5px;
}

.ChooseModel-container {
  background: var(--page);
  display: flex;
  justify-content: center;
}

.StatusRegistration-timeCounter {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  font-size: 14px;
}

.StatusRegistration-timeCounterTime {
  color: var(--primary-color);
}

.StatusRegistration-timeCounterImg {
  position: absolute;
  width: 140%;
  top: -20%;
  left: -20%;
  color: var(--primary-active-color);
  animation: spin 7s linear infinite;
}

.StatusRegistrationPage-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fcrm-status-icon {
  width: 20px;
}

.tooltipTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* progress loading scan & massmessages*/
@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
@property --hue {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

.scan-follow-massmessage-progress {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  color: var(--primary-color);
  border: 2px solid currentColor;
  --color: currentColor;
  background: conic-gradient(
    var(--color) var(--angle),
    transparent calc(var(--angle))
  );
}

.scan-follow-massmessage-progress.isProgress {
  animation: load-effect 2s ease-in-out infinite;
}

.scan-follow-massmessage-progress.isProgress.slow {
  animation: load-effect 30s linear infinite;
}

.scan-follow-massmessage-progress.disabled {
  --tw-border-opacity: 1;
  border-color: rgb(214 218 222 / 1);
  border-color: rgb(214 218 222 / var(--tw-border-opacity, 1));
}

@keyframes load-effect {
  0% {
    --angle: -1deg;
  }

  100% {
    --angle: 360deg;
  }
}
/* progress loading scan & massmessages*/

.fcrm-i-text,
.fcrm-i-text-h {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.fcrm-i-text {
  color: var(--text-secondary);
}
.fcrm-i-text-h {
  color: var(--text-secondary);
}

.fcrm-user-logo {
  --tw-bg-opacity: 1;
  background-color: rgb(68 193 60 / 1);
  background-color: rgb(68 193 60 / var(--tw-bg-opacity, 1));
  border-radius: 9999px;
  width: 2rem;
  height: 2rem;
  color: rgb(var(--white));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.fcrm-todo-btn {
  color: var(--primary-color);
  border-radius: 9999px;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  --tw-border-opacity: 1;
  border-color: rgb(132 171 248 / 1);
  border-color: rgb(132 171 248 / var(--tw-border-opacity, 1));
  border-width: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  min-width: 125px;
}
.fcrm-drop-down-i:hover,
.fcrm-todo-btn:hover {
  cursor: pointer;
}
.fcrm-todo-btn:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.fcrm-notification-counter {
  position: absolute;
  top: -8px;
  right: -7px;
  border-radius: 50%;
  background: #00aff0;
  font-size: 10px;
  font-weight: 600;
  min-width: 16px;
  height: 16px;
  line-height: 17px;
  padding: 0 5px;
  color: #fff;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.fcrm-notification-counter:hover {
  cursor: pointer;
}

.fcrm-menu-h {
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  text-align: center;
}
.fcrm-menu-i {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  text-align: left;
  font-weight: 600;
  letter-spacing: -0.02em;
  width: 100%;

  font-size: 14px;
  color: var(--text-secondary);
  padding: 8px 16px;
  background-color: #fff;
  transition: background-color linear 0.5s;
  max-width: 100%;
}
.fcrm-menu-i.isCurrent {
  background-color: #eaecee;
}
.fcrm-menu-i:hover {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  background-color: #e6eefe;
}

.fcrm-menu-i-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: var(--text-secondary);
}

.fcrm-menu-bullet {
  margin-left: 0.125rem;
  margin-top: -10px;
}

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

.fcrm-menu-btn.small,
.fcrm-menu-btn-s.small,
.fcrm-menu-btn-ws.small,
.fcrm-menu-btn-ws-s.small {
  width: 3rem;
  height: 2.75rem;
}

.fcrm-menu-btn-expand {
  width: 198px;
}
.fcrm-menu-btn-txt {
  width: 126px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.fcrm-menu-btn-txt.small {
  height: 2.75rem;
}
.fcrm-u-btn-wrap,
.fcrm-u-btn-wrap-h,
.fcrm-u-btn-wrap-a {
  width: 100%;
  justify-content: flex-start;
  color: var(--text-secondary);
}
.fcrm-menu-btn-wrap-a,
.fcrm-u-btn-wrap-a {
  background: var(--primary-color);
  color: #fff;
}
.fcrm-menu-btn-i,
.fcrm-menu-btn-i-s {
  stroke: var(--primary-color);
  stroke-width: 1.5;
}
.fcrm-menu-btn-i-ws path {
  fill: var(--primary-color);
}
.fcrm-menu-btn-i-ws-s path {
  fill: rgb(var(--white));
}

.fcrm-menu-btn-i-ws path[stroke] {
  stroke: var(--primary-color);
}

.fcrm-menu-btn-i-ws-s path[stroke] {
  stroke: rgb(var(--white));
}

.fcrm-menu-btn-i-s {
  stroke: rgb(var(--white));
}

.fcrm-menu-btn-wrap-h,
.fcrm-u-btn-wrap-h,
.fcrm-u-btn-wrap:hover {
  cursor: pointer;
  background-color: #e6eefe;
  color: #717d8a;
}
.fcrm-menu-btn-wrap-h .fcrm-menu-btn-i,
.fcrm-menu-btn-wrap:hover .fcrm-menu-btn-i {
  stroke: var(--primary-color);
}

.fcrm-menu-btn-wrap-h .fcrm-menu-btn-i-ws path,
.fcrm-menu-btn-wrap:hover .fcrm-menu-btn-i-ws path {
  fill: var(--primary-color);
}

.fcrm-menu-btn-wrap-h .fcrm-menu-btn-i-ws path[stroke],
.fcrm-menu-btn-wrap:hover .fcrm-menu-btn-i-ws path[stroke] {
  stroke: var(--primary-color);
}

.fcrm-menu-btn-wrap-h .fcrm-menu-btn-txt,
.fcrm-u-btn-wrap-h .fcrm-menu-btn-txt,
.fcrm-menu-btn-wrap:hover .fcrm-menu-btn-txt,
.fcrm-u-btn-wrap:hover .fcrm-menu-btn-txt {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.fcrm-menu-btn-tooltip {
  position: relative;
}
.fcrm-menu-btn-tooltip::after {
  opacity: 0;
  --tw-content: "";
  content: var(--tw-content);
  position: absolute;
  z-index: 10;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  top: calc(100% - 8px);
}

.fcrm-menu-btn-tooltip-collapse:hover::after {
  --tw-content: "Collapse";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-chats:hover::after {
  --tw-content: "Chats";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-stats:hover::after {
  --tw-content: "Stats";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-schedule:hover::after {
  --tw-content: "Schedule";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-automatization:hover::after {
  --tw-content: "Automa -tization";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-linkdata:hover::after {
  --tw-content: "Tracking Links";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-referrals:hover::after {
  --tw-content: "Referrals";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-mass-message:hover::after {
  --tw-content: "Create Mass -Message";
  content: var(--tw-content);
  top: -20px;
}
.fcrm-menu-btn-tooltip-login-to-of:hover::after {
  --tw-content: "Login to OF";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-more:hover::after {
  --tw-content: "More";
  content: var(--tw-content);
}
.fcrm-menu-btn-tooltip-logout:hover::after {
  --tw-content: "Logout";
  content: var(--tw-content);
}
.fcrm-u-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
}
.fcrm-u-name,
.fcrm-u-name-verified {
  color: rgb(var(--white));
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fcrm-u-name-verified {
  padding-right: 0.25rem;
}
.fcrm-u-nname {
  color: var(--text-secondary);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding-top: 0.375rem;
}
.fcrm-u-activity,
.fcrm-u-activity-num {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.fcrm-u-activity-num {
  color: var(--text-six);
  font-weight: 600;
}
.fcrm-u-btn-i {
  fill: var(--primary-color);
}
.fcrm-u-btn-i-s {
  stroke: var(--primary-color);
}
.fcrm-u-btn-wrap:hover .fcrm-u-btn-i {
  fill: var(--primary-color);
}
.fcrm-u-btn-wrap:hover .fcrm-u-btn-i-s {
  stroke: var(--primary-color);
}

.ofIconActive {
  fill: #fff;
}

.employeesIcon svg:not(.active) path {
  stroke: var(--primary-color);
}

.employeesIcon svg.active path {
  fill: var(--primary-color);
  stroke: #ffffff;
}

.fnsc-rounded-item {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  font-size: 10px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  white-space: nowrap;
  justify-content: center;
  min-width: 20px;
}
.fnsc-rounded-item-w {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  font-size: 10px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  white-space: nowrap;
  justify-content: center;
  min-width: 20px;
}
.fnsc-rounded-item-w:not(:last-child) {
  margin-right: 0.125rem;
}
.fnsc-rounded-item-w {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 9999px;
}
.fnsc-rounded-item:not(:last-child) {
  margin-right: 0.125rem;
}
.fnsc-avatar-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fnsc-avatar {
  display: flex;
  border-width: 1px;
  border-radius: 9999px;
  overflow: hidden;

  border-color: var(--border);
}

.fnsc-avatar.noSrc {
  border: none;
}
.fnsc-avatar-img {
  border-radius: 9999px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fnsc-inbox-user-status {
  --tw-text-opacity: 1;
  color: rgb(68 193 60 / 1);
  color: rgb(68 193 60 / var(--tw-text-opacity, 1));
  font-size: 10px;
  position: absolute;
  top: 0px;
}
.fnsc-inbox-user-value {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  font-size: 10px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  white-space: nowrap;
  justify-content: center;
  min-width: 20px;
}
.fnsc-inbox-user-value:not(:last-child) {
  margin-right: 0.125rem;
}
.fnsc-inbox-user-value {
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 0 / 1);
  background-color: rgb(255 199 0 / var(--tw-bg-opacity, 1));
  color: rgb(var(--white));
  position: relative;
  bottom: 0.5rem;
  margin-bottom: -0.5rem;
  white-space: nowrap;
  line-height: 1;
  height: 1rem;
}
.group:hover .fnsc-inbox-user-status {
  --tw-text-opacity: 1;
  color: rgb(160 236 138 / 1);
  color: rgb(160 236 138 / var(--tw-text-opacity, 1));
}
.coloredIcon [stroke] {
  stroke: currentColor;
}
.coloredIcon [fill] {
  fill: currentColor;
}

.fnsc-button {
  background-color: var(--primary-color);
  border-radius: 9999px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: rgb(var(--white));
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.fnsc-button:hover {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.fnsc-button.disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
  pointer-events: none;
}
.fnsc-button-cancel {
  color: var(--primary-color);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.fnsc-active-blue-icon [stroke] {
  stroke: currentColor;
}
.fnsc-active-blue-icon [fill] {
  fill: currentColor;
}
.fnsc-active-blue-icon {
  color: var(--primary-active-color);
  border-radius: 9999px;
  color: var(--primary-color);
}

.fcrm-tab,
.fcrm-tab-active {
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-bottom-width: 1px;
  flex: 1 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: var(--text-secondary);
  border-color: var(--border);
  font-size: 0.75rem;
  line-height: 1rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.fcrm-tab-active {
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}

.fcrm-tab-disabled {
  opacity: 0.8;
  cursor: not-allowed;
}

.toggle {
  width: 40px;
  height: 20px;
  color: var(--primary-active-color);
  border-radius: 100px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.toggle::before {
  background: var(--background);
  transition: all 0.2s ease-in;
  content: '';
  width: 20px;
  height: 20px;
  top: 0px;
  left: -1px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
}
.checkbox {
  display: none;
}
.checkbox:checked ~ .toggle {
  background-color: var(--primary-color);
}
.checkbox:checked ~ .toggle:before {
  left: 21px;
}
.modal-content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  position: fixed;
  border-radius: 5px;
  box-shadow: 0px 2px 23px rgba(113, 125, 138, 0.16);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--background);
  z-index: 50;
}

.fnsc-tag-count {
  background-color: var(--primary-color);
  border-radius: 9999px;
  font-size: 10px;
  color: rgb(var(--white));
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  margin-left: -9px;
  margin-right: 0.25rem;
  padding: 0.125rem;
}
.tooltip {
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 50%;
  display: flex;
  background: var(--page);
  box-shadow: 0px 2px 23px var(--shadow);
  border-radius: 5px;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  box-sizing: border-box;
  transform: translateX(-50%) translateY(100%);
  z-index: 15;
  max-width: 280px;
  width: -webkit-max-content;
  width: max-content;
  white-space: normal;
  min-width: 230px;
}

.tooltip.left {
  transform: translateX(-100%) translateY(100%);
  left: 100%;
}
.tooltipIcon:hover [stroke] {
  stroke: currentColor;
}
.tooltipIcon:hover [fill] {
  fill: currentColor;
}
.tooltipIcon:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.fncs-inbox-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 0.75rem;
  min-height: 75px;
  cursor: pointer;
}
.fncs-inbox-item-vip {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 0.75rem;
  min-height: 75px;
  cursor: pointer;
}
.fncs-inbox-item-vip:hover {
  background-color: var(--primary-color);
}
.fncs-inbox-item-vip.group:hover .fncs-inbox-status-icon [stroke] {
  stroke: currentColor;
}
.fncs-inbox-item-vip.group:hover .fncs-inbox-status-icon [fill] {
  fill: currentColor;
}
.fncs-inbox-item-vip.group:hover .fncs-inbox-status-icon {
  --tw-text-opacity: 1;
  color: rgb(132 171 248 / 1);
  color: rgb(132 171 248 / var(--tw-text-opacity, 1));
}
.fncs-inbox-item-vip {
  --tw-bg-opacity: 1;
  background-color: rgb(246 255 240 / 1);
  background-color: rgb(246 255 240 / var(--tw-bg-opacity, 1));
}
.fncs-inbox-item:hover {
  background-color: var(--primary-color);
}
.fncs-inbox-item.group:hover .fncs-inbox-status-icon [stroke] {
  stroke: currentColor;
}
.fncs-inbox-item.group:hover .fncs-inbox-status-icon [fill] {
  fill: currentColor;
}
.fncs-inbox-item.group:hover .fncs-inbox-status-icon {
  --tw-text-opacity: 1;
  color: rgb(132 171 248 / 1);
  color: rgb(132 171 248 / var(--tw-text-opacity, 1));
}
.fcrm-error-i {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*fix OF parts integrations centring*/
#before_preloader {
  width: calc(100% - 181px) !important;
}

.b-chats__conversations-content {
  max-width: calc(100% - 395px - 432px) !important;
}

.ant-picker-active-bar {
  display: none !important;
}

body .crisp-client [data-chat-status='initial'] {
  max-width: calc((100vw * 0.25) - 72px) !important;
  min-width: 350px !important;
}

@media (max-width: 1500px) {
  body .crisp-client [data-chat-status='initial'] {
    max-width: calc((100vw * 0.2) - 72px) !important;
    min-width: 350px !important;
  }
}

.m-editor-fc__gray {
  color: var(--of-gray-text-color);
}

.m-editor-fc__blue-1 {
  color: var(--of-blue-1-text-color);
}

.m-editor-fc__blue-2 {
  color: var(--of-blue-2-text-color);
}

.m-editor-fc__default {
  color: var(--text-primary);
}

.m-editor-fs__lg {
  font-size: 26px;
}

.m-editor-fs__l {
  font-size: 20px;
}

.m-editor-fs__s {
  font-size: 14px;
}

.m-editor-fs__sm {
  font-size: 12px;
}

.leading-actions {
  display: flex;
}

.leading-actions > * {
  width: 0;
  overflow-x: hidden;
}

.swipeable-list {
  flex: 1 1;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.swipeable-list-item {
  position: relative;
  transition: max-height 0.5s ease-in-out;
  max-height: 1000px;
  transform-origin: top;
  overflow: hidden;
  width: 100%;
}

.swipeable-list-item--remove {
  max-height: 0;
  transition: max-height 0.35s ease-out;
}

.swipeable-list-item__content {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  display: flex;
}

.swipeable-list-item__content--return {
  transition: transform 0.5s ease-in-out;
}

@keyframes content-return-leading-ms {
  20% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.swipeable-list-item__content--return-leading-ms {
  animation-duration: 0.5s;
  animation-name: content-return-leading-ms;
  animation-timing-function: linear;
}

@keyframes content-return-trailing-ms {
  20% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.swipeable-list-item__content--return-trailing-ms {
  animation-duration: 0.5s;
  animation-name: content-return-trailing-ms;
  animation-timing-function: linear;
}

.swipeable-list-item__content--remove {
  transition: transform 0.5s ease-in-out;
}

.swipeable-list-item__leading-actions {
  position: absolute;
  display: flex;
  width: 0px;
  overflow: hidden;
  height: 100%;
}

.swipeable-list-item__leading-actions--return {
  transition: width 0.5s ease-in-out;
}

@keyframes actions-return-ms {
  20% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

.swipeable-list-item__actions--return-ms {
  animation-duration: 0.5s;
  animation-name: actions-return-ms;
  animation-timing-function: linear;
}

.swipeable-list-item__leading-actions > * {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  transform: scale(1);
  transform-origin: center left;
  transition: transform 0.2s ease-out;
}

.swipeable-list-item__trailing-actions {
  display: flex;
  width: 0px;
  position: absolute;
  right: 0;
  top: 0;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
}

.swipeable-list-item__trailing-actions--return {
  transition: width 0.5s ease-in-out;
}

.swipeable-list-item__trailing-actions > * {
  overflow: hidden;
  transform: scale(1);
  transform-origin: center right;
  transition: transform 0.2s ease-out;
}

.swipeable-list-item__leading-actions--scaled > * {
  transform: scale(1.2);
  transform-origin: center left;
  transition: transform 0.2s ease-in;
}

.swipeable-list-item__trailing-actions--scaled > * {
  transform: scale(1.2);
  transform-origin: center right;
  transition: transform 0.2s ease-in;
}

.swipe-action {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.swipe-action > * {
  flex: 1 1;
}

.swipe-action__grayed > * {
  background-color: gray !important;
}

.swipe-action__leading > * {
  justify-content: flex-start;
}

.swipe-action__trailing > * {
  justify-content: flex-end;
}

.swipe-action__leading--full-swipe-rest,
.swipe-action__trailing--full-swipe-rest {
  width: 0;
  transition: width 0.2s;
}

.swipe-action__leading--full-swipe-main > * {
  justify-content: flex-end;
}

.swipe-action__trailing--full-swipe-main > * {
  justify-content: flex-start;
}

.trailing-actions {
  display: flex;
}

.trailing-actions > * {
  width: 0;
  overflow-x: hidden;
}

.style_container__Itu4Y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.style_statusWrapper__CQrJe {
  padding: 10px;
  margin-top: 0;
}

.style_notVerifyTitle__WRqUP {
  font-size: 18px;
}

@media (max-height: 850px) {
  .style_page__DJN\+n {
    padding: 0;
  }
  .style_container__Itu4Y {
    padding: 0;
  }

  .style_title__JlEJX {
    padding-bottom: 0 !important;
  }
}

.style_header__0F3mN {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
}

.style_emptyUsersList__nKo3Y {
  text-align: center;
  color: var(--text-primary);
}

.style_table__Nr8rq {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.style_row__C7RTI {
  display: grid;
  grid-template-columns: 200px repeat(var(--column-size), 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 1px;
  height: 52px;
  position: relative;
}

.style_row__C7RTI:not(.style_rowHeader__E6hEU) {
  border-bottom: 1px solid var(--border);
}

.style_rowHeader__E6hEU {
  background: var(--section-secondary);
  color: var(--text-third);
  text-align: center;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  height: 72px;
  min-height: 72px;
}

.style_rowHeader__E6hEU .style_rowCol__A9k9e {
  display: flex;
  justify-content: center;
  align-items: center;
}

.style_rowCol__A9k9e:first-of-type {
  padding-left: 24px;
  justify-content: flex-start;
}

.style_rowCol__A9k9e:last-of-type {
  padding-right: 24px;
}

.style_rowCol__A9k9e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--text-third);
  text-align: center;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  letter-spacing: -0.28px;
  background-color: transparent;
}

.style_rowColContainer__Pci71 {
  display: flex;
}

.style_fieldCreator__MMbAv {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 24px;
  overflow: hidden;
}

.style_fieldCreatorNoAvatar__2MaLM {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 3px 0 -3px;
}

.style_fieldCreatorAvatar__O-uLX {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 6px;
  overflow: hidden;
  background: #f7f8fb;
}

.style_fieldCreatorAvatar__O-uLX img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.style_fieldCreatorName__nWI-p {
  color: var(--primary-text-color);
  text-align: center;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  letter-spacing: -0.28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  background-color: transparent;
}

.style_lastSeenDef__E43Ot {
  color: var(--orange);
}

.style_lastSeenWeek__K5so- {
  color: var(--red);
}

.style_lastSeenActive__OrQbn {
  color: var(--green);
}

.style_backGradient__NCH9N {
  position: absolute;
  background-color: transparent;
  background: linear-gradient(
    270deg,
    rgba(var(--referral-color), 1) 20%,
    rgba(var(--referral-color), 0) 100%
  );
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  border-radius: 0 10px 10px 0;
}

.style_backGradientProgress__N-ip5 {
  border-radius: 0;
}

.style_backGradientProgress__N-ip5:after {
  content: '';
  position: absolute;
  top: 0;
  width: 20px;
  right: 0;
  height: 100%;
  background-color: transparent;
  background: rgba(var(--referral-color), 1);
  transform: translateX(100%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.style_rowCol__A9k9e .style_fieldSendButton__xjHtP {
  padding: 5px 8px;
}

.style_rowCol__A9k9e .style_fieldSendButton__xjHtP:hover {
  background: none;
  color: var(--text-forth);
}

.style_userListWrapper__bcr7S {
  overflow-y: scroll;
}

.style_userListWrapper__bcr7S .style_rowCol__A9k9e {
  color: var(--text-forth);
}

.style_loaderWrapper__t6Os9 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_page__dgjIq {
  display: flex;
  flex-direction: column;
}

.style_container__\+tjWd {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.style_tablePanel__AVWq8 {
  padding: 8px !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.style_container__DeE8W {
  background-color: var(--section);
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.style_list__Sq78h {
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  position: relative;
}

.style_loader__JExQL {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.style_filters__-65hj {
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  justify-content: flex-end;
}

.style_rightSection__wQgOZ {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 16px;
}

.style_popUpContent__wvQ4n {
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_container__BFkDF {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1;
}

.style_container__BFkDF.style_content__FyJyT {
  position: static;
}

.style_tableContainer__RgAEn {
  overflow-x: auto;
  position: relative;
  flex: 1 1;
}

.style_tableContainer__RgAEn.style_loading__dHGDH {
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_table__aIu\+0 {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.style_table__aIu\+0 th,
.style_table__aIu\+0 td {
  border: 0.5px solid var(--border-secondary);
  min-width: 143px;
  min-height: 80px;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 0;
}

.style_header__b2CyX.style_sell__LrGbW {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--text-forth);
}

.style_header__b2CyX.style_sell__LrGbW.style_today__9Au2L {
  background-color: var(--primary-color);
  color: #ffffff;
}

.style_sell__LrGbW {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25.2px;
  letter-spacing: -0.04em;
  color: rgba(79, 91, 103, 1);
  min-height: 80px;
}

.style_creator__bko0s {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: column;
}

.style_table__aIu\+0 th:first-child,
.style_table__aIu\+0 td:first-child {
  min-width: 160px;
  width: 160px;
  max-width: 160px;
}

.style_table__aIu\+0 th:first-child .style_sell__LrGbW {
  opacity: 0.5;
}

.style_table__aIu\+0 th:first-child .style_sell__LrGbW,
.style_table__aIu\+0 td:first-child .style_sell__LrGbW {
  justify-content: flex-start;
}

.style_body__\+5C5\+ .style_sell__LrGbW {
  color: var(--text-primary);
}

.style_table__aIu\+0 thead {
  position: relative;
  z-index: 11;
}

.style_table__aIu\+0 th {
  background-color: var(--section-secondary);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.style_fixedColumn__aiPZx {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background-color: var(--section-secondary);
  z-index: 1;
  overflow: hidden;
}

.style_fixedColumn__aiPZx .style_sell__LrGbW {
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25.2px;
  letter-spacing: -0.04em;
  text-align: left;
  padding: 8px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}

.style_creatorName__gx9-v {
  max-width: 100%;
}

.style_table__aIu\+0 tr .style_fixedColumn__aiPZx .style_sell__LrGbW {
  color: var(--text-forth);
}

.style_table__aIu\+0 td .style_fixedColumn__aiPZx .style_sell__LrGbW {
  color: var(--text-primary);
}

.style_table__aIu\+0 th.style_fixedColumn__aiPZx {
  z-index: 3;
}

.style_fixedColumn__aiPZx {
  background-color: var(--section-secondary);
}

.style_shift__zDpRS {
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}

.style_empty__4nCLM {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background-color: var(--backdrop);
}

.style_emptyText__MaFI7 {
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25.2px;
  letter-spacing: -0.04em;
  color: var(--text-secondary);
}

.style_emptySlot__tlC1h {
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.style_emptySlot__tlC1h:not(:last-child) {
  border-bottom: 1px solid var(--border-secondary);
}

.style_single__zKCFx {
  justify-content: center;
}

.style_cell__R4bt7 {
  /* vertical-align: top; */
  min-height: 100%;
  width: 100%;
}

:root {
  /* Dimensions */
  --shift-cell-min-height: 30px;
  --shift-cell-padding: 8px;
  --shift-cell-gap: 8px;
  --shift-cell-small-gap: 1px;
  --shift-cell-border-width: 1px;

  /* Typography */
  --shift-cell-font-size: 14px;
  --shift-cell-line-height: 20px;
  --shift-cell-small-font-size: 10px;
  --shift-cell-small-line-height: 14px;
  --shift-cell-name-font-size: 18px;
  --shift-cell-name-line-height: 25.2px;
  --shift-cell-letter-spacing: -0.02em;
  --shift-cell-name-letter-spacing: -0.04em;

  /* Transitions */
  --shift-cell-transition: all 0.2s linear;
  --shift-cell-hover-transition: all 0.2s linear;
}

/* Base styles */
.style_wrapper__3TXK5 {
  min-height: 30px;
  min-height: var(--shift-cell-min-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-active-color);
  position: relative;
  font-size: 14px;
  font-size: var(--shift-cell-font-size);
  font-weight: 600;
  line-height: 20px;
  line-height: var(--shift-cell-line-height);
  letter-spacing: -0.02em;
  letter-spacing: var(--shift-cell-letter-spacing);
  transition: all 0.2s linear;
  transition: var(--shift-cell-transition);
}

.style_wrapper__3TXK5:not(:last-child) {
  border-bottom: 1px solid var(--border-secondary);
  border-bottom: var(--shift-cell-border-width) solid var(--border-secondary);
}

.style_wrapper__3TXK5.style_past__edhSv,
.style_wrapper__3TXK5.style_inProgress__WuDb7.style_empty__yN\+DP {
  background-color: var(--past-shift-background);
}

.style_wrapper__3TXK5.style_inProgress__WuDb7.style_empty__yN\+DP {
  background-color: var(--section-secondary);
}

.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv).style_empty__yN\+DP {
  background-color: transparent;
}

.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv):hover,
.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv).style_active__TRRZa {
  background-color: var(--primary-color);
  transition: all 0.2s linear;
  transition: var(--shift-cell-hover-transition);
  cursor: pointer;
}

.style_wrapper__3TXK5.style_past__edhSv:hover,
.style_wrapper__3TXK5.style_inProgress__WuDb7:hover {
  cursor: not-allowed;
}

.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv):hover .style_addButton__LHm46,
.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv):hover .style_time__-jp0j,
.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv):hover .style_name__Y2v-W,
.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv).style_active__TRRZa .style_addButton__LHm46,
.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv).style_active__TRRZa .style_time__-jp0j,
.style_wrapper__3TXK5:not(.style_inProgress__WuDb7):not(.style_past__edhSv).style_active__TRRZa .style_name__Y2v-W {
  color: rgba(var(--white));
}

/* Content layout */
.style_content__lpvi6 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 8px;
  padding: var(--shift-cell-padding);
  color: rgb(var(--white));
  opacity: 1;
  gap: 8px;
  gap: var(--shift-cell-gap);
}

/* Small variant */
.style_wrapper__3TXK5.style_small__3QNk\+ .style_content__lpvi6 {
  gap: 1px;
  gap: var(--shift-cell-small-gap);
}

.style_wrapper__3TXK5.style_small__3QNk\+ .style_time__-jp0j {
  font-size: 10px;
  font-size: var(--shift-cell-small-font-size);
  line-height: 14px;
  line-height: var(--shift-cell-small-line-height);
}

.style_wrapper__3TXK5.style_small__3QNk\+ .style_name__Y2v-W {
  font-size: 14px;
  font-size: var(--shift-cell-font-size);
  line-height: 20px;
  line-height: var(--shift-cell-line-height);
}

/* User info */
.style_user__s8D7W {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* Text styles */
.style_time__-jp0j {
  color: var(--text-third);
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-size: var(--shift-cell-font-size);
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -0.02em;
  letter-spacing: var(--shift-cell-letter-spacing);
}

.style_name__Y2v-W {
  color: var(--text-forth);
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-size: var(--shift-cell-name-font-size);
  font-weight: 600;
  line-height: 25.2px;
  line-height: var(--shift-cell-name-line-height);
  letter-spacing: -0.04em;
  letter-spacing: var(--shift-cell-name-letter-spacing);
  padding-right: 2px;
}

/* Add button */
.style_addButton__LHm46 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 8px;
  padding: var(--shift-cell-padding);
  gap: 8px;
  gap: var(--shift-cell-gap);
  color: var(--primary-color);
}

.style_icon__otTwE {
  transition: all 0.2s linear;
  transition: var(--shift-cell-hover-transition);
}

.style_buttonText__Ou5l0 {
  opacity: 1;
  transition: all 0.2s linear;
  transition: var(--shift-cell-hover-transition);
  display: block;
}

.style_timeRange__uYH\+i {
  opacity: 0;
  transition: all 0.2s linear;
  transition: var(--shift-cell-hover-transition);
  display: none;
}

/* Hover effects */
.style_wrapper__3TXK5:hover .style_timeRange__uYH\+i,
.style_wrapper__3TXK5.style_active__TRRZa .style_timeRange__uYH\+i {
  opacity: 1;
  display: block;
}

.style_wrapper__3TXK5:hover .style_buttonText__Ou5l0,
.style_wrapper__3TXK5.style_active__TRRZa .style_buttonText__Ou5l0 {
  opacity: 0;
  display: none;
}

/* Past state text */
.style_wrapper__3TXK5.style_past__edhSv .style_name__Y2v-W {
  color: var(--text-third);
}

/* Progress bar */
.style_inProgress__WuDb7 {
  position: relative;
}

.style_progressBar__iJgjS {
  position: absolute;
  inset: 0;
  display: block;
  transition: height all 0.2s linear;
  transition: height var(--shift-cell-transition);
  background-color: var(--past-shift-background);
}

/* Tooltip */
.style_tooltipWrapper__0S9rY {
  width: 100%;
}

.style_option__IDBRb {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 58px;
}

.style_selected__RC2OO {
  display: flex;
  align-items: center;
  gap: 10px;
}

.style_info__gE\+gK {
  padding: 3px 0 3px 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.style_truncate__ZRf3C {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.style_name__J0JWl {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.style_id__uarVr {
  font-size: 12px;
  color: var(--text-secondary);
}

.style_avatar__SgxVy {
  flex: none;
  color: var(--text-fifth);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_spinner__fWCtI {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(var(--avatar-size) + 4px);
  height: calc(var(--avatar-size) + 4px);
  border: 2px solid transparent;
  border-top: 2px solid --primary-active-color;
  border-top: 2px solid var(--primary-color, --primary-active-color);
  border-radius: 50%;
  animation: style_spin__3FzAA 1s linear infinite;
  pointer-events: none;
}

@keyframes style_spin__3FzAA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.style_not-draggable__5k0za {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.style_loader__24gr4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.style_absolute__xpmdm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--backdrop);
}

.style_label__lqsOt {
  color: var(--text-third);
  font-size: 12px;
  line-height: 16px;
}

.style_footer__gQWlw {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 16px;
}

.style_selected__8VR0X {
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -0.02em;
  color: var(--text-third);
  padding: 8px 16px 8px 0;
}

.style_count__u72Cf {
  color: var(--text-primary);
}

.style_backdrop__GDhx9 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1000;
}

.style_customClearIcon__3xbKM {
  padding: 4px;
}

.ant-picker {
  transition: none !important;
}

.picker .ant-picker-input {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-secondary);
}

.picker .ant-picker-input input {
  font-size: 14px;
  line-height: 100%;
}

.ant-picker-dropdown {
  color: var(--text-primary);
}

.datepicker-dropdown {
  position: fixed !important;
  z-index: 1050 !important;
  max-width: none !important;
}

.datepicker-dropdown .ant-picker-panel-container {
  overflow: visible !important;
}

/* Preset buttons styling */
.datepicker-dropdown .ant-picker-presets li {
  transition: all 0.2s ease;
}

.datepicker-dropdown .ant-picker-presets li:hover {
  background-color: var(--primary-color) !important;
  color: rgb(var(--white)) !important;
}

.styles_wrapper__apj5v {
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  color: var(--text-fifth);
  transition: all 0.2s ease-in-out;
}

.styles_wrapper__apj5v::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    var(--primary-color) 0%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity 0.2s;
}

.styles_wrapper__apj5v:not(.styles_disabled__\+\+Qd7):hover {
  color: var(--primary-color);
}

.styles_wrapper__apj5v:not(.styles_disabled__\+\+Qd7):hover::before {
  opacity: 0.3;
}

.styles_wrapper__apj5v:not(.styles_disabled__\+\+Qd7):active::before {
  opacity: 0.5;
}

.styles_wrapper__apj5v > * {
  position: relative;
  z-index: 1;
}

.style_wrapper__M5\+0q {
  display: flex;
  align-items: center;
  padding: 5px 0;
  gap: 12px;
}

.style_selected__RuE8S {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  font-weight: 600;
  color: var(--text-secondary);
  height: 28px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.style_selected__RuE8S .style_name__nZZw5 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style_crmAvatar__A4QmW {
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--primary-color);
}

.style_creatorSelectLabel__Jb9rp {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: normal !important;
}

.style_visible__kDFpZ {
  visibility: visible;
}

.style_collapse__TFPMQ {
  visibility: collapse;
}

.style_static__NwmVU {
  position: static;
}

.style_fixed__6NOsC {
  position: fixed;
}

.style_\!absolute__CvRIT {
  position: absolute !important;
}

.style_absolute__VcKCy {
  position: absolute;
}

.style_relative__ccIMz {
  position: relative;
}

.style_sticky__Yrv07 {
  position: -webkit-sticky;
  position: sticky;
}

.style_bottom-0__DwOkM {
  bottom: 0px;
}

.style_bottom-\[0px\]__0Jfrz {
  bottom: 0px;
}

.style_left-0__MpDBD {
  left: 0px;
}

.style_left-\[-45px\]__J5OvP {
  left: -45px;
}

.style_left-\[0px\]__aMZcf {
  left: 0px;
}

.style_left-\[50\%\]__YEk48 {
  left: 50%;
}

.style_right-0__RiIxP {
  right: 0px;
}

.style_right-5__WpwrO {
  right: 1.25rem;
}

.style_top-0__RPXfo {
  top: 0px;
}

.style_top-3__S4PB9 {
  top: 0.75rem;
}

.style_top-\[50\%\]__r8GQV {
  top: 50%;
}

.style_z-10__1toDT {
  z-index: 10;
}

.style_z-50__j-JBM {
  z-index: 50;
}

.style_m-auto__wWdtC {
  margin: auto;
}

.style_mx-auto__83GIx {
  margin-left: auto;
  margin-right: auto;
}

.style_my-0__Xb9mh {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style_-mb-3__eck8a {
  margin-bottom: -0.75rem;
}

.style_-mr-1__xRjL4 {
  margin-right: -0.25rem;
}

.style_mb-2__gzMja {
  margin-bottom: 0.5rem;
}

.style_mb-3__d\+3fa {
  margin-bottom: 0.75rem;
}

.style_mb-4__LXUGf {
  margin-bottom: 1rem;
}

.style_mb-5__OLfOp {
  margin-bottom: 1.25rem;
}

.style_mb-\[15px\]__76OGs {
  margin-bottom: 15px;
}

.style_ml-1__4YYxL {
  margin-left: 0.25rem;
}

.style_ml-auto__bYEsF {
  margin-left: auto;
}

.style_mr-1__Lr6Gv {
  margin-right: 0.25rem;
}

.style_mr-2__ogfe\+ {
  margin-right: 0.5rem;
}

.style_mr-3__FVF3a {
  margin-right: 0.75rem;
}

.style_mr-auto__rKigD {
  margin-right: auto;
}

.style_mt-1__VDt90 {
  margin-top: 0.25rem;
}

.style_mt-2__klT8d {
  margin-top: 0.5rem;
}

.style_mt-4__gAd2f {
  margin-top: 1rem;
}

.style_block__jvqIp {
  display: block;
}

.style_inline__Tvhrc {
  display: inline;
}

.style_flex__IL9rE {
  display: flex;
}

.style_inline-flex__wHLuw {
  display: inline-flex;
}

.style_table__AHdXD {
  display: table;
}

.style_grid__iKnfI {
  display: grid;
}

.style_\!hidden__Hjxet {
  display: none !important;
}

.style_hidden__jid9\+ {
  display: none;
}

.style_\!h-\[94px\]__HuD4D {
  height: 94px !important;
}

.style_h-24__NR8Zw {
  height: 6rem;
}

.style_h-4__2acH0 {
  height: 1rem;
}

.style_h-6__PDc\+2 {
  height: 1.5rem;
}

.style_h-8__lGSwj {
  height: 2rem;
}

.style_h-\[100\%\]__FWYLL {
  height: 100%;
}

.style_h-\[100px\]__e-J0T {
  height: 100px;
}

.style_h-\[36px\]__jT1Fi {
  height: 36px;
}

.style_h-\[40px\]__PV9zg {
  height: 40px;
}

.style_h-\[420px\]__Rfqtp {
  height: 420px;
}

.style_h-\[478px\]__nv-Fu {
  height: 478px;
}

.style_h-\[65px\]__i8paO {
  height: 65px;
}

.style_h-auto__-YC8h {
  height: auto;
}

.style_h-fit__nNM4i {
  height: -webkit-fit-content;
  height: fit-content;
}

.style_h-full__RiWZG {
  height: 100%;
}

.style_h-screen__U0slj {
  height: 100vh;
}

.style_max-h-\[325px\]__hZn0s {
  max-height: 325px;
}

.style_max-h-\[700px\]__7RnGP {
  max-height: 700px;
}

.style_max-h-\[90vh\]__NICwH {
  max-height: 90vh;
}

.style_min-h-\[45px\]__egkob {
  min-height: 45px;
}

.style_min-h-\[60px\]__sKCaX {
  min-height: 60px;
}

.style_\!w-\[94px\]__5XtiL {
  width: 94px !important;
}

.style_\!w-full__SkSNf {
  width: 100% !important;
}

.style_w-1-2__MACm- {
  width: 50%;
}

.style_w-1-5__jfJUU {
  width: 20%;
}

.style_w-1-6__OxdG8 {
  width: 16.666667%;
}

.style_w-24__Ywkgb {
  width: 6rem;
}

.style_w-4__iQp9B {
  width: 1rem;
}

.style_w-8__iUQbr {
  width: 2rem;
}

.style_w-\[100\%\]__qyDSz {
  width: 100%;
}

.style_w-\[100px\]__uENrQ {
  width: 100px;
}

.style_w-\[170px\]__GCZub {
  width: 170px;
}

.style_w-\[250px\]__F\+wmz {
  width: 250px;
}

.style_w-\[345px\]__AD-RA {
  width: 345px;
}

.style_w-\[36px\]__wRz26 {
  width: 36px;
}

.style_w-\[400px\]__cMYM3 {
  width: 400px;
}

.style_w-\[600px\]__A6BNL {
  width: 600px;
}

.style_w-\[72px\]__thdY5 {
  width: 72px;
}

.style_w-\[75\%\]__vPF7A {
  width: 75%;
}

.style_w-full__2Us8O {
  width: 100%;
}

.style_min-w-0__dGjpV {
  min-width: 0px;
}

.style_min-w-\[345px\]__81cmo {
  min-width: 345px;
}

.style_max-w-\[325px\]__OLXGu {
  max-width: 325px;
}

.style_flex-1__cJMqy {
  flex: 1 1;
}

.style_flex-none__VQI4q {
  flex: none;
}

.style_flex-shrink-0__tY1uZ {
  flex-shrink: 0;
}

.style_shrink__pu0Uz {
  flex-shrink: 1;
}

.style_grow__uxOnN {
  flex-grow: 1;
}

.style_translate-x-\[-50\%\]__kbEpF {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_translate-y-\[-50\%\]__HBDEE {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_rotate-45__5M5Dy {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_transform__QP9ba {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_cursor-pointer__b-nlQ {
  cursor: pointer;
}

.style_resize__mQSIs {
  resize: both;
}

.style_grid-cols-2__zweHD {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.style_flex-row__IvihC {
  flex-direction: row;
}

.style_flex-col__8RtpK {
  flex-direction: column;
}

.style_flex-wrap__YbxeY {
  flex-wrap: wrap;
}

.style_items-start__lzGs- {
  align-items: flex-start;
}

.style_items-center__abNhu {
  align-items: center;
}

.style_justify-center__dKKpP {
  justify-content: center;
}

.style_justify-between__1CgpB {
  justify-content: space-between;
}

.style_gap-4__joeCH {
  gap: 1rem;
}

.style_gap-\[10px\]__3-h91 {
  gap: 10px;
}

.style_gap-\[16px\]__qwasx {
  gap: 16px;
}

.style_gap-x-2__bTzT1 {
  column-gap: 0.5rem;
}

.style_gap-x-6__z1s\+1 {
  column-gap: 1.5rem;
}

.style_self-end__eFm3B {
  align-self: flex-end;
}

.style_self-center__jJ7\+b {
  align-self: center;
}

.style_overflow-hidden__GGY48 {
  overflow: hidden;
}

.style_overflow-x-auto__Ws627 {
  overflow-x: auto;
}

.style_overflow-y-auto__fvoPY {
  overflow-y: auto;
}

.style_overflow-x-hidden__fiPTZ {
  overflow-x: hidden;
}

.style_truncate__5i-nO {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_break-all__S5FxD {
  word-break: break-all;
}

.style_rounded-full__RXucl {
  border-radius: 9999px;
}

.style_rounded-xl__PiIkp {
  border-radius: 0.75rem;
}

.style_rounded-l-full__pg6jV {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.style_border__aahkq {
  border-width: 1px;
}

.style_\!bg-gray-600__n5oy7 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}

.style_bg-gray-200__jQkSw {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}

.style_bg-red-500__JyLK3 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.style_bg-white__UnCqk {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.style_p-2_5__Dg3jm {
  padding: 0.625rem;
}

.style_p-4__ur9a2 {
  padding: 1rem;
}

.style_p-5__hPpKL {
  padding: 1.25rem;
}

.style_p-\[15px\]__b7k5W {
  padding: 15px;
}

.style_p-\[16px\]__OB8aU {
  padding: 16px;
}

.style_p-\[8px\]__XuOg6 {
  padding: 8px;
}

.style_\!py-\[4px\]__12S0L {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.style_px-0__m0a8F {
  padding-left: 0px;
  padding-right: 0px;
}

.style_px-1__RPCFq {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.style_px-3__ZzAvl {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.style_px-4__GEOtj {
  padding-left: 1rem;
  padding-right: 1rem;
}

.style_px-6__-qUlb {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.style_py-1__obWHE {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.style_py-2__MBNej {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.style_pb-0_5__RhseY {
  padding-bottom: 0.125rem;
}

.style_pb-3__wDEj\+ {
  padding-bottom: 0.75rem;
}

.style_pb-5__7nBAI {
  padding-bottom: 1.25rem;
}

.style_pb-\[20px\]__VYY8o {
  padding-bottom: 20px;
}

.style_pl-2__KNtxI {
  padding-left: 0.5rem;
}

.style_pl-4__C5CJi {
  padding-left: 1rem;
}

.style_pr-\[16px\]__jb2aM {
  padding-right: 16px;
}

.style_pr-\[6px\]__4r6f8 {
  padding-right: 6px;
}

.style_pt-1__oJ0OV {
  padding-top: 0.25rem;
}

.style_pt-2_5__3cIqz {
  padding-top: 0.625rem;
}

.style_pt-5__0D5R\+ {
  padding-top: 1.25rem;
}

.style_pt-6__d\+UI0 {
  padding-top: 1.5rem;
}

.style_pt-\[7px\]__auYfM {
  padding-top: 7px;
}

.style_text-center__uB4sJ {
  text-align: center;
}

.style_text-right__HhzFT {
  text-align: right;
}

.style_text-sm__t20aS {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.style_text-xs__sHa1x {
  font-size: 0.75rem;
  line-height: 1rem;
}

.style_text-xxs__jdE6e {
  font-size: 10px;
}

.style_font-medium__KR34x {
  font-weight: 500;
}

.style_italic__83fba {
  font-style: italic;
}

.style_leading-none__TH6sQ {
  line-height: 1;
}

.style_text-gray-500__-\+6zP {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.style_text-gray-600__XdgXB {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}

.style_text-red-500__1abkD {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.style_text-red-600__4Ne5j {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.style_text-white__bgQu7 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_opacity-50__rTOG2 {
  opacity: 0.5;
}

.style_shadow__DOkNV {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.style_outline__TmkOJ {
  outline-style: solid;
}

.style_ring__upboM {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.style_filter__VaD7Y {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.style_transition__IjSKd {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.style_ease-in-out__uWkyQ {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.style_button__GL33P {
  border: none;
  cursor: pointer;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 112px;
  height: 36px;
  padding: 18px 16px;
  border-radius: 40px;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  transition: all 0.3s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.style_button__GL33P.style_small__jJers {
  height: 32px;
  padding: 4px 12px;
  min-width: 60px;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: 12px;
}

.style_button__GL33P:disabled {
  color: rgb(var(--white)) !important;
  box-shadow: none !important;
  background-color: var(--button-disabled) !important;
  cursor: not-allowed;
}

.style_button__GL33P.style_primary__C601L {
  background: var(--primary-color);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_button__GL33P.style_secondary__Z2iGV,
.style_button__GL33P.style_text__PCdS7 {
  background-color: transparent;
  color: var(--primary-color);
}

.style_button__GL33P.style_text__PCdS7:not(:disabled):hover,
.style_button__GL33P.style_text__PCdS7:not(:disabled).style_active__VEHb1 {
  cursor: pointer;
  color: var(--primary-hover-color);
}

.style_button__GL33P.style_outlined__uiPfA {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.style_button__GL33P.style_outlined__uiPfA:hover,
.style_button__GL33P.style_outlined__uiPfA.style_active__VEHb1 {
  color: rgb(var(--white));
}

.style_button__GL33P.style_green__VUDqj {
  background-color: var(--green);
  color: rgb(var(--white));
}

.style_button__GL33P.style_warning__KQLMK {
  background-color: transparent;
  color: var(--red);
}

.style_button__GL33P.style_warning__KQLMK:hover {
  background-color: var(--red);
  color: rgb(var(--white));
}

.style_button__GL33P.style_grey__FKpiM {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  background-color: var(--section-secondary);
  transition: all 0.3s linear;
}

.style_button__GL33P.style_grey__FKpiM:disabled {
  color: var(--text-forth) !important;
  background-color: var(--section-secondary) !important;
}

.style_button__GL33P.style_grey__FKpiM:hover,
.style_button__GL33P.style_grey__FKpiM.style_active__VEHb1 {
  color: var(--text-primary);
  background-color: var(--border);
  transition: all 0.1s linear;
}

.style_button__GL33P.style_border__aahkq {
  border: 2px solid var(--primary-color);
}

.style_button__GL33P.style_primary__C601L:hover,
.style_button__GL33P.style_primary__C601L.style_active__VEHb1 {
  background-color: var(--primary-hover-color);
}

.style_button__GL33P.style_secondary__Z2iGV:hover,
.style_button__GL33P.style_secondary__Z2iGV.style_active__VEHb1 {
  background-color: var(--primary-hover-color);
  color: rgb(var(--white));
}

.style_button__GL33P.style_secondary__Z2iGV svg,
.style_button__GL33P.style_grey__FKpiM svg {
  transition: all 0.3s linear;
}

.style_button__GL33P.style_secondary__Z2iGV:hover svg,
.style_button__GL33P.style_grey__FKpiM:hover svg,
.style_button__GL33P.style_secondary__Z2iGV.style_active__VEHb1 svg,
.style_button__GL33P.style_grey__FKpiM.style_active__VEHb1 svg {
  color: rgb(var(--white));
  fill: rgb(var(--white));
}

.style_button__GL33P:focus {
  outline: 0;
}

.style_label__LLeRo {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -0.02em;
  text-align: left;
  color: var(--text-third);
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.style_selected__yvuV1 {
  color: var(--text-secondary);
}

.style_placeholder__QhAjK {
  color: var(--placeholder);
  width: 100%;
  height: 23px;
}

.style_inline__4DV0b {
  padding-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style_menu__mXDHG {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 1;
}

.style_menuWrapper__n7NmY {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.style_option__Va7X9 {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%;
}

.style_empty__2WNbr {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
}

.style_loader__QiFOQ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
}

.styles_container__vbiDz svg {
  z-index: 1;
}

@property --progressBar-progress-value {
  syntax: '<integer>';
  inherits: false;
  initial-value: 0;
}

@keyframes styles_progress__oh0ac {
  to {
    --progressBar-progress-value: var(--progressBar-current-progress-value);
  }
}

.styles_wrapper__AgqaA {
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: radial-gradient(
      closest-side,
      var(--page) 76%,
      transparent 80% 100%
    ),
    conic-gradient(
      var(--primary-color) calc(var(--progressBar-progress-value) * 1%),
      #717d8a 0
    );
}

.styles_progress__oh0ac {
  animation: styles_progress__oh0ac 2s 1 forwards;
}

.styles_error__FpxML {
  background: radial-gradient(
      closest-side,
      var(--page) 76%,
      transparent 80% 100%
    ),
    conic-gradient(#f44336 100%, #f44336 0);
}

.style_wrapper__W0MAt {
  padding: 16px;
  width: 25%;
  position: relative;
  font-family: 'Manrope', sans-serif;
}

.style_wrapper__W0MAt:last-child .style_line__s-lCk {
  display: none;
}

.style_countWrapper__aH1Lw {
  display: flex;
  height: 80%;
  align-items: center;
  justify-content: flex-start;
}

.style_count__oU4m6 {
  color: var(--text-primary);
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.6px;
}

.style_percent__6UO3b {
  margin-left: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.72px;
  margin-top: 21px;
  align-self: flex-start;
}

.style_percent__6UO3b.style_positive__vooSL {
  color: #44c13c;
}

.style_percent__6UO3b.style_negative__Nz4EB {
  color: #ff513a;
}

.style_label__KNmmn {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  line-height: 140%;
  letter-spacing: -0.28px;
  width: 100%;
}

.style_line__s-lCk {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 48px;
  background-color: var(--border);
  right: 8px;
  transform: translateY(-50%);
}

.style_textAreaContainer__ptBD2 {
  padding: 0;
}

.style_list__FRNKR {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: auto;
  gap: 16px;
  padding: 8px 0;
}

.style_preview__-ZaM7 {
  position: relative;
}

.style_trash__NkmjI {
  position: absolute !important;
  top: 0;
  right: 0;
}

.style_errorDescr__ZPfeU {
  color: var(--red);
  font-size: 12px;
}

.styles_page__UiMmv {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.styles_header__Z1nuW {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.styles_searchWrapper__35rx8 {
  display: flex;
  align-items: end;
  justify-content: center;
}

.styles_header__Z1nuW h2 {
  color: var(--title-color);
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.96px;
  margin-bottom: 8px;
}

.styles_header__Z1nuW h3 {
  color: var(--text-secondary);
  font-feature-settings: 'ss01' on, 'ss02' on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: -0.28px;
}

.styles_incomeContainer__unIva {
  display: flex;
  width: 280px;
  padding: 10px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 10px;
  background: var(--primary-active-color);
}

.styles_incomeInfo__twqfC {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-third);
}

.styles_incomeSumm__nZsJb {
  color: var(--primary-color);
  text-align: center;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.96px;
}

.styles_tableWrapper__lMmpK {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.styles_tableHeader__\+gwWT {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 16px;
}

.styles_tableTabs__HVVmS {
  flex: 1 1;
}

.styles_tableWrapper__lMmpK .styles_tablePanel__RNgSc {
  padding: 0;
}

.styles_tablePanel__RNgSc {
  flex: 1 1;
  overflow: hidden;
}

.styles_tableHeaderSideContainers__1WJf\+ {
  width: 40%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
}

.styles_tableHeaderSideContainersFilter__HcUiT {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.styles_sendingStats__CTTNe {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-third);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
}

.style_wrapper__xDA-9 {
  width: 100%;
}

.style_tooltip__NLncN:hover {
  cursor: pointer;
}

.style_container__Z6uZK {
  width: 100%;
  padding: 8px 4px;
}

.style_container__Z6uZK.style_inline__Uirs1 {
  display: flex;
  align-items: center;
}

.style_container__Z6uZK.style_inline__Uirs1 .style_label__NK\+Ub {
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--text-forth);
}

.style_labelWrapper__FoODe {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.style_label__NK\+Ub {
  margin-bottom: 4px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-third);
}

.style_error__1AA2I {
  color: var(--red);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  font-family: 'Manrope', sans-serif;
}

.style_label__NK\+Ub .style_required__o8Q3s {
  color: var(--red);
}

.style_inputWrapper__AbUXx {
  position: relative;
}

.style_disabled__oJ1bK {
  opacity: 0.7;
}

.style_searchIcon__MDrpD {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-fifth);
}

.style_endIcon__HnW3U {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.style_clearIcon__lB\+1T {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  color: var(--text-fifth);
}

.style_clearIcon__lB\+1T:hover {
  background-color: var(--button-disabled);
}

.style_input__axoKM {
  height: 36px;
  width: 100%;
  padding: 8px 12px;
  border-radius: 5px;
  gap: 12px;
  border: 1px solid var(--border-secondary);
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: -0.02em !important;
  text-align: left;
  color: var(--text-secondary) !important;
  background-color: var(--form-element-background);
  display: flex;
  align-items: center;
}

.style_input__axoKM.style_small__rsUrl {
  height: 36px;
  font-size: 14px;
}

.style_input__axoKM.style_medium__JJw3h {
  height: 44px;
  font-size: 16px;
}

.style_input__axoKM.style_large__dbHp6 {
  height: 52px;
  font-size: 18px;
}

.style_input__axoKM[type='number']::-webkit-inner-spin-button {
  display: none;
}

.style_input__axoKM[type='number']::-webkit-outer-spin-button {
  display: none;
}

.style_input__axoKM::placeholder {
  color: var(--placeholder);
}

.style_input__axoKM:focus {
  outline: 0;
  border: 1px solid var(--primary-color);
}

.style_input__axoKM:hover {
  border-color: var(--primary-hover-color);
}

.style_input__axoKM.style_withSearch__f-mFD {
  padding-left: 30px;
}

.style_input__axoKM.style_withTooltip__SgarC {
  padding-right: 30px;
}

.style_tooltipText__l1cFo {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

.style_wrapper__vVKQI {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.style_overlay__S6VGG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--black), 0.5);
}

.style_header__oOdPa {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 10px;
  color: var(--title-color);
}

.style_content__U\+wmg {
  background: var(--page);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 2px 16px 0px var(--shadow);
  width: 350px;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  z-index: 10000;
  color: var(--text-primary);
}

.style_buttons__1mnop {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 10px;
}

/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(1em * 1.5);
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: 1em;
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: 1em;
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: rgba(0,0,0,0.1);
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 1px rgba(0,0,0,0.5),
		inset 0 0 0 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: 0.8;
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: 0.65;
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: 0.35em;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: 0.3em;
	width: var(--PhoneInputCountrySelectArrow-width);
	height: 0.3em;
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: 0.35em;
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: currentColor;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: 1px;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: 1px;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: rotate(45deg);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: 0.45;
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: #03b2cb;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 1px #03b2cb,
		inset 0 0 0 1px #03b2cb;
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: #03b2cb;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInput {
  width: 100%;
  padding-left: 4px;
}

.PhoneInputCountry {
  align-self: flex-end;
  bottom: 20px;
}

.PhoneInputCountrySelectArrow {
  color: var(--title-color);
}

.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  + .PhoneInputCountrySelectArrow {
  color: var(--primary-color);
}

.PhoneInputCountryIcon .PhoneInputInternationalIconPhone {
  stroke: var(--title-color);
  fill: var(--title-color);
}

.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  stroke: var(--title-color);
}

.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  .PhoneInputInternationalIconPhone {
  stroke: var(--primary-color);
  fill: var(--primary-color);
}

.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  .PhoneInputInternationalIconGlobe {
  stroke: var(--primary-color);
}

.PhoneInputCountrySelect {
  background-color: var(--form-element-background);
  border: none;
  color: var(--text-primary);
}

.PhoneInputCountrySelect option:hover {
  background-color: var(--primary-color);
}

.style_wrapper__lFKDd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.style_form__ycReo {
  box-shadow: 0px 2px 16px 0px var(--shadow);
}

.style_title__IQ\+J4 {
  color: var(--text-primary);
}

.style_wrapper__Xp0-U {
  width: 170px;
  height: 170px;
  border-radius: 10px;
  background-color: var(--page);
  overflow: hidden;
  position: relative;
  transition: all 0.3s linear;
  box-shadow: 0px 2px 4px var(--shadow);
}

.style_wrapper__Xp0-U:hover {
  cursor: pointer;
  box-shadow: 0px 4px 8px var(--shadow);
}

.style_wrapper__Xp0-U img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.style_audioWrapper__jAYMq {
  background-color: var(--form-element-background);
}

.style_info__e3Kzj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.style_date__u7MMg {
  background-color: var(--form-element-background);
  color: var(--border);
  padding: 4px 8px;
  border-radius: 12px;
  width: -webkit-fit-content;
  width: fit-content;
  align-self: flex-start;
  font-size: 12px;
}

.style_revenue__LYBCO {
  background-color: var(--form-element-background);
  color: var(--border);
  padding: 4px 8px;
  border-radius: 12px;
  align-self: center;
  font-size: 32px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_subInfo__s9-i\+ {
  display: flex;
  justify-content: space-between;
}

.style_prices__zRb5P {
  display: flex;
  gap: 8px;
  font-size: 14px;
}

.style_cost__vFtil {
  color: var(--green);
}

.style_percent__NABDr {
  color: var(--yellow);
}

.style_audio__vcuiI {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.style_visible__Ymupu {
  visibility: visible;
}

.style_collapse__Xk8gb {
  visibility: collapse;
}

.style_static__S5fGG {
  position: static;
}

.style_fixed__ZcUZj {
  position: fixed;
}

.style_\!absolute__Ogj-R {
  position: absolute !important;
}

.style_absolute__J89Fq {
  position: absolute;
}

.style_relative__5SRlR {
  position: relative;
}

.style_sticky__VNOtt {
  position: -webkit-sticky;
  position: sticky;
}

.style_bottom-0__4WBxj {
  bottom: 0px;
}

.style_bottom-\[0px\]__CNtcA {
  bottom: 0px;
}

.style_left-0__IH6sq {
  left: 0px;
}

.style_left-\[-45px\]__NjPAU {
  left: -45px;
}

.style_left-\[0px\]__YyNbw {
  left: 0px;
}

.style_left-\[50\%\]__Htmt3 {
  left: 50%;
}

.style_right-0__RQw8z {
  right: 0px;
}

.style_right-5__uLPZ9 {
  right: 1.25rem;
}

.style_top-0__39Clp {
  top: 0px;
}

.style_top-3__bmHKC {
  top: 0.75rem;
}

.style_top-\[50\%\]__D2FXA {
  top: 50%;
}

.style_z-10__YZAfY {
  z-index: 10;
}

.style_z-50__eo6lR {
  z-index: 50;
}

.style_m-auto__3hcxU {
  margin: auto;
}

.style_mx-auto__KjElE {
  margin-left: auto;
  margin-right: auto;
}

.style_my-0__oxW69 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style_-mb-3__\+Nu\+1 {
  margin-bottom: -0.75rem;
}

.style_-mr-1__P1E9V {
  margin-right: -0.25rem;
}

.style_mb-2__AD-Xl {
  margin-bottom: 0.5rem;
}

.style_mb-3__p-PQu {
  margin-bottom: 0.75rem;
}

.style_mb-4__S-1Dx {
  margin-bottom: 1rem;
}

.style_mb-5__ryt8k {
  margin-bottom: 1.25rem;
}

.style_mb-\[15px\]__ZJT\+w {
  margin-bottom: 15px;
}

.style_ml-1__Vq5q8 {
  margin-left: 0.25rem;
}

.style_ml-auto__z8NT6 {
  margin-left: auto;
}

.style_mr-1__Xsnsa {
  margin-right: 0.25rem;
}

.style_mr-2__Mbw16 {
  margin-right: 0.5rem;
}

.style_mr-3__gtQqo {
  margin-right: 0.75rem;
}

.style_mr-auto__LWP-7 {
  margin-right: auto;
}

.style_mt-1__hHTMu {
  margin-top: 0.25rem;
}

.style_mt-2__TdNKm {
  margin-top: 0.5rem;
}

.style_mt-4__Ljp5b {
  margin-top: 1rem;
}

.style_block__2o50n {
  display: block;
}

.style_inline__0jHji {
  display: inline;
}

.style_flex__h7jtI {
  display: flex;
}

.style_inline-flex__olSg0 {
  display: inline-flex;
}

.style_table__TIcnA {
  display: table;
}

.style_grid__OBmJt {
  display: grid;
}

.style_\!hidden__AyhAZ {
  display: none !important;
}

.style_hidden__dSz5B {
  display: none;
}

.style_\!h-\[94px\]__-KrLB {
  height: 94px !important;
}

.style_h-24__3ORGT {
  height: 6rem;
}

.style_h-4__NiTNw {
  height: 1rem;
}

.style_h-6__8baZ- {
  height: 1.5rem;
}

.style_h-8__1WDmD {
  height: 2rem;
}

.style_h-\[100\%\]__NeBAo {
  height: 100%;
}

.style_h-\[100px\]__M3rfW {
  height: 100px;
}

.style_h-\[36px\]__66Y3\+ {
  height: 36px;
}

.style_h-\[40px\]__YKIow {
  height: 40px;
}

.style_h-\[420px\]__C7JNv {
  height: 420px;
}

.style_h-\[478px\]__e6nEL {
  height: 478px;
}

.style_h-\[65px\]__vopkR {
  height: 65px;
}

.style_h-auto__TTAK3 {
  height: auto;
}

.style_h-fit__fXPd6 {
  height: -webkit-fit-content;
  height: fit-content;
}

.style_h-full__078UF {
  height: 100%;
}

.style_h-screen__qGpqu {
  height: 100vh;
}

.style_max-h-\[325px\]__zhu5e {
  max-height: 325px;
}

.style_max-h-\[700px\]__0Qy7Q {
  max-height: 700px;
}

.style_max-h-\[90vh\]__2ZvWh {
  max-height: 90vh;
}

.style_min-h-\[45px\]__peihr {
  min-height: 45px;
}

.style_min-h-\[60px\]__Rycgm {
  min-height: 60px;
}

.style_\!w-\[94px\]__n9fHR {
  width: 94px !important;
}

.style_\!w-full__bXsb8 {
  width: 100% !important;
}

.style_w-1-2__KaI7s {
  width: 50%;
}

.style_w-1-5__qCx7W {
  width: 20%;
}

.style_w-1-6__LKq9- {
  width: 16.666667%;
}

.style_w-24__l9HOL {
  width: 6rem;
}

.style_w-4__B6p53 {
  width: 1rem;
}

.style_w-8__Y03zN {
  width: 2rem;
}

.style_w-\[100\%\]__hfBuu {
  width: 100%;
}

.style_w-\[100px\]__FVnaP {
  width: 100px;
}

.style_w-\[170px\]__Fbcsk {
  width: 170px;
}

.style_w-\[250px\]__-QKoM {
  width: 250px;
}

.style_w-\[345px\]__lVlAm {
  width: 345px;
}

.style_w-\[36px\]__4i58l {
  width: 36px;
}

.style_w-\[400px\]__\+xieq {
  width: 400px;
}

.style_w-\[600px\]__YNq7x {
  width: 600px;
}

.style_w-\[72px\]__UDEFW {
  width: 72px;
}

.style_w-\[75\%\]__9Jalv {
  width: 75%;
}

.style_w-full__vnDMS {
  width: 100%;
}

.style_min-w-0__vt3xK {
  min-width: 0px;
}

.style_min-w-\[345px\]__qHzqd {
  min-width: 345px;
}

.style_max-w-\[325px\]__ndrX3 {
  max-width: 325px;
}

.style_flex-1__y9DQy {
  flex: 1 1;
}

.style_flex-none__EGM63 {
  flex: none;
}

.style_flex-shrink-0__jvIXW {
  flex-shrink: 0;
}

.style_shrink__xF\+J6 {
  flex-shrink: 1;
}

.style_grow__2S77j {
  flex-grow: 1;
}

.style_translate-x-\[-50\%\]__3\+jDM {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_translate-y-\[-50\%\]__HpAyh {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_rotate-45__0hcH0 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_transform__tWeis {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_cursor-pointer__7ZwOT {
  cursor: pointer;
}

.style_resize__D8tJ7 {
  resize: both;
}

.style_grid-cols-2__aE-KO {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.style_flex-row__6agAX {
  flex-direction: row;
}

.style_flex-col__CiTaR {
  flex-direction: column;
}

.style_flex-wrap__w8kLK {
  flex-wrap: wrap;
}

.style_items-start__HHRvt {
  align-items: flex-start;
}

.style_items-center__Jm7XW {
  align-items: center;
}

.style_justify-center__xllkn {
  justify-content: center;
}

.style_justify-between__FWMt2 {
  justify-content: space-between;
}

.style_gap-4__6Vzlg {
  gap: 1rem;
}

.style_gap-\[10px\]__Ntuyp {
  gap: 10px;
}

.style_gap-\[16px\]__lj3i0 {
  gap: 16px;
}

.style_gap-x-2__tQcyM {
  column-gap: 0.5rem;
}

.style_gap-x-6__r92B\+ {
  column-gap: 1.5rem;
}

.style_self-end__MZfT0 {
  align-self: flex-end;
}

.style_self-center__BeaBP {
  align-self: center;
}

.style_overflow-hidden__4D5vN {
  overflow: hidden;
}

.style_overflow-x-auto__G5sEg {
  overflow-x: auto;
}

.style_overflow-y-auto__slUs1 {
  overflow-y: auto;
}

.style_overflow-x-hidden__Lg\+p7 {
  overflow-x: hidden;
}

.style_truncate__7KLsI {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_break-all__mMk2F {
  word-break: break-all;
}

.style_rounded-full__8V0kB {
  border-radius: 9999px;
}

.style_rounded-xl__3nkMw {
  border-radius: 0.75rem;
}

.style_rounded-l-full__TgQHh {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.style_border__Tf2Ol {
  border-width: 1px;
}

.style_\!bg-gray-600__6Ee0j {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}

.style_bg-gray-200__RikoF {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}

.style_bg-red-500__bImfN {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.style_bg-white__v8z8v {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.style_p-2_5__7RbIQ {
  padding: 0.625rem;
}

.style_p-4__ZZRzZ {
  padding: 1rem;
}

.style_p-5__wy3ao {
  padding: 1.25rem;
}

.style_p-\[15px\]__9Wvl9 {
  padding: 15px;
}

.style_p-\[16px\]__JEcnN {
  padding: 16px;
}

.style_p-\[8px\]__UDJOc {
  padding: 8px;
}

.style_\!py-\[4px\]__XDQqv {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.style_px-0__paMSd {
  padding-left: 0px;
  padding-right: 0px;
}

.style_px-1__kqgA6 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.style_px-3__izxZU {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.style_px-4__\+YyYb {
  padding-left: 1rem;
  padding-right: 1rem;
}

.style_px-6__qFSnq {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.style_py-1__lb7oB {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.style_py-2__DWXSW {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.style_pb-0_5__\+ycKC {
  padding-bottom: 0.125rem;
}

.style_pb-3__ZbGwE {
  padding-bottom: 0.75rem;
}

.style_pb-5__eS88s {
  padding-bottom: 1.25rem;
}

.style_pb-\[20px\]__yMPXo {
  padding-bottom: 20px;
}

.style_pl-2__nVgJg {
  padding-left: 0.5rem;
}

.style_pl-4__MTfnP {
  padding-left: 1rem;
}

.style_pr-\[16px\]__yKG70 {
  padding-right: 16px;
}

.style_pr-\[6px\]__SNlSx {
  padding-right: 6px;
}

.style_pt-1__tMVVp {
  padding-top: 0.25rem;
}

.style_pt-2_5__iax6C {
  padding-top: 0.625rem;
}

.style_pt-5__LVNev {
  padding-top: 1.25rem;
}

.style_pt-6__kxsk0 {
  padding-top: 1.5rem;
}

.style_pt-\[7px\]__nPVH3 {
  padding-top: 7px;
}

.style_text-center__Dfwh9 {
  text-align: center;
}

.style_text-right__tQKL\+ {
  text-align: right;
}

.style_text-sm__3-3wX {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.style_text-xs__NHaKO {
  font-size: 0.75rem;
  line-height: 1rem;
}

.style_text-xxs__18bka {
  font-size: 10px;
}

.style_font-medium__SLy51 {
  font-weight: 500;
}

.style_italic__j\+bkk {
  font-style: italic;
}

.style_leading-none__m420u {
  line-height: 1;
}

.style_text-gray-500__jrQII {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.style_text-gray-600__cHqGe {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}

.style_text-red-500__Uruvf {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.style_text-red-600__spG18 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.style_text-white__svaaM {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_opacity-50__Ge4Wk {
  opacity: 0.5;
}

.style_shadow__bxQIx {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.style_outline__iYXbn {
  outline-style: solid;
}

.style_ring__6vtu3 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.style_filter__HfrPn {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.style_transition__AaJFq {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.style_ease-in-out__3RjiC {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.style_wrapper__JG3et {
  display: inline-block;
  position: relative;
  width: 5rem;
  height: 5rem;
}

.style_frame__o2qJN {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transition-timing-function: cubic-bezier(0, 1, 1, 0);
  background: var(--primary-color);
}

.style_frame-1__wRA\+y,
.style_frame-2__pPmi9 {
  left: 0.5rem;
}

@keyframes style_lds-ellipsis1__7wEXB {

  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.style_frame-1__wRA\+y,
.style_frame-2__pPmi9 {
  animation: style_lds-ellipsis1__7wEXB 0.6s infinite;
}
.style_frame-3__aCrfl {
  left: 2rem;
}
@keyframes style_lds-ellipsis2__1zK9s {

  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}
.style_frame-2__pPmi9,
.style_frame-3__aCrfl {
  animation: style_lds-ellipsis2__1zK9s 0.6s infinite;
}
.style_frame-4__8Dvwp {
  left: 3.5rem;
}
@keyframes style_lds-ellipsis3__Pkcp0 {

  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}
.style_frame-4__8Dvwp {
  animation: style_lds-ellipsis3__Pkcp0 0.6s infinite;
}

.style_separator__lP9oe {
  color: var(--text-secondary);
}

.style_progress__GK5xN {
  background-color: var(--primary-color);
  color: rgb(var(--white));
}

.style_line__XAsxV {
  background-color: rgb(var(--white));
}

.styles_wrapper__q6t1r {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.style_wrapper__kbex8 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.style_wrapper__KjJyD {
  width: 100%;
  border-radius: 10px;
  background-color: var(--form-element-background);
}

.style_tooltip__Og4eW {
  margin-left: 0;
}

.style_tooltipItem__ktohJ {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: var(--text-secondary);
}

.style_closeIcon__2E4Hs:hover {
  cursor: pointer;
}

:root {
  --color-percentage: 50%;
}

.styles_menuItem__LCdhz {
  transition: all 0.3s linear;
  min-width: 120px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.styles_menuItem__LCdhz.styles_sm__cb3tC {
  min-width: 100px;
  padding: 2px 5px;
}

.styles_menuItem__LCdhz.styles_disable__k0gbL {
  opacity: 0.5;
  cursor: not-allowed;
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL):hover {
  cursor: pointer;
}

/* Дефолтний hover - сірий фон на menuItem */
.styles_menuItem__LCdhz:not(.styles_disable__k0gbL):not(.styles_red__GYH8F):not(.styles_blue__x1YCf):hover {
  background-color: rgba(var(--white), 0.08);
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL):not(.styles_red__GYH8F):not(.styles_blue__x1YCf):hover .styles_label__6VIoO {
  color: var(--text-primary);
}

/* Permanent - кольоровий текст завжди, при hover кольоровий фон + білий текст */
.styles_menuItem__LCdhz.styles_permanent__0DTHy.styles_red__GYH8F .styles_label__6VIoO {
  color: var(--red);
}

.styles_menuItem__LCdhz.styles_permanent__0DTHy.styles_blue__x1YCf .styles_label__6VIoO {
  color: var(--primary-color);
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_permanent__0DTHy.styles_red__GYH8F:hover {
  background-color: color-mix(
    in srgb,
    var(--red) 50%,
    transparent
  );
  background-color: color-mix(
    in srgb,
    var(--red) var(--color-percentage),
    transparent
  );
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_permanent__0DTHy.styles_red__GYH8F:hover .styles_label__6VIoO {
  color: rgb(var(--white));
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_permanent__0DTHy.styles_blue__x1YCf:hover {
  background-color: color-mix(
    in srgb,
    var(--primary-color) 50%,
    transparent
  );
  background-color: color-mix(
    in srgb,
    var(--primary-color) var(--color-percentage),
    transparent
  );
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_permanent__0DTHy.styles_blue__x1YCf:hover .styles_label__6VIoO {
  color: rgb(var(--white));
}

/* Hover ефект - сірий текст, при hover кольоровий фон + білий текст */
.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_hover__iTqjV.styles_red__GYH8F:hover {
  background-color: color-mix(
    in srgb,
    var(--red) 50%,
    transparent
  );
  background-color: color-mix(
    in srgb,
    var(--red) var(--color-percentage),
    transparent
  );
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_hover__iTqjV.styles_red__GYH8F:hover .styles_label__6VIoO {
  color: rgb(var(--white));
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_hover__iTqjV.styles_blue__x1YCf:hover {
  background-color: color-mix(
    in srgb,
    var(--primary-color) 50%,
    transparent
  );
  background-color: color-mix(
    in srgb,
    var(--primary-color) var(--color-percentage),
    transparent
  );
}

.styles_menuItem__LCdhz:not(.styles_disable__k0gbL).styles_hover__iTqjV.styles_blue__x1YCf:hover .styles_label__6VIoO {
  color: rgb(var(--white));
}

.styles_label__6VIoO {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--text-secondary);
  border-radius: 8px;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  transition: all 0.2s ease;
}

.styles_menuItem__LCdhz.styles_sm__cb3tC .styles_label__6VIoO {
  font-size: 12px;
  height: 24px;
  padding: 0 6px;
  line-height: 16px;
}

.styles_border__9lrbw {
  width: calc(100% + 10px);
  margin-left: -5px;
  border-bottom: 1px solid var(--border-secondary);
}

:root {
  --section-padding: 8px;
}

.styles_section__xm9xZ {
  padding: 8px;
  padding: var(--section-padding);
  position: relative;
}

.styles_section__xm9xZ:not(:last-child):after {
  content: '';
  position: relative;
  display: block;
  width: calc(100% + 8px * 2);
  width: calc(100% + var(--section-padding) * 2);
  margin-left: calc(8px * -1);
  margin-left: calc(var(--section-padding) * -1);
  bottom: calc(8px * -1);
  bottom: calc(var(--section-padding) * -1);
  border-bottom: 1px solid var(--border-secondary);
}

.style_wrapper__yx13j {
  margin: 8px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--compaign-item);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 16px);
  display: flex;
  flex-direction: column;
  max-width: calc(50% - 16px);
  overflow: hidden;
  box-shadow: 0px 2px 23px 0px var(--compaign-item);
  height: -webkit-fit-content;
  height: fit-content;
}

.style_inactive__xQOO7 {
  filter: grayscale(100%);
  pointer-events: none;
}

.style_header__6rsBF {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 4px;
}

.style_pin__Z1EF4 {
  color: var(--primary-color);
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 5px;
  /* margin-right: 16px; */
  border: 1px solid var(--primary-color);
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.3s linear, color 0.3s linear;
}

.style_pinned__9pe7W,
.style_pin__Z1EF4:hover {
  background: var(--primary-color);
  color: rgba(var(--white));
}

.style_companyName__\+coru {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style_headerTitle__u-2l8 {
  color: var(--text-third);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-right: 4px;
}

.style_headerCenter__9SVmG {
  display: flex;
  flex: 1 1;
  justify-content: space-around;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.style_headerCenterItem__2AAt\+ {
  display: flex;
}

.style_headerButtonContainer__HInyG {
  color: var(--text-fifth);
}

.style_headerButtonContainer__HInyG:first-of-type {
  margin-right: 16px;
}

.style_photo__A0pM8 {
  margin: 0 16px 16px 12px;
  height: 128px;
  display: flex;
  gap: 8px;
}

.style_photoWrapper__uaU\+v {
  position: relative;
  width: 100%;
}

.style_photoBlock__-Fd\+Q {
  position: relative;
}

.style_photoBtn__ohp16 {
  border-radius: 5px;
  background: var(--primary-active-color);
  outline: none;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  cursor: pointer;
}

.style_change__OuKBS {
  position: absolute !important;
  opacity: 0.7;
}

.style_photoImage__VduIw {
  object-fit: cover;
  display: block;
  height: auto;
  width: 100%;
  max-height: 100%;
  border-radius: 5px;
}

.style_divider__7qwcH {
  height: 1px;
  background: var(--border);
}

.style_data__mLkvp {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  height: 80px;
}

.style_dataItem__yu0pA {
  padding: 8px;
  width: 16.6%;
}

.style_dataItem__yu0pA.style_edit__aXNK- {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.style_dataItemTitle__8iXLu {
  color: var(--text-third);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  padding-bottom: 16px;
}

.style_dataItemTitle__8iXLu.style_edit__aXNK- {
  padding-bottom: 0;
}

.style_dataItemData__XpqFO {
  color: var(--text-forth);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.style_dataItemData__XpqFO.style_fans__oy-tA {
  color: var(--primary-color);
}

.style_dataItemData__XpqFO.style_expRev__pUVxY {
  display: flex;
  justify-content: center;
  gap: 10px;
  color: var(--green);
  position: relative;
  margin: 0 auto;
}

.style_removeIcon__JEZVj {
  pointer-events: all;
}

.style_footer__1EvAA {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  background: var(--section-secondary);
  margin-top: auto;
  pointer-events: all;
}

.style_footer__1EvAA .style_top__Y7Fel {
  color: var(--text-third);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  justify-content: space-between;
}

.style_footer__1EvAA .style_top__Y7Fel > div {
  display: flex;
}

.style_footerText__QrKcB {
  margin-left: 4px;
}

.style_footerTopStatusProgress__0J6pB {
  color: var(--green);
}

.style_footerTopDate__Vy1KI {
  color: var(--text-forth);
}

.style_footerTopStatusExpired__exSZ2 {
  color: var(--red);
}

.style_footerBottom__biJ8B {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_footerBottomRightSide__zGNEM {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.style_footerUsersCount__EdNWt {
  display: flex;
  color: var(--text-forth);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  margin-right: 16px;
}

.style_footerUsersCount__EdNWt span {
  color: var(--text-primary);
  padding: 0 4px;
}

.style_menu__\+pSh- .style_MuiList-root__vTKtZ {
  padding: 10px 0 0 0;
  color: var(--text-third);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.style_menu__\+pSh- .style_menuItem__Wvv8C {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
}

.style_menuitem__d6VZo:not(:last-of-type) {
  border-bottom: 1px solid var(--border);
}

.style_MenuTrackingLinks__2fqht .style_MenuTrackingLinks-item__delete__qrzu8 {
  color: var(--red);
}

.style_stats__VK12\+ {
  display: flex;
  justify-content: space-around;
  padding: 16px 0 12px;
}

.style_ltv__SfMYH {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.style_ltv__SfMYH .style_text__0oUgk {
  color: var(--text-third);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  padding-bottom: 8px;
}

.style_ltv__SfMYH .style_count__neljn {
  color: var(--green);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.style_error__nDqQH {
  font-size: 12px;
  color: #dc2626;
  position: absolute;
  bottom: 0;
  left: 14px;
  background-color: #fff;
}

:root {
  --RadialProgressChartRotate: 0;
}

.RadialProgressChart {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.RadialProgressChart-item {
  position: relative;
  width: 120px;
  height: 60px;
}

.RadialProgressChart-item-bg {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAMAAACac46aAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURUdwTP9yD/8AAP9zDv9vD/9zDv9yDv9vD/9zD/9zDv9zD/9yDv93D/9yDv9zD/9xDf9zDf9yD/9yDv9zDv9zDv9yDv9xDf9xDv9yDv90Dv9zDv9zDv9xD/9yDv9zD/9yDv90Dv9yDf9vC/90D/9zDv9zC/9zDf9xD/9pD/90DP9vB/9yDv9yD/9vD/9xDv9vCv9yDf9yDP9yDv9zEP9xDv9xD/9xDv90D/9yCv9yD/90Dv9yD/9yEP9zDv9zD/9zD4eXOg4AAAA/dFJOUwBgAe8gn78Q/t+A3yDvQIBfUH+Qr49w3s+/vs/uoJCwf29AMI9AgHARTyCuoDCQMGBQ3p+fgKBwMTHO7o/OIa9MigsAAALtSURBVFjDtZhng6IwEIYpgRgVERF7OVd3b8ttu97n//+rlQVFdFIIYT5pIDzMZOadBMuqaPT5JfbmDFg//dd3gfnD8PXaatToSzyHg7npCDv+nXuv3WaoV4MC+m7pYHlkHj+bpt4PXDi3S/DeWGzS7ysfEEPBe/P7hhYWcVYIhjzxGsKKwAbQNgPQAddE42urBt6jddOMJgB1wAA7quUug7pgLac3APXBAIOqYfbBDBj8Sk5vGZgCVwp35II5MLiRueWtBAYYqXE/gGmwWoqpcquAVcjK3E56d2CMbKs+KbDT2z+q3i5d56HCMybeJiK5GtLH3mY5USH3xGCZC0EcIQJMo2VHWlWSem4LqYLX7i1lSkI1yUFbMpPYYrd9rkBTAVmKzXKzo5FgXRd2XPIKwSZrxOtYRN6i4LQxeDh5gq7tFI0dETg95ysHSl7hIZr6lfMzRAKdX7okB0V3SUqrNCy9UJIU3Y0vaF2+cmTkYqk6pLjpyeVmWDefKAm3L5DK7AGfEK5FsFhltgSitNA9JLMw8qTsYnvFlbzyFcqTUSbqDZ6Tjn3Z/xprbVDfyWMOuc91+Ehuf54R/dMAGSu4fNEMM/LBfuqRF3KXLzeVp+QtP6V0evtJYl8jl72SIlTcl9/mpS1L7KVMZNrjKljnBh5FCeafi9aZPmun1bD199CjcZepcC087UJa/Ch0VNgep+gmskYlnbxEIIg1HulvZr6g3AhibTfnMM/lET/SnmU16HIWazQYxBSYoltdylEPWJv7OjflaUiIXbjLBMhxahCdW34th5w3cnMJZ95/Xeyv0P3DT68158CXR9p+aP3TBf9uzXJN/o57RoWdi2hvBIqZaLne47lFLING8CQa8c7c5oyhEvLUbDHxztwxOhqaBWMF+xWtpjuzYBvt9qz6V4OqtkX3mgGa61bTae1a/HbpOLUUs5iPSoWFbH7znd3Q93e1kvk4f4FVrD1undkiP5Yms9lDHXAxP7pk2G8WuMmARiYBdQAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAMAAACac46aAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURUdwTP9yD/8AAP9zDv9vD/9zDv9yDv9vD/9zD/9zDv9zD/9yDv93D/9yDv9zD/9xDf9zDf9yD/9yDv9zDv9zDv9yDv9xDf9xDv9yDv90Dv9zDv9zDv9xD/9yDv9zD/9yDv90Dv9yDf9vC/90D/9zDv9zC/9zDf9xD/9pD/90DP9vB/9yDv9yD/9vD/9xDv9vCv9yDf9yDP9yDv9zEP9xDv9xD/9xDv90D/9yCv9yD/90Dv9yD/9yEP9zDv9zD/9zD4eXOg4AAAA/dFJOUwBgAe8gn78Q/t+A3yDvQIBfUH+Qr49w3s+/vs/uoJCwf29AMI9AgHARTyCuoDCQMGBQ3p+fgKBwMTHO7o/OIa9MigsAAALtSURBVFjDtZhng6IwEIYpgRgVERF7OVd3b8ttu97n//+rlQVFdFIIYT5pIDzMZOadBMuqaPT5JfbmDFg//dd3gfnD8PXaatToSzyHg7npCDv+nXuv3WaoV4MC+m7pYHlkHj+bpt4PXDi3S/DeWGzS7ysfEEPBe/P7hhYWcVYIhjzxGsKKwAbQNgPQAddE42urBt6jddOMJgB1wAA7quUug7pgLac3APXBAIOqYfbBDBj8Sk5vGZgCVwp35II5MLiRueWtBAYYqXE/gGmwWoqpcquAVcjK3E56d2CMbKs+KbDT2z+q3i5d56HCMybeJiK5GtLH3mY5USH3xGCZC0EcIQJMo2VHWlWSem4LqYLX7i1lSkI1yUFbMpPYYrd9rkBTAVmKzXKzo5FgXRd2XPIKwSZrxOtYRN6i4LQxeDh5gq7tFI0dETg95ysHSl7hIZr6lfMzRAKdX7okB0V3SUqrNCy9UJIU3Y0vaF2+cmTkYqk6pLjpyeVmWDefKAm3L5DK7AGfEK5FsFhltgSitNA9JLMw8qTsYnvFlbzyFcqTUSbqDZ6Tjn3Z/xprbVDfyWMOuc91+Ehuf54R/dMAGSu4fNEMM/LBfuqRF3KXLzeVp+QtP6V0evtJYl8jl72SIlTcl9/mpS1L7KVMZNrjKljnBh5FCeafi9aZPmun1bD199CjcZepcC087UJa/Ch0VNgep+gmskYlnbxEIIg1HulvZr6g3AhibTfnMM/lET/SnmU16HIWazQYxBSYoltdylEPWJv7OjflaUiIXbjLBMhxahCdW34th5w3cnMJZ95/Xeyv0P3DT68158CXR9p+aP3TBf9uzXJN/o57RoWdi2hvBIqZaLne47lFLING8CQa8c7c5oyhEvLUbDHxztwxOhqaBWMF+xWtpjuzYBvt9qz6V4OqtkX3mgGa61bTae1a/HbpOLUUs5iPSoWFbH7znd3Q93e1kvk4f4FVrD1undkiP5Yms9lDHXAxP7pk2G8WuMmARiYBdQAAAABJRU5ErkJggg==);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.RadialProgressChart-item-bg::before {
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  background: conic-gradient(var(--radial-background) 50%, currentColor 50%);
  transform-origin: 50% 50%;
  animation: rotate 2s linear;
  animation-fill-mode: forwards;
  transform: rotate(-90deg);
}

.RadialProgressChart-item-arrow {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100%;
  margin: -4px 0 0 -4px;
  display: flex;
  align-items: flex-end;
  width: 8px;
  height: 8px;
  color: currentColor;
  background: currentColor;
  animation: rotate 2s linear;
  animation-fill-mode: forwards;
  transform: rotate(-90deg);
}

.RadialProgressChart-item-arrow::before {
  content: '';
  border-radius: 2px;
  display: block;
  margin: 0 auto 3px;
  width: 3px;
  height: 33px;
  background-color: currentColor;
}

.RadialProgressChart-item-footer {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  width: 220px;
}

.RadialProgressChart-item-footer > div {
  width: 50%;
  padding: 0 6px;
}

.RadialProgressChart-item-text {
  color: var(--text-third);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.RadialProgressChart-item-progress {
  text-align: right;
  color: var(--text-forth);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.RadialProgressChart-item-progress__na {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.RadialProgressChart-item-progress-info {
  margin: -8px 0;
}

@keyframes rotate {
  to {
    transform: rotate(
      calc(180deg / 100 * 0 - 90deg)
    );
    transform: rotate(
      calc(180deg / 100 * var(--RadialProgressChartRotate) - 90deg)
    );
  }
}

.style_wrapper__F\+4t8 {
  position: relative;
}

.style_logo__CeIvq {
  display: flex;
  border-radius: 50%;
  overflow: hidden;
}

.style_logo__CeIvq.style_border__VrB6h {
  border: 1px solid var(--border);
}

.style_logo__CeIvq img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.style_revenue__W4uwi {
  position: absolute;
  width: 53px;
  height: 16px;
  bottom: -5px;
  left: 50%;
  padding: 2px 4px;
  border-radius: 10px;
  gap: 10px;
  transform: translateX(-50%);
  font-family: 'Manrope', sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
}

.style_revenue__W4uwi.style_green__6n7yE {
  background-color: var(--green);
}

.style_revenue__W4uwi.style_yellow__Txksn {
  background-color: var(--yellow);
}

.style_revenue__W4uwi.style_red__jmwoW {
  background-color: var(--red);
}

.styles_wrapper__23EAX {
  font-family: 'Manrope', sans-serif;
  width: 100%;
  height: 65px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  transition: all 0.3s linear;
}

.styles_wrapper__23EAX.styles_active__\+0ulM {
  background-color: var(--primary-active-color);
}

.styles_wrapper__23EAX.styles_disabled__NG1N\+ {
  opacity: 0.5;
  cursor: not-allowed;
}

.styles_wrapper__23EAX:hover {
  cursor: pointer;
}

.styles_infoWrapper__RAvBQ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  height: 100%;
  width: calc(100% - 150px);
}

.styles_infoWrapper__RAvBQ:not(.styles_counters__pvgVW) {
  padding-left: 8px;
  align-items: flex-start;
}

.styles_infoWrapper__RAvBQ.styles_counters__pvgVW {
  padding-right: 8px;
  align-items: flex-end;
}

.styles_logo__kpWxS {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
}

.styles_name__Zyp0y {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.styles_description__8wmYa {
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 20px;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 100px;
  background-color: var(--section-secondary);
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0em;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  width: 100%;
}

.styles_modelCount__xU8wH {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--text-third);
}

.styles_agentCount__1DoCe {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  color: var(--text-secondary);
}

.styles_countWrapper__lywHL > div {
  text-align: end;
}

.styles_dropdown__mNAEY {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 100%;
}

.styles_groupList__FWJhF {
  max-height: calc(100% - 70px);
  overflow-y: auto;
}

.styles_emptyList__ZADWU {
  min-height: calc(100% - 70px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_fullList__Jz4PS {
  padding-bottom: 36px;
}

.styles_empty__xsWsp {
  font-size: 14px;
  color: var(--text-secondary);
}

.styles_editItem__hXWcw {
  display: flex;
  align-items: center;
  justify-content: left;
}

.styles_editItem__hXWcw svg {
  margin-right: 10px;
}

.style_addButton__LbKh1 {
  background-color: var(--primary-color);
}

.styles_refreshIcon__H57Vi.styles_spin__LCMEr {
  /* 1s == 1000ms → дорівнює SPIN_MS у коді */
  animation: styles_spin__LCMEr 1s linear infinite;
  animation-fill-mode: forwards;
}

@keyframes styles_spin__LCMEr {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.style_wrapper__cg9Np {
  background-color: var(--page);
}

.style_wrapper__dTolV {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.style_title__rydO8 {
  font-family: 600;
  font-size: 24px;
  color: var(--title-color);
  line-height: 2rem;
  letter-spacing: -0.04em;
}

.style_visible__\+cw4t {
  visibility: visible;
}

.style_collapse__aXQXW {
  visibility: collapse;
}

.style_static__f9MVM {
  position: static;
}

.style_fixed__VGXSm {
  position: fixed;
}

.style_\!absolute__rsYKW {
  position: absolute !important;
}

.style_absolute__Emxtk {
  position: absolute;
}

.style_relative__QquzU {
  position: relative;
}

.style_sticky__6vq82 {
  position: -webkit-sticky;
  position: sticky;
}

.style_bottom-0__eFa3w {
  bottom: 0px;
}

.style_bottom-\[0px\]__64ulI {
  bottom: 0px;
}

.style_left-0__SYia8 {
  left: 0px;
}

.style_left-\[-45px\]__nBv2A {
  left: -45px;
}

.style_left-\[0px\]__OgPXI {
  left: 0px;
}

.style_left-\[50\%\]__Xr2e\+ {
  left: 50%;
}

.style_right-0__iw1DS {
  right: 0px;
}

.style_right-5__fRZLw {
  right: 1.25rem;
}

.style_top-0__wL7yO {
  top: 0px;
}

.style_top-3__gBGZp {
  top: 0.75rem;
}

.style_top-\[50\%\]__30IrY {
  top: 50%;
}

.style_z-10__tXHHS {
  z-index: 10;
}

.style_z-50__7CS0u {
  z-index: 50;
}

.style_m-auto__hYi63 {
  margin: auto;
}

.style_mx-auto__PB3EW {
  margin-left: auto;
  margin-right: auto;
}

.style_my-0__oI4xX {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style_-mb-3__-cVIx {
  margin-bottom: -0.75rem;
}

.style_-mr-1__CACS9 {
  margin-right: -0.25rem;
}

.style_mb-2__9n4gO {
  margin-bottom: 0.5rem;
}

.style_mb-3__sjkaJ {
  margin-bottom: 0.75rem;
}

.style_mb-4__1QCW3 {
  margin-bottom: 1rem;
}

.style_mb-5__qF40G {
  margin-bottom: 1.25rem;
}

.style_mb-\[15px\]__23lT4 {
  margin-bottom: 15px;
}

.style_ml-1__zdklk {
  margin-left: 0.25rem;
}

.style_ml-auto__u-v6M {
  margin-left: auto;
}

.style_mr-1__dYE3w {
  margin-right: 0.25rem;
}

.style_mr-2__GBCJa {
  margin-right: 0.5rem;
}

.style_mr-3__6QBOw {
  margin-right: 0.75rem;
}

.style_mr-auto__g23yE {
  margin-right: auto;
}

.style_mt-1__m2hcK {
  margin-top: 0.25rem;
}

.style_mt-2__t9Gy3 {
  margin-top: 0.5rem;
}

.style_mt-4__X4u4T {
  margin-top: 1rem;
}

.style_block__SfU0O {
  display: block;
}

.style_inline__Wue\+M {
  display: inline;
}

.style_flex__MU4YR {
  display: flex;
}

.style_inline-flex__iijwy {
  display: inline-flex;
}

.style_table__JBMub {
  display: table;
}

.style_grid__N6jxT {
  display: grid;
}

.style_\!hidden__MKVvA {
  display: none !important;
}

.style_hidden__jmM6d {
  display: none;
}

.style_\!h-\[94px\]__hfi1u {
  height: 94px !important;
}

.style_h-24__\+Mq5G {
  height: 6rem;
}

.style_h-4__MFeir {
  height: 1rem;
}

.style_h-6__Fjokr {
  height: 1.5rem;
}

.style_h-8__Vmm6x {
  height: 2rem;
}

.style_h-\[100\%\]__umL9a {
  height: 100%;
}

.style_h-\[100px\]__lXjzJ {
  height: 100px;
}

.style_h-\[36px\]__NZ87o {
  height: 36px;
}

.style_h-\[40px\]__Odwz0 {
  height: 40px;
}

.style_h-\[420px\]__wGtzP {
  height: 420px;
}

.style_h-\[478px\]__qUj5h {
  height: 478px;
}

.style_h-\[65px\]__cLDxn {
  height: 65px;
}

.style_h-auto__Q693c {
  height: auto;
}

.style_h-fit__BNqMA {
  height: -webkit-fit-content;
  height: fit-content;
}

.style_h-full__9andG {
  height: 100%;
}

.style_h-screen__98609 {
  height: 100vh;
}

.style_max-h-\[325px\]__8dMkK {
  max-height: 325px;
}

.style_max-h-\[700px\]__VMxeJ {
  max-height: 700px;
}

.style_max-h-\[90vh\]__tDJ\+q {
  max-height: 90vh;
}

.style_min-h-\[45px\]__U0d29 {
  min-height: 45px;
}

.style_min-h-\[60px\]__yKDjr {
  min-height: 60px;
}

.style_\!w-\[94px\]__z0ezN {
  width: 94px !important;
}

.style_\!w-full__Emu4E {
  width: 100% !important;
}

.style_w-1-2__94jcI {
  width: 50%;
}

.style_w-1-5__mIjcp {
  width: 20%;
}

.style_w-1-6__GV-AG {
  width: 16.666667%;
}

.style_w-24__vXYoq {
  width: 6rem;
}

.style_w-4__NgXml {
  width: 1rem;
}

.style_w-8__IFupu {
  width: 2rem;
}

.style_w-\[100\%\]__lFSrN {
  width: 100%;
}

.style_w-\[100px\]__uCGTM {
  width: 100px;
}

.style_w-\[170px\]__21hwp {
  width: 170px;
}

.style_w-\[250px\]__Mr37n {
  width: 250px;
}

.style_w-\[345px\]__9FRNn {
  width: 345px;
}

.style_w-\[36px\]__dkrFF {
  width: 36px;
}

.style_w-\[400px\]__6974- {
  width: 400px;
}

.style_w-\[600px\]__8rMs6 {
  width: 600px;
}

.style_w-\[72px\]__LSQjF {
  width: 72px;
}

.style_w-\[75\%\]__gbOfT {
  width: 75%;
}

.style_w-full__bpdYt {
  width: 100%;
}

.style_min-w-0__xD4\+m {
  min-width: 0px;
}

.style_min-w-\[345px\]__H3ADV {
  min-width: 345px;
}

.style_max-w-\[325px\]__th5C5 {
  max-width: 325px;
}

.style_flex-1__FFpXx {
  flex: 1 1;
}

.style_flex-none__HylPM {
  flex: none;
}

.style_flex-shrink-0__cXyzK {
  flex-shrink: 0;
}

.style_shrink__yuatS {
  flex-shrink: 1;
}

.style_grow__pxTMg {
  flex-grow: 1;
}

.style_translate-x-\[-50\%\]__LFvt8 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_translate-y-\[-50\%\]__Ieao6 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_rotate-45__jMKnE {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_transform__cWLss {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_cursor-pointer__kSooZ {
  cursor: pointer;
}

.style_resize__11bGQ {
  resize: both;
}

.style_grid-cols-2__OxK7M {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.style_flex-row__DEACW {
  flex-direction: row;
}

.style_flex-col__mgD4- {
  flex-direction: column;
}

.style_flex-wrap__6IXW4 {
  flex-wrap: wrap;
}

.style_items-start__Zj0Zn {
  align-items: flex-start;
}

.style_items-center__Giyxp {
  align-items: center;
}

.style_justify-center__1EEwp {
  justify-content: center;
}

.style_justify-between__b8wlU {
  justify-content: space-between;
}

.style_gap-4__qE30e {
  gap: 1rem;
}

.style_gap-\[10px\]__SuPhF {
  gap: 10px;
}

.style_gap-\[16px\]__Xqs4k {
  gap: 16px;
}

.style_gap-x-2__DPVmR {
  column-gap: 0.5rem;
}

.style_gap-x-6__rytMA {
  column-gap: 1.5rem;
}

.style_self-end__7SdWM {
  align-self: flex-end;
}

.style_self-center__uVQCg {
  align-self: center;
}

.style_overflow-hidden__qgKBu {
  overflow: hidden;
}

.style_overflow-x-auto__PRbDb {
  overflow-x: auto;
}

.style_overflow-y-auto__h6O-8 {
  overflow-y: auto;
}

.style_overflow-x-hidden__hikvi {
  overflow-x: hidden;
}

.style_truncate__UgJrd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_break-all__U-wab {
  word-break: break-all;
}

.style_rounded-full__ogtM\+ {
  border-radius: 9999px;
}

.style_rounded-xl__Zj2G5 {
  border-radius: 0.75rem;
}

.style_rounded-l-full__U01iL {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.style_border__T3Sow {
  border-width: 1px;
}

.style_\!bg-gray-600__I82d6 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}

.style_bg-gray-200__\+G3Gc {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}

.style_bg-red-500__bX5h5 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.style_bg-white__1FXso {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.style_p-2_5__qeLCK {
  padding: 0.625rem;
}

.style_p-4__VCvbf {
  padding: 1rem;
}

.style_p-5__gR2Pw {
  padding: 1.25rem;
}

.style_p-\[15px\]__F1E4S {
  padding: 15px;
}

.style_p-\[16px\]__AaNEM {
  padding: 16px;
}

.style_p-\[8px\]__uVNY\+ {
  padding: 8px;
}

.style_\!py-\[4px\]__T3Qsk {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.style_px-0__iJ3uB {
  padding-left: 0px;
  padding-right: 0px;
}

.style_px-1__UYEVB {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.style_px-3__e7zdh {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.style_px-4__R8dqv {
  padding-left: 1rem;
  padding-right: 1rem;
}

.style_px-6__jWCve {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.style_py-1__Q-qA3 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.style_py-2__em5yB {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.style_pb-0_5__TLy8h {
  padding-bottom: 0.125rem;
}

.style_pb-3__V5FWN {
  padding-bottom: 0.75rem;
}

.style_pb-5__0J6jG {
  padding-bottom: 1.25rem;
}

.style_pb-\[20px\]__yY4fi {
  padding-bottom: 20px;
}

.style_pl-2__UAKK\+ {
  padding-left: 0.5rem;
}

.style_pl-4__pjq2T {
  padding-left: 1rem;
}

.style_pr-\[16px\]__ildgB {
  padding-right: 16px;
}

.style_pr-\[6px\]__HXITN {
  padding-right: 6px;
}

.style_pt-1__rue8z {
  padding-top: 0.25rem;
}

.style_pt-2_5__bCjvK {
  padding-top: 0.625rem;
}

.style_pt-5__j7WSl {
  padding-top: 1.25rem;
}

.style_pt-6__JeQCb {
  padding-top: 1.5rem;
}

.style_pt-\[7px\]__ywsE2 {
  padding-top: 7px;
}

.style_text-center__iqERH {
  text-align: center;
}

.style_text-right__X10-B {
  text-align: right;
}

.style_text-sm__gedAO {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.style_text-xs__VUuw2 {
  font-size: 0.75rem;
  line-height: 1rem;
}

.style_text-xxs__wG426 {
  font-size: 10px;
}

.style_font-medium__rir7O {
  font-weight: 500;
}

.style_italic__LHcbX {
  font-style: italic;
}

.style_leading-none__EPxfH {
  line-height: 1;
}

.style_text-gray-500__sTfIW {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.style_text-gray-600__Ne7qq {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}

.style_text-red-500__6ffH4 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.style_text-red-600__d1M-X {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.style_text-white__sRsMx {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_opacity-50__VW9Xn {
  opacity: 0.5;
}

.style_shadow__mGCjR {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.style_outline__Sbx5D {
  outline-style: solid;
}

.style_ring__Tv4qe {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.style_filter__\+Z4KN {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.style_transition__glsMF {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.style_ease-in-out__UXfms {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.style_content__uAeJ5 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 16px;
  padding-bottom: 32px;
  gap: 24px;
}

.style_wrapper__ko39c {
  color: #4f5b67;
  width: 640px;
  overflow: auto;
  flex: 1 1;
  padding: 8px;
}

.style_error__BjE8E {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));

  top: 12px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

.style_warning__nnHfa {
  color: var(--red);
  font-size: 14px;
  font-family: 'Manrope', sans-serif;
  text-align: center;
}

@media (max-height: 820px) {
  .style_content__uAeJ5 {
    gap: 0px;
  }
}

.style_youtubeTitle__UCHmu {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
  padding-bottom: 10px;
  font-family: Manrope, sans-serif;
  line-height: 1.167;
}

.style_youtubeList__7Bjl\+ {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 10px 24px;
}

.style_youtubeItem__McOQK {
  width: 20%;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px var(--shadow);
  transition: all 0.3s linear;
}

.style_youtubeItem__McOQK img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.style_youtubeItem__McOQK:hover {
  cursor: pointer;
  box-shadow: 0px 4px 6px 0px var(--shadow);
}

@media (max-width: 1000px) {
  .style_youtubeItem__McOQK {
    max-width: 250px;
  }
}

@media (max-height: 850px) {
  .style_youtubeItem__McOQK {
    max-width: 200px;
  }
}

.style_content__M\+Ck2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 16px;
  padding-bottom: 32px;
  gap: 24px;
}

.style_wrapper__h23cN {
  color: var(--text-forth);
  width: 640px;
  overflow: auto;
  flex: 1 1;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.style_error__uWvtX {
  color: var(--red);

  top: 12px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

.style_title__TnZ50 {
  width: 100%;
  font-size: 20px;
  color: var(--title-color);
  padding-bottom: 8px;
  text-align: center;
}

.style_email__LZywx {
  font-weight: 600;
}

.style_item__zDlMF {
  padding: 16px 12px;
  font-size: 14px;
  color: var(--text-third);
  display: flex;
  justify-content: space-between;
}

.style_itemTitle__PkwWl {
  font-weight: 600;
  color: var(--text-third);
}

.style_itemTitleProgress__3AHer {
  border-bottom: 1px solid var(--border);
}

.style_itemTotalFans__fU3X7 {
  color: var(--primary-color);
}

.style_itemExpiredFans__yrvqC {
  color: var(--red);
}

.style_itemFollowedFans__Ii\+WO {
  color: var(--green);
}

.style_itemRevenue__6jiQ1 {
  color: var(--green);
}

.style_thisRound__NJ72N {
  background: var(--section-secondary);
  padding: 8px 0;
  font-size: 14px;
  color: var(--text-third);
  font-weight: 600;
  border-radius: 5px;
}

.style_thisRoundItem__htg0a {
  display: flex;
  justify-content: space-between;
  padding: 4px 16px;
}

.style_thisRoundItemCount__uB3Z5 {
  color: var(--text-forth);
}

.style_page__yA2jx {
  display: flex;
  flex-direction: column;
}

.style_container__mBzqC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: 24px;
}

.style_message__TxygZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 24px;
}

.style_title__VG8iM {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
}

.style_text__iOdcG {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-secondary);
}

.style_title__PGvGx {
  font-family: 600;
  font-size: 24px;
  color: var(--title-color);
  line-height: 2rem;
  letter-spacing: -0.04em;
}

.style_wrapper__OU6FJ {
  display: flex;
  align-items: center;
  font-family: 'Manrope', sans-serif;
  gap: 4px;
}

.style_wrapper__OU6FJ.style_disabled__H7XVv {
  opacity: 0.7;
  cursor: not-allowed;
}

.style_label__EgWUI {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--text-forth);
  margin-right: 5px;
}

.style_label__EgWUI:hover {
  cursor: pointer;
}

.style_iconWrapper__r3it2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_wrapper__JVaL5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 50px;
  background-color: var(--page);
}

.style_info__CvDtn {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--text-secondary);
}

.style_infoMt__Jb8dj {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--text-secondary);
  margin-top: 16px;
}

.styles_container__gIfuo {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.styles_loginWrapper__jV2Qa {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  margin: auto;
  padding: 20px;
  max-width: 410px;
  background-color: var(--page);
}

.styles_logo__foKsX {
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-bottom: 12px;
}

.styles_form__MB5i9 {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  gap: 16px;
  background-color: var(--page);
}

.styles_errorContainer__9mOQZ {
  display: flex;
  justify-content: space-between;
  color: var(--red);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.styles_resendBtn__GQdZx {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: var(--primary-color);
}

.styles_resendBtnDisabled__SgxMh {
  color: var(--text-secondary);
  pointer-events: none;
}

.styles_loadingScreen__jg2ZR {
  width: 320px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
  background-color: var(--page);
}

.styles_loadingScreenInner__53vya {
  max-width: 448px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: center;
}



.styles_loadingAnimation__hePCU {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_terms__x33zY {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--page);
}

.style_wrapper__wA4wu {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  /* border-radius: 50%; */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.style_icon__ZiqUv {
  padding: 1px;
}

:root {
  --creatorCard-height: 80px;
}

.styles_wrapper__lR7DA {
  padding: 24px 52px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.styles_topSide__9vIdT {
  display: flex;
  flex: 0 0 auto;
  padding-bottom: 16px;
  justify-content: space-between;
  align-items: center;
}

.styles_topSideRefreshBlock__pwyQl {
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_filterBlock__TKcJp {
  display: flex;
  align-items: center;
  margin-right: 12px;
  gap: 12px;
}

.styles_filterBlockCount__r87CI {
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  white-space: nowrap;
}

.styles_topSideRefreshBlockDescription__aosca {
  font-size: 18px;
  color: var(--text-primary);
  line-height: 22px;
}

.styles_creatorsListWrapper__6wkm6 {
  padding-top: 16px;
  padding-right: 6px;
  overflow: hidden;
  overflow-y: auto;
  flex: 1 1 auto;
}

.styles_creatorsList__v5F-8 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-gap: 24px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 32px;
  position: relative;
  padding: 0 12px 12px;
}

.styles_loader__aRjLl {
  width: 100%;
}

.styles_creatorsListLoader__BvvIR {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  color: var(--text-primary);
}

.styles_creatorCardWrapper__0NBfR,
.styles_addCreatorBtn__W2i8x,
.styles_creatorsListLazyLoadBlock__qv\+jv,
.styles_creatorsListEmpty__35\+SD {
  max-width: 300px;
  min-width: 240px;
  width: 100%;
  height: 80px;
  height: var(--creatorCard-height);
  border-radius: 10px;
  margin: 0 auto;
}

.styles_creatorCardWrapper__0NBfR:hover {
  cursor: pointer;
}

.styles_creatorsListEmpty__35\+SD {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_addCreatorBtn__W2i8x {
  background-color: var(--primary-color);
  color: rgb(var(--white));
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  transition: all 0.3s linear;
  box-shadow: 0px 2px 16px 0px var(--shadow);
}

.styles_addCreatorBtn__W2i8x:hover {
  background-color: var(--primary-hover-color);
  color: rgb(var(--white));
}

.styles_creatorCardWrapper__0NBfR {
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  background-color: var(--section);
  position: relative;
  justify-content: space-between;
  box-shadow: 0px 2px 16px 0px var(--shadow);
}

.styles_inSelection__Z9L3- {
  background-color: var(--primary-hover-color);
}

.styles_creatorCardWrapperOpened__djD\+0 {
  background-color: var(--primary-active-color);
}

.styles_creatorCardMarkOpened__9U1zP {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  background-color: var(--primary-color);
  color: rgb(var(--white));
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  border-bottom-left-radius: 10px;
}

.styles_creatorCardAvatarWrapper__uZ7-J {
  min-width: 54px;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.styles_creatorCardAvatarImg__BgHKP {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.styles_creatorCardDescrWrapper__QXiyo {
  display: flex;
  flex-direction: column;
  width: calc(100% - 70px);
  height: 100%;
}

.styles_creatorCardHeader__SUdIz {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.styles_creatorCardName__Ywknq {
  display: block;
  font-size: 16px;
  color: var(--text-primary);
  line-height: 22px;
  max-width: 75%;
  flex: 0 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles_creatorCardInfo__uz-Dh {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}

.styles_creatorCardMessages__\+F8sv,
.styles_creatorCardNotification__b6Syh {
  font-size: 14px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
}

.styles_inSelection__Z9L3- .styles_creatorCardMessages__\+F8sv,
.styles_inSelection__Z9L3- .styles_creatorCardNotification__b6Syh,
.styles_inSelection__Z9L3- .styles_creatorCardName__Ywknq {
  color: rgb(var(--white));
}

.styles_creatorCardDivider__PO\+L9 {
  height: 24px;
  margin: 0 10px;
  border: 1px solid var(--border);
}

.styles_disabled__yWvHA {
  opacity: 0.5;
}

.styles_tooltipTitle__\+tGHZ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.styles_notFoundCreator__a2ws9 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 80px * 2);
  height: calc(100% - var(--creatorCard-height) * 2);
  color: var(--text-primary);
}

.styles_option__v17A3 {
  padding: 0px 12px;
}

.style_badge__O2YD1 {
  display: flex;
  background: var(--form-element-background);
  border-radius: 10px;
  padding: 2px 4px;
  font-family: 'Manrope', sans-serif;
  margin-right: 2px;
  min-width: 24px;
  height: 18px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  /* transition: background-color 0.15s ease-out, color 0.15s ease-out; */
  color: var(--icon);
}

.style_badge__O2YD1 > svg {
  height: 12px;
}

.styles_container__XQKtD {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--page);
  transition: background-color 0.15s ease-out, color 0.15s ease-out;
  will-change: auto; /* Убираем принудительное GPU ускорение чтобы избежать залипания */
  height: 75px;
  align-self: flex-start;
  /* Принудительный сброс состояний */
  transform: translateZ(0);
  /* backface-visibility: hidden; */
}

.styles_container_vip__yHwW\+ {
  background-color: var(--green-transparent);
}

.styles_container__XQKtD:hover:not(.styles_container_active__7zyb7),
.styles_container_selected__9E-MV {
  background-color: var(--primary-hover-color);
  color: #ffffff;
}

.styles_container__XQKtD:hover .tag-badge,
.styles_container_active__7zyb7 .tag-badge,
.styles_container_selected__9E-MV .tag-badge,
.styles_container__XQKtD:hover .tag-badge svg,
.styles_container_active__7zyb7 .tag-badge svg,
.styles_container_selected__9E-MV .tag-badge svg {
  background-color: var(--tag-active);
  color: rgb(var(--white)) !important;
}

.styles_container__XQKtD:hover .styles_userName__qLj9Y,
.styles_container__XQKtD:hover .styles_lastMessage__lBvz\+,
.styles_container_active__7zyb7 .styles_userName__qLj9Y,
.styles_container_active__7zyb7 .styles_lastMessage__lBvz\+,
.styles_container_selected__9E-MV .styles_userName__qLj9Y,
.styles_container_selected__9E-MV .styles_lastMessage__lBvz\+ {
  color: rgb(var(--white));
}

.styles_container__XQKtD:hover:not(.styles_container_active__7zyb7) {
  cursor: pointer;
  /* Убираем принудительное GPU ускорение для hover */
}

.styles_container_active__7zyb7 {
  background-color: var(--primary-color);
  color: #fff;
}

.styles_avatar__6aJA3 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text-six);
}

.styles_avatarImg__1AbwB {
  border: 1px solid var(--border);
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  width: 46px;
  height: 46px;
}

.styles_avatar__6aJA3 .styles_avatarSvg__k2Xkr {
  width: 46px;
  height: 46px;
}

.styles_contentCenter__Dsl7e {
  flex: 1 1;
  padding: 0 6px;
  overflow: hidden;
}

.styles_lastMessage__lBvz\+,
.styles_userName__qLj9Y {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 98%;
  transition: color 0.15s ease-out;
}

.styles_userName__qLj9Y {
  padding-bottom: 2px;
  color: var(--text-primary);
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
  transition: color 0.15s ease-out;
}

.styles_userNameAsInput__nq4Jd {
  display: block;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 100%;
  color: inherit;
  font: inherit;
  font-weight: 800;
  font-size: 14px;
  line-height: 140%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles_userNameAsInput__nq4Jd:focus {
  outline: none;
}

.styles_userNameGray__q0yUh {
  color: var(--text-third);
  font-size: 12px;
  padding-top: 1px;
}

.styles_notFullWidth__iAKzP {
  width: auto;
  min-width: 10%;
  max-width: 75%;
}

.styles_lastMessage__lBvz\+ {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary);
}

.styles_userOnline__hCsOr {
  color: var(--green-secondary);
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
}

.styles_contentUser__8vw4D {
  width: 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.styles_userFunds__PLmjx {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  border-radius: 12px;
  padding: 2px 4px;
  position: absolute;
  bottom: -4px;
  color: rgb(var(--white));
}

.styles_userFunds_none__0fLl- {
  background: var(--text-forth);
}

.styles_userFunds_low__U27CK {
  background: var(--red);
}
.styles_userFunds_med__BhCmP {
  background: var(--yellow);
}
.styles_userFunds_hig__E3FRU {
  background: var(--orange);
}
.styles_userFunds_vip__DqY0G {
  background: var(--green);
}

.styles_containerTags__MhupU {
  display: flex;
}

.styles_unreadCounter__Uv3Nv {
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  background-color: var(--red-secondary);
  border-radius: 10px;
  color: #fff;
  padding: 2px 4px;
  min-width: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_markUnreadBlock__pHr4w {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  opacity: 0.5;
  padding: 10px;
  text-overflow: ellipsis;
  color: var(--text-secondary);
}

.styles_contentRight__-PNkg {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.styles_userLasTime__ZSNKk {
  margin-top: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

.styles_red__iSRzD {
  color: var(--red);
}
.styles_yellow__37PEe {
  color: var(--yellow);
}
.styles_green__RWDRz {
  color: var(--green);
}

.styles_container__UUkMw {
  height: 100%;
  overflow-y: auto;
}

.styles_trigger__jKqf8 {
  padding: 10px;
  text-align: center;
}

.styles_loaderWrapper__jg1pH {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.styles_loader__M-KpB {
  padding: 10px;
  text-align: center;
  color: var(--text-secondary);
}

.styles_filters__481FY {
  padding: 8px;
  border-bottom: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.styles_elementContainer__STRuV {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.styles_switcherItem__XMpnF {
  gap: 8px !important;
}

.styles_input__zyD0C {
  width: 100%;
  padding: 0;
}

.style_wrapper__IDmxK {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.style_padding__ZDIv9 {
  padding: 12px 0;
}

.style_label__tKDxS {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-third);
}

.styles_container__e\+8E5 {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  width: 100%;
  scroll-behavior: smooth;
}

.styles_container__e\+8E5::-webkit-scrollbar {
  display: none;
}

.styles_container__Gw3u\+ {
  font-size: 12px;
  color: var(--text-forth);
  display: flex;
  height: 24px;
  padding: 0 6px;
  line-height: 22px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  min-width: 40px;
  gap: 4px;
  border-radius: 40px;
  background-color: var(--border);
  transition: all 0.3s linear;
}

.styles_container__Gw3u\+.styles_close__4QxV1 {
  padding: 0 0 0 6px;
}

.styles_container__Gw3u\+.styles_hasCounter__gULgW {
  padding: 0 6px 0 0;
}

.styles_container__Gw3u\+.styles_hasCounter__gULgW.styles_close__4QxV1 {
  padding: 0 0 0 0;
}

.styles_container__Gw3u\+:hover:not(:has(.styles_close__4QxV1:hover)),
.styles_container__Gw3u\+.styles_active__E26gZ {
  cursor: pointer;
  background-color: var(--primary-active-color);
}

.styles_wrapper__Zzf6P {
  display: flex;
  align-items: center;
}

.styles_counter__Inj7O {
  background-color: var(--primary-color);
  height: 20px;
  padding: 0 4px;
  line-height: 20px;
  color: rgba(var(--white));
  border-radius: 40px;
  font-weight: 600;
  font-size: 10px;
  min-width: 20px;
  text-align: center;
}

.styles_name__kwzPq {
  font-size: 12px;
}

.styles_container__0vjFi {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: no-wrap;
}

.style_wrapper__XpzMQ {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.style_greenBg__2mDiO {
  background-color: var(--green);
  opacity: 0.4;
}

.style_redBg__A4qzR {
  background-color: var(--red-secondary);
  opacity: 0.4;
}

.style_additionPriceInfo__YGKEI {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.style_value__p0oYJ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  white-space: nowrap;
  min-width: 20px;
  padding: 2px 8px;
  text-transform: uppercase;
  z-index: 20;
  font-size: 32px;
  line-height: 120%;
  background-color: var(--vault-label-price-bg);
}

.style_textGray__Ahhbz {
  color: var(--vault-label-price-color);
}

.style_textGreen__qZ5Gl {
  color: var(--green-secondary)
}

.style_content__qE7bB {
  position: relative;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  padding: 16px;
  max-height: 90vh;
  border-radius: 0.75rem;
  width: 420px;
  background-color: var(--page);
  box-shadow: 0px 2px 16px 0px var(--shadow);
  z-index: 15;
}

.style_wrapper__k2x8m {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.style_wrapper__k2x8m.style_fullscreen__gIHSn {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
}

.style_backdrop__AE80- {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backdrop);
  z-index: 10;
}

.style_content__qE7bB.style_overflow__7RUet {
  overflow-y: auto;
}

.style_closeButtonWrapper__W7PrW {
 position: absolute;
 top: 30px;
 right: 30px;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 border: 1px solid var(--title-color);
 z-index: 20;
}

.style_closeButton__z2Vse path {
  stroke: var(--title-color);
}

.styles_modal__CoNAR {
  width: 300px;
  height: 400px;
}

.styles_header__UQ9FK {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: var(--title-color);
  padding: 8px 0;
}

.styles_content__3ae7t {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  padding: 0 8px;
}

.styles_header__UQ9FK {
  border-bottom: 1px solid var(--border);
}

.styles_item__qW5Zy {
  width: 100%;
  align-items: center;
  padding: 4px 0;
  transition: background-color 0.2s ease;
}

.styles_item__qW5Zy:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.styles_item__qW5Zy:hover {
  cursor: pointer;
  background-color: var(--primary-hover-color);
}

.styles_labelWrapper__cA9Jv {
  display: flex;
  flex-direction: column;
}

.styles_label__qIDlb {
  font-size: 14px;
}

.styles_contactCountWrapper__bcBr8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_contactCount__Q-1gF {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-secondary);
}

.styles_contactCount__Q-1gF:not(:last-child)::after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: var(--text-secondary);
  transform: translateX(50%) rotate(45deg);
}

.styles_container__EEDCJ {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border-right: 1px solid var(--border);
}

.styles_listContainer__Po2iF {
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.styles_contactItem__f7Oqp {
  display: flex;
  align-items: center;
  padding: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.styles_contactItem__f7Oqp:hover {
  background: #f8f8f8;
  background: var(--primary-active-color, #f8f8f8);
}

.styles_contactItem__f7Oqp.styles_selected__hrvQv {
  background: #e8f4ff;
  background: var(--primary-hover-color, #e8f4ff);
}

.styles_avatar__QRyWN {
  position: relative;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  flex-shrink: 0;
}

.styles_avatar__QRyWN img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.styles_avatarPlaceholder__H7lCR {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  font-weight: 600;
}

.styles_storyIndicator__jY1As {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 14px;
  height: 14px;
  background: linear-gradient(45deg, #f093fb 0%, #f5576c 100%);
  border-radius: 50%;
  border: 2px solid var(--border);
}

.styles_contactInfo__Vob\+u {
  flex: 1 1;
  min-width: 0;
}

.styles_contactName__Epqqr {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  color: var(--text-primary, #000000);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_subscribedBadge__ub4QH {
  font-size: 11px;
  padding: 2px 6px;
  background: #d4edda;
  background: var(--success-background, #d4edda);
  color: #155724;
  color: var(--success-color, #155724);
  border-radius: 4px;
  font-weight: 400;
}

.styles_lastMessage__sLOXa {
  font-size: 13px;
  color: #666666;
  color: var(--text-secondary, #666666);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles_contactMeta__HCIY0 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.styles_unreadCount__vlFOE {
  background: #007bff;
  background: var(--primary-color, #007bff);
  color: white;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 10px;
  min-width: 20px;
  text-align: center;
}

.styles_tipIndicator__AJO7R {
  font-size: 14px;
}

.styles_newIndicator__Y4oOr {
  font-size: 10px;
  color: #28a745;
  color: var(--success-color, #28a745);
  font-weight: 600;
  text-transform: uppercase;
}

.styles_loader__\+Zri2,
.styles_error__GE1Rb,
.styles_empty__IIIRR {
  padding: 20px;
  text-align: center;
  color: #666666;
  color: var(--text-secondary, #666666);
  font-size: 14px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_errorText__PER0o {
  color: #dc3545;
  color: var(--error-color, #dc3545);
}

.styles_loadMore__gVTKP {
  padding: 16px;
  text-align: center;
  color: #666666;
  color: var(--text-secondary, #666666);
  font-size: 13px;
}

.styles_container__6fPII {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: var(--page);
  overflow: hidden;
}

.styles_emptyState__iyou\+ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #888;
  color: var(--text-secondary, #888);
}

.styles_emptyIcon__DNnGP {
  font-size: 48px;
  margin-bottom: 16px;
}

.styles_emptyTitle__sg-\+u {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  color: var(--text-primary, #fff);
  margin-bottom: 8px;
}

.styles_emptyText__pVaZX {
  font-size: 14px;
  color: #888;
  color: var(--text-secondary, #888);
}

.styles_header__khLNA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #2a2a2a;
  background: var(--header-background, #2a2a2a);
  border-bottom: 1px solid #333;
  border-bottom: 1px solid var(--border-color, #333);
  min-height: 60px;
}

.styles_headerLeft__GrrnZ {
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_contactAvatar__GKApV {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.styles_contactAvatar__GKApV img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.styles_avatarPlaceholder__GSVcp {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  font-weight: 600;
}

.styles_contactInfo__2zo1k {
  display: flex;
  flex-direction: column;
}

.styles_contactName__L8-49 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  color: var(--text-primary, #fff);
}

.styles_contactStatus__tnYuc {
  font-size: 12px;
  color: #888;
  color: var(--text-secondary, #888);
}

.styles_headerActions__RYMkH {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_headerButton__WgbKO {
  background: transparent;
  border: none;
  color: #fff;
  color: var(--text-primary, #fff);
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background 0.2s;
}

.styles_headerButton__WgbKO:hover {
  background: rgba(255, 255, 255, 0.1);
  background: var(--hover-background, rgba(255, 255, 255, 0.1));
}

.styles_messageContainer__euDAU {
  padding: 0px 16px 12px;
  background: var(--page);
  border-top: 1px solid var(--border-secondary);
}

.styles_inputWrapper__Y1psU {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
  gap: 8px;
}

.styles_inputField__Ku2lZ {
  flex: 1 1;
  display: flex;
  align-items: center;
  position: relative;
}

.styles_messageInput__cnuUj {
  flex: 1 1;
  width: 100%;
  padding: 12px;
  background: var(--page);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 20px;
  outline: none;
  min-height: 44px;
  max-height: 120px;
  overflow-y: auto;
  font-family: inherit;
  cursor: text;
  word-break: break-word;
}

.styles_messageInput__cnuUj:empty::before {
  content: attr(data-placeholder);
  color: var(--text-secondary);
  pointer-events: none;
}

/* Styles for formatted content in contentEditable */
.styles_messageInput__cnuUj p {
  margin: 0 0 4px 0;
}

.styles_messageInput__cnuUj p:last-child {
  margin-bottom: 0;
}

.styles_taggedCreatorsContainer__M9BLK {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 4px;
}


.styles_container__-RwkS {
  display: flex;
  align-items: center;
  gap: 10px;
}

.styles_btn__EOCIC {
  padding: 6px 12px;
  background-color: var(--primary-color);
  opacity: 1;
  border-radius: 50px;
  transition: all 0.15s;
  color: rgb(var(--white));
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_btn__EOCIC:hover {
  background-color: var(--icon-bg-color);
  cursor: pointer;
}

.styles_disabled__05Kr- {
  background-color: var(--placeholder);
  opacity: 0.5;
}

.styles_disabled__05Kr-:hover {
  background-color: transparent;
  opacity: 0.5;
  cursor: default;
}

.styles_endBtn__JpubJ {
  margin-left: auto;
}

.styles_sendBtn__qxz7K {
  text-transform: uppercase;
}

.styles_sendBtn__qxz7K:hover {
  background-color: var(--primary-hover-color);
}

.styles_iconBtn__Pj3aD {
  background-color: transparent;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  padding: 6px;
}

.styles_iconBtn__Pj3aD path,
.styles_iconBtn__Pj3aD svg {
  color: var(--icon);
  fill: var(--icon);
}

.styles_iconBtn__Pj3aD:hover path,
.styles_iconBtn__Pj3aD:hover svg {
  color: var(--primary-hover-color);
  fill: var(--primary-hover-color);
}

.styles_disabled__05Kr-.styles_iconBtn__Pj3aD path,
.styles_disabled__05Kr-.styles_iconBtn__Pj3aD svg {
  color: var(--placeholder);
  fill: var(--placeholder);
}

.styles_active__AzMj\+ {
  background-color: var(--primary-hover-color);
}

.styles_active__AzMj\+.styles_iconBtn__Pj3aD {
  background-color: var(--icon-bg-color);
}

.styles_active__AzMj\+.styles_iconBtn__Pj3aD path,
.styles_active__AzMj\+.styles_iconBtn__Pj3aD svg {
  color: var(--primary-hover-color);
  fill: var(--primary-hover-color);
}

.styles_editorWrapper__eq2ew {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--page);
  border-radius: 8px;
  border: 1px solid var(--border-secondary);
  overflow: hidden;
}

.styles_toolbar__gIaTx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background: var(--page);
  border-top: 1px solid var(--border-secondary);
}

.styles_toolbarLeft__avJAb {
  display: flex;
  gap: 4px;
}

.styles_separator__0Ovsk {
  width: 1px;
  height: 20px;
  background: var(--border-secondary);
  margin: 0 4px;
  align-self: center;
}

.styles_headingDropdown__qiaBB {
  position: relative;
}

.styles_headingButton__zLEy\+ {
  background-color: transparent;
  color: var(--icon);
  cursor: pointer;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 16px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  border: 1px solid var(--border-secondary);
}

.styles_headingButton__zLEy\+:hover {
  background-color: var(--icon-bg-color);
  color: var(--primary-hover-color);
}

.styles_headingButton__zLEy\+.styles_active__ZxNja {
  background-color: var(--icon-bg-color);
  color: var(--primary-hover-color);
}

.styles_dropdownArrow__mu\+ae {
  font-size: 8px;
  transform: rotate(0deg);
  transition: transform 0.2s;
}

.styles_headingButton__zLEy\+.styles_active__ZxNja .styles_dropdownArrow__mu\+ae {
  transform: rotate(180deg);
}

.styles_colorSwatch__n-L-X {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--border-secondary);
  flex-shrink: 0;
}

.styles_dropdownMenu__vuxMn {
  position: fixed;
  background: var(--page);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 140px;
  max-width: -webkit-min-content;
  max-width: min-content;
}

.styles_dropdownItem__UPHjR {
  width: 100%;
  background: transparent;
  border: none;
  color: var(--text-primary);
  cursor: pointer;
  /* font-size: 14px; */
  padding: 8px 12px;
  text-align: left;
  transition: all 0.2s;
  border-radius: 0;
}

.styles_dropdownItem__UPHjR:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.styles_dropdownItem__UPHjR:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.styles_dropdownItem__UPHjR:hover {
  background-color: var(--icon-bg-color);
}

.styles_dropdownItem__UPHjR.styles_active__ZxNja {
  background-color: var(--icon-bg-color);
  color: var(--primary-hover-color);
}

.styles_toolbarButton__HsHu8 {
  background-color: transparent;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  padding: 6px;
  border: none;
  color: var(--icon);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_toolbarButton__HsHu8:hover {
  background-color: var(--icon-bg-color);
  color: var(--primary-hover-color);
}

.styles_toolbarButton__HsHu8:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.styles_toolbarButton__HsHu8.styles_active__ZxNja {
  background: var(--icon-bg-color);
  color: var(--primary-hover-color);
}

.styles_closeButton__ud4j4 {
  background-color: transparent;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  padding: 6px;
  border: none;
  color: var(--icon);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_closeButton__ud4j4:hover {
  background-color: var(--icon-bg-color);
  color: var(--primary-hover-color)
}

.styles_editor__pv8b0 {
  flex: 1 1;
  min-height: 60px;
  max-height: 200px;
  overflow-y: auto;
}

.styles_editorContent__CQei5 {
  padding: 12px;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.5;
  outline: none;
  min-height: 60px;
  white-space: pre-wrap !important;
  word-wrap: break-word;
}

.styles_editorContent__CQei5 * {
  white-space: pre-wrap !important;
}

.styles_editorContent__CQei5 .styles_ProseMirror__m\+X3Z {
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

.styles_editorContent__CQei5 p {
  margin: 0;
  padding: 0;
}

.styles_editorContent__CQei5 p:not(:last-child) {
  margin-bottom: 8px;
}

/* Placeholder styles */
.styles_editorContent__CQei5.styles_isEmpty__oOh-R:first-child::before {
  content: attr(data-placeholder);
  color: var(--text-secondary);
  pointer-events: none;
  position: absolute;
}

/* Color dropdown styles */
.styles_colorDropdownMenu__UH0Xb {
  position: fixed;
  background: var(--page);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  padding: 8px;
  display: flex;
  gap: 6px;
}

.styles_colorCircle__GMM7e {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.styles_colorCircle__GMM7e:hover {
  border-color: var(--border-secondary);
  transform: scale(1.1);
}

.styles_colorCircle__GMM7e.styles_active__ZxNja {
  border-color: var(--primary-hover-color);
  transform: scale(1.1);
}

.styles_colorCircleInner__3L-mv {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Unified Container for the entire component */
.styles_unifiedContainer__HKXPd {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  overflow: hidden;
  background: var(--page);
  max-width: 100%; /* Ensure container doesn't exceed parent */
}


/* Unified Content Area */
.styles_unifiedContent__8FvJw {
  display: flex;
  flex-direction: row; /* Horizontal layout for sections */
  min-height: 0; /* Allow flex children to shrink */
  max-height: 280px; /* Fixed height as requested */
  width: 100%; /* Full width of container */
  overflow: hidden; /* Prevent overflow from breaking layout */
}


.styles_removeButton__M3uI0 {
  border: none;
  cursor: pointer;
  padding: 0;
  background: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
}

.styles_removeButton__M3uI0:hover {
  opacity: 1;
  background: var(--primary-hover-color);
}

.styles_removeButton__M3uI0 svg {
  width: 14px;
  height: 14px;
}

.styles_removeButton__M3uI0 svg path {
  stroke: rgb(var(--white));
}

.styles_mediaSection__TNJtT {
  position: relative; /* For absolute positioning of buttons */
  display: flex;
  flex-direction: column; /* Vertical layout inside each section */
  min-height: 0; /* Allow flex children to shrink */
  flex: 1 1; /* Dynamic width - single section takes 100%, two sections take 50% each */
  min-width: 0; /* Allow section to shrink below content size */
}

.styles_mediaSectionHeader__K1nQF {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  background: var(--page);
  border-bottom: 1px solid var(--border-secondary);
  flex-shrink: 0; /* Prevent header from shrinking */
  min-height: 50px; /* Fixed height for all headers */
  box-sizing: border-box;
  transition: all 0.3s ease; /* Same transition speed as section */
}

.styles_activeHeader__P4NwN {
  background: var(--primary-active-color);
  color: var(--text-primary);
}

.styles_activeHeader__P4NwN .styles_mediaPreviewsLabel__gZMJN {
  text-decoration: underline;
  text-underline-offset: 3px;
}


.styles_activeSectionBackground__UjRRF {
  transition: all 0.3s ease; /* Same transition speed as header */
}

.styles_activeSectionBackground__UjRRF .styles_mediaPreviewsContent__KJcET {
  background: var(--primary-active-color);
}

.styles_mediaSectionDivider__cA8CP {
  position: relative; /* For positioning the confirm button */
  width: 1px; /* Vertical divider for horizontal layout */
  background: var(--border-secondary);
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_mediaPreviewsIcon__EsHMY {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--icon);
}

.styles_mediaPreviewsLabel__gZMJN {
  flex: 1 1;
}

.styles_mediaPreviewsPrice__ZgxDq {
  font-weight: 700;
  color: var(--text-primary);
  /* background: var(--vault-label-price-bg); */
  padding: 2px 8px;
  /* border-radius: 4px; */
}

/* Update existing mediaPreviewsContent for horizontal scroll */
.styles_mediaSection__TNJtT .styles_mediaPreviewsContent__KJcET {
  position: relative; /* Needed for absolute positioning of buttons */
  display: flex;
  flex-wrap: nowrap; /* Changed from wrap to nowrap for horizontal scroll */
  gap: 12px;
  padding: 12px;
  overflow-x: auto; /* Enable horizontal scroll */
  overflow-y: hidden;
  flex: 1 1;
  min-height: 0;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: var(--primary-color) transparent; /* Firefox */
}

/* Add specific padding to avoid buttons overlap */
.styles_mediaSection__TNJtT:first-child .styles_mediaPreviewsContent__KJcET.styles_freeMediaContent__2fR3N {
  padding-right: 40px; /* Space for right button in free section */
}

.styles_mediaSection__TNJtT:last-child .styles_mediaPreviewsContent__KJcET.styles_paidMediaContent__wtwMN {
  padding-left: 40px; /* Space for left button in paid section */
}

/* Webkit scrollbar styling */
.styles_mediaSection__TNJtT .styles_mediaPreviewsContent__KJcET::-webkit-scrollbar {
  height: 6px;
}

.styles_mediaSection__TNJtT .styles_mediaPreviewsContent__KJcET::-webkit-scrollbar-track {
  background: transparent;
}

.styles_mediaSection__TNJtT .styles_mediaPreviewsContent__KJcET::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 3px;
}

.styles_mediaSection__TNJtT .styles_mediaPreviewsContent__KJcET::-webkit-scrollbar-thumb:hover {
  background: var(--primary-hover-color);
}

.styles_mediaPreviewItem__V9sW4 {
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--button-disabled);
  width: 100px; /* Fixed width to ensure consistent sizing */
  height: 100px; /* Fixed height to ensure consistent sizing */
}

.styles_mediaPreviewItem__V9sW4 > div {
  width: 100px !important;
  height: 100px !important;
}

.styles_mediaPreviewItem__V9sW4 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px;
}

.styles_removeMediaButton__cFw8m {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border: none;
  background: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 1;
  z-index: 10;
}

.styles_removeMediaButton__cFw8m:hover {
  background: var(--primary-hover-color);
  transform: scale(1.1);
}

.styles_removeMediaButton__cFw8m svg {
  width: 12px;
  height: 12px;
}

.styles_removeMediaButton__cFw8m svg path {
  stroke: white;
  stroke-width: 2;
}

/* Ensure media items don't shrink */
.styles_mediaSection__TNJtT .styles_mediaPreviewItem__V9sW4 {
  flex-shrink: 0;
}

/* Edit mode styles */
.styles_editButton__BdvU5 {
  border: none;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* New positioning for buttons outside scroll container */
.styles_editButtonFree__z2eJu,
.styles_editButtonPaid__EgEfL {
  position: absolute;
  top: 74px; /* Below header + into media content area */
  height: 30px;
  z-index: 20;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: rgb(var(--white));
  border-radius: 8px;
  width: 24px; /* Made narrower */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6; /* Semi-transparent by default */
  transition: opacity 0.2s ease;
}

.styles_editButtonFree__z2eJu:hover,
.styles_editButtonPaid__EgEfL:hover {
  opacity: 1; /* Full opacity on hover */
}

/* Position for free section button (closer to center) */
.styles_editButtonFree__z2eJu {
  right: 8px; /* Closer to center */
}

/* Position for paid section button (closer to center) */
.styles_editButtonPaid__EgEfL {
  left: 8px; /* Closer to center */
}


.styles_confirmButton__rWoLh {
  border: none;
  background: var(--border-secondary);
  color: var(--text-primary);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 50%;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: bold;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Absolute positioning for confirm button inside media content */
.styles_mediaSection__TNJtT .styles_mediaPreviewsContent__KJcET .styles_confirmButton__rWoLh {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 40px;
  height: 40px;
  font-size: 16px;
}

/* Position confirm button on left for free section (opposite to edit button) */
.styles_mediaSection__TNJtT:first-child .styles_mediaPreviewsContent__KJcET .styles_confirmButton__rWoLh {
  left: 12px;
}

/* Position confirm button on right for paid section (opposite to edit button) */
.styles_mediaSection__TNJtT:last-child .styles_mediaPreviewsContent__KJcET .styles_confirmButton__rWoLh {
  right: 12px;
}

/* Center confirm button in divider */
.styles_confirmButtonCenter__7VZIN {
  position: absolute;
  bottom: 12px; /* Position inside the media content area */
  left: 50%;
  transform: translateX(-50%);
  background: var(--page);
  border: 1px solid var(--border-secondary);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 30;
}

.styles_confirmButton__rWoLh:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.styles_confirmButtonActive__LqSQ5 {
  background: var(--primary-color);
  color: white;
}

.styles_confirmButtonActive__LqSQ5:hover {
  background: var(--primary-hover-color);
}


/* Media selection styles */
.styles_mediaPreviewItemSelected__PJv2v {
  border: 2px solid var(--primary-color);
  cursor: pointer;
}

.styles_mediaPreviewItem__V9sW4 {
  cursor: default;
}

.styles_mediaPreviewItem__V9sW4.styles_mediaPreviewItemSelected__PJv2v {
  cursor: pointer;
}

.styles_checkboxContainer__RfZbZ {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--white), 0.5);
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 4px;
  z-index: 10;
}

.styles_mediaCheckbox__DGgSl {
  width: 16px;
  height: 16px;
  accent-color: var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid white;
  background: transparent;
  position: relative;
}

.styles_mediaCheckbox__DGgSl:checked {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.styles_mediaCheckbox__DGgSl:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
}

/* Navigation buttons styles */
.styles_navButton__gGH2k {
  border: none;
  cursor: pointer;
  padding: 4px;
  background: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
  color: rgb(var(--white));
}

.styles_navButton__gGH2k:hover {
  opacity: 1;
  background: var(--primary-hover-color);
}

.styles_navButton__gGH2k svg {
  width: 16px;
  height: 16px;
}

.styles_navButtonLeft__MGBpJ {
  margin-left: auto;
}

.styles_navButtonRight__kuqNN {
  margin-right: 8px;
}

/* Reminder banner at the top */
.styles_reminderBanner__G-95p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--primary-color);
  color: white;
  font-size: 14px;
  font-weight: 500;
}

.styles_reminderBannerText__8lXfR {
  flex: 1 1;
  color: white;
}

.styles_reminderCloseButton__9VViw {
  border: none;
  background: transparent;
  color: white;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.styles_reminderCloseButton__9VViw:hover {
  opacity: 1;
}

.styles_reminderCloseButton__9VViw svg {
  width: 16px;
  height: 16px;
}

/* Add Media Button */
.styles_addMediaButton__WhnwZ {
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--button-disabled);
  width: 40px;
  height: 100px;
  border: 1px solid var(--border-secondary);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.styles_addMediaButton__WhnwZ:hover {
  border-color: var(--primary-color);
  background: var(--primary-active-color);
}

.styles_addMediaButton__WhnwZ svg {
  width: 32px;
  height: 32px;
  color: var(--icon);
  stroke: var(--icon);
  transition: all 0.2s ease;
}

.styles_addMediaButton__WhnwZ:hover svg {
  color: var(--primary-color);
  stroke: var(--primary-color);
}

.styles_addMediaButton__WhnwZ:disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.styles_addMediaButton__WhnwZ:disabled:hover {
  border-color: var(--border-secondary);
  background: var(--button-disabled);
}

.styles_addMediaButton__WhnwZ:disabled svg {
  color: var(--icon);
  stroke: var(--icon);
}

/* Audio Player Container - Unified container spanning full width */
.styles_audioPlayerContainerUnified__LThWT {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid var(--border-secondary);
  background: var(--page);
  width: 100%;
  transition: background 0.3s ease;
}

.styles_audioPlayerContainerActive__wcw\+7 {
  background: var(--primary-active-color);
}

.styles_audioPlayerWrapper__wFEGK {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  background: var(--message-from-me-background);
  border-radius: 8px;
  /* padding: 8px; */
}

.styles_audioPlayerWrapper__wFEGK.styles_editModeActive__tT5Og {
  cursor: pointer;
}

.styles_audioPlayerWrapper__wFEGK.styles_selected__vKKNy {
  background: var(--button-disabled);
  border: 2px solid var(--primary-color);
}

.styles_audioPlayerContent__ObJxL {
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
}

.styles_audioPlayerLoading__j5a-8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  background: var(--button-disabled);
  border-radius: 8px;
}

.styles_removeAudioButton__aPhtE {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  background: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0.9;
  z-index: 10;
}

.styles_removeAudioButton__aPhtE:hover {
  background: var(--primary-hover-color);
  opacity: 1;
  transform: scale(1.1);
}

.styles_removeAudioButton__aPhtE svg {
  width: 14px;
  height: 14px;
}

.styles_removeAudioButton__aPhtE svg path {
  stroke: white;
  stroke-width: 2;
}

.styles_audioCheckboxContainer__mnYpr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--white), 0.5);
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 8px;
  z-index: 10;
}

.styles_audioCheckbox__EJyca {
  width: 16px;
  height: 16px;
  accent-color: var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid white;
  background: transparent;
  position: relative;
}

.styles_audioCheckbox__EJyca:checked {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.styles_audioCheckbox__EJyca:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
}

.styles_mediaPreviewItem__FyMa0 {
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--button-disabled);
  width: 100px; /* Fixed width to ensure consistent sizing */
  height: 100px; /* Fixed height to ensure consistent sizing */
}

.styles_mediaPreviewItem__FyMa0 > div {
  width: 100px !important;
  height: 100px !important;
}

.styles_mediaPreviewItem__FyMa0 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px;
}

.styles_mediaPreviewItem__FyMa0 {
  cursor: default;
}

.styles_mediaPreviewItem__FyMa0.styles_mediaPreviewItemSelected__KxY42 {
  cursor: pointer;
}

/* Media selection styles */
.styles_mediaPreviewItemSelected__KxY42 {
  border: 2px solid var(--primary-color);
  cursor: pointer;
}

.styles_removeMediaButton__hHst4 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border: none;
  background: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 1;
  z-index: 10;
}

.styles_removeMediaButton__hHst4:hover {
  background: var(--primary-hover-color);
  transform: scale(1.1);
}

.styles_removeMediaButton__hHst4 svg {
  width: 12px;
  height: 12px;
}

.styles_removeMediaButton__hHst4 svg path {
  stroke: white;
  stroke-width: 2;
}

.styles_checkboxContainer__AtFGA {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--white), 0.5);
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 4px;
  z-index: 10;
}

.styles_mediaCheckbox__oeaq\+ {
  width: 16px;
  height: 16px;
  accent-color: var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid white;
  background: transparent;
  position: relative;
}

.styles_mediaCheckbox__oeaq\+:checked {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.styles_mediaCheckbox__oeaq\+:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
}

/* Uploading overlay */
.styles_uploadingOverlay__UAdsl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}

.styles_mediaPreviewItemUploading__gG3IZ {
  opacity: 0.7;
  pointer-events: none;
}

.styles_audioPlayer__vVEdv {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  max-width: 100%;
  min-width: 250px;
}

.styles_audioPlayer__vVEdv.styles_fromMe__pGrQE {
  background: #0084ff;
  background: var(--message-from-me-background, #0084ff);
}

.styles_audioPlayer__vVEdv.styles_fromThem__pm0MW {
  background: #3a3a3a;
  background: var(--message-from-them-background, #3a3a3a);
}

.styles_playButton__VAflf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.styles_playButton__VAflf:hover {
  background: var(--primary-color);
}

.styles_playButton__VAflf:active {
  transform: scale(0.95);
}

.styles_playButton__VAflf svg {
  color: rgb(var(--white));
}

.styles_audioInfo__AtU3C {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1;
  min-width: 0;
}

.styles_progressBar__30Eb3 {
  width: 100%;
  height: 4px;
  background: var(--backdrop);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease;
}

.styles_progressBar__30Eb3:hover {
  height: 6px;
}

.styles_progressFill__h4oj5 {
  height: 100%;
  background: #0084ff;
  background: var(--primary-color, #0084ff);
  border-radius: 2px;
  transition: width 0.1s linear;
  pointer-events: none;
}

.styles_controls__V03x7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.styles_timeInfo__EPVbI {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-secondary);
  -webkit-user-select: none;
          user-select: none;
}

.styles_currentTime__OKV8z {
  color: var(--text-primary);
  font-weight: 500;
}

.styles_separator__laqu\+ {
  opacity: 0.6;
}

.styles_duration__4JOjt {
  opacity: 0.8;
}

.styles_volumeControl__XKQhE {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 80px;
}

.styles_volumeIcon__kQSQ7 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon);
  flex-shrink: 0;
}

.styles_volumeSlider__-D37S {
  width: 100%;
  height: 4px;
  -webkit-appearance: none;
  appearance: none;
  background: var(--backdrop);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}

.styles_volumeSlider__-D37S::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0084ff;
  background: var(--primary-color, #0084ff);
  cursor: pointer;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.styles_volumeSlider__-D37S::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.styles_volumeSlider__-D37S::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0084ff;
  background: var(--primary-color, #0084ff);
  cursor: pointer;
  border: none;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.styles_volumeSlider__-D37S::-moz-range-thumb:hover {
  transform: scale(1.2);
}

.styles_replyContainer__JzQDl {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 8px;
  position: relative;
  max-height: 100px;
  background: rgba(74, 144, 226, 0.1);
  border: 1px solid rgba(74, 144, 226, 0.3);
}

.styles_replyContent__dsKLH {
  flex: 1 1;
  min-width: 0;
}

.styles_replyHeader__fZqpU {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.styles_replyUserName__MNUwN {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-text-color);
}

.styles_replyTime__s8VHn {
  font-size: 12px;
  color: var(--text-secondary);
}

.styles_replyMessage__lVpiN {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.styles_replyText__dGUaI {
  color: var(--text-primary);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
  flex: 1 1;
  min-width: 0;
}

.styles_additionInfo__66wxh {
  display: flex;
  gap: 12px;
  margin-top: 6px;
}

.styles_mediaCount__JBJ-r {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 2px;
}

.styles_mediaCount__JBJ-r svg {
  width: 16px;
  height: 16px;
}

.styles_mediaCount__JBJ-r svg path{
  fill: var(--primary-color)
}

.styles_replyPrice__oystL {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  background: var(--primary-active-color);
  border-radius: 4px;
  font-size: 13px;
  color: var(--primary-text-color);
  font-weight: 500;
}

.styles_closeButton__jJBFF {
  border: none;
  cursor: pointer;
  padding: 0;
  background: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
}

.styles_closeButton__jJBFF:hover {
  opacity: 1;
  background: var(--primary-hover-color);
}

.styles_closeButton__jJBFF svg {
  width: 14px;
  height: 14px;
}
.styles_gifSection__4enTC {
  background: var(--section);
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 204px;
}

.styles_gifHeader__F4nRD {
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_title__O511E {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}

.styles_closeButton__00tR\+ {
  border: none;
  cursor: pointer;
  padding: 0;
  background: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
  flex-shrink: 0;
}

.styles_closeButton__00tR\+:hover {
  opacity: 1;
  background: var(--primary-hover-color);
}

.styles_closeButton__00tR\+ svg {
  width: 16px;
  height: 16px;
}

.styles_searchContainer__XvVBQ {
  flex: 1 1;
}

.styles_searchInput__SHRJB {
  width: 100%;
  padding: 8px 12px;
  background: var(--form-element-background);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}

.styles_searchInput__SHRJB:focus {
  border-color: var(--primary-color);
}

.styles_searchInput__SHRJB::placeholder {
  color: var(--placeholder);
}

.styles_gifPreviewsContainer__NxlDx {
  width: 100%;
  overflow: hidden;
}

.styles_gifPreviewsList__oyIYb {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--border-secondary) var(--section);
}

.styles_gifPreviewsList__oyIYb::-webkit-scrollbar {
  height: 6px;
}

.styles_gifPreviewsList__oyIYb::-webkit-scrollbar-track {
  background: var(--section);
  border-radius: 3px;
}

.styles_gifPreviewsList__oyIYb::-webkit-scrollbar-thumb {
  background: var(--border-secondary);
  border-radius: 3px;
}

.styles_gifPreviewsList__oyIYb::-webkit-scrollbar-thumb:hover {
  background: var(--text-third);
}

.styles_gifPreviewItem__RIfq5 {
  flex-shrink: 0;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s;
}

.styles_gifPreviewItem__RIfq5:hover {
  transform: scale(1.05);
}

.styles_gifPlaceholder__E47bn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: var(--text-third);
  text-align: center;
  font-weight: 500;
}

.styles_gifImage__e0JDj {
  height: 100px;
  width: auto;
  display: block;
}

.styles_noResults__I2gtv {
  color: var(--text-secondary);
  font-size: 14px;
  padding: 20px;
  text-align: center;
  width: 100%;
}

.styles_loading__9NvXX {
  color: var(--text-secondary);
  font-size: 14px;
  padding: 20px;
  text-align: center;
  width: 100%;
}

.styles_loadingMore__EqpFN {
  flex-shrink: 0;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 14px;
  padding: 0 20px;
  min-width: 100px;
}

.styles_gifPreviewSection__O7w8L {
  margin-bottom: 12px;
}

.styles_gifPreviewContainer__-6aJi {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
}

.styles_selectedGifImage__gpC4d {
  height: 100px;
  width: auto;
  display: block;
}

.styles_removeGifButton__T0sDN {
  position: absolute;
  top: 4px;
  right: 4px;
  border: none;
  cursor: pointer;
  padding: 0;
  background: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.styles_removeGifButton__T0sDN:hover {
  opacity: 1;
  background: var(--primary-hover-color);
}

.styles_removeGifButton__T0sDN svg {
  width: 12px;
  height: 12px;
}

.styles_scheduledReminder__aiaaz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(74, 144, 226, 0.1);
  border: 1px solid rgba(74, 144, 226, 0.3);
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}

.styles_scheduledReminder__aiaaz:hover {
  background: rgba(74, 144, 226, 0.15);
  border-color: rgba(74, 144, 226, 0.4);
}

.styles_scheduledLeft__fC8ry {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-color);
}

.styles_scheduledLabel__onz2H {
  font-size: 13px;
  color: var(--text-primary);
  font-weight: 400;
}

.styles_scheduledRight__DNtio {
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_scheduledDateTime__EVN0I {
  font-size: 13px;
  color: var(--text-primary);
  font-weight: 500;
}

.styles_removeScheduleButton__8\+dKh {
  border: none;
  cursor: pointer;
  padding: 0;
  background: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
}

.styles_removeScheduleButton__8\+dKh:hover {
  background: var(--primary-hover-color);
  opacity: 1;
}

.styles_tagCreator__2Tsc3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--section-secondary);
  border-radius: 20px;
  padding: 4px;
  margin: 2px;
  max-width: 200px;
  transition: background-color 0.2s ease;
}

.styles_tagCreator__2Tsc3:hover {
  background-color: var(--primary-active-color);
}

.styles_content__E9Leb {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1;
  min-width: 0;
}

.styles_avatar__3rFFv {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.styles_name__WM17S {
  color: var(--text-primary);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
}

.styles_removeButton__MRUCM {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: var(--primary-color);
  border-radius: 50%;
  cursor: pointer;
  color: rgb(var(--white));
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}

.styles_removeButton__MRUCM:hover {
  background: var(--primary-hover-color);
}

.styles_emojiItemWrapper__OMXr- {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transition: all 0.2s;
  border-radius: 8px;
}

.styles_emojiItemWrapper__OMXr-:hover {
  background-color: var(--primary-active-color);
}

.styles_emojiItemInner__zDPqr {
  border-radius: 8px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.styles_emojiItemInner__zDPqr:active {
  cursor: grabbing;
}

.styles_emojiRemoveIcon__mqaPU {
  position: absolute;
  top: 0;
  right: 2px;
}

.styles_emojiRemoveIcon__mqaPU:hover {
  cursor: pointer;
}

.styles_emojiRemoveIcon__mqaPU:hover svg * {
  stroke: var(--red);
}

.styles_container__28g0N {
  position: relative;
  width: 100%;
  display: flex;
  padding: 8px 0px;
  align-items: center;
}

.styles_emojiSettingsWrapper__8xu6m {
  display: flex;
  align-items: center;
  padding-right: 4px;
  margin-right: 4px;
  border-right: 1px solid var(--border);
}

.styles_emojiDefaultItem__n6AiA {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transition: all 0.2s;
  border-radius: 8px;
}

.styles_emojiDefaultItem__n6AiA:hover {
  cursor: pointer;
  background-color: var(--primary-hover-color);
}

.styles_emojiDefaultItem__n6AiA:hover svg * {
  stroke: rgba(var(--white), 0.7);
  fill: rgba(var(--white), 0.7);
}

.styles_favoriteEmojisList__q3hA8 {
  display: flex;
}

.styles_addHint__rnvA8 {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 14px;
  color: var(--text-secondary);
}

.styles_selected__dRYaF {
  background-color: var(--primary-active-color);
}

.styles_selected__dRYaF svg * {
  stroke: var(--primary-color);
  fill: var(--primary-color);
}

.styles_emojiPickerWrapper__VeMpz {
  position: absolute;
  padding: 10px;
  bottom: 55px;
  border: 1px solid var(--borer);
  border-radius: 10px;
  background-color: var(--section);
  z-index: 10;
}

.styles_emojiPickerWrapperTail__r71oi {
  position: relative;
  bottom: -19px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  background-color: var(--section);
}

.styles_hide__izopu {
  display: none;
}

.styles_modalWrapper__DD0YW {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--backdrop);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.styles_modalBody__PWgOF {
  border-radius: 10px;
  height: 75%;
  width: 465px;
  display: flex;
  flex-direction: column;
  background-color: var(--section);
  overflow: hidden;
  box-shadow: 0 2px 23px var(--shadow);
}

.styles_header__4oyVW {
  padding: 10px 10px 0px 10px;
  font-size: 18px;
  background-color: var(--section);
  color: var(--text-primary);
}

.styles_error__bfqpc {
  font-size: 12px;
  height: 20px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--red)
}

.styles_emojiContainer__v801Z {
  padding: 10px;
  overflow-y: auto;
}

.styles_favoriteEmojisWrapper__uWBvY {
  height: 180px;
  padding: 10px;
  background-color: var(--section);
  border-radius: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.styles_favoriteEmojisWrapperTitle__ksT3d {
  color: var(--text-secondary);
  margin-bottom: 10px;
}

.styles_favoriteEmojisCounter__d4PbF {
  margin-top: auto;
  margin-bottom: 0;
  align-self: flex-end;
  padding-top: 10px;
  font-size: 12px;
  color: var(--text-secondary);
}

.styles_favoriteEmojisList__IF44t {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
}

.styles_emojiPicker__Wbdx0 {
  background-color: var(--section);
  border-radius: 10px;
}

.styles_actionBtn__unPjm {
  padding: 10px;
  background-color: var(--section);
  display: flex;
  gap: 24px;
}

.style_wrapper__wk4Eq {
  width: calc(100% + 32px);
  padding: 10px;
  flex-wrap: nowrap;
  background-color: var(--forbidden-words-wrapper);
  font-size: 12px;
  display: flex;
  margin-left: -16px;
  margin-right: -16px;
}

.style_label__aBogW {
  width: 200px;
  display: inline-block;
  color: var(--text-primary);
}

.style_wordList__F\+URf {
  width: calc(100% - 200px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--red-secondary);
}

.styles_modalContent__YCo33 {
  max-width: 1200px !important;
  width: 90% !important;
  padding: 0 !important;
  /* background-color: transparent; */
}

.styles_modalInner__ECiOa {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  height: 100%;
  overflow: hidden;
}

.styles_header__2Wx8Z {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  flex-shrink: 0;
}

.styles_header__2Wx8Z h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--title-color);
}

.styles_videoContainer__0sNwv {
  position: relative;
  width: 100%;
  flex: 1 1;
  min-height: 0;
  background-color: #000;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_video__cNDjz {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
}

.styles_placeholder__AJ\+FQ {
  color: #888;
  color: var(--text-secondary, #888);
  font-size: 16px;
}

.styles_recordingIndicator__n-UWu {
  position: absolute;
  top: 16px;
  left: 16px;
  gap: 8px;
  background-color: rgba(220, 38, 38, 0.95);
  color: white;
  padding: 10px 16px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
}

.styles_recordingDot__iQlcI {
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  animation: styles_blink__lvJ6s 1s infinite;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.styles_recordingTime__DuDvr {
  /* font-family: 'Courier New', monospace; */
  /* font-size: 15px; */
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-left: 4px;
}

@keyframes styles_pulse__CoYuP {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

@keyframes styles_blink__lvJ6s {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.styles_controls__I0zZP {
  display: flex;
  gap: 12px;
  justify-content: center;
  padding-top: 16px;
  flex-shrink: 0;
}

.styles_button__uJEqX {
  min-width: 140px;
}

.styles_customControls__fHwNU {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 70%, transparent 100%);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_playButton__D1AOj {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.styles_playButton__D1AOj:hover {
  background: var(--primary-color);
}

.styles_playButton__D1AOj:active {
  transform: scale(0.95);
}

.styles_playButton__D1AOj svg {
  color: var(--icon-active);
}

.styles_videoInfo__rSy4O {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1;
  min-width: 0;
}

.styles_progressBar__5EWfE {
  width: 100%;
  height: 4px;
  background: var(--backdrop);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease;
}

.styles_progressBar__5EWfE:hover {
  height: 6px;
}

.styles_progressFill__TcS6O {
  height: 100%;
  background: #0084ff;
  background: var(--primary-color, #0084ff);
  border-radius: 2px;
  transition: width 0.1s linear;
  pointer-events: none;
}

.styles_controlsRow__hRfzB {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.styles_timeInfo__4BtTZ {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-secondary);
  -webkit-user-select: none;
          user-select: none;
}

.styles_currentTime__rRQ1l {
  /* color: var(--text-primary); */
  /* font-weight: 500; */
}

.styles_separator__nrHJw {
  /* opacity: 0.6; */
}

.styles_duration__bztun {
  /* opacity: 0.8; */
}

.styles_volumeControl__UmY6- {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 100px;
}

.styles_volumeIcon__yIMn8 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
}

.styles_volumeSlider__FrT93 {
  width: 100%;
  height: 4px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}

.styles_volumeSlider__FrT93::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.styles_volumeSlider__FrT93::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.styles_volumeSlider__FrT93::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  border: none;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.styles_volumeSlider__FrT93::-moz-range-thumb:hover {
  transform: scale(1.2);
}

.styles_modalContent__H5kzV {
  max-width: 500px !important;
  width: 90% !important;
  padding: 0 !important;
}

.styles_modalInner__HASpx {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.styles_header__g2n\+i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_header__g2n\+i h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--title-color);
}

.styles_recordingContainer__khZUu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background: var(--section-secondary);
  border-radius: 12px;
  padding: 32px;
}

.styles_recordingVisualizer__Z5653 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.styles_microphoneIcon__I5KDu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--primary-color);
  color: var(--icon-active);
}

.styles_recordingIndicator__-UtV1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}

.styles_pulseCircle__cjESG {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--red);
  animation: styles_pulse__fxqtr 1.5s infinite;
}

@keyframes styles_pulse__fxqtr {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.1);
  }
}

.styles_recordingText__9808P {
  font-size: 18px;
  font-weight: 700;
  color: var(--red);
  letter-spacing: 2px;
}

.styles_recordingTime__Sv0cj {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  /* font-family: 'Courier New', monospace; */
  letter-spacing: 1px;
}

.styles_instruction__pX\+wr {
  font-size: 14px;
  color: var(--text-secondary);
  text-align: center;
  margin: 0;
}

.styles_audioPreview__VhQO3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  align-items: center;
}

.styles_audioPlayer__UtqS5 {
  width: 100%;
  max-width: 400px;
}

.styles_durationInfo__d\+6wq {
  font-size: 14px;
  color: var(--text-secondary);
  /* font-family: 'Courier New', monospace; */
}

.styles_controls__\+WCoG {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.styles_button__Cj0\+e {
  min-width: 140px;
}

.styles_modalContent__Behzn {
  background-color: var(--page) !important;
  border: 1px solid var(--border-secondary) !important;
  padding: 0 !important;
}

.styles_modal__ZZ\+Bh {
  padding: 24px;
  width: 100%;
}

.styles_title__aUUK6 {
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px 0;
}

.styles_inputGroup__-ambt {
  display: flex;
  align-items: center;
  background-color: var(--page);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 12px;
}

.styles_currency__lX1Mq {
  color: var(--text-primary);
  font-size: 16px;
  margin-right: 8px;
}

.styles_priceInput__7ls6x {
  background: transparent;
  border: none;
  color: var(--text-primary);
  font-size: 16px;
  outline: none;
  flex: 1 1;
  width: 100%;
}

.styles_priceInput__7ls6x::-webkit-outer-spin-button,
.styles_priceInput__7ls6x::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.styles_priceInput__7ls6x[type='number'] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

.styles_minPrice__EmERc {
  color: var(--text-secondary);
  font-size: 14px;
  margin-bottom: 24px;
}

.styles_error__Gs3R3 {
  height: 14px;
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
}

.styles_actions__ezNcI {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.styles_wrapper__yLp0o {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-bottom: 1px solid var(--border);
  gap: 5px;
  position: relative;
}

.styles_row__2CNKD {
  display: flex;
  align-items: center;
  height: 100%;
}

.styles_column__7Q9vC {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.styles_actions__lG6Gk {
  display: flex;
  align-items: center;
  height: 100%;
}

.styles_actionWrapper__\+nO9j {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  padding: 0 8px;
  position: relative;
  height: 100%;
  color: var(--text-secondary);
  transition: all 0.3s linear;
}

.styles_actionWrapper__\+nO9j.styles_active__lQ05c {
  color: var(--primary-color);
}

.styles_actionWrapper__\+nO9j:not(:first-child):hover,
.styles_actionWrapper__\+nO9j.styles_active__lQ05c:hover {
  cursor: pointer;
  color: var(--primary-hover-color);
}

.styles_actionWrapper__\+nO9j:not(:first-child):not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  width: 1px;
  height: 60%;
  background-color: var(--border-third);
}

.styles_status__6rR8V {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 4px;
}

.styles_dot__2kGrZ {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--text-secondary);
}

.styles_dot__2kGrZ.styles_online__GiBjg {
  background-color: var(--green);
}

.styles_status__6rR8V.styles_online__GiBjg {
  color: var(--green);
}

.styles_icon__m-rZS {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_userLink__Jps0n {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_topMenu__sb21u {
  box-sizing: border-box;
  height: 50px;
  border-bottom: 1px solid var(--border);
  padding: 0 16px;
  order: -1;
  display: flex;
  align-items: center;
}

.styles_topMenuContainer__uphcP {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 0;
  gap: 8px;
}

.styles_bookmarkContainer__KsioI {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.styles_fieldWrapper__DvG8y {
  position: relative;
  display: flex;
  width: 100%;
}

.styles_bookmarkTextField__RkCab {
  resize: none;
  border-radius: 5px;
  border: 1px solid var(--border);
  background: var(--form-element-background);
  font-size: 14px;
  line-height: 24px;
  height: 36px !important;
  padding: 0 !important;
}

.styles_bookmarkDate__52Vsk {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 12px;
  /* text-align: center; */
  font-size: 12px;
}

.styles_bookmarkDateText__7pP0Q {
  color: var(--text-secondary);
}

.styles_bookmarkDateText__7pP0Q.styles_bookmarkDateTextYellow__3L-vp {
  color: var(--yellow);
}

.styles_bookmarkDateText__7pP0Q.styles_bookmarkDateTextRed__caB0K {
  color: var(--red);
}

.styles_bookmarkDateText__7pP0Q.styles_bookmarkDateTextGreen__4O2lz {
  color: var(--green);
}

.styles_bookmarkTextField__RkCab::placeholder {
  line-height: 24px;
}

.styles_bookmarkTextField__RkCab,
.styles_topMenuWrapper__ZiQAL {
  flex: 1 1;
}

.styles_bookmarkContainer__KsioI .styles_bookmarkInput__CT3mu {
  height: 20px;
  padding: 7px 16px;
}

.styles_loader__eo8pS {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--backdrop);
  width: 100%;
  padding-right: 32px;
  background-color: transparent;
}

.style_content__boSZP {
  height: 385px;
}

.style_expired__lwI6Z {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.72px;
  color: var(--text-forth);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.style_expired__lwI6Z div {
  margin-top: 16px;
}

.style_itemList__YJLVo {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  gap: 16px;
}

.style_follow__M0B2F {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: var(--text-six);
  letter-spacing: -0.28px;
  gap: 10px;
}

.style_footer__uG9Y0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.style_source__Sa8dc {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--red);
}

@media screen and (max-height: 899px) {
  .style_wrapper__-tW7z {
    padding: 8px 16px;
  }

  .style_expired__lwI6Z {
    font-size: 14px;
  }

  .style_expired__lwI6Z div {
    margin-top: 8px;
  }

  .style_footer__uG9Y0 {
    margin-top: 8px;
  }

  :root .style_MuiButton-root__C6HIM {
    font-size: 12px !important;
    padding: 5px 8px !important;
    height: 20px !important;
  }
}

.style_autocomplete__RasEA {
  position: relative;
  width: 100%;
}

.style_list__iwNb- {
  position: absolute;
  top: 42px;
  left: 10px;
  width: 320px;
  border-radius: 5px;
  max-height: 200px;
  overflow: auto;
  background-color: var(--form-element-background);
  box-shadow: 0px 2px 23px 0px var(--shadow);
  padding: 16px;
}

.style_item__nGDSj {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 16px;
  letter-spacing: 0;
  width: 100%;
}

.style_item__nGDSj:not(:last-child) {
  margin-bottom: 12px;
}

.style_closeIcon__bEhaY:hover {
  cursor: pointer;
}

.style_wrapper__EJR2S {
  width: 660px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--form-element-background);
  box-shadow: 0px 2px 23px 0px var(--shadow);
  margin-bottom: 16px;
  gap: 8px;
}

.style_tooltip__Xdby5 {
  margin-left: 0;
}

.style_tooltipItem__qj0SM {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: var(--text-secondary);
}

.style_wrapper__JoI7z {
  padding: 8px;
  background-color: var(--section-secondary);
  transition: all 0.3s linear;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-forth);
  display: flex;
  align-items: center;
  height: 36px;
  transition: background-color 0.3s linear;
  border-radius: 10px;
}

.style_wrapper__JoI7z:hover {
  box-shadow: 0px 4px 4px 0px var(--shadow);
  cursor: pointer;
}

.style_selected__rvFlP {
  background-color: var(--primary-active-color);
}

.style_dropdown__myvGh {
  position: absolute;
  border-radius: 5px;
  padding: 16px;
}

.style_menuItem__YsDhd {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: var(--text-secondary);
}

.style_input__iMaK7 {
  outline: none;
  border: none;
  background-color: var(--border);
}

.style_icon__gVmqc {
  border-radius: 50%;
  margin-left: 5px;
  transition: all 0.3s linear;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_icon__gVmqc:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}

.style_wrapper__fv40j {
  display: flex;
  justify-content: center;
  height: 90px;
  width: 100%;
  align-items: center;
}

.style_contentWrapper__GVzfk {
  height: calc(100% - 90px);
}

.style_content__NfiKc {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.style_wordList__AeHe- {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1 1;
  overflow-y: auto;
}

.style_emptyWords__067fP {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
  color: var(--text-secondary);
}

.style_listHeader__jdAhx {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.72px;
  color: var(--text-primary);
  margin-bottom: 16px;
}

.style_tooltipList__VRTu8 {
  list-style-type: disc;
  margin-left: 20px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.style_tooltipList__VRTu8 li {
  margin-bottom: 8px;
}

.style_tooltipList__VRTu8 li::marker {
  color: var(--text-secondary);
}

* {
  box-sizing: border-box;
}

.style_wrapper__C0441 {
  height: 100%;
  overflow: hidden;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.style_authomatization__J7YeU {
  display: flex;
  flex-direction: column;
}

.style_forbidden__oLTxY {
  min-height: 280px;
  flex: 1 1;
}

.style_fanFollower-loading-wrapper__uBmqK {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_fanFollower-loader__IElc1 {
  left: auto;
}

.style_fansFollower-logs-container__o1Vcf {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.style_container__-UOi4 {
  width: 100%;
  padding: 8px 4px;
}

.style_label__sKS6F {
  margin-bottom: 4px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-third);
}

.style_label__sKS6F .style_required__zcpLm {
  color: var(--red);
}

.styles_wrapper__84s6C {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 8px;
  background-color: var(--page);
  border-bottom: 1px solid transparent;
  transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 9999;
}

.styles_open__Dlfe1 {
  max-height: 400px;
  opacity: 1;
  padding: 8px;
  border-bottom: 1px solid var(--border);
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.styles_bar__x8\+48 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: nowrap;
  gap: 8px;
}

.styles_input__Kppnj {
  flex: 1 1;
}

.styles_searchResults__d8ggu {
  margin-top: 8px;
  max-height: 300px;
  overflow-y: auto;
}

.styles_searchResultItem__JJ-n2 {
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.15s ease;
  animation: styles_slideInMessage__pMlPo 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
  transform: translateY(-10px);
}

.styles_searchResultItem__JJ-n2:hover {
  background-color: var(--primary-hover-color);
}

@keyframes styles_slideInMessage__pMlPo {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.styles_resultHeader__aNVbK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.styles_resultUserName__m3rUX {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-color);
}

.styles_resultDate__P8ymp {
  font-size: 11px;
  color: var(--text-secondary);
}

.styles_resultText__hUtIi {
  font-size: 13px;
  color: var(--text-primary);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.styles_highlight__XWIFe {
  background-color: var(--primary-color);
  color: var(--white);
  border-radius: 2px;
}

.styles_loadingMore__1PzvF {
  display: flex;
  justify-content: center;
  padding: 12px;
}

.styles_highlight__OGgEv {
  background-color: var(--highlight-text-color-1);
  color: var(--white);
  border-radius: 3px;
  animation: styles_highlightText__BRc0c 2s ease;
}

@keyframes styles_highlightText__BRc0c {
  0%,
  100% {
    background-color: var(--highlight-text-color-1);
  }
  50% {
    background-color: var(--highlight-text-color-2);
  }
}

.styles_modal__-7dyo {
  width: 400px;
  height: 60vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.styles_header__s-Iln {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: var(--title-color);
  padding-bottom: 8px;
}

.styles_title__PaRfi {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: var(--title-color);
}

.styles_content__TWR\+M {
  flex: 1 1;
  overflow: auto;
}

.styles_search__1r5Um {
  width: 100%;
  margin-bottom: 8px;
}

.styles_tagItem__qg47d {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}

.styles_tagItem__qg47d:hover {
  cursor: pointer;
  background-color: var(--primary-hover-color);
}

.styles_tagItem__qg47d:last-child {
  border-bottom: none;
}

.styles_info__Wu6Ex {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.styles_info__Wu6Ex .styles_name__HKTAA {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-primary);
}

.styles_info__Wu6Ex .styles_counts__xmNDd {
  font-size: 12px;
  color: var(--text-secondary);
}

.styles_bottomActions__H2\+oC {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}

.style_label__2Pq4K {
  color: var(--text-third);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0%;
  margin-bottom: 4px;
}

.style_inputContainer__3kqwl {
  display: flex;
  color: var(--text-secondary);
  border-radius: 5px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  background-color: var(--form-element-background);
  align-items: center;
  width: 120px;
  padding: 0 12px;
  border: 1px solid var(--border-secondary);
}

.style_inputContainer__3kqwl:hover {
  border-color: var(--primary-hover-color);
}

.style_inputContainer__3kqwl:focus-within {
  border: 1px solid var(--primary-color);
}

.style_input__lFd0h {
  height: 36px;
  width: 30%;
  font-size: 14px;
  padding: 0;
  border: none;
  text-align: center;
  background-color: transparent;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.style_input__lFd0h::-webkit-inner-spin-button,
.style_input__lFd0h::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.style_input__lFd0h::placeholder {
  color: var(--placeholder);
}

.style_input__lFd0h:focus {
  outline: 0;
  border: none;
}

.style_information__\+0Mbg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1;
}

.styles_actionInputs__piFDt {
  display: flex;
  align-items: center;
  gap: 16px;
}

.styles_input__opcw0 {
  text-align: center;
}

.styles_inputLabel__wP6SU {
  color: var(--text-third);
}

.style_page__jpeFe {
  padding-bottom: 16px;
  overflow: auto;
}

.style_page__jpeFe * {
  box-sizing: border-box;
}

.style_content__ARjTA {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
  padding: 8px 16px;
}

.style_switcher__aI0ko {
  padding-left: 5px;
}

.style_stats__YmJHv {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  gap: 24px;
  padding: 16px 16px 0 16px;
}

.style_messages__Wppvb {
  display: flex;
  flex-direction: column;
  gap: 8px;
  /* padding: 8px 16px 0; */
}

.style_additionalData__RLK31 {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-secondary);
  display: block;
  text-overflow: ellipsis;
}

.style_buttonWrapper__h9eRB {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* padding: 0 16px 16px 16px; */
}

.style_loader__SKdSA {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-height: 899px) {
  .style_content__ARjTA {
    gap: 0;
    padding: 8px;
  }
  .style_stats__YmJHv {
    padding: 8px 8px 0;
  }
  /* .messages { */
  /* padding: 0 8px; */
  /* } */
  /* .buttonWrapper { */
  /* padding: 0 8px 8px; */
  /* } */
}

.style_wrapper__IIkbW {
  padding-left: 11px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.style_label__f\+cJ- {
  color: var(--text-forth);
}

.style_wrapper__u97Y0 {
  padding: 16px;
  background-color: var(--page);
  transition: all 0.3s linear;
}

.style_wrapper__u97Y0.style_border__wKeTo {
  border: 1px solid var(--border);
}

.style_wrapper__u97Y0.style_selected__khic7 {
  background-color: var(--section-secondary);
}

.style_mainInfo__yPQ5m {
  display: flex;
  align-items: center;
}

.style_mainInfo__yPQ5m:hover {
  cursor: pointer;
}

.style_categoryName__EIMhC {
  color: var(--text-secondary);
}

.style_input__xZjpP {
  height: 24px !important;
}

:root {
  --folders-width: 310px;
}

.style_modal__DqPF8 {
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 917px;
  height: 700px;
  overflow: hidden;
  padding: 28px;
}

.style_icon__yaEoM {
  position: absolute;
  top: 6px;
  right: 6px;
}

.style_contentWrapper__eIgo\+ {
  display: flex;
  height: 100%;
  gap: 16px;
  overflow: hidden;
  position: relative;
}

.style_foldersList__9IPZD {
  width: 310px;
  width: var(--folders-width);
  height: 100%;
  overflow: auto;
}

.style_mediasListWrapper__3ugDK {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: calc(100% - 310px);
  width: calc(100% - var(--folders-width));
}

.style_list__zGQ8U {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  gap: 10px;
  max-height: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  overflow: auto;
  width: 100%;
}

.style_mediasLoader__OqGns {
  grid-column: span 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_empty__wd1Ay {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.style_emptyText__uF7OR {
  font-size: 14px;
  opacity: 0.7;
  color: var(--text-secondary);
}

.style_loader__KB-7O {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.style_preview__AQJe- {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_disabledOverlay__fNxoT {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--black), 0.4);
  z-index: 1;
}

.style_checkbox__3pB61 {
  position: absolute !important;
  right: 0;
  top: 0;
}

.style_bottomActions__S1WgC {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-top: 12px;
}

.styles_controlsOverlay__n3NU- {
  position: absolute;
  bottom: 5px;
  left: 12px;
  width: calc(100% - 24px);
  background: rgba(138, 150, 163, 0.25);
  background-image: linear-gradient(
    0deg,
    rgba(var(--black), 0.9),
    rgba(var(--black), 0.9)
  );
  color: rgb(var(--white));
  background-blend-mode: difference;
  box-shadow: 0 3px 6px rgba(var(--black), 0.16);
  border: 1px solid rgba(138, 150, 163, 0.25);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  z-index: 10;
}

.styles_selectionLeftSide__mdUyF {
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_resetButton__KarFy {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: rgb(var(--white));
  margin-left: 8px;
}

.styles_resetButton__KarFy:hover:not(.styles_resetButtonDisabled__Dv3Ug) {
  background: var(--primary-hover-color);
  transform: scale(1.05);
}

.styles_resetButtonDisabled__Dv3Ug {
  opacity: 0.5;
}

.styles_selectionCounter__pVbzD {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.styles_modal__HY0iD {
  max-width: 450px;
  width: 100%;
  background: var(--page);
  border-radius: 8px;
  position: relative;
}

.styles_header__korK3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
}

.styles_title__urLyi {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-primary);
  text-transform: uppercase;
  margin: 0;
}

.styles_closeButton__V-KXq {
  background: transparent;
  border: none;
  cursor: pointer;
}

.styles_modalContent__DRyVG {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  gap: 20px;
}

.styles_reasonsList__qdpFM {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.styles_radioContainer__J-EtT {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  gap: 8px;
}

.styles_radioInput__\+8T6b {
  display: none;
}

.styles_radioLabel__\+ZAmW {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  cursor: pointer;
}

.styles_radioButton__U\+svO {
  width: 18px;
  height: 18px;
  border: 2px solid var(--text-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  transition: all 0.2s ease;
}

.styles_radioButton__U\+svO::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary-color);
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
}

.styles_radioInput__\+8T6b:checked + .styles_radioLabel__\+ZAmW .styles_radioButton__U\+svO {
  border-color: var(--primary-color);
}

.styles_radioInput__\+8T6b:checked + .styles_radioLabel__\+ZAmW .styles_radioButton__U\+svO::after {
  opacity: 1;
  transform: scale(1);
}

.styles_radioText__HLsqS {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-primary);
}

.styles_messageInput__GE6Ie {
  margin-top: 16px;
}

.styles_modalFooter__bTH6G {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 8px;
}

.styles_radioContainer__J-EtT:hover .styles_radioButton__U\+svO {
  border-color: var(--primary-color);
}

.styles_loading__ytTph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_calendarContainer__KvdS6 {
  width: 100%;
  padding: 0;
}

.styles_header__s4urt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 0;
  gap: 24px;
}

.styles_navButton__QCTaZ {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  color: var(--text-primary);
}

.styles_navButton__QCTaZ:hover {
  opacity: 0.7;
}

.styles_monthYear__taiQn {
  font-size: 15px;
  font-weight: 400;
  color: var(--text-primary);
  min-width: 140px;
  text-align: center;
}

.styles_calendar__mBPcX {
  background: transparent !important;
}

.styles_calendar__mBPcX .ant-picker-body {
  padding: 0;
}

.styles_calendar__mBPcX .ant-picker-content {
  width: 100%;
}

.styles_calendar__mBPcX .ant-picker-content thead th {
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  color: var(--text-third);
  text-transform: uppercase;
  padding: 12px 0;
}

.styles_calendar__mBPcX .ant-picker-cell {
  padding: 2px;
}

.styles_calendar__mBPcX .ant-picker-cell-inner {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  color: var(--text-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}

.styles_calendar__mBPcX .ant-picker-cell:hover .ant-picker-cell-inner:not(.ant-picker-cell-selected .ant-picker-cell-inner) {
  border: 1px solid var(--primary-color) !important;
}

.styles_calendar__mBPcX .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background: var(--primary-color) !important;
  color: #fff !important;
  border: 1px solid var(--primary-color) !important;
}

/* Убираем все стили для today по умолчанию */
.styles_calendar__mBPcX .ant-picker-cell-today .ant-picker-cell-inner::before {
  border: 1px solid transparent !important;
}

/* Показываем обводку только при hover на невыбранную сегодняшнюю дату */
.styles_calendar__mBPcX .ant-picker-cell-today:hover:not(.ant-picker-cell-selected) .ant-picker-cell-inner {
  border: 1px solid var(--primary-color) !important;
}

/* Выбранная сегодняшняя дата */
.styles_calendar__mBPcX .ant-picker-cell-today.ant-picker-cell-selected .ant-picker-cell-inner {
  background: var(--primary-color) !important;
  color: #fff !important;
  border: 1px solid var(--primary-color) !important;
}

.styles_calendar__mBPcX .ant-picker-cell-disabled .ant-picker-cell-inner {
  color: var(--text-third) !important;
  cursor: not-allowed;
}

.styles_calendar__mBPcX .ant-picker-cell-disabled:hover .ant-picker-cell-inner {
  border: 1px solid transparent !important;
}

.styles_clockContainer__fDHuF {
  width: 100%;
  padding: 0;
}

.styles_scrollColumns__XY8ks {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: stretch;
  height: 280px;
  position: relative;
}

.styles_column__rl7Yx {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-width: 80px;
  max-width: 100px;
  position: relative;
}

.styles_columnHeader__KdWNE {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-third);
  text-transform: uppercase;
  margin-bottom: 12px;
  text-align: center;
  letter-spacing: 0.5px;
}

.styles_column__rl7Yx:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -8px;
  top: 30px;
  bottom: 0;
  width: 1px;
  background: var(--border-primary);
}

.styles_scrollArea__VLry0 {
  flex: 1 1;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding: 8px 0;
  position: relative;
}

.styles_scrollArea__VLry0::-webkit-scrollbar {
  width: 0;
  display: none;
}

.styles_timeItem__15TqC {
  padding: 8px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  color: var(--text-secondary);
  border-radius: 6px;
  transition: all 0.2s;
  margin: 2px 8px;
}

.styles_timeItem__15TqC:hover {
  color: var(--text-primary);
}

.styles_timeItem__15TqC.styles_selected__lX60J {
  background: var(--primary-color);
  color: #fff;
  font-weight: 400;
}

.styles_timeItem__15TqC.styles_disabled__dcPe1 {
  color: var(--text-third);
  cursor: not-allowed;
  opacity: 0.5;
}

.styles_timeItem__15TqC.styles_disabled__dcPe1:hover {
  color: var(--text-third);
}

.styles_periodColumn__WZSBy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 60px;
  margin-left: 16px;
}

.styles_periodButtons__o4P5w {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.styles_periodButton__EtM-o {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 400;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}

.styles_periodButton__EtM-o:hover {
  color: var(--text-primary);
}

.styles_periodButton__EtM-o.styles_selectedPeriod__G1Mup {
  background: var(--primary-color);
  color: #fff;
}

.styles_modalWrapper__eQ5OG {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 610px;
}

.styles_modal__H1uIX {
  border: 1px solid var(--border-primary);
  border-radius: 12px;
  width: 420px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.styles_header__w2PJh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
  border-bottom: 1px solid var(--border-primary);
}

.styles_title__24jwY {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-primary);
  text-transform: uppercase;
  margin: 0;
}

.styles_closeButton__ONvEL {
  background: transparent;
  border: none;
  cursor: pointer;
}

.styles_tabsContainer__z3g2- {
  padding: 12px;
  border-bottom: 1px solid var(--border-primary);
}

.styles_tabs__jxsqo {
  display: flex;
  gap: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  justify-content: space-between;
}

.styles_tab__H9mzL {
  flex: 1 1;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.styles_tab__H9mzL:hover {
  background: transparent;
}

.styles_activeTab__EODOF {
  background: transparent;
  border-bottom: 2px solid var(--primary-color);
  box-shadow: none;
}

.styles_tabDate__QIJuJ {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-third);
  text-transform: uppercase;
}

.styles_tabTime__11DcX {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-primary);
}

.styles_activeTab__EODOF .styles_tabDate__QIJuJ,
.styles_activeTab__EODOF .styles_tabTime__11DcX {
  color: var(--text-primary);
}

.styles_content__cQswZ {
  flex: 1 1;
  overflow-y: auto;
  padding: 12px 0px;
  height: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.styles_footer__TPWUs {
  display: flex;
  flex-direction: column;
  padding: 12px 0px;
  border-top: 1px solid var(--border-primary);
  gap: 12px;
}

.styles_footerButtons__24qdN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 1 1;
}

.styles_nextButton__VzCoV,
.styles_okButton__Nz1Qx {
  margin-left: auto;
}

.styles_modal__rkHPy {
  max-width: 450px;
  width: 100%;
  background: var(--page);
  border-radius: 8px;
  max-height: 600px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

.styles_header__lfPmP {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
}

.styles_title__d\+yYl {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-primary);
  text-transform: uppercase;
  margin: 0;
}

.styles_closeButton__fAunV {
  background: transparent;
  border: none;
  cursor: pointer;
}

.styles_modalContent__eMqbl {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
  position: relative;
}

.styles_searchContainer__h7Vxw {
  width: 100%;
  margin-bottom: 16px;
}

.styles_searchInput__1UOY1 {
  width: 100%;
}

.styles_tagList__Qf6RJ {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow-y: auto;
  flex: 1 1;
  max-height: 400px;
  padding-right: 8px;
}

.styles_tagList__Qf6RJ::-webkit-scrollbar {
  width: 4px;
}

.styles_tagList__Qf6RJ::-webkit-scrollbar-track {
  background: var(--border-secondary);
  border-radius: 2px;
}

.styles_tagList__Qf6RJ::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 2px;
}

.styles_tagList__Qf6RJ::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

.styles_modalFooter__OUrNE {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}

.styles_closeBtn__ePItM {
  min-width: 120px;
}

.styles_loading__wGzLG {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.styles_noResults__Dat0a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: var(--text-secondary);
  font-size: 14px;
}

.styles_tagContainer__eTvOm {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 12px 0;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid var(--border);
}

.styles_tagContainer__eTvOm:last-child {
  border-bottom: none;
}

.styles_tagContainer__eTvOm:not(.styles_tagContainerNotVerified__ogSrM):hover {
  background-color: var(--border-third);
}

.styles_tagContainerNotVerified__ogSrM {
  cursor: default;
}

.styles_tagContent__FGSoZ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.styles_tagMainContent__HS24H {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1;
  position: relative;
}

.styles_tagMainContentNotVerified__pCTYe {
  opacity: 0.5;
}

.styles_disabledOverlay__w31nQ {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  pointer-events: none;
  z-index: 1;
}

.styles_checkbox__UMBpg {
  flex-shrink: 0;
}

.styles_avatarContainer__PPzjx {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.styles_userInfo__XU-8d {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1;
  min-width: 0;
}

.styles_userName__Nw-JV {
  font-size: 14px;
  font-weight: 500;
  max-width: 230px;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles_userHandle__6Lur3 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles_menuContainer__lpTcy {
  position: relative;
  flex-shrink: 0;
}

.styles_menuButton__\+-kyE {
  padding: 4px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.styles_menuButton__\+-kyE:hover {
  opacity: 1;
}

.styles_dropdownMenu__OJALP {
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--page);
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 160px;
  z-index: 9999;
  overflow: hidden;
}

.styles_menuItem__munm1 {
  padding: 8px 12px;
  cursor: pointer;
  color: var(--text-primary);
  font-size: 13px;
  border-bottom: 1px solid var(--border);
  transition: background-color 0.2s ease;
  white-space: nowrap;
}

.styles_menuItem__munm1:last-child {
  border-bottom: none;
}

.styles_menuItem__munm1:hover {
  background-color: var(--border-third);
}

.styles_wrapper__eRMPz {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: fit-content;
  width: 100%;
  background: var(--page);
  overflow: hidden;
  padding: 8px 16px;
}

.styles_info__K0voo {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--primary-color);
  width: 100%;
  color: var(--text-primary);
  position: relative;
  overflow: hidden;
}

.styles_info__K0voo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 100%;
  background-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
}

.styles_text__EI0IQ {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
}

.styles_link__uvfnE {
  color: var(--primary-color);
  cursor: pointer;
}

.styles_link__uvfnE:hover {
  color: var(--primary-hover-color);
}

/* Dropdown container */
.styles_dropdownContainer__0607U {
  position: relative;
  flex-shrink: 0;
}

/* Dropdown button styles */
.styles_dropdownButton__zSjFi {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

.styles_dropdownButton__zSjFi:not(.styles_dropdownButtonDisabled__4\+YXU):hover {
  background-color: var(--primary-active-color);
}

.styles_dropdownButtonDisabled__4\+YXU {
  opacity: 0.5;
  cursor: default;
}

/* Dropdown menu styles - horizontal layout */
.styles_dropdownMenu__aN1yA {
  position: absolute;
  background: var(--section-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: 0 4px 12px var(--shadow);
  z-index: 1000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 4px;
  gap: 2px;
  max-width: 400px;
  min-width: -webkit-max-content;
  min-width: max-content;
}

.styles_dropdownMenuLeft__YUHj8 {
  left: 0;
}

.styles_dropdownMenuRight__eG1ay {
  right: 0;
}

.styles_menuItem__2JhGE {
  display: inline-block;
  padding: 6px 12px;
  background: none;
  border: none;
  color: var(--text-primary);
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 6px;
  white-space: nowrap;
}

.styles_menuItem__2JhGE:hover {
  color: var(--primary-hover-color);
}

.styles_menuItem__2JhGE:not(:last-child) {
  margin-right: 2px;
}

/* Message wrapper class needed for position calculation */
.styles_messageWrapper__8ox02 {
  display: flex;
  margin-bottom: 12px;
}
/* ========== Message Wrapper ========== */
.styles_messageWrapper__kd5eI {
  display: flex;
  width: 100%;
}

.styles_messageWrapper__kd5eI.styles_fromMe__JeuzQ {
  flex-direction: row-reverse;
}

.styles_messageMediaWrapper__\+URv\+ {
  min-width: 150px;
  /* min-height: 150px; */
  overflow: hidden;
  border-radius: 8px;
}

.styles_messageMediaWrapper__\+URv\+.styles_fromMe__JeuzQ {
  max-width: 450px;
  margin-left: auto;
}

.styles_messageMediaWrapper__\+URv\+.styles_fromThem__1evaY {
  max-width: 450px;
  margin-left: 40px;
}

.styles_messageContainer__1kpQl {
  display: flex;
  flex-direction: column;
  max-width: 70%;
  gap: 4px;
}

/* ========== Message Inner ========== */
.styles_messageInner__iyUGB {
  max-width: 100%;
  display: flex;
  flex-grow: 1;
}

/* ========== Message Container ========== */
.styles_message__Trux6 {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  min-width: 0;
  flex-grow: 1;
}

.styles_fromMe__JeuzQ .styles_message__Trux6 {
  flex-direction: row-reverse;
}

/* ========== Avatar ========== */
.styles_avatar__Fl6gy {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.styles_avatar__Fl6gy img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== Release Forms ========== */
.styles_releaseFormTag__RhhnT {
  display: flex;
  border-radius: 6px;
  width: 100%;
  padding: 6px 10px;
}

.styles_releaseFormTag__RhhnT.styles_fromMe__JeuzQ {
  background: #0084ff;
  background: var(--message-from-me-background, #0084ff);
}

.styles_releaseFormTag__RhhnT.styles_fromThem__1evaY {
  background: #3a3a3a;
  background: var(--message-from-them-background, #3a3a3a);
  margin-left: 40px;
  width: calc(100% - 40px);
}

.styles_releaseFormContent__6H5FG {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 13px;
}

.styles_releaseFormIcon__IS8LN {
  font-size: 13px;
  font-weight: 500;
  padding-right: 6px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
}

/* ========== Message Content ========== */
.styles_messageContent__2t6fs {
  border-radius: 8px;
  padding: 10px 12px;
  position: relative;
  word-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
  overflow-wrap: break-word;
}

.styles_fromMe__JeuzQ .styles_messageContent__2t6fs {
  background: #0084ff;
  background: var(--message-from-me-background, #0084ff);
  color: var(--text-primary);
}

.styles_fromThem__1evaY .styles_messageContent__2t6fs {
  background: #3a3a3a;
  background: var(--message-from-them-background, #3a3a3a);
  color: var(--text-primary);
}

.styles_messageContent__2t6fs a[href] {
  color: var(--primary-color);
}

.styles_messageContent__2t6fs a[href]:hover {
  color: var(--primary-hover-color);
}

/* ========== Media Grid ========== */

.styles_singleMediaWrapper__bbQuA {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  width: 100%;
  /* margin: 0 auto; */
  max-height: 600px;
}

.styles_wrapper__pzAb2 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--backdrop);
}

/* Показываем кастомные контролы при наведении на wrapper */
.styles_wrapper__pzAb2:hover [data-video-controls] {
  opacity: 1 !important;
  pointer-events: all !important;
}

:not(.styles_singleMediaWrapper__bbQuA) > .styles_wrapper__pzAb2 {
  height: 600px;
}

.styles_mediaItem__sSP5U {
  /* position: relative; */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  max-width: 450px;
  width: 100%;
}

/* Для медиа в карусели - фиксированная высота */
.styles_carouselWrapper__vwLKY .styles_mediaItem__sSP5U {
  height: 600px;
}

/* Для одиночных медиа высота определяется контентом */
.styles_mediaItem__sSP5U.styles_singleMedia__KQ\+oq {
  height: auto;
}

@media (max-width: 1500px) {
  :not(.styles_singleMediaWrapper__bbQuA) > .styles_wrapper__pzAb2,
  .styles_carouselWrapper__vwLKY .styles_mediaItem__sSP5U {
    height: 400px;
  }

  .styles_mediaItem__sSP5U,
  .styles_singleMediaWrapper__bbQuA {
    max-width: 300px;
  }

  .styles_mediaItem__sSP5U img,
  .styles_mediaItem__sSP5U video {
    max-width: 300px;
    max-height: 400px;
  }
}

.styles_mediaBackground__y0HqX {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  filter: blur(5px);
  opacity: 0.6;
  z-index: 0;
  pointer-events: none;
}

.styles_mediaContent__95n9z {
  position: relative;
  z-index: 1;
}

.styles_mediaLoader__VVIZm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.styles_videoPlayButton__ZLB5f {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  opacity: 0.8;
}

.styles_videoPlayButton__ZLB5f:hover {
  opacity: 1;
}

.styles_playIcon__3nCtU {
  color: rgba(0, 0, 0, 0.5);
}

.styles_videoPlayButton__ZLB5f:hover .styles_playIcon__3nCtU {
  color: var(--primary-color);
}

.styles_mediaItem__sSP5U img,
.styles_mediaItem__sSP5U video {
  max-width: 450px;
  width: 100%;
  max-height: 600px;
  height: auto;
  object-fit: contain;
}

.styles_mediaItem__sSP5U video::-webkit-media-controls-picture-in-picture-button {
  display: none;
}

.styles_itemFreeIcon__bgBFt {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--icon);
  z-index: 3;
}

/* ========== GIF Container ========== */
.styles_gifContainer__sN17F {
  aspect-ratio: auto;
  width: auto;
}

/* ========== Message Text ========== */
.styles_messageText__1jb-A {
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-wrap;
}

.styles_messageText__1jb-A.styles_isFromMe__feL44 {
  margin-left: auto;
}

/* ========== Highlight ========== */
.styles_targetHighlight__AnIim {
  background-color: var(--primary-color);
  color: var(--white);
  border-radius: 3px;
  animation: styles_highlightText__cedPv 2s ease;
}

@keyframes styles_highlightText__cedPv {
  0%,
  100% {
    background-color: var(--primary-color);
  }
  50% {
    background-color: var(--primary-hover-color);
  }
}

/* ========== Price Tag ========== */

.styles_lockedMessage__O6BkS {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
  font-weight: 600;
  background: var(--message-from-them-background);
}

.styles_unlockWrapper__SqlXq {
  width: 100%;
  min-width: 300px;
  padding: 12px;
  background: var(--message-from-them-background);
  font-size: 12px;
}

.styles_unlockInner__IZqYt {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
}

.styles_unlockInfo__BI5UU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--text-secondary);
}

.styles_unlockInfo__BI5UU svg path {
  fill: var(--text-secondary);
}

.styles_unlockInfoCount__nOE8n {
  display: flex;
  align-items: center;
  gap: 6px;
}

.styles_unlockInfoPrice__bKMWV {
  display: flex;
  align-items: center;
}

.styles_infoItem__fgijA {
  display: flex;
  align-items: center;
  gap: 4px;
}

.styles_unlockButton__qbnJz {
  width: 100%;
}

/* ========== Tip Indicator ========== */
.styles_tipIndicator__sIHey {
  display: inline-block;
  font-size: 12px;
  padding: 2px 6px;
  background: rgba(255, 215, 0, 0.2);
  background: var(--tip-background, rgba(255, 215, 0, 0.2));
  color: #ffd700;
  color: var(--tip-color, #ffd700);
  border-radius: 6px;
  margin-top: 4px;
}

/* ========== Message Error ========== */
.styles_messageError__2wDAL {
  margin-top: 4px;
  font-size: 12px;
  color: var(--red);
}

.styles_retryButton__hZDdt {
  background: none;
  border: none;
  color: #0084ff;
  color: var(--primary-color, #0084ff);
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  margin-left: 4px;
}

.styles_retryButton__hZDdt:hover {
  opacity: 0.8;
}

/* ========== Message Footer ========== */
.styles_messageFooter__-oqxz {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  opacity: 0.7;
}

.styles_messageFooter__-oqxz.styles_fromMe__JeuzQ {
  justify-content: flex-end;
}

.styles_messageFooter__-oqxz.styles_fromThem__1evaY {
  justify-content: flex-start;
  margin-left: 40px;
}

/* ========== Indicators ========== */
.styles_indicators__jpTzT {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.styles_likeIndicator__7uFMA,
.styles_pinIndicator__yypxm {
  color: var(--primary-color);
}

/* ========== Base Info ========== */
.styles_baseInfo__ZQqRd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  color: var(--text-primary);
}

.styles_messageTime__vZuKP {
  color: inherit;
}

.styles_messageStatus__AKM\+p {
  display: flex;
  align-items: center;
  color: var(--text-primary);
}

.styles_actionsContainer__Wpb9T {
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
}

.styles_carouselWrapper__tJysC {
  position: relative;
  max-width: 450px;
  width: 100%;
  max-height: 600px;
  height: auto;
}

@media (max-width: 1500px) {
  .styles_carouselWrapper__tJysC {
    max-width: 300px;
    max-height: 400px;
  }
}

.styles_carousel__ZSfcu {
  max-height: 600px;
  height: auto;
}

@media (max-width: 1500px) {
  .styles_carousel__ZSfcu {
    max-height: 400px;
  }
}

.styles_slideWrapper__VbQWi {
  max-width: 450px;
  width: 100%;
  max-height: 600px;
  height: auto;
}

@media (max-width: 1500px) {
  .styles_slideWrapper__VbQWi {
    max-width: 300px;
  }
}

.styles_arrowButton__Y9VNT {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: rgb(var(--white));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.2s ease;
  padding: 0;
  opacity: 0.9;
}

.styles_arrowButton__Y9VNT:hover {
  background: rgba(0, 0, 0, 0.7);
}

.styles_arrowButton__Y9VNT:active {
  background: rgba(0, 0, 0, 0.9);
}

.styles_arrowButton__Y9VNT:disabled {
  opacity: 0.6;
  cursor: default;
}

.styles_arrowButton__Y9VNT:disabled:hover {
  background: rgba(0, 0, 0, 0.5);
}

.styles_arrowLeft__qycNE {
  left: 12px;
}

.styles_arrowRight__zHC0e {
  right: 12px;
}

.styles_slideCounter__Aemi5 {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: rgb(var(--white));
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  z-index: 10;
  pointer-events: none;
}

/* Ant Design Carousel dots styling */
.ant-carousel .slick-dots {
  bottom: 12px;
}

.ant-carousel .slick-dots li button {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.ant-carousel .slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0.9);
}

/* Ant Design Carousel slide track */
.ant-carousel .slick-list {
  max-height: 600px !important;
}

@media (max-width: 1500px) {
  .ant-carousel .slick-list {
    max-height: 400px !important;
  }
}

.ant-carousel .slick-track {
  display: flex !important;
  align-items: center !important;
  max-height: 600px !important;
  width: 100%;
}

@media (max-width: 1500px) {
  .ant-carousel .slick-track {
    max-height: 400px !important;
  }
}

.ant-carousel .slick-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-height: 600px !important;
  width: 100% !important;
}

@media (max-width: 1500px) {
  .ant-carousel .slick-slide {
    max-height: 400px !important;
  }
}

.ant-carousel .slick-slide > div {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.styles_modalContent__BvRXX {
  width: 100%;
  max-width: 450px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

.styles_carouselContainer__walPh {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: styles_fadeIn__Tcg-c 0.3s ease-in-out;
}

@keyframes styles_fadeIn__Tcg-c {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.styles_carouselInner__vLVj6 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_mediaSlide__jFKaK {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.styles_mediaSlide__jFKaK > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_mediaSlide__jFKaK img,
.styles_mediaSlide__jFKaK video {
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.styles_mediaSlide__jFKaK video::-webkit-media-controls-picture-in-picture-button {
  display: none;
}

.styles_mediaError__FbSry {
  max-width: 450px;
  width: 100%;
  max-height: 600px;
  min-height: 400px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background:  #3a3a3a;
  border-radius: 8px;
}

@media (max-width: 1500px) {
  .styles_mediaError__FbSry {
    max-width: 300px;
    max-height: 400px;
    min-height: 350px;
  }
}

.styles_mediaErrorContent__A8sVE {
  text-align: center;
  padding: 20px;
  max-width: 300px;
}

.styles_mediaErrorTitle__M1YGd {
  font-size: 18px;
  font-weight: 600;
  color: #ff4d4f;
  color: var(--red, #ff4d4f);
  margin-bottom: 12px;
}

.styles_mediaErrorText__t22vd {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.5;
}

.styles_centerPlayButton__M4Yce {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  opacity: 0.8;
}

.styles_centerPlayButton__M4Yce:hover {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
  background: var(--primary-hover-color);
}

.styles_centerPlayButton__M4Yce svg {
  color: white;
}

.styles_customVideoControls__-rjw2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
  pointer-events: none;
}

.styles_videoProgressBar__F673\+ {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease;
}

.styles_videoProgressBar__F673\+:hover {
  height: 6px;
}

.styles_videoProgressFill__IYyaM {
  height: 100%;
  background: #0084ff;
  background: var(--primary-color, #0084ff);
  border-radius: 2px;
  transition: width 0.1s linear;
  pointer-events: none;
}

.styles_videoBottomControls__Wt3wS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.styles_videoLeftControls__7Ysst {
  display: flex;
  align-items: center;
  gap: 12px;
}

.styles_videoPlayBtn__yAkAf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  color: white;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.styles_videoPlayBtn__yAkAf:hover {
  background: #0084ff;
  background: var(--primary-color, #0084ff);
  transform: scale(1.1);
}

.styles_videoTimeInfo__oiD9Y {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: white;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}

.styles_videoVolumeControl__gQcwp {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 100px;
}

.styles_videoVolumeIcon__HabVw {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.styles_videoVolumeIcon__HabVw:hover {
  transform: scale(1.1);
}

.styles_videoVolumeSlider__Z7KJF {
  width: 100%;
  height: 4px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}

.styles_videoVolumeSlider__Z7KJF::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.styles_videoVolumeSlider__Z7KJF::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.styles_videoVolumeSlider__Z7KJF::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  border: none;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.styles_videoVolumeSlider__Z7KJF::-moz-range-thumb:hover {
  transform: scale(1.2);
}

.style_container__-bKCx {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_playButton__m0kqu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background 0.2s;
  z-index: 1;
}

.style_playButton__m0kqu:hover {
  background: rgba(0, 0, 0, 0.8);
}

.styles_replyPreview__xQo2N {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 8px;
  position: relative;
}

.styles_replyPreview__xQo2N.styles_fromMe__\+LVW2 {
  background: #0084ff;
  background: var(--message-from-me-background, #0084ff);
}

.styles_replyPreview__xQo2N.styles_fromThem__sE5zJ {
  background: #3a3a3a;
  background: var(--message-from-them-background, #3a3a3a);
}


.styles_replyHeader__\+2u5a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

.styles_replyAuthor__mijBi {
  color: var(--primary-color);
  font-weight: 500;
}

.styles_replyTime__6W9Mu {
  color: var(--text-secondary);
  font-size: 11px;
}

.styles_replyPrice__4icbr {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px;
  background-color: var(--shadow);
  border-radius: 4px;
  margin-left: auto;
}

.styles_replyText__341RN {
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.4;
  position: relative;
  padding-left: 16px;

  /* Ограничение до 3 строк */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.styles_replyText__341RN::before {
  content: '"';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--text-primary);
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

.styles_replyMedia__u6-zS {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 2px;
}

.styles_mediaItem__W9nWo {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-forth);
  font-size: 12px;
}

.styles_mediaItem__W9nWo svg {
  flex-shrink: 0;
}

.styles_viewMessage__2BWbr {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 4px;
  transition: color 0.2s ease;
}

.styles_viewMessage__2BWbr:hover {
  color: var(--primary-hover-color);
}

.style_mediaItem__Hs52f {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  max-width: 450px;
  width: 100%;
}

.style_gifContainer__u57jI {
  aspect-ratio: auto;
  width: auto;
}

.style_fromMe__8Vjlo {
  margin-left: auto;
}

.style_fromThem__su9iF {
  margin-left: 0;
}

.style_gifImg__vNXyn {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 1500px) {
  .style_mediaItem__Hs52f {
    max-width: 300px;
  }

  .style_gifImg__vNXyn {
    max-width: 300px;
  }
}

.styles_dateSeparator__7-70y {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
  padding: 0 16px;
}

.styles_line__1LLyL {
  flex: 1 1;
  height: 1px;
  background: var(--border-secondary);
}

.styles_dateText__TPe6b {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  font-weight: 500;
}

.styles_messagesWrapper__vy7-n {
  flex: 1 1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.styles_messagesContainer__yQrhx {
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  position: relative;
}

.styles_messagesWrapper__vy7-n.styles_loading__bSJTq::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: var(--primary-color);
  z-index: 1;
  animation: styles_loaderMove__N8ZJs 2s linear infinite;
  overflow-anchor: none;
}

@keyframes styles_loaderMove__N8ZJs {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

.styles_empty__KfPKJ {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--text-secondary);
  padding: 20px;
  font-size: 14px;
}

.styles_error__FKOfZ {
  color: #ff4444;
  color: var(--error-color, #ff4444);
}

.styles_loadMoreTrigger__cyLEZ {
  min-height: 1px;
  padding: 10px 0;
}

.styles_scrollToBottomButton__2uJiU {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--page);
  border: 1px solid var(--primary-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 10;
  opacity: 0.7;
}

.styles_scrollToBottomButton__2uJiU:hover {
  transform: scale(1.1);
}

.styles_scrollToBottomButton__2uJiU svg {
  color: var(--primary-color);
}

.styles_topBarWrapper__HniSj {
  position: relative;
}

.styles_topBar__8NY\+U {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-bottom: 1px solid var(--border);
  height: 56px;
  position: relative;
}

.styles_leftSection__o1hBT {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_text__YhEoV {
  display: flex;
  flex-direction: column;
}

.styles_title__LvhRZ {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  color: var(--text-primary);
}

.styles_contactName__iITtb {
  font-size: 11px;
  color: var(--text-primary);
}

.styles_rightSection__Df31O {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_icon__eLJGB {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.3s linear;
}

.styles_icon__eLJGB:hover {
  color: var(--primary-hover-color);
}


.styles_pinnedMessagesContainer__2tU1P {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: var(--page);
  overflow: hidden;
}

.styles_messagesContainer__P9Qc3 {
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  position: relative;
}

.styles_messagesInnerContainer__tNhnb.styles_loading__u8gwV::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: var(--primary-color);
  z-index: 1;
  animation: styles_loaderMove__ZHJDS 2s linear infinite;
}

@keyframes styles_loaderMove__ZHJDS {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

.styles_empty__dWRH\+ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--text-secondary);
  padding: 20px;
}

.styles_emptyIcon__-bxWP {
  font-size: 64px;
  margin-bottom: 16px;
  opacity: 0.5;
}

.styles_emptyTitle__0NON\+ {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text-primary);
}

.styles_emptyText__szdfc {
  font-size: 14px;
  color: var(--text-secondary);
}

.styles_wrapper__IWzi- {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: var(--page);
  overflow: hidden;
  padding: 8px 16px;
  gap: 8px;
}

.styles_info__S9EHE {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 12px;
  gap: 16px;
  width: 100%;
  color: var(--text-primary);
  position: relative;
  overflow: hidden;
}

.style_container__qhaiU {
  padding: 7px 14px;
  font-size: 14px;
  white-space: nowrap;
  gap: 8px;
  display: flex;
  flex: 1 1;
  height: 100%;
  justify-content: space-between;
}

.style_column__kUclO {
  flex-direction: column;
  align-items: center;
}

.style_fixedHeight__8UYKU {
  height: 91px;
  justify-content: space-around;
}

.style_fullWidth__N\+Fr2 {
  width: 100%;
}

.style_label__rVTsi {
  color: var(--text-secondary);
}

.style_value__XLEhz {
  color: var(--text-six);
  flex: 1 1;
  width: 100%;
  text-align: right;
}

.style_center__4\+hAk {
  text-align: center;
}

.style_wrapper__evfvF,
.style_activityTimeItem__TqnX5 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.style_wrapper__evfvF {
  gap: 5px;
  width: 100%;
  height: 100%;
}

.style_activityTimeTo__i10SN,
.style_activityTimeTime__2Ix1\+ {
  margin: 0 4px;
}

.style_activityTimeTo__i10SN {
  color: var(--text-third);
}

.style_activityTimeTitle__LPS8b {
  flex-shrink: 0;
}

.style_empty__IZmjl {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
}

.style_wrapper__vDS1z {
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-six);
}

.style_content__COj5b {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.style_labelWrapper__7x6wV {
  display: flex;
  padding-left: 8px;
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
  flex-direction: column;
  gap: 5px;
}

.style_vertical__VWUk8 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  padding: 10px 16px;
  word-wrap: break-word;
}

.style_fullSize__bltM\+ {
  text-overflow: initial;
  -webkit-line-clamp: unset;
  line-clamp: initial;
  white-space: normal;
  overflow-wrap: break-word;
}

.style_label__VOQtM {
  display: flex;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  color: var(--text-secondary);
}

.style_buttonWrapper__Ma2fq {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.style_showMore__qtUeH {
  color: var(--primary-color);
  cursor: pointer;
}

.style_wrapper__UV0BX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 100%;
}

.style_wrapper__UV0BX.style_empty__MjKqA {
  flex-direction: row;
}

.style_location__RcbMG {
  color: var(--text-secondary);
}

.style_wrapper__UV0BX.style_empty__MjKqA .style_location__RcbMG {
  color: var(--text-six);
}

.style_timeWrapper__kbl8P {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--text-six);
}

.styles_wrapper__bwjbs {
  display: flex;
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
  width: 100%;
  border: 1px solid var(--border);
}

.styles_item__s7y5B {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
  flex: 1 1;
}

.styles_revenue__pfwM8 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.styles_revenue__pfwM8 .styles_revenueItem__EvKHs {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  white-space: nowrap;
  justify-content: center;
  min-width: 20px;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
}

.style_empty__YNj74 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
  flex: 1 1 auto;
}

.style_small__UjBgv {
  font-size: 12px;
}

.style_medium__Keeby {
  font-size: 16px;
}

.style_creatorsWrapper__gvlg6 {
  display: flex;
  border: 1px solid var(--border-secondary);
  padding: 8px 12px;
  border-radius: 5px;
  background-color: var(--form-element-background);
  margin: 8px 4px;
  gap: 4px;
  height: 44px;
}

.style_label__Q6i\+e {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-third);
  margin: 0 4px;
}

.style_empty__83v8i {
  color: var(--text-secondary);
  font-size: 14px;
}

.style_box__7DQrz {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  overflow-x: auto;
  width: 100%;
}

.style_box__7DQrz::-webkit-scrollbar {
  display: none;
}

.styles_groupWrapper__eAKMr {
  max-height: calc(100%);
  border-right: 1px solid var(--border-third);
}

.styles_inputWrapper__Mkfnx {
  border-bottom: 1px solid var(--border-third);
}

.styles_tabPanel__3HstC {
  padding: 0 !important;
  height: calc(100% - 170px) !important;
}

.styles_tab__caxgH {
  text-transform: none !important;
}

.styles_teamBtnWrapper__yPVPF {
  position: absolute;
  width: 90%;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 15px;
}

.style_header__WDfMg {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: var(--title-color);
  margin-bottom: 8px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
}

.style_trashIcon__ap3A2 {
  color: var(--red);
  border-radius: 50%;
  padding: 8px;
  overflow: hidden;
  transition: all 0.3s;
}

.style_trashIcon__ap3A2:hover {
  cursor: pointer;
  color: var(--red-secondary);
  background-color: var(--border);
}

.style_loader__sVDiZ,
.style_error__KXy-e,
.style_datePicker__qBJBC,
.style_actionBtns__SIPY4,
.style_search__6Fmk3 {
  padding: 0 16px;
}

.style_error__KXy-e {
  font-size: 12px;
  color: var(--red);
  margin-bottom: 8px;
}

.style_loader__sVDiZ {
  width: 100%;
}

.style_search__6Fmk3 {
  padding: 8px 16px;
  border-top: 1px solid var(--shadow);
  border-bottom: 1px solid var(--shadow);
}

.style_chatterList__GrOXI {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 200px;
  max-height: 400px;
  overflow-y: auto;
}

.style_employeWrapper__CdaH0 {
  padding: 8px 16px;
  height: 58px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}

.style_employeWrapper__CdaH0:hover {
  background-color: var(--primary-active-color);
}

.style_employeWrapperSelected__8u441 {
  background-color: var(--primary-active-color);
}

.style_employeAvatarWrapper__EPewm {
  margin-right: 8px;
}

.style_employeInfoWrapper__gbkTd {
  width: 300px;
}

.style_employeName__5u3js {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--text-primary);
}

.style_employeScore__QRJWQ {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-secondary);
}

.style_employeScoreRate__UkS\+n {
  color: var(--green);
}

.style_employeCheckedWrapper__n9Ums {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}

.style_datePickerReserve__Nbbmq {
  padding: 8px 0;
}

.style_datePickerReserveInner__NMDfQ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  border-radius: 40px;
  color: rgb(var(--white));
  background-color: var(--green);
  transition: all 0.3s;
}

.style_label__1OfaH {
  margin-bottom: 4px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-third);
}

.style_checkMarkWrapper__D-2sX {
  display: inline-flex;
  width: 30px;
  justify-content: flex-end;
}

.style_datePickerSelectBtnsDay__ZIgwl {
  padding: 8px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.style_datePickerDayBtn__c2zl\+ {
  width: 40px;
  height: 36px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-secondary);
  transition: all 0.3s;
  cursor: pointer;
  background-color: transparent;
}

.style_datePickerDayBtn__c2zl\+.style_disabled__QXR6v {
  opacity: 0.8;
  cursor: default;
}

.style_datePickerDayBtn__c2zl\+:not(.style_disabled__QXR6v):hover {
  background-color: #8aee83;
}

.style_selectedDay__vf\+u2 {
  background-color: #44c13c;
  color: #fff;
  transition: all 0.3s;
}

.style_selectedDay__vf\+u2:not(.style_disabled__QXR6v):hover {
  background-color: #3fb137;
}

.style_actionBtns__SIPY4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-top: 16px;
}

.style_dropDownLabel__1m1Qx {
  color: var(--text-primary);
}

.style_empty__Qoaiq {
  padding: 16px;
  text-align: center;
  color: var(--text-primary);
}

.style_wrapper__QXIVX {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}

.style_wrapper__sRH7l {
  display: flex;
  align-items: center;
}

.style_wrapper__sRH7l .style_button__Ithtf {
  min-width: auto;
  border-radius: 0;
  padding: 6px;
  width: 36px;
}

.style_pickerWrapper__eEelI {
  max-width: 220px;
  padding: 8px;
}

.style_footer__X0Kkx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.style_footerButton__pl-BT {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
}

.style_tooltip__58u16 {
  border-radius: 5px;
  background-color: var(--page) !important;
  color: var(--text-primary) !important;
  box-shadow: 0px 2px 16px 0px var(--shadow);
  border: var(--border);
  max-width: 260px;
}

.style_label__Wr2\+G {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
  font-weight: 600;
}

.style_chart__nbtCb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
}

.style_chartWrapper__x9snQ {
  position: relative;
}

.style_totalCount__4uUl\+ {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
}

.style_page__nKqL3 {
  padding: 16px;
  width: 100%;
  gap: 16px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
}

.style_content__xaU-j {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.style_header__gIUgQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.style_title__Rxcj2 {
  font-size: 18px;
  color: var(--title-color);
  font-weight: 600;
  line-height: 120%;
}

.style_chart__KpXeh {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  overflow: hidden;
  max-height: 460px;
}

.style_comparison__WSUBQ {
  width: 75%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.style_list__A4lHT {
  width: 25%;
  height: 100%;
}

.style_wrapper__v8PmB {
  width: 100%;
  height: 100%;
}

.style_tooltip__2lciy {
  border-radius: 5px;
  background-color: var(--page) !important;
  color: var(--text-primary) !important;
  box-shadow: 0px 2px 16px 0px var(--shadow);
  border: var(--border);
  max-width: 260px;
}

.style_label__sAo02 {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
  font-weight: 600;
}

.style_info__9SuKU {
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
  gap: 4px;
}

.style_nameWrapper__u73nA {
  display: flex;
  gap: 22px;
  align-items: center;
}

.style_colorBullet__2dpX9 {
  border-radius: 50%;
  background-color: #b3ccfd;
  width: 10px;
  height: 10px;
}

.style_name__cZ4eY,
.style_value__6uZuo {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-secondary);
  font-weight: 600;
}

.style_value__6uZuo {
  color: var(--text-third);
}

.style_wrapper__Ta9oM {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
  justify-content: flex-end;
}

.style_name__Py60Q {
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.style_revenue__pP7cW {
  padding: 4px 12px;
  color: #ffffff;
  font-size: 15.14px;
  line-height: 140%;
  letter-spacing: -0.3px;
  background-color: #2ba52e;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.style_revenue__pP7cW.style_small__ijAbv {
  padding: 2px 4px;
  font-size: 10px;
  line-height: 120%;
}

.style_wrapper__s\+EeN {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: start;
  color: var(--text-secondary);
}

.style_row__ZC8fz {
  display: flex;
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
  width: 100%;
}

.style_wrapper__s\+EeN:not(.style_empty__j25YU) {
  flex-direction: column;
}

.style_empty__j25YU {
  width: 100%;
  align-items: center;
  justify-content: center;
  flex: 1 1;
}

.style_wrapper__R96dq {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-six);
  gap: 4px;
}

.style_wrapper__cNMHU {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  color: var(--text-six);
  display: flex;
  flex-direction: column;
}

.style_row__31M-h {
  display: flex;
  flex-direction: row;
  border: 1px solid var(--border);
}

.style_row__31M-h.style_medium__swsyP {
  height: 65px;
  min-height: 65px;
  max-height: 65px;
}

.style_row__31M-h.style_small__5qCri {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
}

.style_row__31M-h.style_large__bWMwh {
  height: 95px;
  min-height: 95px;
  max-height: 95px;
}

.styles_autocomplete__ubWcQ {
  position: relative;
  width: 100%;
}

.styles_list__C9BSL {
  position: absolute;
  top: 100%;
  transform: translateY(4px);
  width: 100%;
  border-radius: 5px;
  max-height: 200px;
  overflow: auto;
  background-color: var(--form-element-background);
  box-shadow: 0px 2px 23px 0px var(--shadow);
  padding: 16px 0px;
  z-index: 10;
}

.styles_item__5m2e8 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 16px;
  letter-spacing: 0;
  width: 100%;
  padding: 6px 16px;
}

.styles_item__5m2e8:hover {
  background-color: var(--menu-item-bg-hover);
}

.styles_listEmpty__EiYoo {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 16px;
  letter-spacing: 0;
  width: 100%;
  padding: 6px 16px;
}

.style_wrapper__Xwetq {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.style_title__V98dS {
  font-size: 20.36px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.8px;
  color: var(--text-primary);
}

.style_list__TmwUF {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  flex: 1 1;
  padding-right: 8px;
}

.style_list__TmwUF.style_loading__lK92f {
  align-items: center;
  justify-content: center;
  height: 100%;
}

.style_empty__iir36 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--text-primary);
  font-size: 16px;
}

.style_empty__FzSpw {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--text-secondary);
  font-size: 16px;
}

.style_wrapper__bbm59 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.style_wrapper__bbm59:not(:nth-child(3n)) .style_infoWrapper__noRES::after {
  content: '';
  height: 48px;
  width: 1px;
  background-color: var(--border);
  position: absolute;
  right: -8px;
}

.style_infoWrapper__noRES {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 0 8px;
}

.style_revenueWrapper__OSm0U {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 12px;
  height: 48px;
}

.style_info__IU-\+z {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}

.style_revenue__g\+Ll3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.8px;
  color: var(--text-primary);
}

.style_label__ifNCb {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 140%;
  letter-spacing: -0.28px;
  font-weight: 500;
}

.style_icon__F2rGA {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_charts__B-ooh {
  height: 180px;
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.style_statsInfo__b4mMK {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  z-index: 100;
}

.style_comingSoon__P2ArS {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--backdrop);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: var(--text-secondary);
  font-size: 16px;
  z-index: 10000;
}

.style_empty__sSNQN {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--text-third);
  font-size: 16px;
}

.style_percent__ncRVI {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.72px;
    color: #FF730F;
    align-self: flex-end;
}

.style_positive__vNmKK {
    color: #44C13C;
}

.style_negative__Lm3eM {
    color: #FF513A;
}
.style_wrapper__GYWAi {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    grid-gap: 16px;
    gap: 16px;
    position: relative;
}
.style_wrapper__25l5y {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 16px;
  gap: 16px;
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 8px;
  background-color: var(--section);
}

.style_mediaItem__pvxjo {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1/1;
  transition: transform 0.2s ease;
}

.style_mediaItem__pvxjo:hover {
  transform: scale(1.05);
}

.style_mediaImage__vlroa {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.style_date__6Wo3f {
  position: absolute;
  top: 8px;
  left: 8px;
  color: rgb(var(--white));
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  background-color: var(--vault-label-price-bg);
  border-radius: 4px;
}

.style_price__VOw5J {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgb(var(--white));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 120%;
  background-color: var(--vault-label-price-bg);
  border-radius: 10px;
}

.style_bottomPanel__H7TOM {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.style_typeIcon__78nwA {
  display: flex;
  align-items: center;
  gap: 4px;
}

.style_typeIconBox__tTFls {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
}

.style_modelName__3mvT2 {
  color: rgba(var(--white), 1);
  font-size: 10px;
  font-weight: 600;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 3px rgba(var(--black), 0.8);
}

.style_loadingContainer__itVMx {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.style_noDataContainer__Opwpo {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  color: var(--text-secondary);
  font-size: 14px;
}

/* .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 16px;
  max-height: 360px;
  overflow-x: auto;
  position: relative;
  height: 100%;

  align-items: center;
  justify-items: center;
  overflow-y: hidden;
}

.comingSoon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--background), 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: var(--text-secondary);
  font-size: 16px;
} */

.style_wrapper__-URMr {
  padding: 16px 5px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-bottom: 1px solid var(--border);
}

.style_info__h8NlC {
  display: flex;
  justify-content: space-between;
}

.style_name__0pcFd {
  display: flex;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.32px;
  gap: 10px;
}

.style_modelName__yp6OY {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-third);
}

.style_date__921uk {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: var(--text-third);
}

.style_stats__QEKp0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.style_contentElement__XGWGk {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-secondary);
}

.style_sent__v5YYL,
.style_paid__QpwD\+ {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 4px;
  width: calc(100% / 3);
}

.style_sent__v5YYL {
  justify-content: center;
}

.style_paid__QpwD\+ {
  justify-content: flex-end;
}

.style_sent__v5YYL div {
  font-weight: 600;
  color: var(--red);
}

.style_paid__QpwD\+ div {
  font-weight: 600;
  color: var(--orange);
}

.style_flex__uAh0H {
  display: flex;
  align-items: center;
  gap: 8px;
}

.style_content__jX60g {
  display: flex;
  align-items: center;
  gap: 8px;
  width: calc(100% / 3);
}

.style_wrapper__O-Qlu {
  height: 360px;
  max-height: 360px;
  overflow-x: auto;
  position: relative;
}

.style_empty__yGjfx {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--text-secondary);
  font-size: 16px;
}

.style_hide__Cz0x8 {
  overflow-y: hidden;
}

.pie-chart-container .recharts-sector {
  outline: 0 !important;
}

.style_wrapper__yS8kq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 54px;
  padding: 13px 0;
  position: relative;
}

.style_list__NAVL1 {
  height: -webkit-fit-content;
  height: fit-content;
  flex: 1 1;
}

.style_listItem__cHxI8 {
  width: 100%;
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
}

.style_listItem__cHxI8:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.style_name__wdeae {
  display: flex;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.28px;
  color: var(--text-secondary);
  align-items: center;
  position: relative;
  gap: 10px;
}

.style_colorBulletWrapper__2-PUY {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_colorBullet__Cd6XB {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.style_colorBullet__Cd6XB.style_active__KcRNu {
  width: 14px;
  height: 14px;
}

.style_counters__gRqTy {
  display: flex;
}

.style_percent__2H5Lm,
.style_value__lmA-L {
  text-align: end;
  width: 80px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.style_percent__2H5Lm {
  color: var(--text-fifth);
}

.style_value__lmA-L {
  color: var(--text-forth);
}

.styles_wrapper__E5ydV {
  height: 100%;
  overflow: hidden;
}

.styles_list__SpZo6 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  flex: 1 1;
  padding-right: 8px;
  height: 100%;
}

.styles_list__SpZo6.styles_loading__dAVhZ {
  align-items: center;
  justify-content: center;
  height: 100%;
}

.styles_empty__tdSyZ {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--text-primary);
  font-size: 16px;
}

.style_page__20osr {
  padding: 16px;
  width: 100%;
  gap: 16px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
}

.style_comingSoon__NpfaQ {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--background), 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: var(--text-secondary);
  font-size: 16px;
}

.style_topContent__C4wNn {
  display: block !important;
}

.style_contentOverflow__i2Gyr {
  overflow: auto;
  max-height: 100%;
}

.style_label__-jMnm {
  color: var(--text-third);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

.style_selected__BXvpi {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  font-weight: 600;
  color: var(--text-secondary);
  height: 28px;
  display: flex;
  align-items: center;
}

.style_truncate__ByH8b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style_menu__VxmbS {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1 1;
}

.style_item__r\+\+A5 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style_menuWrapper__TC6eu {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.style_option__zOG4Y {
  padding: 5px 15px;
}

.style_loader__scP6F {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
}

.style_wrapper__bNXFl {
  position: relative;
  width: 100%;
  padding: 8px 4px;
}

.style_label__OMA-6 {
  position: absolute;
  top: 0px;
  left: 24px;
  background-color: var(--form-element-background);
  color: var(--primary-color);
  padding: 0 4px;
  font-size: 10px;
  z-index: 100;
  border-radius: 5px;
}

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

.style_header__sjbkF {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.style_headerTitle__bVgAR {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: var(--title-color);
}

.style_error__WthbI {
  padding: 8px;
  color: var(--red);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  font-family: 'Manrope', sans-serif;
}

.style_selectBlockWrapper__XqpyP {
  margin-bottom: 12px;
}

.style_selectBlockInner__J5nay {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.style_footer__a6jcd {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.style_footerBtn__UBw0S {
  margin-left: auto;
  display: flex;
  gap: 10px;
}

.style_footerHint__bBr5K {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-third);
  margin: 0;
}

:root {
  --Compaigns-header-height: 80px;
  --Compaigns-filters-height: 60px;
}

.style_page__1bHbd {
  display: flex;
  flex-direction: column;
}

.style_header__M6n8Z {
  padding: 16px;
  height: 80px;
  height: var(--Compaigns-header-height);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}

.style_headerBlock__fsjE5 {
  color: var(--title-color);
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  padding-right: 16px;
}

.style_descr__tnvCE {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-secondary);
}

.style_createBtb__joYG2 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-right: 16px;
}

.style_list__jNR0z {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  overflow: auto;
}

.style_empty__\+emeJ {
  width: 100%;
  padding: 16px;
}

.style_emptyTitle__9prXK {
  color: var(--text-secondary);
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.167;
  text-align: center;
  margin-bottom: 45px;
}

.style_listEmptyPlayer__GSOOB {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  height: 540px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_filters__4nkpB {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}

.style_sortOption__d2CmX {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 15px;
}

.style_sortIcon__zlxqo {
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.style_rotate__7loT7 {
  transform: rotate(180deg);
}

.style_loaderWrapper__6qa0U {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_container__2F7p7 {
  font-family: 'Manrope', sans-serif;
  padding: 24px 16px 8px 16px;
  border-bottom: 1px solid var(--border-third);
  gap: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.styles_header__TxLRy {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -0.04em;
  text-align: left;
  color: var(--title-color);
  padding: 6px 0;
}

.styles_subHeader__xD1S5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: left;
  color: var(--text-third);
}

.styles_filters__QNVfF {
  display: flex;
  padding: 4px 0;
}

.styles_filters__QNVfF > * {
  margin-right: 40px !important;
}

.styles_filters__QNVfF > *:last-child {
  margin-right: 0;
}

.styles_employee__E9sBq {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.styles_logo__EMPZx {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px 0 8px;
}

.styles_lastSeen__5UB2c {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.styles_actionsWrapper__\+fP2A {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.styles_status__IR\+PO {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_trancate__LPxOi {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.styles_additionalRow__oRMFP {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 7.5px 16px;
  gap: 12px;
}

.styles_yellow__OLOFH {
  color: var(--yellow);
}

.styles_red__3XE0R {
  color: var(--red);
}

.styles_green__8nFhf {
  color: var(--green);
}

.style_label__KvF44 {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 4px;
  text-align: left;
  color: var(--text-third);
}

.style_menuList__-y78M {
  flex: 1 1;
  height: 100%;
  overflow-y: auto;
}

.style_emptyWrapper__VcJaR {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.style_placeholder__7lEyf {
  font-size: 14px;
  line-height: 32px;
}

.style_item-name__uFDm8 {
  font-size: 14px;
}

.style_selectHeader__7XQH5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.style_error__a27\+8 {
  color: var(--red);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  font-family: 'Manrope', sans-serif;
}

.style_label__W3kz4 {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 4px;
  text-align: left;
  color: var(--text-third);
}

.style_label__W3kz4 .style_required__IEj4T {
  color: var(--red);
}

.style_role-item__Km6U1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border-radius: 5px;
  border: 1px solid var(--border-secondary);
  background-color: var(--form-element-background);
  margin-bottom: 4px;
}

.style_item-name__sMXT\+ {
  color: #a8b0b9;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}

.style_role-item--selected__nAgDa {
  color: var(--primary-color);
}

.style_role-item__descr__J83oL {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-third);
}

.style_header__BOOjc {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: var(--title-color);
  margin-bottom: 6px;
}

.style_tooltipList__VkEEl {
  display: flex;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.style_tooltipWrapper__ST2e6 {
  display: flex;
  min-width: 0;
  align-items: center;
}

.style_tooltipItems__57JVL {
  display: inline-flex;
  min-width: 0;
  align-items: center;
}

.style_showtooltipListButton__f2lo9 {
  font-size: 12px;
  color: var(--primary-color);
  cursor: pointer;
  margin-left: 4px;
}

.style_childrenWrapper__Y79OX {
  display: inline-block;
  margin-left: 0;
}

.style_measureContainer__WGbTL {
  position: absolute;
  visibility: hidden;
  height: 0;
  width: 100%;
  overflow: hidden;
}

.style_truncatedItem__DE00N {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style_itemSpan__4nQ9b {
  display: inline-block;
  white-space: nowrap;
}

.style_wrapper__\+TIhL {
  padding: 0 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.style_title__VHtMM {
  padding: 8px 12px;
  background-color: var(--form-element-background);
  border: 1px solid var(--border);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--text-primary);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -0.02em;
}

.style_shiftsWrapper__f5RTi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 110px;
}

.style_changeButton__Mqv4z {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0px;
  border-radius: 5px;
  border: 1px solid var(--border);
  background-color: var(--primary-active-color);
  font-size: 30px;
  color: var(--primary-color);
  width: 60px;
  line-height: 0;
}

.style_changeButton__Mqv4z:hover {
  cursor: pointer;
}

.style_changeButton__Mqv4z.style_disabled__-PCOP:hover {
  cursor: not-allowed;
}

.style_changeButton__Mqv4z.style_disabled__-PCOP {
  opacity: 0.3;
}

.style_increase__NCPuj {
  justify-self: flex-end;
}

.style_decrease__OFAn- {
  justify-self: flex-start;
  background-color: var(--primary-active-color);
  color: var(--text-secondary);
}

.style_shitList__0JItW {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.style_wrapper__dkbm4 {
  top: 0;
  bottom: 0;
  position: absolute;
  border: 1px solid var(--border);
  display: flex;
  height: 100%;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.style_wrapper__dkbm4.style_first__2dqA8 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.style_wrapper__dkbm4.style_last__4ax-J {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style_title__o\+FdZ,
.style_time__vDBkQ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50%;
}

.style_title__o\+FdZ {
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25.2px;
  letter-spacing: -0.04em;
  color: var(--text-secondary);
}

.style_wrapper__t5CzD {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  border: 1px solid var(--border);
  background-color: var(--form-element-background);
  font-family: Manrope, sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--text-primary);
  gap: 4px;
}

.style_wrapper__t5CzD:focus-within {
  background-color: var(--primary-active-color);
}

.style_wrapper__tXDGR {
  min-height: 250px;
  max-height: 571px;
}

.style_user__pHzBv {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.style_wrapper__VAptb {
  display: flex;
  align-items: center;
  gap: 10px;
}

.style_container__LVhrt {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.style_header__zkAHN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  height: 52px;
}

.style_title__j1UtN {
  font-size: 18px;
  color: var(--title-color);
  font-weight: 600;
  line-height: 120%;
}

.style_list__0POTG {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  padding-right: 8px;
  height: 100%;
}

.styles_container__6aMDX {
  gap: 4px;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 8px 0;
}

.styles_label__jtzft {
  color: var(--text-third);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

.styles_datePicker__3ZQbJ {
  width: 100%;
  border-radius: 5px;
  height: 36px;
  font-size: inherit;
}

.styles_datePicker__3ZQbJ .ant-picker-input > input {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Manrope', sans-serif;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: left;
  color: var(--text-secondary);
  background-color: var(--form-element-background);
  display: flex;
  align-items: center;
}

.styles_datePicker__3ZQbJ .ant-picker-input > input::placeholder {
  color: var(--placeholder);
  font-weight: 400;
  font-family: 'Manrope', sans-serif;
}

.styles_datePicker__3ZQbJ .ant-picker-input > .ant-picker-clear:hover {
  color: var(--primary-hover-color);
}

.styles_form__TF\+XC {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  padding: 7px 14px;
  gap: 8px;
}

.styles_formContent__wdLv9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1;
  overflow: auto;
}

.styles_separateRow__GEQQG {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  gap: 16px;
}

.styles_ageBlock__bxnaz {
  margin-left: 16px;
  width: 50%;
}

.styles_ageItem__DjtJw {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 16px;
  letter-spacing: 0;
  width: 100%;
  padding: 6px 16px;
}

.styles_ageSelected__0bZz- {
  font-weight: 500;
}

.style_footer__ayGEo {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}

.style_footer__ayGEo:before {
  content: '';
  position: absolute;
  top: -7px;
  left: -14px;
  right: 0;
  display: block;
  width: calc(100% + 28px);
  height: 1px;
  background-color: var(--border);
}

.style_wrapper__EIVRG {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1 1;
  overflow: hidden;
}

.style_list__28WAT {
  overflow: auto;
  border: 1px solid var(--border);
  border-bottom: none;
  flex: 1 1;
}

.style_loading__6di1I {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1;
  height: 100%;
}

.style_footer__AYgeT {
  padding: 0 14px 7px 14px;
}

.style_wrapper__AnE8G {
  display: flex;
  padding: 7px;
  gap: 7px;
}

.style_search__Q7lfX {
  flex: 1 1;
}

.style_button__vCIVW {
  color: var(--text-secondary);
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.3s linear, color 0.3s linear;
}

.style_button__vCIVW:hover {
  background: var(--primary-color);
  color: rgba(var(--white));
}

.style_wrapper__Kk0mE {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: auto;
  overflow-y: scroll;
  padding: 6px;
  height: 400px;
}

.style_previewContainer__OhyP0 {
  overflow: hidden;
  width: calc(50% - 12px);
  height: 188px;
  color: var(--primary-active-color);
  border-radius: 5px;
  position: relative;
  margin: 6px;
  cursor: pointer;
}

.style_audioPreviewContainer__c2Ea\+ {
  background-color: #242d35;
}

.style_mediaPreview__DJgEU {
  border-radius: 5px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.style_audioPreview__vcNhl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.style_mediaInfoWrapper__8xR83 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px;
  display: flex;
  flex-direction: column;
}

.style_dateInfoInner__jWfDm {
  display: flex;
  align-items: center;
  color: var(--vault-label-price-color)
}

.style_dateValue__IQ8N2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 10px;
  padding: 2px 4px;
  white-space: nowrap;
  min-width: 20px;
  background-color: var(--vault-label-price-bg);
}

.style_iconInfoInner__gFRiy {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: auto;
}

.style_durationValue__k0WhK {
  color: var(--vault-label-price-color);
  font-size: 10px;
  margin-left: 4px;
}

.style_empty__YrhLP {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: var(--text-primary);
}

.style_tab__uGMgo {
  height: 100%;
  overflow: hidden;
}

.style_container__VJkp8 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.style_wrapper__3gIxF {
  display: flex;
  flex-direction: row;
  padding: 7px 14px;
}

.style_name__dohDZ {
  color: var(--primary-color);
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 19.6px;
  font-weight: 400;
  cursor: pointer;
}

.style_name__dohDZ:hover {
  color: var(--primary-hover-color);
  text-decoration: underline;
}

.style_breadCrumbs__1cD2f {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 19.6px;
  font-weight: 400;
}

.styles_avatarLoaderIcon__RWiD0 {
  border-radius: 9999px;
  background-color: var(--primary-color);
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.styles_container__itOII {
  padding: 7px 14px;
}

.styles_wrapper__Qx-Nf {
  display: flex;
  gap: 7px;
  height: 96px;
}

.styles_online__ngm57 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--green);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.styles_info__H2Pfd {
  flex: 1 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.styles_editWrapper__y9PHQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.styles_info__H2Pfd.styles_loading__Bm\+cQ {
  padding-right: 60px;
}

.styles_nameWrapper__tN0dT {
  color: var(--text-primary);
  font-size: 21px;
  font-style: normal;
  line-height: 1.3;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.styles_name__RpZpw {
  display: block;
  border: none;
  background: none;
  width: 100%;
  color: inherit;
  font: inherit;
  cursor: default;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles_name__RpZpw:focus {
  outline: none;
}

.styles_additionalInfo__FTBvJ {
  color: var(--text-third);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.styles_error__Q-M7O {
  color: var(--red);
  font-size: 12px;
  margin: 4px;
}

.styles_wrapper__36ngn {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--border);
  background-color: var(--page);
}

.styles_empty__NscEU {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  height: 100%;
  color: var(--text-secondary);
}

.styles_wrapper__1Kw9K {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: space-between;
}

.styles_contactListContainer__n7Lw8 {
  height: 100%;
  flex-shrink: 0;
  width: 25%;
}

.styles_chat__kmdmh {
  flex: 1 1;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}

.styles_rightMenu__r3R0P {
  height: 100%;
  width: 25%;
  min-width: 390px;
}

/* @import 'open-props/easings.css'; */

.style_themeToggle__v9Tpl {
  outline: none;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_themeToggle__v9Tpl.style_absolute__oA4Ee {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: -webkit-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

.style_themeToggle__v9Tpl.style_dark__Xrj6c svg {
  margin-left: 5px;
}

.style_container__MQohL:hover .style_sunAndMoon__q72aE > :is(.style_moon__L9KZg, .style_sun__G-i-y) {
  fill: var(--primary-hover-color);
}

.style_sunAndMoon__q72aE > :is(.style_moon__L9KZg, .style_sun__G-i-y, .style_sunBeams__GzXMb) {
  transform-origin: center;
}

.style_sunAndMoon__q72aE > :is(.style_moon__L9KZg, .style_sun__G-i-y) {
  fill: var(--icon);
}

.style_themeToggle__v9Tpl:is(:hover) > .style_sunAndMoon__q72aE > :is(.style_moon__L9KZg, .style_sun__G-i-y) {
  fill: var(--primary-hover-color);
}

.style_sunAndMoon__q72aE > .style_sunBeams__GzXMb {
  stroke: var(--icon);
  strokewidth: 2px;
}

.style_themeToggle__v9Tpl:is(:hover) .style_sunAndMoon__q72aE > .style_sunBeams__GzXMb {
  stroke: var(--primary-hover-color);
}

[data-theme='dark'] .style_sunAndMoon__q72aE > .style_sun__G-i-y {
  transform: scale(1.75);
}

[data-theme='dark'] .style_sunAndMoon__q72aE > .style_sunBeams__GzXMb {
  opacity: 0;
}

[data-theme='dark'] .style_sunAndMoon__q72aE > .style_moon__L9KZg > circle {
  transform: translateX(-7px);
}

@supports (cx: 1) {
  [data-theme='dark'] .style_sunAndMoon__q72aE > .style_moon__L9KZg > circle {
    cx: 17;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .style_sunAndMoon__q72aE > .style_sun__G-i-y {
    transition: transform 0.5s var(--ease-elastic-3);
  }

  .style_sunAndMoon__q72aE > .style_sunBeams__GzXMb {
    transition: transform 0.5s var(--ease-elastic-4),
      opacity 0.5s var(--ease-3);
  }

  .style_sunAndMoon__q72aE .style_moon__L9KZg > circle {
    transition: transform 0.25s var(--ease-out-5);
  }

  @supports (cx: 1) {
    .style_sunAndMoon__q72aE .style_moon__L9KZg > circle {
      transition: cx 0.25s var(--ease-out-5);
    }
  }

  [data-theme='dark'] .style_sunAndMoon__q72aE > .style_sun__G-i-y {
    transition-timing-function: var(--ease-3);
    transition-duration: 0.25s;
    transform: scale(1.75);
  }

  [data-theme='dark'] .style_sunAndMoon__q72aE > .style_sunBeams__GzXMb {
    transition-duration: 0.15s;
    transform: rotateZ(-25deg);
  }

  [data-theme='dark'] .style_sunAndMoon__q72aE > .style_moon__L9KZg > circle {
    transition-duration: 0.5s;
    transition-delay: 0.25s;
  }
}

.style_wrapper__fPW-C {
  width: 100vw;
  height: 52px;
  min-height: 52px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.style_logoWrapper__ZQUlp {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--border);
  height: 100%;
  padding: 0 19px 0 16px;
}

.style_indicators__0Gl3N {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  margin-left: auto;
  padding-left: 16px;
  border-bottom: 1px solid var(--border);
  height: 100%;
  padding-right: 16px;
}

.style_borderBottom__NdA9F {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--border);
}

.add_model-btn_wrapper__oqpSR {
  height: 100%;
  border-bottom: 1px solid var(--border);
  position: relative;
  min-width: 46px;
}

.add_model-btn_newModelItem__XpKqI {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  height: 36px;
  background-color: var(--page);
  border-radius: 10px;
  left: 10px;
  bottom: 2px;
}

.add_model-btn_newModelItem__XpKqI:hover {
  cursor: pointer;
  background-color: var(--page);
}

.add_model-btn_modelItem__g8GQF {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  gap: 4px;
  padding: 10px 12px;
  background-color: var(--page);
  max-height: 100%;
  position: relative;
  flex-wrap: nowrap;
  max-width: 186px;
  min-width: 160px;
  width: -webkit-fit-content;
  width: fit-content;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 44px;
}

.add_model-btn_modelItem__g8GQF:not(.add_model-btn_active__x5y\+c)::after {
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  right: -2px;
  position: absolute;
  background-color: var(--border);
  z-index: 10;
}

.add_model-btn_modelItem__g8GQF.add_model-btn_active__x5y\+c {
  border-color: var(--border);
}

.add_model-btn_modelItem__g8GQF:not(.add_model-btn_active__x5y\+c) {
  border-bottom: 1px solid var(--border);
}

.add_model-btn_modelItem__g8GQF:not(.add_model-btn_active__x5y\+c):hover {
  cursor: pointer;
}

.add_model-btn_infoWrapper__lpFM8 {
  display: flex;
  align-items: center;
  gap: 4px;
}

.add_model-btn_name__n9JBI {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.add_model-btn_closeIcon__RhF0- {
  padding: 2px;
  transition: all 0.3s linear;
  border-radius: 50%;
}

.add_model-btn_closeIcon__RhF0-:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}

.style_modelItem__pvrWt {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  gap: 4px;
  padding: 10px 12px;
  background-color: var(--page);
  max-height: 100%;
  position: relative;
  flex-wrap: nowrap;
  max-width: 186px;
  min-width: 160px;
  width: -webkit-fit-content;
  width: fit-content;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 44px;
}

.style_modelItem__pvrWt:not(.style_active__\+EN5K)::after {
  content: '';
  top: 50%;
  transform: translate(4px, -50%);
  width: 2px;
  height: 24px;
  right: 0;
  position: absolute;
  background-color: var(--border);
  z-index: 10;
}

.style_modelItem__pvrWt.style_default__etZyt:hover {
  cursor: pointer;
}

.style_modelItem__pvrWt.style_active__\+EN5K {
  border-color: var(--border);
}

.style_modelItem__pvrWt:not(.style_active__\+EN5K) {
  border-bottom: 1px solid var(--border);
}

.style_modelItem__pvrWt:not(.style_active__\+EN5K):hover {
  cursor: pointer;
}

.style_infoWrapper__o5EjW {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-fifth);
}

.style_name__7WfnC {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text-primary);
}

.style_closeIcon__lVwwO {
  padding: 2px;
  transition: all 0.3s linear;
  border-radius: 50%;
}

.style_closeIcon__lVwwO:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}

.style_selectedWrapper__wmuyo {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.style_selectedModels__MQomq {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  overflow-y: hidden;
  overflow-x: auto;
  height: 44px;
  position: relative;
}

.style_selectedModels__MQomq::-webkit-scrollbar {
  display: none;
}

.style_modelItem__etjWz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 10px 12px;
  background-color: var(--page);
  max-height: 100%;
  position: relative;
  flex-wrap: nowrap;
  max-width: 186px;
  min-width: 160px;
  width: -webkit-fit-content;
  width: fit-content;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.style_modelItem__etjWz:not(.style_active__SDejE):not(:last-child)::after {
  content: '';
  top: 50%;
  transform: translate(4px, -50%);
  width: 2px;
  height: 24px;
  right: 0;
  position: absolute;
  background-color: var(--border);
  z-index: 10;
}

.style_modelItem__etjWz.style_active__SDejE {
  border-color: var(--border);
}

.style_modelItem__etjWz:not(.style_active__SDejE) {
  border-bottom: 1px solid var(--border);
}

.style_modelItem__etjWz:not(.style_active__SDejE):hover {
  cursor: pointer;
}

.style_infoWrapper__q\+4va {
  display: flex;
  align-items: center;
  gap: 4px;
}

.style_infoName__pq7Cf {
  flex: 1 1;
}

.style_infoWrapper__q\+4va:first-child {
  width: calc(100% - 16px);
}

.style_infoShort__36Cqn {
  width: calc(100% - 72px) !important;
}

.style_infoLong__\+QR1- {
  width: calc(100% - 48px) !important;
}

.style_name__MIkwA {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text-primary);
}

.style_notification__Lw2Xh {
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 12px;
}

.style_closeIcon__AzDaN {
  padding: 2px;
  transition: all 0.3s linear;
  border-radius: 50%;
}

.style_closeIcon__AzDaN:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}

.style_border__1C0Zq {
  flex: 1 1;
  height: 100%;
  border-bottom: 1px solid var(--border);
}

.style_container__WLmHX {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.style_disabled__aquX1 {
  opacity: 0.7;
  pointer-events: none;
  cursor: not-allowed !important;
}

.style_progressIndicator__F3bf4 {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  color: var(--primary-color);
  border: 2px solid currentColor;
  --color: currentColor;
  background: conic-gradient(
    var(--color) var(--angle),
    transparent calc(var(--angle))
  );
}

.style_progressIndicator__F3bf4.style_slow__dhaHW.style_isProgress__8JHa1 {
  animation: style_load-effect__4qSPG 30s linear infinite;
}

.style_progressIndicator__F3bf4.style_isProgress__8JHa1 {
  animation: style_load-effect__4qSPG 2s ease-in-out infinite;
}

.style_progressIndicator__F3bf4.style_indicatorDisabled__W2ETC {
  border-color: #d1d5db;
}

@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

@keyframes style_load-effect__4qSPG {
  0% {
    --angle: -1deg;
  }
  100% {
    --angle: 360deg;
  }
}

.style_icon__b6O1F:hover {
  cursor: pointer;
}

.style_wrapper__FyT\+O {
  background: var(--primary-color);
  border-radius: 50%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: rgb(var(--white));
  padding: 8px;
  width: 32px;
  height: 32px;
}
.style_wrapper__FyT\+O:hover {
  cursor: pointer;
  background: var(--primary-hover-color);
}

.style_userBtn__H2JmT {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-transform: uppercase;
  background-color: #44c13c;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.style_tooltipIcon__1zntq {
  padding: 0;
  width: 32px;
  height: 32px;
}

.style_wrapper__-jBO0 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon);
}

.style_icon__3-o5l:hover {
  cursor: pointer;
}

.style_page__JtRMn {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--page);
}

.style_workSpace__qY91G {
  display: flex;
  width: 100%;
  height: calc(100vh - 52px);
}

.style_children__r-6Jw {
  flex: 1 1;
  height: 100%;
  width: calc(100vw - 72px);
  position: relative;
}

.style_wrapper__LxxlQ {
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

  height: 50px;
  color: var(--icon);
}

.style_wrapper__LxxlQ.style_active__UEnwX {
  background-color: var(--primary-color);
  color: var(--icon-hover);
}

.style_wrapper__LxxlQ.style_disabled__90tpW {
  cursor: not-allowed;
}

.style_wrapper__LxxlQ:not(.style_disabled__90tpW):hover {
  cursor: pointer;
  background-color: var(--primary-hover-color);
}

.style_wrapper__LxxlQ.style_noHover__v62tM:hover {
  background-color: transparent;
}

.style_visible__6D8UE {
  visibility: visible;
}

.style_collapse__Ik6CI {
  visibility: collapse;
}

.style_static__RvmBO {
  position: static;
}

.style_fixed__YP22x {
  position: fixed;
}

.style_\!absolute__nkPzj {
  position: absolute !important;
}

.style_absolute__2YcUA {
  position: absolute;
}

.style_relative__qVNuI {
  position: relative;
}

.style_sticky__W3KXM {
  position: -webkit-sticky;
  position: sticky;
}

.style_bottom-0__OCQ0C {
  bottom: 0px;
}

.style_bottom-\[0px\]__lEN2H {
  bottom: 0px;
}

.style_left-0__91qCq {
  left: 0px;
}

.style_left-\[-45px\]__1dOqT {
  left: -45px;
}

.style_left-\[0px\]__-iT5j {
  left: 0px;
}

.style_left-\[50\%\]__5khzM {
  left: 50%;
}

.style_right-0__Wmx7w {
  right: 0px;
}

.style_right-5__PWbCc {
  right: 1.25rem;
}

.style_top-0__Ddd8b {
  top: 0px;
}

.style_top-3__D27As {
  top: 0.75rem;
}

.style_top-\[50\%\]__-Z1j\+ {
  top: 50%;
}

.style_z-10__zGyBU {
  z-index: 10;
}

.style_z-50__ywVPD {
  z-index: 50;
}

.style_m-auto__e7Sfg {
  margin: auto;
}

.style_mx-auto__R-g9v {
  margin-left: auto;
  margin-right: auto;
}

.style_my-0__AUXdC {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style_-mb-3__7KRs4 {
  margin-bottom: -0.75rem;
}

.style_-mr-1__WrkKN {
  margin-right: -0.25rem;
}

.style_mb-2__JbLW5 {
  margin-bottom: 0.5rem;
}

.style_mb-3__ujdWV {
  margin-bottom: 0.75rem;
}

.style_mb-4__nlmKd {
  margin-bottom: 1rem;
}

.style_mb-5__7Vh0G {
  margin-bottom: 1.25rem;
}

.style_mb-\[15px\]__XaFke {
  margin-bottom: 15px;
}

.style_ml-1__prAZR {
  margin-left: 0.25rem;
}

.style_ml-auto__7gG4R {
  margin-left: auto;
}

.style_mr-1__txOX- {
  margin-right: 0.25rem;
}

.style_mr-2__mYMC4 {
  margin-right: 0.5rem;
}

.style_mr-3__SiOnd {
  margin-right: 0.75rem;
}

.style_mr-auto__fbpSa {
  margin-right: auto;
}

.style_mt-1__eA\+nK {
  margin-top: 0.25rem;
}

.style_mt-2__TDpkv {
  margin-top: 0.5rem;
}

.style_mt-4__PdMxs {
  margin-top: 1rem;
}

.style_block__Cu9oc {
  display: block;
}

.style_inline__ppXP6 {
  display: inline;
}

.style_flex__Njp3q {
  display: flex;
}

.style_inline-flex__KRbwU {
  display: inline-flex;
}

.style_table__dtEFl {
  display: table;
}

.style_grid__48p3H {
  display: grid;
}

.style_\!hidden__8HaJ6 {
  display: none !important;
}

.style_hidden__RPYUZ {
  display: none;
}

.style_\!h-\[94px\]__hJdiB {
  height: 94px !important;
}

.style_h-24__QYezf {
  height: 6rem;
}

.style_h-4__WJMVZ {
  height: 1rem;
}

.style_h-6__T1AXY {
  height: 1.5rem;
}

.style_h-8__Y8Fbz {
  height: 2rem;
}

.style_h-\[100\%\]__I\+asi {
  height: 100%;
}

.style_h-\[100px\]__AfxGp {
  height: 100px;
}

.style_h-\[36px\]__RVIkS {
  height: 36px;
}

.style_h-\[40px\]__m6WCe {
  height: 40px;
}

.style_h-\[420px\]__BRpUZ {
  height: 420px;
}

.style_h-\[478px\]__3Pm\+0 {
  height: 478px;
}

.style_h-\[65px\]__J2m0t {
  height: 65px;
}

.style_h-auto__SMs4S {
  height: auto;
}

.style_h-fit__HgGgb {
  height: -webkit-fit-content;
  height: fit-content;
}

.style_h-full__6G5IL {
  height: 100%;
}

.style_h-screen__PmmAh {
  height: 100vh;
}

.style_max-h-\[325px\]__\+dLZN {
  max-height: 325px;
}

.style_max-h-\[700px\]__7yVVC {
  max-height: 700px;
}

.style_max-h-\[90vh\]__Pae1j {
  max-height: 90vh;
}

.style_min-h-\[45px\]__E4WM6 {
  min-height: 45px;
}

.style_min-h-\[60px\]__f7pET {
  min-height: 60px;
}

.style_\!w-\[94px\]__gaGAL {
  width: 94px !important;
}

.style_\!w-full__VMqj- {
  width: 100% !important;
}

.style_w-1-2__iITec {
  width: 50%;
}

.style_w-1-5__nU3Nj {
  width: 20%;
}

.style_w-1-6__q07uR {
  width: 16.666667%;
}

.style_w-24__PlxKh {
  width: 6rem;
}

.style_w-4__Z0jFa {
  width: 1rem;
}

.style_w-8__mQJlV {
  width: 2rem;
}

.style_w-\[100\%\]__fI\+vt {
  width: 100%;
}

.style_w-\[100px\]__QCAPE {
  width: 100px;
}

.style_w-\[170px\]__mUl2D {
  width: 170px;
}

.style_w-\[250px\]__q\+zK7 {
  width: 250px;
}

.style_w-\[345px\]__L8vUb {
  width: 345px;
}

.style_w-\[36px\]__bwHm2 {
  width: 36px;
}

.style_w-\[400px\]__yU9oP {
  width: 400px;
}

.style_w-\[600px\]__cuCQq {
  width: 600px;
}

.style_w-\[72px\]__ndCcw {
  width: 72px;
}

.style_w-\[75\%\]__nnaZu {
  width: 75%;
}

.style_w-full__hDaO3 {
  width: 100%;
}

.style_min-w-0__PIiVE {
  min-width: 0px;
}

.style_min-w-\[345px\]__R9bQQ {
  min-width: 345px;
}

.style_max-w-\[325px\]__1GDF3 {
  max-width: 325px;
}

.style_flex-1__I2-XG {
  flex: 1 1;
}

.style_flex-none__aafxW {
  flex: none;
}

.style_flex-shrink-0__TFRNG {
  flex-shrink: 0;
}

.style_shrink__582r2 {
  flex-shrink: 1;
}

.style_grow__NTpxe {
  flex-grow: 1;
}

.style_translate-x-\[-50\%\]__3xokL {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_translate-y-\[-50\%\]__As4Rv {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_rotate-45__1ivlg {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_transform__iBkHc {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_cursor-pointer__jTpUg {
  cursor: pointer;
}

.style_resize__n3Phg {
  resize: both;
}

.style_grid-cols-2__6yKmI {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.style_flex-row__Njq3J {
  flex-direction: row;
}

.style_flex-col__ZHLIA {
  flex-direction: column;
}

.style_flex-wrap__hUL7W {
  flex-wrap: wrap;
}

.style_items-start__ir-Io {
  align-items: flex-start;
}

.style_items-center__XmeVY {
  align-items: center;
}

.style_justify-center__ZZZZg {
  justify-content: center;
}

.style_justify-between__j7CrG {
  justify-content: space-between;
}

.style_gap-4__0nmZG {
  gap: 1rem;
}

.style_gap-\[10px\]__kja1K {
  gap: 10px;
}

.style_gap-\[16px\]__DciKg {
  gap: 16px;
}

.style_gap-x-2__0Aoa1 {
  column-gap: 0.5rem;
}

.style_gap-x-6__LI-jy {
  column-gap: 1.5rem;
}

.style_self-end__DCMa5 {
  align-self: flex-end;
}

.style_self-center__Yugpp {
  align-self: center;
}

.style_overflow-hidden__6S3y4 {
  overflow: hidden;
}

.style_overflow-x-auto__tm2mk {
  overflow-x: auto;
}

.style_overflow-y-auto__VhZbL {
  overflow-y: auto;
}

.style_overflow-x-hidden__NQPti {
  overflow-x: hidden;
}

.style_truncate__dY\+kP {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_break-all__\+9-se {
  word-break: break-all;
}

.style_rounded-full__JtDQh {
  border-radius: 9999px;
}

.style_rounded-xl__nGywf {
  border-radius: 0.75rem;
}

.style_rounded-l-full__XJs\+m {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.style_border__v-s3I {
  border-width: 1px;
}

.style_\!bg-gray-600__BrhGb {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}

.style_bg-gray-200__9XMIh {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}

.style_bg-red-500__qm6yS {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.style_bg-white__IIVQg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.style_p-2_5__MVTsq {
  padding: 0.625rem;
}

.style_p-4__U1o9w {
  padding: 1rem;
}

.style_p-5__PdlGr {
  padding: 1.25rem;
}

.style_p-\[15px\]__1i0ZB {
  padding: 15px;
}

.style_p-\[16px\]__FvnNx {
  padding: 16px;
}

.style_p-\[8px\]__LnjRx {
  padding: 8px;
}

.style_\!py-\[4px\]__UpPRu {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.style_px-0__ho4cY {
  padding-left: 0px;
  padding-right: 0px;
}

.style_px-1__Hu-Gi {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.style_px-3__rs5\+O {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.style_px-4__uxeWi {
  padding-left: 1rem;
  padding-right: 1rem;
}

.style_px-6__YIQGX {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.style_py-1__iFfKN {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.style_py-2__k\+FA7 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.style_pb-0_5__t5zH9 {
  padding-bottom: 0.125rem;
}

.style_pb-3__scNVu {
  padding-bottom: 0.75rem;
}

.style_pb-5__4GBTM {
  padding-bottom: 1.25rem;
}

.style_pb-\[20px\]__3-Z5O {
  padding-bottom: 20px;
}

.style_pl-2__4fl6Y {
  padding-left: 0.5rem;
}

.style_pl-4__a3cSD {
  padding-left: 1rem;
}

.style_pr-\[16px\]__dTYRd {
  padding-right: 16px;
}

.style_pr-\[6px\]__oZpf9 {
  padding-right: 6px;
}

.style_pt-1__fxvSz {
  padding-top: 0.25rem;
}

.style_pt-2_5__l1nVX {
  padding-top: 0.625rem;
}

.style_pt-5__qUwVD {
  padding-top: 1.25rem;
}

.style_pt-6__Cjbyp {
  padding-top: 1.5rem;
}

.style_pt-\[7px\]__ILnhy {
  padding-top: 7px;
}

.style_text-center__k2Q\+P {
  text-align: center;
}

.style_text-right__MZ7Q2 {
  text-align: right;
}

.style_text-sm__3MC9A {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.style_text-xs__UZScL {
  font-size: 0.75rem;
  line-height: 1rem;
}

.style_text-xxs__io00s {
  font-size: 10px;
}

.style_font-medium__nBBYC {
  font-weight: 500;
}

.style_italic__7-XNU {
  font-style: italic;
}

.style_leading-none__LRjUH {
  line-height: 1;
}

.style_text-gray-500__UGKDS {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.style_text-gray-600__bu91k {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}

.style_text-red-500__Mxpv2 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.style_text-red-600__YNrMv {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.style_text-white__IgGJd {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_opacity-50__9d3gg {
  opacity: 0.5;
}

.style_shadow__zYwZY {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.style_outline__mYEpV {
  outline-style: solid;
}

.style_ring__kGQI5 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.style_filter__b43\+W {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.style_transition__ZzLsu {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.style_ease-in-out__qwHiu {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.style_container__XUE9D {
  background-color: transparent;
  color: var(--text-secondary);
  border-right: 1px solid var(--border);
}

.style_borderTop__7OFNv {
  border-top: 1px solid var(--border);
}

.style_borderBottom__v9Xtn {
  border-bottom: 1px solid var(--border);
}

.style_menuItem__UKZUW {
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_icon__QojMc {
  fill: var(--icon);
}

.style_iconWS__FOdLe {
  stroke: var(--icon);
}

.style_combined__Skjdg {
  fill: var(--icon);
  stroke: var(--icon);
}

.style_menuItem__UKZUW.style_active__2ASgy .style_icon__QojMc,
.style_menuItem__UKZUW:not(.style_disabled__d1SIM):hover .style_icon__QojMc {
  fill: var(--icon-active);
}

.style_menuItem__UKZUW.style_active__2ASgy .style_iconWS__FOdLe,
.style_menuItem__UKZUW:not(.style_disabled__d1SIM):hover .style_iconWS__FOdLe {
  stroke: var(--icon-active);
}

.style_menuItem__UKZUW.style_active__2ASgy .style_combined__Skjdg,
.style_menuItem__UKZUW:not(.style_disabled__d1SIM):hover .style_combined__Skjdg {
  stroke: var(--icon-active);
  fill: var(--icon-active);
}

.style_menuItem__UKZUW.style_disabled__d1SIM {
  opacity: 0.6;
}

.style_container__XUE9D .style_updateButton__i0\+09 {
  font-size: 0.75rem;
  line-height: 1rem;
  width: 100%;
  min-width: 100%;
  white-space: wrap;
  padding: 4px;
}

.ModelReadyModal-container {
  padding: 16px;
  border-radius: 10px;
  background: var(--section);
  box-shadow: 0 0 6px 0 var(--shadow);
  width: 520px;
  min-height: 50px;
  margin: 6px;
  max-height: calc(100vh - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

.ModelReadyModal-logo {
  margin-bottom: 12px;
}

.ModelReadyModal-title {
  color: var(--title-color);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 12px;
}

.style_container__dfcYW {
  padding: 16px;
  border-radius: 10px;
  background: var(--page);
  box-shadow: 0 0 6px 0 var(--shadow);
  width: 428px;
  margin: 6px;
  max-height: calc(100vh - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

.style_logo__c6X9N {
  margin-bottom: 24px;
}

.style_title__T01R2 {
  color: var(--title-color);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.96px;
  margin-bottom: 12px;
}

.style_text__qS2Qa {
  color: var(--text-forth);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  margin-bottom: 12px;
}

.style_text__qS2Qa.style_error__cWmHR {
  color: var(--red);
  word-break: break-all;
}

.style_btnContainer__\+oWp0 {
  margin-top: 12px;
}

.style_failed__JoeNO {
  font-size: 14px;
  color: var(--red);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.style_title__LkI3A {
  color: var(--title-color);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 24px;
}

.style_modal__Ni0Dh {
  max-width: 750px;
}

.style_visible__SY58W {
  visibility: visible;
}

.style_collapse__VSfZD {
  visibility: collapse;
}

.style_static__I2iAh {
  position: static;
}

.style_fixed__RMVCF {
  position: fixed;
}

.style_\!absolute__QOcCT {
  position: absolute !important;
}

.style_absolute__oLiBy {
  position: absolute;
}

.style_relative__4B2R0 {
  position: relative;
}

.style_sticky__V-kQZ {
  position: -webkit-sticky;
  position: sticky;
}

.style_bottom-0__zze-v {
  bottom: 0px;
}

.style_bottom-\[0px\]__a06j3 {
  bottom: 0px;
}

.style_left-0__OCiOm {
  left: 0px;
}

.style_left-\[-45px\]__YEts9 {
  left: -45px;
}

.style_left-\[0px\]__ctIKS {
  left: 0px;
}

.style_left-\[50\%\]__uj5Yz {
  left: 50%;
}

.style_right-0__pg8N5 {
  right: 0px;
}

.style_right-5__uREli {
  right: 1.25rem;
}

.style_top-0__xJWDK {
  top: 0px;
}

.style_top-3__5dMrl {
  top: 0.75rem;
}

.style_top-\[50\%\]__bVg-q {
  top: 50%;
}

.style_z-10__XGES3 {
  z-index: 10;
}

.style_z-50__PWgK0 {
  z-index: 50;
}

.style_m-auto__79l\+6 {
  margin: auto;
}

.style_mx-auto__7aiYC {
  margin-left: auto;
  margin-right: auto;
}

.style_my-0__Uxiea {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style_-mb-3__fBJjL {
  margin-bottom: -0.75rem;
}

.style_-mr-1__\+7upd {
  margin-right: -0.25rem;
}

.style_mb-2__uJ8X5 {
  margin-bottom: 0.5rem;
}

.style_mb-3__Uzij- {
  margin-bottom: 0.75rem;
}

.style_mb-4__dIlyt {
  margin-bottom: 1rem;
}

.style_mb-5__bNR7M {
  margin-bottom: 1.25rem;
}

.style_mb-\[15px\]__Iie7t {
  margin-bottom: 15px;
}

.style_ml-1__HhBNa {
  margin-left: 0.25rem;
}

.style_ml-auto__ND3mf {
  margin-left: auto;
}

.style_mr-1__-beNK {
  margin-right: 0.25rem;
}

.style_mr-2__pBTUN {
  margin-right: 0.5rem;
}

.style_mr-3__\+aHI2 {
  margin-right: 0.75rem;
}

.style_mr-auto__Bxmh\+ {
  margin-right: auto;
}

.style_mt-1__H2C-1 {
  margin-top: 0.25rem;
}

.style_mt-2__1IojM {
  margin-top: 0.5rem;
}

.style_mt-4__A99zM {
  margin-top: 1rem;
}

.style_block__xqmUM {
  display: block;
}

.style_inline__kk3aq {
  display: inline;
}

.style_flex__x\+DEh {
  display: flex;
}

.style_inline-flex__2ZmSC {
  display: inline-flex;
}

.style_table__IOUM4 {
  display: table;
}

.style_grid__ed8Sy {
  display: grid;
}

.style_\!hidden__cuIHo {
  display: none !important;
}

.style_hidden__QVuwT {
  display: none;
}

.style_\!h-\[94px\]__GSkGe {
  height: 94px !important;
}

.style_h-24__y5aLA {
  height: 6rem;
}

.style_h-4__69zPR {
  height: 1rem;
}

.style_h-6__DzwZO {
  height: 1.5rem;
}

.style_h-8__x\+yDA {
  height: 2rem;
}

.style_h-\[100\%\]__kVTB0 {
  height: 100%;
}

.style_h-\[100px\]__gEcx7 {
  height: 100px;
}

.style_h-\[36px\]__ExuJW {
  height: 36px;
}

.style_h-\[40px\]__ABm2W {
  height: 40px;
}

.style_h-\[420px\]__wTI1p {
  height: 420px;
}

.style_h-\[478px\]__u7zqO {
  height: 478px;
}

.style_h-\[65px\]__VtH0x {
  height: 65px;
}

.style_h-auto__BIJ2y {
  height: auto;
}

.style_h-fit__hXO1e {
  height: -webkit-fit-content;
  height: fit-content;
}

.style_h-full__X\+d66 {
  height: 100%;
}

.style_h-screen__3otB3 {
  height: 100vh;
}

.style_max-h-\[325px\]__1uPtL {
  max-height: 325px;
}

.style_max-h-\[700px\]__fsEdB {
  max-height: 700px;
}

.style_max-h-\[90vh\]__d4ihH {
  max-height: 90vh;
}

.style_min-h-\[45px\]__VgWeC {
  min-height: 45px;
}

.style_min-h-\[60px\]__YNMPw {
  min-height: 60px;
}

.style_\!w-\[94px\]__kDAU2 {
  width: 94px !important;
}

.style_\!w-full__ESeop {
  width: 100% !important;
}

.style_w-1-2__R1h15 {
  width: 50%;
}

.style_w-1-5__CfJOq {
  width: 20%;
}

.style_w-1-6__D8Dja {
  width: 16.666667%;
}

.style_w-24__ueBkA {
  width: 6rem;
}

.style_w-4__6LSSx {
  width: 1rem;
}

.style_w-8__G54lb {
  width: 2rem;
}

.style_w-\[100\%\]__AzdQo {
  width: 100%;
}

.style_w-\[100px\]__7bFuA {
  width: 100px;
}

.style_w-\[170px\]__zvzoa {
  width: 170px;
}

.style_w-\[250px\]__Y9qjq {
  width: 250px;
}

.style_w-\[345px\]__s7faE {
  width: 345px;
}

.style_w-\[36px\]__lrxrP {
  width: 36px;
}

.style_w-\[400px\]__iBwxG {
  width: 400px;
}

.style_w-\[600px\]__BIkZU {
  width: 600px;
}

.style_w-\[72px\]__4LGV\+ {
  width: 72px;
}

.style_w-\[75\%\]__AHpC1 {
  width: 75%;
}

.style_w-full__t-bwF {
  width: 100%;
}

.style_min-w-0__aQrm4 {
  min-width: 0px;
}

.style_min-w-\[345px\]__1rfW0 {
  min-width: 345px;
}

.style_max-w-\[325px\]__eBer6 {
  max-width: 325px;
}

.style_flex-1__eEsc5 {
  flex: 1 1;
}

.style_flex-none__V-fC4 {
  flex: none;
}

.style_flex-shrink-0__WEf\+c {
  flex-shrink: 0;
}

.style_shrink__HN3g7 {
  flex-shrink: 1;
}

.style_grow__9BMnK {
  flex-grow: 1;
}

.style_translate-x-\[-50\%\]__p3rFR {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_translate-y-\[-50\%\]__AFFtC {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_rotate-45__JAxy3 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_transform__ZRa1p {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_cursor-pointer__85znc {
  cursor: pointer;
}

.style_resize__OfKg2 {
  resize: both;
}

.style_grid-cols-2__UHSP4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.style_flex-row__TrOrI {
  flex-direction: row;
}

.style_flex-col__9-S0- {
  flex-direction: column;
}

.style_flex-wrap__hx-y3 {
  flex-wrap: wrap;
}

.style_items-start__bzw0i {
  align-items: flex-start;
}

.style_items-center__C5lhl {
  align-items: center;
}

.style_justify-center__dtv2k {
  justify-content: center;
}

.style_justify-between__SCKOS {
  justify-content: space-between;
}

.style_gap-4__S0Hf1 {
  gap: 1rem;
}

.style_gap-\[10px\]__F73H4 {
  gap: 10px;
}

.style_gap-\[16px\]__OsW9X {
  gap: 16px;
}

.style_gap-x-2__DjNfS {
  column-gap: 0.5rem;
}

.style_gap-x-6__p06Ic {
  column-gap: 1.5rem;
}

.style_self-end__u8r6j {
  align-self: flex-end;
}

.style_self-center__5KMXk {
  align-self: center;
}

.style_overflow-hidden__5yeMn {
  overflow: hidden;
}

.style_overflow-x-auto__nxlJw {
  overflow-x: auto;
}

.style_overflow-y-auto__C6sE3 {
  overflow-y: auto;
}

.style_overflow-x-hidden__0wGWc {
  overflow-x: hidden;
}

.style_truncate__fJe9z {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_break-all__AgLHA {
  word-break: break-all;
}

.style_rounded-full__OE6Rq {
  border-radius: 9999px;
}

.style_rounded-xl__V5V1o {
  border-radius: 0.75rem;
}

.style_rounded-l-full__lMdb9 {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.style_border__jCR1r {
  border-width: 1px;
}

.style_\!bg-gray-600__gcEiI {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}

.style_bg-gray-200__vaUO8 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}

.style_bg-red-500__pJdYv {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.style_bg-white__qcGJe {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.style_p-2_5__o58qD {
  padding: 0.625rem;
}

.style_p-4__MQiwc {
  padding: 1rem;
}

.style_p-5__sB6Y\+ {
  padding: 1.25rem;
}

.style_p-\[15px\]__u1L72 {
  padding: 15px;
}

.style_p-\[16px\]__czd7P {
  padding: 16px;
}

.style_p-\[8px\]__YYADF {
  padding: 8px;
}

.style_\!py-\[4px\]__yWTss {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.style_px-0__dcQCP {
  padding-left: 0px;
  padding-right: 0px;
}

.style_px-1__1P-QE {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.style_px-3__Fdfd\+ {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.style_px-4__WvVxI {
  padding-left: 1rem;
  padding-right: 1rem;
}

.style_px-6__ukhc8 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.style_py-1__CkkBm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.style_py-2__l2a5b {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.style_pb-0_5__dHkFJ {
  padding-bottom: 0.125rem;
}

.style_pb-3__MRc1J {
  padding-bottom: 0.75rem;
}

.style_pb-5__0jzzf {
  padding-bottom: 1.25rem;
}

.style_pb-\[20px\]__T-YcE {
  padding-bottom: 20px;
}

.style_pl-2__wPwIO {
  padding-left: 0.5rem;
}

.style_pl-4__vlbZT {
  padding-left: 1rem;
}

.style_pr-\[16px\]__f3qAG {
  padding-right: 16px;
}

.style_pr-\[6px\]__BpCqi {
  padding-right: 6px;
}

.style_pt-1__XeMHf {
  padding-top: 0.25rem;
}

.style_pt-2_5__0TDTJ {
  padding-top: 0.625rem;
}

.style_pt-5__UjC6p {
  padding-top: 1.25rem;
}

.style_pt-6__gEpEq {
  padding-top: 1.5rem;
}

.style_pt-\[7px\]__X\+yH8 {
  padding-top: 7px;
}

.style_text-center__BmOLf {
  text-align: center;
}

.style_text-right__WOyaa {
  text-align: right;
}

.style_text-sm__oZ28g {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.style_text-xs__FbS9o {
  font-size: 0.75rem;
  line-height: 1rem;
}

.style_text-xxs__W-vx4 {
  font-size: 10px;
}

.style_font-medium__nb9ed {
  font-weight: 500;
}

.style_italic__6-OMv {
  font-style: italic;
}

.style_leading-none__1DFiB {
  line-height: 1;
}

.style_text-gray-500__wj34p {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.style_text-gray-600__8Pl7p {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}

.style_text-red-500__0ogKr {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.style_text-red-600__LEefm {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.style_text-white__SRq0m {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_opacity-50__y7ERx {
  opacity: 0.5;
}

.style_shadow__fImXx {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.style_outline__So8fh {
  outline-style: solid;
}

.style_ring__Wj-05 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.style_filter__Fgo-I {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.style_transition__mIdgk {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.style_ease-in-out__G-5-1 {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.style_wrapper__F7zPq {
  width: 100%;
  padding-top: 10px;
  background-color: transparent;
}

.style_menu__FCMfo {
  position: relative;
  width: 100vw;
  background-color: var(--page);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
}

.style_menu__FCMfo::before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  --tw-content: '';
  content: var(--tw-content);
  top: -8px;
  right: 8px;
  z-index: 10;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: var(--page);
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

.style_title__jb6X1 {
  text-align: left;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.72px;
  color: var(--text-secondary);
}

.style_list__\+Ds-2 {
  display: flex;
  flex-direction: column;
}

.style_listItem__noyY8 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  text-align: left;
  color: var(--primary-color);
  padding: 8px;
  background-color: var(--page);
  transition: color 0.3s linear;
  gap: 8px;
}

.style_listItem__noyY8:hover {
  cursor: pointer;
  background-color: var(--primary-color);
  color: rgb(var(--white));
}

.style_wrapper__bJVQq {
  padding: 20px;
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: var(--backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.style_close__S7417 {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid var(--text-primary);
}

.style_closeIcon__Tbanz path {
  stroke: var(--text-primary);
}

.style_content__-3aNr {
  max-width: 100%;
  height: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_image__JZIQi {
  object-fit: contain;
  max-height: 100%;
}

.style_visible__vZ2ib {
  visibility: visible;
}

.style_collapse__e\+znR {
  visibility: collapse;
}

.style_static__keIdz {
  position: static;
}

.style_fixed__sy99m {
  position: fixed;
}

.style_\!absolute__mERU0 {
  position: absolute !important;
}

.style_absolute__aNpsC {
  position: absolute;
}

.style_relative__YBNlz {
  position: relative;
}

.style_sticky__drb\+A {
  position: -webkit-sticky;
  position: sticky;
}

.style_bottom-0__\+dkEj {
  bottom: 0px;
}

.style_bottom-\[0px\]__sPsA4 {
  bottom: 0px;
}

.style_left-0__X2cxp {
  left: 0px;
}

.style_left-\[-45px\]__srbkB {
  left: -45px;
}

.style_left-\[0px\]__w7J47 {
  left: 0px;
}

.style_left-\[50\%\]__LCdAg {
  left: 50%;
}

.style_right-0__zV7QN {
  right: 0px;
}

.style_right-5__jkDYp {
  right: 1.25rem;
}

.style_top-0__Qwtiy {
  top: 0px;
}

.style_top-3__MewBp {
  top: 0.75rem;
}

.style_top-\[50\%\]__9DZvS {
  top: 50%;
}

.style_z-10__xSqt7 {
  z-index: 10;
}

.style_z-50__SES8X {
  z-index: 50;
}

.style_m-auto__vHHns {
  margin: auto;
}

.style_mx-auto__-b3dm {
  margin-left: auto;
  margin-right: auto;
}

.style_my-0__cE4dW {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style_-mb-3__wvSH0 {
  margin-bottom: -0.75rem;
}

.style_-mr-1__C068u {
  margin-right: -0.25rem;
}

.style_mb-2__4Z4n0 {
  margin-bottom: 0.5rem;
}

.style_mb-3__gpZqP {
  margin-bottom: 0.75rem;
}

.style_mb-4__AHxtu {
  margin-bottom: 1rem;
}

.style_mb-5__av8P9 {
  margin-bottom: 1.25rem;
}

.style_mb-\[15px\]__OYxcl {
  margin-bottom: 15px;
}

.style_ml-1__55LOZ {
  margin-left: 0.25rem;
}

.style_ml-auto__7iGnD {
  margin-left: auto;
}

.style_mr-1__cHimK {
  margin-right: 0.25rem;
}

.style_mr-2__47XSO {
  margin-right: 0.5rem;
}

.style_mr-3__sWbza {
  margin-right: 0.75rem;
}

.style_mr-auto__w-dMf {
  margin-right: auto;
}

.style_mt-1__tUDHa {
  margin-top: 0.25rem;
}

.style_mt-2__FzzoJ {
  margin-top: 0.5rem;
}

.style_mt-4__WcmJH {
  margin-top: 1rem;
}

.style_block__SO9FU {
  display: block;
}

.style_inline__WtPTi {
  display: inline;
}

.style_flex__fuFV9 {
  display: flex;
}

.style_inline-flex__OUayQ {
  display: inline-flex;
}

.style_table__g4Jab {
  display: table;
}

.style_grid__yrxkx {
  display: grid;
}

.style_\!hidden__An-aD {
  display: none !important;
}

.style_hidden__MhzgN {
  display: none;
}

.style_\!h-\[94px\]__ttoOc {
  height: 94px !important;
}

.style_h-24__RXwl0 {
  height: 6rem;
}

.style_h-4__bUN4Q {
  height: 1rem;
}

.style_h-6__LZRCc {
  height: 1.5rem;
}

.style_h-8__i6QsI {
  height: 2rem;
}

.style_h-\[100\%\]__SUH0Q {
  height: 100%;
}

.style_h-\[100px\]__fI3bc {
  height: 100px;
}

.style_h-\[36px\]__mj4QN {
  height: 36px;
}

.style_h-\[40px\]__hxZjB {
  height: 40px;
}

.style_h-\[420px\]__x5GNz {
  height: 420px;
}

.style_h-\[478px\]__GKVUZ {
  height: 478px;
}

.style_h-\[65px\]__3BHCd {
  height: 65px;
}

.style_h-auto__mbEhV {
  height: auto;
}

.style_h-fit__CDXQ4 {
  height: -webkit-fit-content;
  height: fit-content;
}

.style_h-full__Mo165 {
  height: 100%;
}

.style_h-screen__SfPiP {
  height: 100vh;
}

.style_max-h-\[325px\]__\+cZe0 {
  max-height: 325px;
}

.style_max-h-\[700px\]__JoQ6X {
  max-height: 700px;
}

.style_max-h-\[90vh\]__lYvu5 {
  max-height: 90vh;
}

.style_min-h-\[45px\]__crgpI {
  min-height: 45px;
}

.style_min-h-\[60px\]__usM4o {
  min-height: 60px;
}

.style_\!w-\[94px\]__nBZ8h {
  width: 94px !important;
}

.style_\!w-full__JRzeS {
  width: 100% !important;
}

.style_w-1-2__8baLt {
  width: 50%;
}

.style_w-1-5__2chg3 {
  width: 20%;
}

.style_w-1-6__GXIxk {
  width: 16.666667%;
}

.style_w-24__6Iy7n {
  width: 6rem;
}

.style_w-4__XMmaY {
  width: 1rem;
}

.style_w-8__\+FML2 {
  width: 2rem;
}

.style_w-\[100\%\]__hyn6Q {
  width: 100%;
}

.style_w-\[100px\]__ezHYH {
  width: 100px;
}

.style_w-\[170px\]__336ok {
  width: 170px;
}

.style_w-\[250px\]__TWXPz {
  width: 250px;
}

.style_w-\[345px\]__vzjRm {
  width: 345px;
}

.style_w-\[36px\]__YtvZP {
  width: 36px;
}

.style_w-\[400px\]__dg58n {
  width: 400px;
}

.style_w-\[600px\]__dREap {
  width: 600px;
}

.style_w-\[72px\]__rQ8GM {
  width: 72px;
}

.style_w-\[75\%\]__k4HoI {
  width: 75%;
}

.style_w-full__Hccpn {
  width: 100%;
}

.style_min-w-0__fe6sL {
  min-width: 0px;
}

.style_min-w-\[345px\]__UTdv1 {
  min-width: 345px;
}

.style_max-w-\[325px\]__kcaN2 {
  max-width: 325px;
}

.style_flex-1__5B\+3P {
  flex: 1 1;
}

.style_flex-none__oPCIr {
  flex: none;
}

.style_flex-shrink-0__yerPe {
  flex-shrink: 0;
}

.style_shrink__JxUZY {
  flex-shrink: 1;
}

.style_grow__P1IYB {
  flex-grow: 1;
}

.style_translate-x-\[-50\%\]__d9pzL {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_translate-y-\[-50\%\]__y3Y10 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_rotate-45__EbXRL {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_transform__5Yv2G {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.style_cursor-pointer__RHYqe {
  cursor: pointer;
}

.style_resize__2z1KE {
  resize: both;
}

.style_grid-cols-2__ETbZr {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.style_flex-row__rCah1 {
  flex-direction: row;
}

.style_flex-col__Qsuyq {
  flex-direction: column;
}

.style_flex-wrap__nKDES {
  flex-wrap: wrap;
}

.style_items-start__Cc\+F6 {
  align-items: flex-start;
}

.style_items-center__1Xljc {
  align-items: center;
}

.style_justify-center__0h5Km {
  justify-content: center;
}

.style_justify-between__eK5dp {
  justify-content: space-between;
}

.style_gap-4__0wffD {
  gap: 1rem;
}

.style_gap-\[10px\]__EdRRp {
  gap: 10px;
}

.style_gap-\[16px\]__1Ijnx {
  gap: 16px;
}

.style_gap-x-2__AOEEk {
  column-gap: 0.5rem;
}

.style_gap-x-6__jmhGa {
  column-gap: 1.5rem;
}

.style_self-end__ycbKu {
  align-self: flex-end;
}

.style_self-center__0enCA {
  align-self: center;
}

.style_overflow-hidden__YAgeL {
  overflow: hidden;
}

.style_overflow-x-auto__P\+66e {
  overflow-x: auto;
}

.style_overflow-y-auto__dKcX8 {
  overflow-y: auto;
}

.style_overflow-x-hidden__eGInI {
  overflow-x: hidden;
}

.style_truncate__J7LRg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_break-all__f771h {
  word-break: break-all;
}

.style_rounded-full__NHEvm {
  border-radius: 9999px;
}

.style_rounded-xl__NsK4f {
  border-radius: 0.75rem;
}

.style_rounded-l-full__CtSUk {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.style_border__p--gQ {
  border-width: 1px;
}

.style_\!bg-gray-600__qnzCr {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 91 103 / 1) !important;
  background-color: rgb(79 91 103 / var(--tw-bg-opacity, 1)) !important;
}

.style_bg-gray-200__dhM4N {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 238 / 1);
  background-color: rgb(234 236 238 / var(--tw-bg-opacity, 1));
}

.style_bg-red-500__dgqrt {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.style_bg-white__hJtx\+ {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.style_p-2_5__K-k6k {
  padding: 0.625rem;
}

.style_p-4__8oK-j {
  padding: 1rem;
}

.style_p-5__1YX2i {
  padding: 1.25rem;
}

.style_p-\[15px\]__pAl4H {
  padding: 15px;
}

.style_p-\[16px\]__dZOUH {
  padding: 16px;
}

.style_p-\[8px\]__TlXrS {
  padding: 8px;
}

.style_\!py-\[4px\]__bw3V4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.style_px-0__YwHmN {
  padding-left: 0px;
  padding-right: 0px;
}

.style_px-1__W8qrU {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.style_px-3__beCQj {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.style_px-4__IOPUd {
  padding-left: 1rem;
  padding-right: 1rem;
}

.style_px-6__4lFYr {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.style_py-1__0LN\+7 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.style_py-2__XJCz3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.style_pb-0_5__KIrqm {
  padding-bottom: 0.125rem;
}

.style_pb-3__Jxgb0 {
  padding-bottom: 0.75rem;
}

.style_pb-5__zug5I {
  padding-bottom: 1.25rem;
}

.style_pb-\[20px\]__LFdW6 {
  padding-bottom: 20px;
}

.style_pl-2__7zaiK {
  padding-left: 0.5rem;
}

.style_pl-4__wrn8U {
  padding-left: 1rem;
}

.style_pr-\[16px\]__OXbeM {
  padding-right: 16px;
}

.style_pr-\[6px\]__Np2xW {
  padding-right: 6px;
}

.style_pt-1__ba14D {
  padding-top: 0.25rem;
}

.style_pt-2_5__DtxSk {
  padding-top: 0.625rem;
}

.style_pt-5__W2AT4 {
  padding-top: 1.25rem;
}

.style_pt-6__rpDXw {
  padding-top: 1.5rem;
}

.style_pt-\[7px\]__i68sz {
  padding-top: 7px;
}

.style_text-center__G46s5 {
  text-align: center;
}

.style_text-right__iRHUZ {
  text-align: right;
}

.style_text-sm__ozkrS {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.style_text-xs__K67is {
  font-size: 0.75rem;
  line-height: 1rem;
}

.style_text-xxs__gtWks {
  font-size: 10px;
}

.style_font-medium__qYLzs {
  font-weight: 500;
}

.style_italic__lLnou {
  font-style: italic;
}

.style_leading-none__fUfuz {
  line-height: 1;
}

.style_text-gray-500__VSpTJ {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.style_text-gray-600__WxHxm {
  --tw-text-opacity: 1;
  color: rgb(79 91 103 / 1);
  color: rgb(79 91 103 / var(--tw-text-opacity, 1));
}

.style_text-red-500__R\+cDy {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.style_text-red-600__hFjIE {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.style_text-white__plleh {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.style_opacity-50__JWt5F {
  opacity: 0.5;
}

.style_shadow__Oj6av {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.style_outline__JOIUP {
  outline-style: solid;
}

.style_ring__MvMgN {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.style_filter__PaJ1z {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.style_transition__phmDF {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.style_ease-in-out__QViYM {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.style_wrapper__UiANu {
  border: 1px solid var(--border);
  background-color: var(--page);
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
}

.style_iconWrapper__-Wrmf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

.style_text__ga0zo {
  font-size: 14px;
  color: var(--text-secondary);
  width: 126px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.style_button__t8cZc {
  width: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.3s linear;
}

.style_button__t8cZc.style_stroke__G6OQq svg {
  stroke: var(--primary-color);
}

.style_button__t8cZc:not(.style_stroke__G6OQq) svg {
  fill: var(--primary-color);
}

.style_button__t8cZc.style_active__hbhYn {
  background-color: var(--primary-color);
}

.style_button__t8cZc.style_active__hbhYn.style_stroke__G6OQq svg {
  stroke: var(--icon-active);
}

.style_button__t8cZc.style_active__hbhYn:not(.style_stroke__G6OQq) svg {
  fill: var(--icon-active);
}

.style_button__t8cZc.style_active__hbhYn .style_text__ga0zo {
  color: var(--icon-active);
}

.style_button__t8cZc:hover {
  cursor: pointer;
  background-color: var(--primary-hover-color);
}

.style_button__t8cZc:hover .style_text__ga0zo {
  color: var(--icon-active);
}

.style_button__t8cZc.style_stroke__G6OQq:hover svg {
  stroke: var(--icon-active);
}

.style_button__t8cZc:not(.style_stroke__G6OQq):hover svg {
  fill: var(--icon-active);
}

.style_button__t8cZc.style_borderTop__51kPo {
  border-top: 1px solid var(--border);
}

.style_wrapper__EUMRM {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--text-secondary);
}

.style_line__lCnlo {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--border);
  gap: 5px;
}

.style_line__lCnlo.style_between__ucsdf {
  justify-content: space-between;
}

.style_line__lCnlo.style_column__7vPuh {
  flex-direction: column;
  align-items: flex-start;
}

.style_indicator__iZI7o {
  border-radius: 10px;
  background-color: var(--border);
  color: var(--text-primary);
  width: 100%;
  font-size: 12px;
  padding: 8px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.style_indicator__iZI7o.style_preparing__tRcfM {
  background-color: var(--primary-active-color);
}

.style_indicator__iZI7o.style_sending__0Hl58 {
  background-color: var(--primary-color);
}

.style_indicator__iZI7o.style_unsending__sRJOI {
  background-color: var(--yellow);
}

.style_indicator__iZI7o.style_notstart__lnJha {
  background-color: var(--border);
}

.style_indicator__iZI7o.style_paused__PouVx {
  background-color: var(--orange);
}

.style_indicator__iZI7o.style_stoped__chaz7 {
  background-color: var(--red);
}

.style_indicator__iZI7o.style_finished__0k4uW {
  background-color: var(--green);
}

.style_progressLine__7QR9M {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 25%;
  background-color: rgb(var(--white));
}

.style_footer__v\+HZm {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-top: 1px solid var(--border);
  gap: 5px;
}

.style_dialogBody__0Pc\+Z {
  background-color: var(--section);
  color: var(--title-color);
}

.style_modalFooter__Y1zRG {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 16px;
  justify-content: center;
}

.style_logWrapper__ivJhz {
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.style_logs__iR-\+4 {
  background-color: var(--form-element-background);
  border: 1px solid var(--border);
  border-radius: 10px;
  font-size: 12px;
  max-height: 100%;
  padding: 8px;
  overflow: auto;
  position: relative;
  flex: 1 1;
}

.style_copyIcon__sAnyo {
  position: absolute;
  right: 10px;
  top: 10px;
  width: -webkit-fit-content;
  width: fit-content;
  z-index: 10;
}

.style_copyIcon__sAnyo svg {
  transition: all 0.3s linear;
}

.style_copyIcon__sAnyo:hover svg {
  fill: #a2a2a2;
  cursor: pointer;
}

.style_copyIcon__sAnyo:active svg {
  fill: #6d6d6d;
  transition: all 0.7s linear;
}

.style_loader__3IuFD {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_wrapper__Dqv42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1;
  height: 100%;
  width: 100%;
}

.style_loader__oHeew {
  width: auto;
  flex: 1 1;
}

.style_rightMenu__nB5PQ {
  height: 100%;
  width: 25%;
  min-width: 390px;
}

@media (max-width: 1500px) {
  .style_rightMenu__nB5PQ {
    width: 20%;
  }
}

.style_page__n0aiw {
  display: flex;
  flex-direction: column;
}

.style_teamSelected__mbi9W {
  color: #4f5b67;
}