@import-normalize;.input {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.input {
  padding: 7px 10px;
  width: 100%;
  outline: none;
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: #fff;
  letter-spacing: 1px;
  color: #494656;
  font-weight: 400;
  transition: all 0.15s ease-in-out;
}

.input:focus-visible {
  border-color: #00A6AD;
}

.input--error {
  border: 1px solid #F8737F !important;
}

.input:disabled::placeholder {
  color: transparent;
}

/* roboto-100 - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/roboto-v29-latin_cyrillic-100-DdhR92dr.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-100-DvxC5_5X.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-100-BZrHQGu6.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* roboto-300 - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("/assets/roboto-v29-latin_cyrillic-300-oA6pB9GZ.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-300-C_yeip-O.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-300-p9Yo35ge.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* roboto-regular - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/assets/roboto-v29-latin_cyrillic-regular-FSVa2aNp.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-regular-DwvEU0NI.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-regular-DznE4Zw4.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* roboto-italic - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/roboto-v29-latin_cyrillic-italic-Djs1PR36.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-italic-BfLL9V_J.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-italic-CLRCeItu.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* roboto-500 - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/roboto-v29-latin_cyrillic-500-Bm1U81Z-.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-500-e5JTAROZ.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-500-CZQQdzD0.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* roboto-500italic - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/roboto-v29-latin_cyrillic-500italic-uvHSv8Je.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-500italic-B6AGB_lI.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-500italic-B0UqAYhc.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* roboto-700 - latin_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/roboto-v29-latin_cyrillic-700-DgJMeZj1.woff2") format("woff2"), url("/assets/roboto-v29-latin_cyrillic-700-BtYOL-a6.woff") format("woff"), url("/assets/roboto-v29-latin_cyrillic-700-gAVhBHEm.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 100;
  src: url("/assets/Manrope-Thin-H4PM5i83.woff2") format("woff2"), url("/assets/Manrope-Thin-ZABjTXxF.woff") format("woff"), url("/assets/Manrope-Thin-VNLq9c0y.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/Manrope-Light-D2Tb2U78.woff2") format("woff2"), url("/assets/Manrope-Light-DV7Pp4Re.woff") format("woff"), url("/assets/Manrope-Light-Cx-P5V5h.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/Manrope-Medium-osERhnoX.woff2") format("woff2"), url("/assets/Manrope-Medium-BNZV3cdU.woff") format("woff"), url("/assets/Manrope-Medium-Cgspblp2.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/Manrope-Semibold-BO_BWejN.woff2") format("woff2"), url("/assets/Manrope-Semibold-BlOU-vDU.woff") format("woff"), url("/assets/Manrope-Semibold-Diovf81e.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/Manrope-Bold-trkvHmuv.woff2") format("woff2"), url("/assets/Manrope-Bold-C-E0Uxg9.woff") format("woff"), url("/assets/Manrope-Bold-BNmhpqUF.ttf") format("truetype"); /* Safari, Android, iOS */
}

.btn {
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
}

.btn:hover {
  background-color: rgb(185.9, 185.9, 185.9);
}

.btn:focus-visible, .btn:active {
  outline: 3px solid rgba(191, 191, 191, 0.3);
}

.btn {
  user-select: none;
  position: relative;
  display: inline-block;
  padding: 5px 16px;
  border-radius: 6px;
  line-height: 20px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #fff;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}

.btn:disabled {
  cursor: default;
}

.btn--disabled {
  opacity: 0.3;
}

.btn--primary {
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
}

.btn--primary:hover {
  background-color: rgb(0, 156.212716763, 162.8);
}

.btn--primary:focus-visible, .btn--primary:active {
  outline: 3px solid rgba(0, 166, 173, 0.3);
}

.btn--primary {
  color: #fff;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #00A6AD;
}

/* Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
button,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
dialog,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  background-color: transparent;
}

:root {
  --separator-border: transparent !important;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

*::-webkit-scrollbar,
*:after::-webkit-scrollbar,
*:before::-webkit-scrollbar {
  width: 4px;
}

*::-webkit-scrollbar-track,
*:after::-webkit-scrollbar-track,
*:before::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-button,
*:after::-webkit-scrollbar-button,
*:before::-webkit-scrollbar-button {
  height: 10px;
}

*::-webkit-scrollbar-thumb,
*:after::-webkit-scrollbar-thumb,
*:before::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 5px;
}

body {
  margin: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
}

body::-webkit-scrollbar {
  width: 4px;
}

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

body::-webkit-scrollbar-button {
  height: 10px;
}

body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 5px;
}

body:has(.modal-background--girls-map) .pac-container {
  top: revert !important;
  bottom: 9.25% !important;
  left: 200px !important;
  width: 258px !important;
}

div[style*="background-color: transparent"]:has(.girls-map__girl-marker) {
  z-index: 2;
}

code {
  font-family: Manrope, Roboto, sans-serif;
}

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

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

button {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

a {
  all: unset;
  cursor: pointer;
}

.rc-overflow-item {
  display: flex;
}

.rc-overflow-item:has(.chat__contact-item) {
  cursor: grab;
}

.container {
  margin: 0 auto;
  padding: 0 20px;
}

.popup {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  overflow-wrap: anywhere;
  color: #808080;
  border-radius: 6px;
  font-size: 12px;
  letter-spacing: 1px;
  max-width: 310px;
  padding: 10px;
  text-align: center;
  transform: translateY(-5px);
  z-index: 120;
}

.popup--main {
  padding: 18px 22px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 0 #00A6AD;
}

.popup--main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}

.popup--large {
  padding: 30px 10px;
}

.popup__icon {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: scale(1.3) translateX(-50%);
}

.popup__arrow {
  position: relative;
  z-index: 2;
  width: 5px;
  height: 5px;
  bottom: 0;
}

.popup__arrow--main::before {
  box-shadow: 2px 2px 0 0 #00A6AD;
}

.popup__arrow::before {
  content: "";
  position: absolute;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: inherit;
  background-color: #fff;
}

.popup::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 50%;
  bottom: -4px;
  transform: translateX(-53%);
}

.popup-menu {
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: #808080;
  border-radius: 6px !important;
  padding: 0 !important;
}

.popup-menu :where(.popup-menu__item, div) {
  padding: 11px 15px;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 1px;
  cursor: pointer;
}

.popup-menu :where(.popup-menu__item, div):nth-child(even) {
  background-color: #F3F3F4;
}

.popup-menu :where(.popup-menu__item, div):first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.popup-menu :where(.popup-menu__item, div):last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.popup-menu :where(.popup-menu__item, div):hover {
  background-color: #88D6D9;
  cursor: pointer;
}

.popup-menu--dark :where(.popup-menu__item, div) {
  background-color: rgba(136, 214, 217, 0.54);
}

.popup-menu--dark :where(.popup-menu__item, div):nth-child(even) {
  background-color: rgba(136, 214, 217, 0.3);
}

.popup-menu--dark :where(.popup-menu__item, div):nth-child(even):hover {
  background-color: #88D6D9;
  cursor: pointer;
}

.split-view {
  overflow: visible !important;
}

.split-view-view {
  overflow: visible !important;
}

.round-img {
  border-radius: 50%;
  background: #fff;
}

.hidden {
  display: none;
}

.react-select {
  color: #808080;
}

.react-select .react-select__control {
  padding-left: 0;
  min-height: 24px;
  border: none;
  box-shadow: none;
  border-radius: 6px 6px 0 0;
  background-color: transparent;
}

.react-select .react-select__control--menu-is-open .react-select__dropdown-indicator svg {
  transform: rotate(180deg);
  color: #00A6AD;
}

.react-select .react-select__clear-indicator {
  padding: 0;
}

.react-select .react-select__dropdown-indicator:hover {
  color: #00A6AD;
}

.react-select .react-select__value-container {
  padding: 0;
}

.react-select .react-select__menu {
  z-index: 50;
  margin: 0;
  padding: 0;
  width: max-content;
  min-width: 100%;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0 0 6px 6px;
}

.react-select .react-select__menu-list {
  padding: 0;
}

.react-select .react-select__option {
  padding: 11px 15px;
  letter-spacing: 1px;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
}

.react-select .react-select__option:active {
  background-color: inherit;
}

.react-select .react-select__option:hover {
  background-color: #88D6D9 !important;
}

.react-select .react-select__option:nth-child(even) {
  background-color: #F3F3F4;
}

.react-select .react-select__option:last-child {
  border-radius: 0 0 6px 6px;
}

.react-select .react-select__option--is-focused {
  color: inherit;
  background-color: inherit;
}

.react-select .react-select__option--is-selected {
  background-color: inherit;
  color: #00A6AD;
}

.react-select .react-select__single-value {
  color: #808080;
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.react-select__loading-indicator {
  display: flex;
  padding: 11px;
}

.react-select .react-select__indicator-separator {
  display: none;
}

.bookings-select-filter {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
}

.bookings-select-filter:hover {
  border: 1px solid #00A6AD;
}

.bookings-select-filter:has(.react-select--menu-is-open) {
  border: 1px solid #00A6AD;
}

.bookings-select-filter:has(.react-select--is-disabled) {
  opacity: 0.8;
  cursor: default;
}

.bookings-select-filter .react-select__control {
  display: flex;
  border-radius: 6px;
  justify-content: space-between;
  width: 130px;
  padding: 4px 5px 4px 9px;
  background-color: #fff;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
  color: #404040;
  min-height: 30px;
  cursor: pointer;
}

.bookings-select-filter .react-select__indicator {
  color: #808080;
  padding: 0;
}

.bookings-select-filter .react-select__indicator:nth-child(2) {
  display: none;
}

.bookings-select-filter .react-select__indicator svg {
  width: 14px;
  height: 14px;
}

.bookings-select-filter .react-select__menu {
  margin-top: -4px;
  width: 100%;
  left: 0;
}

.bookings-select-filter .react-select__menu-list {
  position: relative;
}

.bookings-select-filter .react-select__menu-list::-webkit-scrollbar {
  width: 4px;
}

.bookings-select-filter .react-select__menu-list::-webkit-scrollbar-track {
  background: transparent;
}

.bookings-select-filter .react-select__menu-list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}

.bookings-select-filter .react-select__menu-list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}

.bookings-select-filter .react-select__menu-list {
  width: 100%;
}

.bookings-select-filter .react-select__option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bookings-select-filter .react-select__single-value {
  font-size: 14px;
  font-weight: normal;
}

.bookings-select-filter .react-select--is-disabled .agent-select__dropdown-indicator {
  display: none;
}

.scrollbar--loading {
  pointer-events: none;
}

.scrollbar-thumb {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  background: lightgrey;
  border-radius: 4px;
  z-index: 3;
  opacity: 0.7;
  margin: 0 4px;
  transition: opacity 0.3s;
}

.scrollbar-thumb--hidden {
  opacity: 0;
}

/* Visually Hidden */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/* Animations */

.animated-init {
  animation: slideInRight 0.5s;
}

.animated-init-left {
  animation: slideInLeft 0.5s;
}

.animated-init-bottom {
  animation: slideInBottom 0.5s;
}

.checkbox-container {
  position: relative;
  height: 15px;
  width: 15px;
  min-width: 15px;
}

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

.checkbox-container input ~ .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #F3F3F4 !important;
}

.checkbox-container input ~ .checkmark svg {
  display: none;
}

.checkbox-container input ~ .checkmark--completed {
  border-width: 0 !important;
  color: #01df85;
}

.checkbox-container input ~ .checkmark--completed svg {
  display: block;
  width: 13px;
  height: 13px;
}

.checkbox-container input:checked ~ .checkmark {
  border: initial;
  color: #01df85;
}

.checkbox-container input:checked ~ .checkmark svg {
  width: 13px;
  height: 13px;
}

.scrollbars-track {
  width: 4px !important;
}

.flexrow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flexcolumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reveal-button {
  height: 24px;
  width: 24px;
  color: #404040;
}

.reveal-button svg {
  height: 13px;
  width: 13px;
}

.reveal-button--closed {
  transform: rotate(180deg);
}

.reveal-button--operators {
  position: absolute;
  right: 19px;
  top: 35px;
}

.reveal-button--sessions {
  position: absolute;
  top: 10px;
  left: 19px;
}

.avatar {
  border-radius: 50%;
}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.not-scrolled-container .scrollbars-track {
  opacity: 0;
  transition: opacity 0.3s;
}

.scrolled-container .scrollbars-track {
  opacity: 1;
}

.client-marker {
  --color: #3565FD;
  --border-color: blue;
  --content-color: white;
  --text-color: #3565FD;
}

.girl-marker {
  --color: #F8737F;
  --content-color: white;
}

.girl-marker--available {
  --color: #01df85;
}

.cluster-marker {
  --color: #62aff8;
  --content-color: #62aff8;
  --text-color: black;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

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

.custom-menu {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 300ms, transform 300ms;
}

.custom-menu.react-select__menu--is-open {
  opacity: 1;
  transform: translateY(0);
}

.dropdown-enter {
  opacity: 0;
  transform: translateY(-10px);
}

/* Entering state */

.dropdown-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms, transform 300ms;
}

/* Exiting state */

.dropdown-exit {
  opacity: 1;
  transform: translateY(0);
}

/* Exiting state */

.dropdown-exit-active {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 300ms, transform 300ms;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInBottom {
  from {
    opacity: 0;
    transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

:root {
  --primary-color: 255, 255, 255;
  --secondary-color: 0, 166, 173;
  --tertiary-color: 73, 70, 86;
  --darker-tertiary-color: 0, 0, 0;
  --transparent-color: 0, 0, 0, 0;
  --selected-opacity: 0.4;
  --strong-highlighted-opacity: 0.1;
  --highlighted-opacity: 0.08;
  --light-highlighted-opacity: 0.04;
  --pink-status-color: 255, 109, 233;
  --red-status-color: 240, 61, 51;
  --dark-red-status-color: 147, 49, 49;
  --orange-status-color: 242, 126, 63;
  --yellow-status-color: 252, 191, 4;
  --gray-status-color: 179, 177, 184;
  --green-status-color: 5, 193, 67;
  --dark-green-status-color: 5, 123, 67;
  --black-status-color: 12, 32, 31;
  --blue-status-color: 11, 171, 251;
  --light-blue-status-color: 121, 208, 212;
  --dark-blue-status-color: 95, 168, 247;
  --yellow-green-status-color: 153, 194, 58;
  --violet-status-color: 179, 128, 255;
  --brown-status-color: 185, 105, 4;
  --transparent-status-color: 0, 0, 0, 0;
  --primary-font-color: rgb(var(--tertiary-color));
  --darker-font-color: rgb(var(--darker-tertiary-color));
  --dimmed-font-color: rgba(var(--tertiary-color), 0.7);
  --todo-booking-status-color: var(--red-status-color);
  --tosort-booking-status-color: var(--brown-status-color);
  --confirmed-booking-status-color: var(--green-status-color);
  --done-booking-status-color: var(--blue-status-color);
  --canceled-booking-status-color: var(--black-status-color);
}

.app {
  --outer-background-color: rgb(var(--primary-color));
  display: flex;
  height: 100vh;
  flex-direction: column;
  font: 12px/20px Manrope, Roboto, sans-serif;
  color: #494656;
  background-color: rgb(255, 255, 255);
}.header {
  min-height: 88px;
  width: 100%;
  --outer-background-color: rgba(
    var(--secondary-color),
    var(--highlighted-opacity)
  );
  --border-color: rgba(
    var(--secondary-color),
    calc(var(--highlighted-opacity) + 0.25)
  );
}
.header > .container {
  display: flex;
  justify-content: space-between;
  background-color: var(--outer-background-color);
  align-items: center;
  height: 100%;
  gap: 30px;
  border-bottom: 1px solid var(--border-color);
}
.header__user-menu {
  margin-right: 30px;
}
.header__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 500px;
  height: 48px;
}
.header__item:nth-child(2) {
  justify-content: center;
}
.header__item--active-call {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 455px;
  margin: 0;
  padding-left: 0;
}
.header__tutorials-button {
  margin-right: 30px;
}
.header__button-container {
  position: relative;
  position: relative;
  z-index: 0;
}
.header__button-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(var(--primary-color));
  z-index: -1;
  border-radius: 12px;
}.grouped-buttons {
  display: flex;
  position: relative;
  flex-direction: row;
  height: 100%;
  z-index: 4;
  background-color: rgb(var(--primary-color));
  border-radius: 12px;
}
.grouped-buttons--theme-dim-min {
  border-radius: 6px;
}
.grouped-buttons .menu-new-wrapper {
  position: static;
}
.grouped-buttons__button {
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
:is(.grouped-buttons--theme-transparent, .grouped-buttons--theme-transparent-highlighted, .grouped-buttons--theme-transparent-without-highlighted) {
  background-color: transparent;
}
.grouped-buttons--theme-transparent-shadowed {
  background-color: transparent;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.grouped-buttons:not(.grouped-buttons--theme-input-tabs, .grouped-buttons--theme-transparent-without-highlighted) :is(.grouped-buttons__button, .grouped-buttons__dropdown-button).active {
  background-color: rgba(0, 166, 173, 0.5);
}
.grouped-buttons--theme-light {
  background-color: rgb(255, 255, 255);
  border-radius: 0 0 12px 12px;
}
:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) {
  border-radius: 12px;
}
:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) > .dropdown-button > :where(a.active, button.active) {
  border-radius: 12px;
}
:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated, .grouped-buttons--theme-dim-min) :is(.grouped-buttons__button, .grouped-buttons__dropdown-button) {
  background-color: rgba(73, 70, 86, 0.1);
}
:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) > :is(.grouped-buttons__button, .grouped-buttons__dropdown-button):first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) > :is(.grouped-buttons__button, .grouped-buttons__dropdown-button):last-of-type {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.grouped-buttons--theme-dim-animated .grouped-buttons__button {
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.grouped-buttons--theme-dim-animated .grouped-buttons__button:where(:hover, .grouped-buttons--theme-dim-animated .grouped-buttons__button.active):not(.disabled) {
  background-color: rgba(73, 70, 86, 0.05);
  border: 2px solid rgba(73, 70, 86, 0.1);
}
.grouped-buttons--theme-dim-animated .grouped-buttons__button:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.grouped-buttons--theme-dim-animated .grouped-buttons__button:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.grouped-buttons--theme-dim-min > .grouped-buttons__button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.grouped-buttons--theme-dim-min > .grouped-buttons__button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.grouped-buttons--theme-input-tabs {
  background-color: transparent;
}
.grouped-buttons--theme-input-tabs .grouped-buttons__button .content {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.grouped-buttons--theme-input-tabs .grouped-buttons__button.active .content {
  background-color: rgb(var(--primary-color));
}
.grouped-buttons__null-box {
  height: 100%;
  width: 100%;
  aspect-ratio: 1;
}
.grouped-buttons > .dropdown-button {
  position: relative;
  z-index: 2;
  background-color: #99DBDE;
}
.grouped-buttons > .dropdown-button svg {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}
.grouped-buttons .grouped-menu {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 14;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  transform: translateY(-100%);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}
.grouped-buttons .grouped-menu.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.grouped-buttons:not([class*="--theme-transparent"]) .grouped-menu.visible {
  box-shadow: 0 12px 24px 8px rgba(0, 0, 0, 0.12);
}
.grouped-buttons .grouped-menu:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) .grouped-buttons__button {
  border-radius: 0;
}
.grouped-buttons .grouped-menu:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) .grouped-buttons__button:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.grouped-buttons .grouped-menu:is(.grouped-buttons--theme-dim, .grouped-buttons--theme-dim-animated) .grouped-buttons__button:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.grouped-buttons .grouped-menu .grouped-buttons__button {
  width: 100%;
  aspect-ratio: 1;
}
.grouped-buttons__dropdown-button {
  position: relative;
}
.grouped-buttons::before .grouped-buttons__dropdown-button {
  content: "";
  position: static;
}.icon-button {
  --icon-color: var(--tertiary-color);
  --background-color: var(--primary-color);
  position: relative;
  z-index: 0;
  background-color: rgb(var(--primary-color));
  height: 100%;
  font-size: inherit;
  white-space: pre;
  cursor: pointer;
}
.icon-button:has(#p) {
  --main-color: var(--pink-status-color);
}
.icon-button:has(#trash-transparent) {
  --main-color: var(--dark-red-status-color);
}
.icon-button:has(#burger-menu) {
  --main-color: var(--tertiary-color);
}
.icon-button:has(#plus-circle) {
  --main-color: var(--secondary-color);
}
.icon-button:has(#close) {
  --main-color: var(--red-status-color);
}
.icon-button:has(#commnets) {
  --main-color: var(--green-status-color);
}
.icon-button:has(#widget) {
  --main-color: var(--pink-status-color);
  position: relative;
}
.icon-button:has(#widget):after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #2AE77F;
  border-radius: 50%;
  top: 5px;
  right: 2px;
}
.icon-button:has(#widget).disabled:after {
  background-color: rgba(var(--tertiary-color), 1);
}
.icon-button:has(#telegram) {
  --main-color: var(--blue-status-color);
}
.icon-button:has(#whatsapp) {
  --main-color: var(--green-status-color);
}
.icon-button:has(#apple) {
  --main-color: var(--tertiary-color);
}
.icon-button:has(#robot) {
  --main-color: 42, 171, 238;
}
.icon-button:has(#users) {
  --main-color: var(--blue-status-color);
}
.icon-button:has(#mail) {
  --main-color: var(--light-blue-status-color);
}
.icon-button:has(#close-window) {
  --main-color: var(--red-status-color);
}
.icon-button:has(#venus) {
  --main-color: var(--pink-status-color);
}
.icon-button:has(#check) {
  --main-color: var(--dark-green-status-color);
}
.icon-button:has(#checkbox) {
  --main-color: var(--green-status-color);
}
.icon-button .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon-button .content::before {
  content: "";
  position: absolute;
  inset: 0;
  border-color: rgba(var(--secondary-color), 0.2);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: -1;
  transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon-button svg {
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), fill 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon-button__part-wrapper {
  display: flex;
  height: 100%;
  aspect-ratio: 1;
  position: relative;
  align-items: center;
  justify-content: center;
}
.icon-button__part-wrapper--broad {
  margin-inline: 2px;
}
.icon-button__part-wrapper + .icon-button__part-wrapper {
  position: absolute;
  bottom: -5px;
  left: 20%;
  height: 24px;
  width: 24px;
  color: rgb(var(--secondary-color));
}
.icon-button__text {
  --part-color: var(--main-color);
  width: 100%;
  text-align: left;
  color: rgb(var(--text-color));
}
.icon-button__text:first-child {
  margin-left: 8px;
}
.icon-button__text:last-child {
  margin-right: 8px;
}
.icon-button__status {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
}
.icon-button__counter {
  position: absolute;
  right: -5px;
  top: -5px;
}
.icon-button__icon--icon-size-xs svg {
  max-height: 25%;
  max-width: 25%;
}
.icon-button__icon--icon-size-s svg {
  max-height: 38%;
  max-width: 38%;
}
.icon-button__icon--icon-size-m svg {
  max-height: 47%;
  max-width: 47%;
}
.icon-button__icon--icon-size-l svg {
  max-height: 65%;
  max-width: 65%;
}
.icon-button__icon--icon-size-xl svg {
  max-height: 80%;
  max-width: 80%;
}
.icon-button__icon--icon-size-full svg {
  max-height: 100%;
  max-width: 100%;
}
.icon-button__spinner + * {
  display: none;
}
.icon-button--type-rect {
  height: 24px;
  width: 32px;
  min-width: 32px;
}
.icon-button--type-line {
  height: 16px;
  font-size: 10px;
}
.icon-button--type-line .icon-button__text {
  margin-inline: 6px;
}
.icon-button--icon-size-xs :where(svg, img) {
  max-height: 25%;
  max-width: 25%;
}
.icon-button--icon-size-s :where(svg, img) {
  max-height: 38%;
  max-width: 38%;
}
.icon-button--icon-size-m :where(svg, img) {
  max-height: 47%;
  max-width: 47%;
}
.icon-button--icon-size-l :where(svg, img) {
  max-height: 65%;
  max-width: 65%;
}
.icon-button--icon-size-xl :where(svg, img) {
  max-height: 80%;
  max-width: 80%;
}
.icon-button--icon-size-full :where(svg, img) {
  max-height: 100%;
  max-width: 100%;
}
.icon-button--squared {
  aspect-ratio: 1;
}
.icon-button--squared svg {
  margin: auto;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
}
.icon-button--radius-xxs {
  border-radius: 2px;
}
.icon-button--radius-xxs .content {
  border-radius: 2px;
}
.icon-button--radius-xxs .content::before {
  border-radius: 2px;
}
.icon-button--radius-xs {
  border-radius: 6px;
}
.icon-button--radius-xs .content {
  border-radius: 6px;
}
.icon-button--radius-xs .content::before {
  border-radius: 6px;
}
.icon-button--radius-s {
  border-radius: 8px;
}
.icon-button--radius-s .content {
  border-radius: 8px;
}
.icon-button--radius-s .content::before {
  border-radius: 8px;
}
.icon-button--radius-m {
  border-radius: 12px;
}
.icon-button--radius-m .content {
  border-radius: 12px;
}
.icon-button--radius-m .content::before {
  border-radius: 12px;
}
.icon-button--radius-full {
  border-radius: 9999px;
}
.icon-button--radius-full .content {
  border-radius: 9999px;
}
.icon-button--radius-full .content::before {
  border-radius: 9999px;
}
.icon-button--broad .content {
  padding: 0 4px;
}
.icon-button--min-broad .content {
  padding: 0 2px;
}
.icon-button--hidden {
  opacity: 0;
}
.icon-button--overflow {
  overflow: hidden;
}
.icon-button--overflow .content {
  overflow: hidden;
}
.icon-button--overflow .icon-button__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icon-button.disabled {
  cursor: not-allowed;
}
.icon-button--aligned-to-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.icon-button--aligned-to-bottom > .content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.icon-button--aligned-to-bottom > .content::before {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.icon-button--aligned-to-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.icon-button--aligned-to-top > .content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.icon-button--aligned-to-top > .content::before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.icon-button--inherited-color-to-content {
  --background-color: var(--main-color);
}
.icon-button--inherited-color-to-icon {
  --icon-color: var(--main-color);
}
.icon-button {
  /* POPOVER CSS */
}
.icon-button + [popover] {
  position: fixed;
  margin: 0;
  inset: unset;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-15px);
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), overlay 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) allow-discrete, display 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) allow-discrete;
}
@supports not (anchor-name: --test) {
  .icon-button + [popover] {
    top: 80px;
    right: 20px;
  }
}
.icon-button + [popover]::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: display 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) allow-discrete, overlay 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) allow-discrete, background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon-button + [popover]:popover-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(20px);
}
@starting-style {
  .icon-button + [popover]:popover-open {
    opacity: 0;
    transform: translateY(-15px);
  }
}
.icon-button + [popover]:popover-open::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
@starting-style {
  .icon-button + [popover]:popover-open::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}
.icon-button {
  /* THEME CSS */
}
:is(.icon-button--theme-none-dark, .icon-button--theme-none-light) {
  background-color: transparent;
}
@container style(--icon-color: var(--tertiary-color)) {
  :is(.icon-button--theme-none-dark, .icon-button--theme-none-light):hover:not(.disabled) > .content {
    color: rgb(var(--darker-tertiary-color));
  }
}
:is(.icon-button--theme-none-dark, .icon-button--theme-none-light).disabled .content {
  color: rgba(var(--tertiary-color), 0.4);
}
.icon-button--theme-none-dark .content {
  color: rgb(var(--icon-color, var(--tertiary-color)));
}
.icon-button--theme-none-light .content {
  color: rgb(var(--icon-color, var(--tertiary-color)), 0.7);
}
.icon-button--theme-secondary, .icon-button--theme-secondary-border, .icon-button--theme-secondary-color, .icon-button--theme-secondary-dimmed, .icon-button--theme-secondary-shadow {
  color: rgb(var(--tertiary-color));
}
.icon-button--theme-secondary svg, .icon-button--theme-secondary-border svg, .icon-button--theme-secondary-color svg, .icon-button--theme-secondary-dimmed svg, .icon-button--theme-secondary-shadow svg {
  fill: rgb(var(--icon-color, var(--tertiary-color)));
}
.icon-button--theme-secondary > .content, .icon-button--theme-secondary-border > .content, .icon-button--theme-secondary-color > .content, .icon-button--theme-secondary-dimmed > .content, .icon-button--theme-secondary-shadow > .content {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--background-color, var(--primary-color)));
}
.icon-button--theme-secondary:hover:not(.disabled, .active) > .content, .icon-button--theme-secondary-border:hover:not(.disabled, .active) > .content, .icon-button--theme-secondary-color:hover:not(.disabled, .active) > .content, .icon-button--theme-secondary-dimmed:hover:not(.disabled, .active) > .content, .icon-button--theme-secondary-shadow:hover:not(.disabled, .active) > .content {
  color: rgb(var(--darker-tertiary-color));
  background-color: rgba(var(--tertiary-color), 0.075);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.icon-button--theme-secondary.disabled > .content, .disabled.icon-button--theme-secondary-border > .content, .disabled.icon-button--theme-secondary-color > .content, .disabled.icon-button--theme-secondary-dimmed > .content, .disabled.icon-button--theme-secondary-shadow > .content {
  background-color: rgba(var(--tertiary-color), 0.2);
  color: var(--dimmed-font-color);
}
.icon-button--theme-secondary.disabled > .content svg, .disabled.icon-button--theme-secondary-border > .content svg, .disabled.icon-button--theme-secondary-color > .content svg, .disabled.icon-button--theme-secondary-dimmed > .content svg, .disabled.icon-button--theme-secondary-shadow > .content svg {
  fill: var(--dimmed-font-color);
}
.icon-button--theme-secondary.active > .content, .active.icon-button--theme-secondary-border > .content, .active.icon-button--theme-secondary-color > .content, .active.icon-button--theme-secondary-dimmed > .content, .active.icon-button--theme-secondary-shadow > .content {
  border: 0;
  background-color: rgba(var(--secondary-color), 0.5);
  box-shadow: none;
  color: rgb(255, 255, 255);
}
.icon-button--theme-secondary.active > .content svg, .active.icon-button--theme-secondary-border > .content svg, .active.icon-button--theme-secondary-color > .content svg, .active.icon-button--theme-secondary-dimmed > .content svg, .active.icon-button--theme-secondary-shadow > .content svg {
  fill: rgb(255, 255, 255);
}
.icon-button--theme-secondary.active > .content::before, .active.icon-button--theme-secondary-border > .content::before, .active.icon-button--theme-secondary-color > .content::before, .active.icon-button--theme-secondary-dimmed > .content::before, .active.icon-button--theme-secondary-shadow > .content::before {
  border-bottom: 1px solid rgba(0, 166, 173, 0.55);
}
.icon-button--theme-secondary.active > .content .icon-button__icon--chevron, .active.icon-button--theme-secondary-border > .content .icon-button__icon--chevron, .active.icon-button--theme-secondary-color > .content .icon-button__icon--chevron, .active.icon-button--theme-secondary-dimmed > .content .icon-button__icon--chevron, .active.icon-button--theme-secondary-shadow > .content .icon-button__icon--chevron {
  color: rgb(0, 0, 0);
}
.icon-button--theme-secondary-shadow {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.icon-button--theme-secondary-shadow > .content {
  box-shadow: inset 0 0 0 1px rgba(73, 70, 86, 0.05);
}
.icon-button--theme-secondary-dimmed > .content {
  background-color: rgba(73, 70, 86, 0.05);
}
.icon-button--theme-secondary-dimmed:hover:not(:disabled, .active) > .content {
  box-shadow: none;
  background-color: rgba(73, 70, 86, var(--strong-highlighted-opacity));
}
.icon-button--theme-secondary-color {
  outline: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
}
.icon-button--theme-secondary-color.active {
  outline: 1px solid transparent;
}
.icon-button--theme-secondary-border {
  outline: 1px solid rgba(var(--tertiary-color), var(--strong-highlighted-opacity));
}
.icon-button--theme-secondary-border.active {
  outline: 1px solid transparent;
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark) {
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark) .content {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--primary-color));
  box-shadow: inset 0 0 0 1px rgba(var(--tertiary-color), 0.1);
  color: rgb(var(--icon-color, var(--tertiary-color)));
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark).disabled .content {
  background-color: rgba(var(--tertiary-color), 0.25);
  color: var(--dimmed-font-color);
  box-shadow: none;
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark):hover:not(.disabled) > .content {
  background-color: rgba(0, 166, 173, 0.5);
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark).active > .content {
  border: 0;
  background-color: rgba(var(--secondary-color), 0.5);
  box-shadow: none;
  color: rgb(255, 255, 255);
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark).active > .content svg {
  fill: rgb(255, 255, 255);
}
:where(.icon-button--theme-tag-light, .icon-button--theme-tag-dark).active > .content::before {
  border-bottom: 1px solid rgba(0, 166, 173, 0.55);
}
.icon-button--theme-primary, .icon-button--theme-primary-dark {
  --main-color: var(--secondary-color);
  --opacity: 0.6;
  --border-bottom-opacity: calc(var(--opacity) + 0.05);
  --hover-difference-opacity: 0.15;
}
.icon-button--theme-primary:has(#p), .icon-button--theme-primary-dark:has(#p) {
  --main-color: var(--pink-status-color);
}
.icon-button--theme-primary:has(#trash-transparent), .icon-button--theme-primary-dark:has(#trash-transparent) {
  --main-color: var(--dark-red-status-color);
}
.icon-button--theme-primary:has(#burger-menu), .icon-button--theme-primary-dark:has(#burger-menu) {
  --main-color: var(--tertiary-color);
}
.icon-button--theme-primary:has(#plus-circle), .icon-button--theme-primary-dark:has(#plus-circle) {
  --main-color: var(--secondary-color);
}
.icon-button--theme-primary:has(#close), .icon-button--theme-primary-dark:has(#close) {
  --main-color: var(--red-status-color);
}
.icon-button--theme-primary:has(#commnets), .icon-button--theme-primary-dark:has(#commnets) {
  --main-color: var(--green-status-color);
}
.icon-button--theme-primary:has(#widget), .icon-button--theme-primary-dark:has(#widget) {
  --main-color: var(--pink-status-color);
  position: relative;
}
.icon-button--theme-primary:has(#widget):after, .icon-button--theme-primary-dark:has(#widget):after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #2AE77F;
  border-radius: 50%;
  top: 5px;
  right: 2px;
}
.icon-button--theme-primary:has(#widget).disabled:after, .icon-button--theme-primary-dark:has(#widget).disabled:after {
  background-color: rgba(var(--tertiary-color), 1);
}
.icon-button--theme-primary:has(#telegram), .icon-button--theme-primary-dark:has(#telegram) {
  --main-color: var(--blue-status-color);
}
.icon-button--theme-primary:has(#whatsapp), .icon-button--theme-primary-dark:has(#whatsapp) {
  --main-color: var(--green-status-color);
}
.icon-button--theme-primary:has(#apple), .icon-button--theme-primary-dark:has(#apple) {
  --main-color: var(--tertiary-color);
}
.icon-button--theme-primary:has(#robot), .icon-button--theme-primary-dark:has(#robot) {
  --main-color: 42, 171, 238;
}
.icon-button--theme-primary:has(#users), .icon-button--theme-primary-dark:has(#users) {
  --main-color: var(--blue-status-color);
}
.icon-button--theme-primary:has(#mail), .icon-button--theme-primary-dark:has(#mail) {
  --main-color: var(--light-blue-status-color);
}
.icon-button--theme-primary:has(#close-window), .icon-button--theme-primary-dark:has(#close-window) {
  --main-color: var(--red-status-color);
}
.icon-button--theme-primary:has(#venus), .icon-button--theme-primary-dark:has(#venus) {
  --main-color: var(--pink-status-color);
}
.icon-button--theme-primary:has(#check), .icon-button--theme-primary-dark:has(#check) {
  --main-color: var(--dark-green-status-color);
}
.icon-button--theme-primary:has(#checkbox), .icon-button--theme-primary-dark:has(#checkbox) {
  --main-color: var(--green-status-color);
}
.icon-button--theme-primary > .content, .icon-button--theme-primary-dark > .content {
  border: 0;
  background-color: rgba(var(--main-color), var(--opacity));
  box-shadow: none;
  color: rgb(255, 255, 255);
}
.icon-button--theme-primary > .content svg, .icon-button--theme-primary-dark > .content svg {
  fill: rgb(255, 255, 255);
}
.icon-button--theme-primary > .content::before, .icon-button--theme-primary-dark > .content::before {
  border-bottom: 1px solid rgba(var(--main-color), var(--border-bottom-opacity));
}
.icon-button--theme-primary > .content, .icon-button--theme-primary-dark > .content {
  background-color: rgba(var(--main-color), var(--opacity));
}
.icon-button--theme-primary:hover:not(:disabled) > .content, .icon-button--theme-primary-dark:hover:not(:disabled) > .content {
  background-color: rgba(var(--main-color), calc(var(--opacity) - var(--hover-difference-opacity)));
}
.icon-button--theme-primary:hover:not(:disabled) > .content::before, .icon-button--theme-primary-dark:hover:not(:disabled) > .content::before {
  border-bottom: 1px solid rgba(var(--main-color), calc(var(--border-bottom-opacity) - var(--hover-difference-opacity)));
}
.icon-button--theme-primary:disabled > .content, .icon-button--theme-primary-dark:disabled > .content {
  background-color: rgba(var(--tertiary-color), 0.2);
  color: rgba(var(--tertiary-color), 0.5);
}
.icon-button--theme-primary:disabled > .content svg, .icon-button--theme-primary-dark:disabled > .content svg {
  fill: rgba(var(--tertiary-color), 0.5);
}
.icon-button--theme-primary:disabled > .content::before, .icon-button--theme-primary-dark:disabled > .content::before {
  border-bottom: 0px;
}
.icon-button--theme-primary-dark > .content {
  color: rgb(var(--tertiary-color));
}
.icon-button--theme-primary-dark > .content svg {
  fill: rgb(var(--tertiary-color));
}
.icon-button--theme-tag-dark .content {
  color: rgb(var(--tertiary-color));
}
.icon-button--theme-tag-dark .content svg {
  fill: rgb(var(--tertiary-color));
}
.icon-button--theme-transparent {
  background-color: transparent;
}
.icon-button--theme-transparent > .content {
  border: 1px solid rgba(var(--secondary-color), 0.7);
  color: rgba(var(--secondary-color), 0.7);
}
.icon-button--theme-transparent:hover:not(:disabled) > .content {
  background-color: rgba(var(--secondary-color), 0.075);
  color: rgba(var(--secondary-color), 0.9);
}
.icon-button--theme-transparent.disabled > .content {
  border-color: rgba(var(--tertiary-color), 0.4);
  color: rgba(var(--tertiary-color), 0.4);
}
.icon-button:hover:not(:disabled) #plus-circle {
  transform: scale(0.8);
}
.icon-button {
  /* ICON ANIMATIONS */
}
.icon-button:not(.icon-button--tab-bottom) .icon-button__icon--arrow.active {
  transform: rotate(180deg);
}
.icon-button--tab-bottom .icon-button__icon--arrow:not(.active) {
  transform: rotate(180deg);
}
.icon-button:hover .icon-button__icon--arrow:not(.active) {
  animation: bottomArrowBounceBottom 0.3s infinite alternate;
}
.icon-button:hover .icon-button__icon--arrow.active {
  animation: bottomArrowBounceTop 0.3s infinite alternate;
}
.icon-button--tab-bottom:hover .icon-button__icon--arrow:not(.active) {
  animation: bouncetop 0.3s infinite alternate;
}
.icon-button--tab-bottom:hover .icon-button__icon--arrow.active {
  animation: bouncebottom 0.3s infinite alternate;
}
@keyframes bottomArrowBounceBottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(2px);
  }
}
@keyframes bottomArrowBounceTop {
  from {
    transform: translateY(-2px) rotate(180deg);
  }
  to {
    transform: translateY(0) rotate(180deg);
  }
}
@keyframes bouncetop {
  from {
    transform: translateY(0) rotate(180deg);
  }
  to {
    transform: translateY(-2px) rotate(180deg);
  }
}
@keyframes bouncebottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(2px);
  }
}.spinner {
  animation: spinner-rotate 2s linear infinite;
  width: 50px;
  height: 50px;
  margin: auto;
}
.spinner__bg {
  stroke: #eaeaea;
}
.spinner__path {
  stroke: #808080;
  stroke-linecap: round;
  animation: spinner-dash 1.5s ease-in-out infinite;
}

@keyframes spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}.tooltip {
  position: relative;
  box-shadow: 0 12px 24px 8px rgba(0, 0, 0, 0.12);
  background-color: rgb(var(--primary-color));
  color: rgba(var(--tertiary-color), 0.95);
  font-family: Manrope, Roboto, sans-serif;
  overflow-wrap: anywhere;
  border: 1px solid rgba(var(--tertiary-color), 0.07);
  border-radius: 8px;
  font-size: 12px;
  letter-spacing: 1px;
  max-width: 280px;
  max-height: 310px;
  padding: 12px;
  text-align: center;
  transform: translateY(-5px);
  z-index: 200;
  opacity: 0;
}
.tooltip > :first-child {
  white-space: normal;
}
.tooltip--expand-by-content {
  max-width: none;
  max-height: none;
  padding: 0;
}
.tooltip--dark {
  background-color: #E6EBF1;
}
.tooltip--semidark {
  color: #bfc0c0;
  background-color: #F6F9FC;
}
.tooltip--main {
  background-color: rgba(var(--secondary-color), var(--selected-opacity));
}
.tooltip[data-popper-placement^=top] {
  --arrow-position: "bottom" ;
}
.tooltip[data-popper-placement^=bottom] {
  --arrow-position: "top" ;
}
.tooltip[data-popper-placement^=left] {
  --arrow-position: "right" ;
}
.tooltip[data-popper-placement^=right] {
  --arrow-position: "left" ;
}
.tooltip__arrow {
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
}
.tooltip__arrow::before {
  --triangle-size: 8px;
  content: "";
  display: block;
  position: absolute;
  left: -150%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: var(--triangle-size) calc(var(--triangle-size) + 2px) 0 calc(var(--triangle-size) + 2px);
  border-color: rgb(var(--primary-color)) transparent transparent transparent;
}
.tooltip__arrow--dark::before {
  background-color: #E6EBF1;
}
.tooltip__arrow--semidark::before {
  background-color: #F3F3F4;
}
@container style(--arrow-position: "bottom") {
  .tooltip::before {
    box-shadow: 0 2px 0 0 #00A6AD;
  }
  .tooltip__arrow {
    bottom: 0;
  }
  .tooltip__arrow::before {
    top: calc(var(--triangle-size) / 2);
  }
  .tooltip__arrow--main::before {
    box-shadow: 2px 2px 0 0 #00A6AD;
  }
}
@container style(--arrow-position: "top") {
  .tooltip::before {
    box-shadow: 0 -2px 0 0 #00A6AD;
  }
  .tooltip__arrow {
    top: 0px;
  }
  .tooltip__arrow::before {
    bottom: calc(var(--triangle-size) / 2);
    transform: rotate(180deg);
  }
  .tooltip__arrow--main::before {
    box-shadow: -2px -2px 0 0 #00A6AD;
  }
}
.tooltip-enter-done {
  opacity: 1;
  transition: opacity 0.2s;
}
.tooltip-exit {
  opacity: 1;
}
.tooltip-exit-active {
  opacity: 0;
  transition: opacity 0.2s;
}.counter {
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  z-index: 14;
  cursor: pointer;
  overflow: hidden;
}
.counter__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(73, 70, 86, 0.1);
  height: 100%;
}
.counter--color-red {
  background-color: rgb(var(--red-status-color), 0.8);
  color: rgb(255, 255, 255);
}
.counter--color-blue {
  background-color: #3565fd;
  color: rgb(255, 255, 255);
}
.counter--color-orange {
  background-color: #f27e3f;
  color: rgb(255, 255, 255);
}
.counter--underlied {
  border-radius: 6px;
  padding-top: 12px;
}
.counter--underlied span {
  position: relative;
  top: 2px;
}
.counter--overflowed {
  font: 8px/16px Manrope, Roboto, sans-serif;
}
.counter:has(svg) {
  border-radius: 6px;
}
.counter--axis-vertical:has(svg) {
  height: 28px;
}
.counter--axis-vertical:has(svg) .counter__content {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 3px;
}
.counter--axis-horizontal:has(svg) {
  width: 38px;
}
.counter--axis-horizontal:has(svg) .counter__content {
  flex-direction: row-reverse;
  padding: 0 4px 0 3px;
}
.counter__number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1;
}
.counter svg {
  width: 12px;
  height: 12px;
}.mcui-checkbox,
.mcui-radio {
  display: inline-flex;
  align-items: center;
  user-select: none;
  box-sizing: border-box;
}
.mcui-checkbox input[type=checkbox],
.mcui-checkbox input[type=radio],
.mcui-radio input[type=checkbox],
.mcui-radio input[type=radio] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.mcui-checkbox input[type=checkbox] + div,
.mcui-checkbox input[type=radio] + div,
.mcui-radio input[type=checkbox] + div,
.mcui-radio input[type=radio] + div {
  display: flex;
  border: 2px solid rgba(73, 70, 86, 0.7);
  height: 16px;
  width: 16px;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  position: relative;
  transition: border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mcui-checkbox input[type=checkbox] + div:hover,
.mcui-checkbox input[type=radio] + div:hover,
.mcui-radio input[type=checkbox] + div:hover,
.mcui-radio input[type=radio] + div:hover {
  border-color: rgba(0, 166, 173, 0.7);
}
.mcui-checkbox input[type=checkbox] + div > svg,
.mcui-checkbox input[type=radio] + div > svg,
.mcui-radio input[type=checkbox] + div > svg,
.mcui-radio input[type=radio] + div > svg {
  width: 82%;
  aspect-ratio: 1;
  margin: auto;
  color: rgb(255, 255, 255);
  max-width: 100%;
  max-height: 100%;
  fill: rgb(var(--primary-color));
}
.mcui-checkbox input[type=radio] + div,
.mcui-radio input[type=radio] + div {
  border-radius: 50%;
}
.mcui-checkbox input[type=radio] + div::after,
.mcui-radio input[type=radio] + div::after {
  content: "";
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  transform: scale(0.5);
  opacity: 0;
  background: black;
  transition: all 107ms cubic-bezier(0.65, 0.25, 0.56, 0.96);
}
.mcui-checkbox :where(input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=checkbox]:active,
input[type=radio]:active) + div,
.mcui-radio :where(input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=checkbox]:active,
input[type=radio]:active) + div {
  box-shadow: 0 0 0 2px rgba(73, 70, 86, 0.3);
}
.mcui-checkbox :where(input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=checkbox]:active,
input[type=radio]:active):checked + div,
.mcui-radio :where(input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=checkbox]:active,
input[type=radio]:active):checked + div {
  box-shadow: 0 0 0 2px rgba(0, 166, 173, 0.3);
}
.mcui-checkbox input[type=checkbox]:checked + div,
.mcui-radio input[type=checkbox]:checked + div {
  border-color: rgba(0, 166, 173, 0);
  background-color: rgba(0, 166, 173, 0.7);
  transition: border-color 107ms cubic-bezier(0.65, 0.25, 0.56, 0.96);
}
.mcui-checkbox input[type=checkbox]:checked + div .mcui-check,
.mcui-radio input[type=checkbox]:checked + div .mcui-check {
  opacity: 1;
  transition: opacity 107ms cubic-bezier(0.65, 0.25, 0.56, 0.96);
}
.mcui-checkbox input[type=checkbox]:checked + div .mcui-check polyline,
.mcui-radio input[type=checkbox]:checked + div .mcui-check polyline {
  animation: dash-check 107ms cubic-bezier(0.65, 0.25, 0.56, 0.96) forwards;
}
.mcui-checkbox input[type=radio]:checked + div,
.mcui-radio input[type=radio]:checked + div {
  border-color: black;
}
.mcui-checkbox input[type=radio]:checked + div::after,
.mcui-radio input[type=radio]:checked + div::after {
  opacity: 1;
  transform: scale(1);
}
.mcui-checkbox input[type=checkbox]:indeterminate + div::after,
.mcui-radio input[type=checkbox]:indeterminate + div::after {
  content: "";
  height: 4px;
  width: 60%;
  left: 20%;
  top: calc(50% - 2px);
  position: absolute;
  background: #8d9aa9;
  border-radius: 1px;
}
.mcui-checkbox input[type=checkbox]:disabled ~ div,
.mcui-checkbox input[type=radio]:disabled ~ div,
.mcui-radio input[type=checkbox]:disabled ~ div,
.mcui-radio input[type=radio]:disabled ~ div {
  color: #8d9aa9;
  cursor: not-allowed;
}
.mcui-checkbox input[type=checkbox]:enabled ~ div,
.mcui-checkbox input[type=radio]:enabled ~ div,
.mcui-radio input[type=checkbox]:enabled ~ div,
.mcui-radio input[type=radio]:enabled ~ div {
  cursor: pointer;
}

.mcui-check {
  height: 100%;
  width: 100%;
  transform: scale(1);
  color: black;
  opacity: 0;
}
.mcui-check polyline {
  fill: none;
  transform-origin: 50% 50%;
  stroke-width: 5px;
  stroke-dasharray: 22.7713679002;
  stroke: currentcolor;
}

@supports (display: grid) {
  .mcui-check polyline {
    stroke-dashoffset: 22.7713679002;
  }
}
@keyframes dash-check {
  to {
    stroke-dashoffset: 0;
  }
}.navbar {
  height: 60px;
  position: relative;
  z-index: 0;
}
.navbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(var(--primary-color));
  z-index: -1;
  border-radius: 12px;
}
.navbar-dropdowned {
  height: 40px;
  width: 40px;
}
.navbar-dropdowned .rc-overflow {
  width: 100%;
}
.navbar-dropdowned .rc-overflow .navbar__button {
  height: 40px;
  width: 40px;
}
.navbar-dropdowned .rc-overflow .navbar__button--dropdown.revealed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar__dropdown {
  position: relative;
  z-index: 0;
}
.navbar__dropdown::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(var(--primary-color));
  z-index: -1;
  border-radius: 12px;
}.user-menu__img-wrap {
  height: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.user-menu__info {
  display: flex;
  flex-direction: column;
  margin: 10px;
  max-width: 100px;
}
.user-menu__content {
  margin: 0 8px;
}
.user-menu__name {
  text-align: left;
  font: 14px/22px Manrope, Roboto, sans-serif;
}
.user-menu__clock {
  font: 10px/18px Manrope, Roboto, sans-serif;
  color: #00a6ad;
  font-weight: bold;
  padding: 0;
  text-transform: uppercase;
  text-align: left;
  height: 18px;
}
.user-menu__clock * {
  position: absolute;
}
.user-menu__city {
  font: 10px/18px Manrope, Roboto, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-menu__status {
  position: absolute;
  top: -4px;
  left: -4px;
}.lazy-load__container {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  user-select: none;
}
.lazy-load__container img {
  transition: filter 0.5s ease-in-out;
}
.lazy-load__container--collapsing:not(.lazy-load__container--selected)::after {
  content: "";
  fill: green;
  position: absolute;
  height: 32px;
  width: 32px;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20d='M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016Zm5.01-9.7-5.93%205.94c-.2.2-.53.2-.74%200L3%208.88a.52.52%200%200%201%200-.73l.73-.73c.2-.2.53-.2.73%200l2.26%202.26%204.84-4.84c.2-.2.53-.2.73%200l.73.73c.2.2.2.53%200%20.73Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  mask-size: cover;
  background-color: green;
  bottom: 32px;
}
.lazy-load__container-spinner {
  position: absolute;
}
.lazy-load__image {
  display: block;
}
.lazy-load__image--hidden {
  display: none;
}
.lazy-load__spinner {
  width: 100%;
  height: 100%;
}.menu-new {
  --menu-item-height: 48px;
  --menu-item-width: 264px;
  --padding-x: 16px;
  --padding-y: 24px;
  --max-items-without-scroll: 5;
  font-family: Manrope, Roboto, sans-serif;
  font-size: 14px;
  background-color: rgb(255, 255, 255);
  padding: var(--padding-y) var(--padding-x);
  border-radius: 24px;
  box-shadow: 0 12px 24px 8px rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 200;
  cursor: pointer;
}
.menu-new::-webkit-scrollbar {
  display: none;
}
.menu-new__list {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  max-height: calc(var(--menu-item-height) * var(--max-items-without-scroll));
}
.menu-new__list:empty::after {
  content: "No items";
  font-size: 16px;
  text-align: center;
  width: var(--menu-item-width);
  color: #494656;
  white-space: nowrap;
  margin: auto;
}
.menu-new__item {
  width: var(--menu-item-width);
  height: var(--menu-item-height);
  min-height: var(--menu-item-height);
  color: #494656;
  border-radius: 12px;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.isCapitalized .menu-new__item > * {
  text-transform: capitalize;
}
.menu-new__item:hover {
  color: var(--selected-text-color);
  background-color: rgba(73, 70, 86, 0.075);
}
.menu-new__button {
  width: 100%;
}
.menu-new__icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 16px;
}

.dropdown-menu-new {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: fit-content;
}
.dropdown-menu-new--active {
  opacity: 1;
  visibility: visible;
  transform: translateY(16px);
}

.floating-menu-new {
  opacity: 0;
}
.floating-menu-new.enter-done {
  opacity: 1;
  transition: opacity 0.2s;
}
.floating-menu-new.exit {
  opacity: 1;
}
.floating-menu-new.exit-active {
  opacity: 0;
  transition: opacity 0.2s;
}

.select__menu--bottom {
  left: 50%;
  transform: translate(-50%, 10px);
  animation: dropdownBottomFadeIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.select__menu--top {
  right: 50%;
  transform: translate(50%, -10px);
  bottom: 0;
  animation: dropdownTopFadeIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.select__menu--bottom.select__menu--close {
  animation: dropdownBottomFadeOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.select__menu--top.select__menu--close {
  animation: dropdownTopFadeOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu-new-wrapper {
  height: 100%;
  position: relative;
}

@keyframes dropdownBottomFadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 10px);
  }
}
@keyframes dropdownBottomFadeOut {
  from {
    opacity: 1;
    transform: translate(-50%, 10px);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0);
  }
}
@keyframes dropdownTopFadeIn {
  from {
    opacity: 0;
    transform: translate(50%, 0);
  }
  to {
    opacity: 1;
    transform: translate(50%, -10px);
  }
}
@keyframes dropdownTopFadeOut {
  from {
    opacity: 1;
    transform: translate(50%, -10px);
  }
  to {
    opacity: 0;
    transform: translate(50%, 0);
  }
}.status-marker {
  border-radius: 50%;
  aspect-ratio: 1;
  box-sizing: border-box;
  border: 2px solid rgb(255, 255, 255);
}
.status-marker--size-xl {
  height: 16px;
}
.status-marker--size-l {
  height: 12px;
}
.status-marker--size-m {
  height: 10px;
}
.status-marker--size-s {
  height: 8px;
}
.status-marker--online {
  background-color: rgb(var(--green-status-color));
}
.status-marker--offline {
  background-color: rgb(var(--red-status-color));
}
.status-marker--away {
  background-color: rgb(var(--yellow-status-color));
}
.status-marker--offline-today {
  background-color: rgb(var(--dark-red-status-color));
}
.status-marker--busy {
  background-color: rgb(var(--blue-status-color));
}
.status-marker--not-identified {
  background-color: #B3B1B8;
}.active-call {
  display: flex;
  align-items: center;
}
.active-call__mute-btn {
  overflow: hidden;
  display: flex;
  margin-right: 15px;
  padding: 2px;
  border: 1px solid #00A6AD;
  border-radius: 50%;
  color: #808080;
  transition: color ease-out 0.1s;
}
.active-call__mute-btn--muted {
  color: #F8737F;
}
.active-call__mute-btn-icon {
  width: 20px;
  height: 20px;
}.call-item {
  display: flex;
  align-items: center;
  min-height: 40px;
  max-width: 250px;
  position: relative;
  padding-right: 10px;
  margin-bottom: 10px;
}
.call-item:last-child {
  margin-bottom: 0;
}
.call-item:hover .call-item__btn--call {
  opacity: 1;
}
.call-item--active {
  min-width: 297px;
  transform: translate(0);
  z-index: 6;
  margin-bottom: 0;
}
.call-item--active .call-item__main {
  padding: 0;
  min-width: 290px;
  background-color: #fff;
}
.call-item--active .call-item__number {
  font-size: 14px;
}
.call-item--active .call-item__timers {
  height: 40px;
  min-height: 19px;
}
.call-item__spinner-wrap {
  height: 18px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.call-item__spinner-wrap img {
  margin-left: 5px;
}
.call-item--alarm .call-item__main, .call-item--transfer .call-item__main {
  border-radius: 5px;
  animation: blink 1s linear infinite;
  background-color: #C5E9F4;
}
.call-item__main {
  display: flex;
  flex-grow: 1;
  align-items: center;
  transition: all 1s;
  min-width: 0;
  max-width: 250px;
  max-height: 40px;
  position: relative;
  background-color: #DDEFDD;
  border-radius: 5px;
  padding: 5px 8px 5px 5px;
}
.call-item__img-wrap {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  cursor: pointer;
}
.call-item__content-wrap {
  display: flex;
  flex-grow: 1;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.call-item__img {
  border-radius: 50%;
}
.call-item__info {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 0;
  text-align: left;
}
.call-item__info--missed {
  margin-right: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.call-item__info--active {
  min-width: 297px;
  height: 46px;
  display: flex;
  align-items: center;
  background-color: #88D6D9;
  border-radius: 6px;
  padding: 0 10px;
}
.call-item__info--active p {
  display: flex;
  color: #404040;
  margin-left: 10px;
}
.call-item__info--outgoing-ringing {
  background-color: rgb(251.1, 239.7, 182.1);
}
.call-item__duration {
  font-style: italic;
  text-align: right;
  color: #404040;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding-right: 20px;
  font-size: 14px;
}
.call-item__number {
  display: flex;
  flex-direction: column;
  color: #808080;
  margin: 0;
  line-height: 1.5;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.call-item__arrow-rigth {
  margin: 0 5px;
}
.call-item__arrow-transfer {
  display: flex;
  text-align: center;
  align-items: center;
  font-style: italic;
}
.call-item__sender-name {
  min-width: 40px;
  color: #00A562;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.call-item__recipient-name {
  min-width: 40px;
  color: #0092F2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.call-item__hold-muted-call {
  display: flex;
  align-items: center;
}
.call-item__hold-muted-icon {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 3px;
}
.call-item__micro-icon {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}
.call-item__micro-icon::before, .call-item__micro-icon::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 14px;
  width: 2px;
  right: 5px;
  background-color: #F20C0C;
}
.call-item__micro-icon::before {
  transform: rotate(135deg);
}
.call-item__micro-icon::after {
  transform: rotate(45deg);
}
.call-item__outgoing-msg {
  font-weight: 100;
  font-size: 18px;
  color: #000;
}
.call-item__timers {
  font-style: italic;
  text-align: right;
  color: #404040;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  height: 35px;
  min-height: 13px;
}
.call-item__timers--pause {
  flex-direction: column;
}
.call-item__timer {
  display: block;
  height: 13px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  user-select: none;
}
.call-item__timer--hold {
  color: #F20C0C;
}
.call-item__timer--active {
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 21px;
}
.call-item__timer--active-hold {
  color: #F20C0C;
}
.call-item__btns {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 17px;
}
.call-item__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 20px;
  height: 20px;
}
.call-item__btn--hang-up {
  margin-right: 0;
}
.call-item__btn--call {
  display: inline-flex;
  opacity: 0;
  transition: 0.1s all ease-out;
}
.call-item__transfer-form {
  position: absolute;
  z-index: 6;
  top: 30px;
  left: -170px;
}

.call-item--incoming .call-item__main {
  border: 1px solid #00A6AD;
  background-color: #fff;
}
.call-item--incoming .call-item__btn--call {
  opacity: 1;
  padding: 0;
  margin-left: 15px;
}

.call-item + .player {
  position: relative;
  border-radius: 0 0 6px 6px;
  top: -7px;
  width: calc(100% - 23px);
  border-bottom: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
  border-right: solid 1px #bfbfbf;
}
.call-item + .player::after {
  content: "";
  height: 1px;
  width: calc(100% - 10px);
  background-color: #0092F2;
  display: block;
  position: absolute;
  left: 5px;
  top: 0;
}

@keyframes blink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.96);
  }
  0% {
    transform: scale(1);
  }
}
.call-transfer {
  background: #fff;
  width: 250px;
  box-shadow: 0px 2px 10px #999999;
  padding: 10px;
  font-size: 13px;
}
.call-transfer__title {
  margin-top: 0;
}
.call-transfer__list {
  padding: 0 0 0 15px;
  color: #000;
}
.call-transfer__description {
  width: 200px;
  height: 60px;
  padding: 5px;
}
.call-transfer__footer {
  text-align: center;
}
.call-transfer__btn {
  margin: 0 5px;
}.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.menu__icon {
  color: #808080;
  transition: color 0.1s;
}
.menu--active .menu__icon {
  color: #00A6AD;
}.dropdown-menu {
  font-family: Manrope, Roboto, sans-serif;
  font-size: 14px;
  background-color: rgb(255, 255, 255);
  padding: 24px 14px;
  border-radius: 24px;
  box-shadow: 0 12px 24px 8px rgba(0, 0, 0, 0.12);
}
.dropdown-menu__item {
  display: flex;
  flex-wrap: wrap;
  width: 264px;
  height: 48px;
  color: black;
  align-items: center;
  border-radius: 12px;
  text-align: left;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dropdown-menu__item:hover {
  color: var(--selected-text-color);
  background-color: var(--selected-color);
}
.dropdown-menu__icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 16px;
}.player {
  width: 100%;
  height: 24p;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-block: 8px;
}
.player--not-active svg {
  transform: translateX(1px);
}
.player__audio-source {
  position: absolute;
  width: 0;
  height: 0;
}
.player__spinner {
  height: 30px;
  width: 30px;
  margin: auto;
}
.player__slider-container {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: rgba(var(--tertiary-color), var(--highlighted-opacity));
  border-radius: 6px;
  cursor: pointer;
}
.player__control {
  cursor: pointer;
  position: relative;
  color: #808080;
}
.player__control-icon {
  display: block;
}
.player__control--modern {
  align-items: center;
  background-color: #00a6ad;
  border-radius: 50%;
  color: gray;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 20px;
}
.player__control--modern svg {
  color: #fff;
  display: block;
  height: 6px;
  width: 6px;
}
.player__control--play {
  position: relative;
}
.player__control--play svg {
  transform: translateX(1px);
}
.player__control--pause {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
}
.player__control--pause::after {
  content: "";
  display: block;
  width: 70%;
  height: 60%;
  background: linear-gradient(to right, #808080 0% 40%, transparent 40% 60%, #808080 60% 100%);
}
.player__control--volume {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 25%;
  max-width: none;
  margin-right: 5px;
  user-select: none;
}
.player__control--volume .player__slider {
  margin-left: 5px;
}
.player__control-panel {
  width: calc(100% - 30px);
}
.player__time {
  font-size: 8px;
  font-family: Roboto;
  color: #AECECD;
  max-width: 25px;
  user-select: none;
}
.player__slider {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex-grow: 1;
  user-select: none;
  height: 12px;
  cursor: pointer;
}
.player__slider-zoom-btns {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
.player__slider-zoom-btn svg {
  width: 22px;
  height: 22px;
  transform: rotate(90deg);
  color: #bfbfbf;
}
.player__slider-path {
  display: flex;
  flex-grow: 1;
  height: 5px;
  background-color: #bfbfbf;
  border-radius: 6px;
  cursor: pointer;
}
.player__slider-path--modern {
  background-color: initial;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.player__slider-left-path {
  background-color: #00A4AB;
  border-radius: 6px;
  cursor: pointer;
}
.player__slider-left-path--modern {
  background: #0092F2;
  opacity: 0.5;
  height: 100%;
  mix-blend-mode: color-dodge;
}
.player__thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-color: #00A6AD;
  border-radius: 100%;
  cursor: pointer;
}
.player__thumb--modern {
  background-color: #00a6ad;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transform: none;
  transform: none;
  width: 1px;
}

.voicemail {
  display: flex;
}
.voicemail__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px 6px;
}
.voicemail__text {
  display: flex;
  text-transform: capitalize;
  font-size: 11px;
  color: #000;
  margin-right: 11px;
}
.voicemail__time {
  padding: 0 2px;
}
.voicemail__icon {
  fill: #FF8C37;
  width: 16px;
  height: 14px;
}.conference-participant {
  display: flex;
  align-items: center;
  padding: 3px 8px 3px 3px;
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
  font-size: 12px;
}
.conference-participant--small {
  font-size: 13px;
  color: #fff;
  background-color: #808080;
  padding: 2px 5px;
  border-radius: 25px;
  text-align: center;
  display: unset;
  margin-right: 2px;
}
.conference-participant--small-online {
  background-color: #00A562;
}
.conference-participant--online {
  border-color: #00A562;
}
.conference-participant--busy, .conference-participant--host {
  border-color: #F8737F;
}
.conference-participant--offline {
  border-color: #808080;
}
.conference-participant--checkable {
  background-color: #E6EBF1;
}
.conference-participant__img-wrap {
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-color: #F6F9FC;
  border-radius: 50%;
}
.conference-participant__img-wrap img {
  border-radius: 50%;
}
.conference-participant__status {
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
}
.conference-participant__name {
  color: #808080;
  margin: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conference-participant__conference-status {
  margin-left: auto;
  color: #808080;
  font-style: italic;
  padding-right: 3px;
}
.conference-participant__creator {
  color: #fff;
  background-color: #F8737F;
  border-radius: 25px;
  padding: 1px 10px;
}
.conference-participant__checkbox {
  position: absolute;
  visibility: hidden;
  right: 6px;
  outline: none;
}
.conference-participant__checkbox::after {
  display: block;
  visibility: visible;
  cursor: pointer;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  position: absolute;
  left: -2px;
  top: -2px;
  border: solid 1px #bfbfbf;
}
.conference-participant__checkbox:checked::after {
  display: block;
  visibility: visible;
  content: "";
  background-color: #0092F2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  position: absolute;
  left: -2px;
  top: -2px;
}

.general-conference-full-mode .conference-participant--offline {
  cursor: default;
}

.general-conference-full-mode .conference-participant--offline .conference-participant__checkbox::after {
  display: none;
}.conference-item {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.conference-item:not(:last-child) {
  margin-bottom: 10px;
}
.conference-item__main {
  display: flex;
  flex-grow: 1;
  align-items: center;
  background-color: #C5E9F4;
  border-radius: 5px;
  padding: 5px 8px 5px 5px;
  max-height: 40px;
  transition: all 1s;
  min-width: 0;
  position: relative;
  max-width: 250px;
}
.conference-item.general-conference .conference-item__main {
  min-width: 0;
}
.conference-item__count {
  font-size: 12px;
  padding: 8px;
}
.conference-item__info {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 0;
  text-align: left;
  align-items: center;
}
.conference-item__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 5px;
}
.conference-item__img-wrap {
  width: 20px;
  height: 20px;
}
.conference-item__img {
  border-radius: 50%;
}
.conference-item__participants {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  color: #808080;
  font-size: 14px;
}
.conference-item__meta {
  margin: 0;
  line-height: 1.5;
  font-size: 12px;
  color: #808080;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  height: 14px;
}
.conference-item__meta > b {
  color: #0092F2;
  margin: 0 5px;
}
.conference-item__meta > svg {
  margin-left: 5px;
}
.conference-item__duration {
  margin: 0;
  font-size: 12px;
  white-space: nowrap;
  min-width: 43px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
}
.conference-item__timers {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conference-item__timer {
  margin-right: 10px;
  font-size: 12px;
}
.conference-item__timer--hold {
  color: #F20C0C;
}
.conference-item__btns {
  display: flex;
}
.conference-item__btn {
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
}
.conference-item__btn:disabled {
  cursor: not-allowed;
  transform: unset;
}
.conference-item__btn:disabled svg {
  fill: #a5a5a5;
}
.conference-item__btns-mute-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.conference-item__btns-mute-wrap button {
  min-width: 32px;
}

.conference-item--active .conference-item__main {
  min-width: 290px;
}
.conference-item--active .conference-item__info {
  display: flex;
}
.conference-item--active .conference-item__timers {
  margin-left: auto;
  font-size: 16px;
}
.conference-item--active .conference-item__timer {
  font-size: 16px;
  font-style: italic;
}

.conference-item--invited .conference-item__main {
  position: relative;
}
.conference-item--invited .conference-item__invitation {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
  z-index: 2;
  cursor: default;
  border-radius: 6px;
  background-color: rgba(1, 223, 133, 0.4);
}
.conference-item--invited .conference-item__invitation-title {
  color: #0092F2;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  background-color: #fff;
  border-radius: 6px;
  padding: 2px 5px 0px;
}
@media (max-width: 1400px) {
  .conference-item--invited .conference-item__invitation-title {
    padding: 1px 3px;
    font-size: 11px;
  }
}
.conference-item--invited .conference-item__invitation-btns {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.conference-item--invited .conference-item__invitation-btns button {
  color: #404040;
  font-size: 12px;
  margin: 0;
  padding: 2px 8px;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1400px) {
  .conference-item--invited .conference-item__invitation-btns button {
    padding: 2px 4px;
    font-size: 10px;
  }
}
.conference-item--invited .conference-item__invitation-btns button:first-child {
  background-color: #F8737F;
}
.conference-item--invited .conference-item__invitation-btns button:first-child:hover {
  background-color: #e75d68;
}
.conference-item--invited .conference-item__invitation-btns button:last-child {
  background-color: #01df85;
}
.conference-item--invited .conference-item__invitation-btns button:last-child:hover {
  background-color: #03c275;
}

.general-conference-full-mode .conference-item__invitation-title {
  font-size: 12px;
  padding: 2px 5px 0px;
}
.general-conference-full-mode .conference-item__invitation-btns button {
  font-size: 14px;
  padding: 2px 8px;
}@keyframes shakeMe {
  0%, 20%, 40%, 60%, 80% {
    transform: translateX(-1px);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
  }
}
.booking-item-new {
  cursor: pointer;
}
.booking-item-new--to-sort {
  --status-color: rgb(var(--tosort-booking-status-color));
}
.booking-item-new--to-do {
  --status-color: rgb(var(--todo-booking-status-color));
}
.booking-item-new--confirmed {
  --status-color: rgb(var(--confirmed-booking-status-color));
}
.booking-item-new--done {
  --status-color: rgb(var(--done-booking-status-color));
}
.booking-item-new--cancelled {
  --status-color: rgb(var(--canceled-booking-status-color));
}
.booking-item-new--deleted {
  opacity: 0.5;
}

[data-isanimate=true] {
  animation: shakeMe 1s linear;
}.booking-confirmation-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-transform: capitalize;
  color: var(--status-color);
  height: 16px;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.booking-confirmation-status__icon {
  display: flex;
  height: 14px;
  width: 14px;
  aspect-ratio: 1;
}
:is(.booking-confirmation-status__icon--cancelled, .booking-confirmation-status__icon--done, .booking-confirmation-status__icon--confirmed) {
  border-radius: 50%;
}
.booking-confirmation-status__icon--cancelled {
  background-color: rgb(var(--black-status-color));
}
.booking-confirmation-status__icon--done {
  background-color: rgb(var(--blue-status-color));
}
.booking-confirmation-status__icon--confirmed {
  background-color: rgb(var(--green-status-color));
}
.booking-confirmation-status__icon > svg {
  margin: auto;
  height: 5px;
  color: white;
}
.booking-confirmation-status > svg {
  height: 14px;
}.booking-week-item {
  display: flex;
  flex-direction: column;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  margin-bottom: 15px;
  border-radius: 6px;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.booking-week-item:hover {
  background-color: rgba(var(--tertiary-color), var(--strong-highlighted-opacity));
}
.booking-week-item--hidden {
  align-items: flex-start;
}
.booking-week-item__color-line {
  height: 4px;
  width: 100%;
  background-color: var(--status-color);
}
.booking-week-item__header, .booking-week-item__info {
  display: flex;
  height: 20px;
  align-items: center;
  padding: 0 6px;
  justify-content: space-between;
}
.booking-week-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  padding: 3px 8px;
}
.booking-week-item__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 8px;
  width: 100%;
  container-type: inline-size;
  container-name: label-container;
}
.booking-week-item__content--hidden {
  padding: 4px;
  flex-direction: row;
  justify-content: space-between;
}
.booking-week-item__hidden-label {
  width: 33.3333333333%;
}
@container label-container (max-width: 250px) {
  .booking-week-item__hidden-label .icon-wrapper {
    min-width: 24px !important;
  }
}
.booking-week-item__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.booking-week-item__hidden-part {
  flex-direction: row;
  gap: 6px;
}.booking-lined-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  background-color: #F3F3F4;
  border-top: 1px solid #E6EBF1;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
}
.booking-lined-item__color-line {
  height: 100%;
  width: 3px;
  border-radius: 6px;
  position: absolute;
  left: 0;
}
.booking-lined-item__color-line--to-sort {
  --status-color: rgb(var(--tosort-booking-status-color));
}
.booking-lined-item__color-line--to-do {
  --status-color: rgb(var(--todo-booking-status-color));
}
.booking-lined-item__color-line--confirmed {
  --status-color: rgb(var(--confirmed-booking-status-color));
}
.booking-lined-item__color-line--done {
  --status-color: rgb(var(--done-booking-status-color));
}
.booking-lined-item__color-line--cancelled {
  --status-color: rgb(var(--canceled-booking-status-color));
}
.booking-lined-item__color-line {
  background-color: var(--status-color);
}
.booking-lined-item__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-right: 2px;
  gap: 3px;
}
.booking-lined-item__column--escort {
  margin-left: 8px;
}
.booking-lined-item__column--escort > div > div {
  gap: 3px;
}
.booking-lined-item__column--duo {
  width: 5%;
}
.booking-lined-item__column--details {
  width: 14%;
}
.booking-lined-item__column--requirements {
  width: 7%;
}
.booking-lined-item__column--status {
  gap: 3px;
  position: absolute;
  top: 0;
  right: 15%;
  height: fit-content;
}
.booking-lined-item__column--client {
  width: 24%;
}
.booking-lined-item__column--rest {
  align-items: flex-end;
  flex-grow: 1;
  padding-right: 8px;
  justify-content: space-between;
}
.booking-lined-item__client {
  height: 100%;
}
.booking-lined-item__client p {
  max-height: 70%;
}
.booking-lined-item__client .lazy-load__container {
  width: 32px;
}
.booking-lined-item__client img {
  height: 32px;
  width: 32px;
}
.booking-lined-item__escort {
  width: 100%;
}
.booking-lined-item__date {
  position: absolute;
  top: 1px;
  font-size: 10px;
}
.booking-lined-item__date--to-sort {
  color: rgb(var(--tosort-booking-status-color));
}
.booking-lined-item__date--to-do {
  color: rgb(var(--todo-booking-status-color));
}
.booking-lined-item__date--confirmed {
  color: rgb(var(--confirmed-booking-status-color));
}
.booking-lined-item__date--done {
  color: rgb(var(--done-booking-status-color));
}
.booking-lined-item__date--cancelled {
  color: rgb(var(--canceled-booking-status-color));
}
.booking-lined-item__column-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.booking-lined-item__requirements {
  justify-content: center;
  width: 100%;
}.booking-table-item {
  display: flex;
  font-size: 12px;
  height: 51px;
}
.booking-table-item--deleted {
  opacity: 0.5;
}
.booking-table-item--deleted .booking-status1 {
  color: #F20C0C;
}
.booking-table-item__client, .booking-table-item__escort {
  color: #0092F2;
  font-style: normal;
}
.booking-table-item__client p, .booking-table-item__escort p {
  max-height: 86%;
}
.booking-table-item__status {
  height: 50px;
  width: 50px;
}
.booking-table-item .booking-table-item__table-col--status {
  padding: 0;
}
.booking-table-item__notes {
  max-height: 84%;
}
.booking-table-item__date {
  display: flex;
  flex-direction: column;
}.label {
  display: inline;
  height: 18px;
  color: rgba(73, 70, 86, 0.6);
  border-radius: 6px;
  padding-right: 12px;
  font-size: 10px;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  width: min-content;
}
.label:not(:has(.icon-wrapper)) {
  padding-left: 12px;
}
.label > * {
  display: inline;
  vertical-align: middle;
  position: relative;
}
.label--dark {
  background-color: rgba(var(--tertiary-color), var(--highlighted-opacity));
}
.label--light {
  background-color: rgb(var(--primary-color));
}
.label--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.label--selected {
  background-color: rgb(var(--secondary-color), 0.4);
}
.label--extended {
  height: 32px;
}
.label__icon-wrapper--shorted {
  min-width: 24px;
}
.label__extra-icon-wrapper--shorted {
  min-width: 24px;
}
.label__text-wrapper {
  display: inline;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  font-style: italic;
}
.label__text {
  display: inline;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.label--clickable:not(.label--disabled):hover {
  cursor: pointer;
  color: rgb(0, 0, 0);
}
.label :is(.icon-wrapper, .extra-icon-wrapper) {
  display: inline-flex;
  height: 100%;
  min-width: 32px;
  aspect-ratio: 1;
}
.label :is(.icon-wrapper, .extra-icon-wrapper) > * {
  max-width: 10px;
  height: -webkit-fill-available;
  aspect-ratio: 1;
  margin: auto;
}
.label :is(.icon-wrapper, .extra-icon-wrapper) > * > svg {
  width: 100%;
  height: 100%;
}
.label .extra-icon-wrapper {
  margin-right: -12px;
}
.label__text-wrap {
  display: flex;
  width: 100%;
  gap: 3px;
  flex-direction: column;
  margin-top: 2px;
}
.label__extra-text {
  display: inline-block;
}
.label__status {
  color: #F20C0C;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 10px;
}
.label__status span {
  display: inline-block;
}.booking-operator {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-style: italic;
  color: rgb(var(--blue-status-color));
}.booking-date {
  text-transform: lowercase;
  line-height: 14px;
}.booking-escort__wrapper {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 10px;
}
.booking-escort__avatar-container {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: auto;
}
.booking-escort__avatar-container:not(:has(:only-child)) {
  aspect-ratio: 1;
}
.booking-escort__avatar-container:not(:has(:only-child)) > :nth-child(2) {
  position: absolute;
  right: 0;
}
.booking-escort__avatar-container:has(:first-child:nth-last-child(3)) > :first-child {
  position: absolute;
  top: 0;
  left: 0;
}
.booking-escort__avatar-container:has(:first-child:nth-last-child(3)) > :nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
}
.booking-escort__avatar-container:has(:first-child:nth-last-child(3)) > :nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.booking-escort__avatar-container:empty {
  display: none;
}
.booking-escort__label {
  width: fit-content;
}
.booking-escort__content {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.booking-escort__avatar {
  height: calc(50% + 4px);
  width: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid white;
}
.booking-escort__name {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #0092F2;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.booking-escort__name::before {
  box-sizing: border-box;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  transition: all 0.2s ease-in;
  margin-right: 4px;
}
.booking-escort__name--available::before {
  content: "";
  background-color: rgb(1, 223, 133);
}
.booking-escort__name--off::before {
  content: "";
  background-color: #f8737f;
}
.booking-escort__name--off-today::before {
  content: "";
  background-color: #933131;
}
.booking-escort__name--agent {
  color: #88259C;
}.booking-markers {
  display: flex;
  flex-direction: row;
  gap: 8px;
  color: var(--dimmed-font-color);
  height: 13px;
}
.booking-markers__item {
  height: 100%;
  aspect-ratio: 1;
}
.booking-markers__item--zenkit {
  width: fit-content;
}.booking-badges__item {
  font-weight: bold;
}
.booking-badges__item--duo {
  color: #FF41BF;
}.booking-status1 {
  text-transform: capitalize;
}
.booking-status1--cancelled {
  color: rgb(var(--red-status-color));
}
.booking-status1--pending {
  color: rgb(var(--dark-blue-status-color));
}
.booking-status1--finished {
  color: rgb(var(--green-status-color));
}
.booking-status1--in-progress {
  color: rgb(var(--brown-green-status-color));
}.booking-short-lined-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 56px;
  width: 100%;
  background-color: #F3F3F4;
  border-top: 1px solid #E6EBF1;
  border-radius: 4px;
  font-size: 12px;
  overflow: hidden;
  cursor: pointer;
  gap: 8px;
}
.booking-short-lined-item__color-line {
  height: 100%;
  width: 3px;
  border-radius: 6px;
  position: absolute;
  left: 0;
}
.booking-short-lined-item__color-line--to-sort {
  --status-color: rgb(var(--tosort-booking-status-color));
}
.booking-short-lined-item__color-line--to-do {
  --status-color: rgb(var(--todo-booking-status-color));
}
.booking-short-lined-item__color-line--confirmed {
  --status-color: rgb(var(--confirmed-booking-status-color));
}
.booking-short-lined-item__color-line--done {
  --status-color: rgb(var(--done-booking-status-color));
}
.booking-short-lined-item__color-line--cancelled {
  --status-color: rgb(var(--canceled-booking-status-color));
}
.booking-short-lined-item__color-line {
  background-color: var(--status-color);
}
.booking-short-lined-item__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-right: 2px;
  gap: 2px;
}
.booking-short-lined-item__column--escort {
  margin-left: 8px;
}
.booking-short-lined-item__column--escort :has(> p) {
  gap: 3px;
}
.booking-short-lined-item__column--duo {
  width: 7%;
  align-items: center;
}
.booking-short-lined-item__column--client {
  display: flex;
  justify-self: flex-start;
  width: fit-content;
  height: 18px;
  max-width: 240px;
}
.booking-short-lined-item__column--details {
  gap: 3px;
}
.booking-short-lined-item__column--status {
  gap: 3px;
  position: absolute;
  top: 0;
  right: 15%;
  height: fit-content;
}
.booking-short-lined-item__column--rest {
  align-items: end;
  flex-grow: 1;
  padding-right: 8px;
  justify-content: space-between;
}
.booking-short-lined-item__client {
  height: 100%;
  width: 100%;
}
.booking-short-lined-item__client p {
  max-height: 70%;
}
.booking-short-lined-item__client img {
  height: 32px;
  width: 32px;
}
.booking-short-lined-item__escort {
  width: 100%;
}
.booking-short-lined-item__date {
  position: absolute;
  top: 1px;
  font-size: 10px;
}
.booking-short-lined-item__date--to-sort {
  color: rgb(var(--tosort-booking-status-color));
}
.booking-short-lined-item__date--to-do {
  color: rgb(var(--todo-booking-status-color));
}
.booking-short-lined-item__date--confirmed {
  color: rgb(var(--confirmed-booking-status-color));
}
.booking-short-lined-item__date--done {
  color: rgb(var(--done-booking-status-color));
}
.booking-short-lined-item__date--cancelled {
  color: rgb(var(--canceled-booking-status-color));
}
.booking-short-lined-item__column-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}.booking-modal-lined-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 41px;
  background-color: #fff;
  border-top: 1px solid #E6EBF1;
  font-size: 12px;
  width: 100%;
  cursor: pointer;
}
.booking-modal-lined-item__color-line {
  height: 100%;
  width: 3px;
  border-radius: 6px;
  position: absolute;
  left: 0;
}
.booking-modal-lined-item__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.booking-modal-lined-item__column--escort {
  width: 16%;
  margin-left: 8px;
}
.booking-modal-lined-item__column--escort > div > div {
  gap: 3px;
}
.booking-modal-lined-item__column--duo {
  align-items: center;
  width: 9%;
}
.booking-modal-lined-item__column--details {
  width: 26%;
}
.booking-modal-lined-item__column--requirements {
  width: 9%;
}
.booking-modal-lined-item__column--status {
  width: 15%;
  gap: 3px;
}
.booking-modal-lined-item__column--rest {
  width: 25%;
  align-items: end;
}
.booking-modal-lined-item__client {
  width: 100%;
  max-height: 14px;
}
.booking-modal-lined-item__date {
  color: #8C97B2;
}
.booking-modal-lined-item__column-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.booking-modal-lined-item__requirements {
  width: 100%;
  justify-content: center;
}.booking-session-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 41px;
  background-color: #fff;
  border-top: 1px solid #E6EBF1;
  font-size: 12px;
  width: 100%;
  cursor: pointer;
}
.booking-session-item__color-line {
  height: 100%;
  width: 3px;
  border-radius: 6px;
  position: absolute;
  left: 0;
}
.booking-session-item__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.booking-session-item__column--escort {
  width: 16%;
  margin-left: 8px;
}
.booking-session-item__column--duo {
  align-items: center;
  width: 9%;
}
.booking-session-item__column--details {
  width: 23%;
}
.booking-session-item__column--requirements {
  width: 9%;
}
.booking-session-item__column--status {
  width: 22%;
}
.booking-session-item__column--rest {
  width: 23%;
  align-items: end;
}
.booking-session-item__client img {
  height: 32px;
  width: 32px;
}
.booking-session-item__date {
  color: #8C97B2;
}
.booking-session-item__column-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}.booking-notes {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: balance;
}.booking-requirements-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
  width: fit-content;
  max-width: 100%;
}
.booking-requirements-new__item {
  display: block;
  width: 3px;
  height: 12px;
  border-radius: 2px;
}
.booking-requirements-new__titles {
  display: flex;
  flex-direction: column;
}
.booking-requirements-new__titles-item {
  list-style: none;
  text-align: left;
}.booking-attachment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  padding: 4px;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  font-style: normal;
  cursor: pointer;
  height: 60px;
}
.booking-attachment .icon-wrapper {
  min-width: 24px;
}
.booking-attachment__escort {
  margin-block: 4px;
}
.booking-attachment__details {
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  max-width: 89%;
  width: fit-content;
}
.booking-attachment__operator {
  right: 11px;
  bottom: 2px;
  flex-shrink: 0;
  letter-spacing: 1px;
  z-index: 2;
}
.booking-attachment__status {
  color: #F20C0C;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.booking-attachment__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.booking-attachment__column:first-child {
  align-items: flex-start;
}
.booking-attachment__column:last-child {
  align-items: flex-end;
}.booking-g-tab-item {
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: 8px;
  background-color: rgba(var(--tertiary-color), 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: hidden;
}
.booking-g-tab-item__color-line {
  width: 100%;
  height: 4px;
  background-color: var(--status-color);
}
.booking-g-tab-item:has(.chat-opened) {
  box-shadow: 0px 0px 3px 4px rgba(var(--secondary-color), var(--selected-opacity));
}
.booking-g-tab-item__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 4px 8px;
}
.booking-g-tab-item__row {
  display: flex;
  height: 18px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.booking-g-tab-item__row > * {
  height: 100%;
}
.booking-g-tab-item__row > *:first-child {
  max-width: 75%;
}.booking-form-item {
  height: 60px;
  width: 274.5px;
  background-color: #fff;
  border-radius: 6px;
  font-size: 12px;
  flex-shrink: 0;
  overflow: hidden;
  padding-right: 10px;
}
.booking-form-item-escort__content {
  height: 100%;
}
.booking-form-item-escort__container {
  height: 100%;
}
.booking-form-item-escort__container img {
  height: 60px;
  width: 60px;
  min-width: 60px;
  border-radius: 0px;
}
.booking-form-item-escort__avatars-container {
  height: 100%;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden;
}
.booking-form-item__details {
  margin-top: 12px;
}.booking-horizontal-item__column {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-horizontal-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 56px;
  background-color: rgba(73, 70, 86, 0.05);
  border-radius: 6px;
  overflow: hidden;
  container-type: inline-size;
  container-name: booking-horizontal-item;
}
.booking-horizontal-item--prebookings-list {
  background-color: #F3F3F4;
  cursor: default;
}
.booking-horizontal-item__date {
  width: 110px;
}
.booking-horizontal-item__color-line {
  height: 100%;
  width: 4px;
  background-color: var(--status-color);
}
.booking-horizontal-item__body {
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  width: calc(100% - 4px);
}
.booking-horizontal-item__column {
  font-size: 10px;
  display: flex;
  flex-direction: column;
}
.booking-horizontal-item__column:first-child {
  width: 82%;
}
.booking-horizontal-item__column:last-child {
  width: 18%;
  text-align: right;
  align-items: flex-end;
  justify-content: space-between;
}
.booking-horizontal-item__row {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.booking-horizontal-item__row--header {
  margin: 4px 0;
  height: 10px;
  line-height: 10px;
}
.booking-horizontal-item__row--header > * {
  display: flex;
  font-size: 10px;
}
.booking-horizontal-item__row--header > :nth-child(2), .booking-horizontal-item__row--header > :nth-child(3) {
  width: 30%;
  justify-content: flex-end;
}
.booking-horizontal-item__row--header > :nth-child(2) {
  width: 40%;
  padding-right: 10px;
}
.booking-horizontal-item__row:first-child {
  justify-content: space-between;
  color: var(--status-color);
}
@container booking-horizontal-item (max-width: 500px) {
  .booking-horizontal-item__status {
    display: none;
  }
}
@container booking-horizontal-item (max-width: 500px) {
  .booking-horizontal-item__row--details:first-child {
    justify-content: space-between;
    color: var(--status-color);
  }
  .booking-horizontal-item__row--details > :nth-child(1), .booking-horizontal-item__row--details > :nth-child(3) {
    width: 30%;
  }
  .booking-horizontal-item__row--details > :nth-child(2) {
    width: 40%;
  }
}
.booking-horizontal-item .label:not(:last-of-type) {
  overflow: visible;
}.booking-contact-item {
  display: flex;
  height: 62px;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  border-radius: 6px;
  overflow: hidden;
}
.booking-contact-item--light {
  background-color: rgba(var(--primary-color));
}
.booking-contact-item__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 2px 8px;
}
.booking-contact-item__color-line {
  width: 4px;
  height: 100%;
  background-color: var(--status-color);
}
.booking-contact-item--clickable {
  cursor: pointer;
}
.booking-contact-item__column {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
  align-self: first baseline;
  height: 100%;
}
.booking-contact-item__column:first-child {
  align-items: flex-start;
  width: 80%;
}
.booking-contact-item__column:last-child {
  align-items: flex-end;
  justify-content: space-between;
}
.booking-contact-item__contact {
  max-width: 115%;
}
.booking-contact-item__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 40px;
}
.booking-contact-item__graphs {
  display: flex;
  flex-direction: column;
  height: 40px;
  width: 100px;
  gap: 6px;
}
.booking-contact-item__graphs-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}
.booking-contact-item__date {
  color: var(--status-color);
}
.booking-contact-item__markers {
  justify-content: flex-end;
}
.booking-contact-item__markers div {
  scale: 0.85;
}.booking-contact-pinned-item {
  display: flex;
  flex-direction: row;
  height: 18px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}
.booking-contact-pinned-item__deleted-status {
  position: absolute;
  right: 10px;
  color: #F20C0C;
}
.booking-contact-pinned-item__escort, .booking-contact-pinned-item__client, .booking-contact-pinned-item__details {
  font-size: 10px;
  font-style: italic;
  color: rgba(73, 70, 86, 0.6);
  margin-left: 4px;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.booking-contact-pinned-item__escort > *, .booking-contact-pinned-item__client > *, .booking-contact-pinned-item__details > * {
  vertical-align: middle;
}
.booking-contact-pinned-item__escort > svg, .booking-contact-pinned-item__client > svg, .booking-contact-pinned-item__details > svg {
  width: 10px;
  margin-inline: 6px;
}
.booking-contact-pinned-item__escort, .booking-contact-pinned-item__client {
  max-width: 50%;
}
:is(.booking-contact-pinned-item__escort, .booking-contact-pinned-item__client):hover {
  color: rgb(0, 0, 0);
}.bookings-by-date {
  flex-direction: column;
  width: clamp(660px, 36.2vw, 700px);
  height: 76vh;
  border-radius: 24px;
  font-size: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
  font-family: Manrope, Roboto, sans-serif;
  overflow: hidden;
}
.bookings-by-date[popover] {
  position-anchor: --anchor-bookings-by-date-modal;
  top: anchor(bottom);
  right: anchor(right);
  translate: 35% 0;
}
.bookings-by-date[popover]:popover-open {
  display: flex;
}
.bookings-by-date .date-time-picker {
  translate: 108% 0 !important;
}
.bookings-by-date__date-changer-date {
  width: 195px;
}
.bookings-by-date__statuses {
  height: 100%;
}
.bookings-by-date__main-filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.bookings-by-date__agent-filter {
  width: 170px;
}
.bookings-by-date__secondary-filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.bookings-by-date__header-wrapper {
  background-color: rgba(0, 166, 173, 0.075);
}
.bookings-by-date__header {
  display: flex;
  flex-direction: column;
  margin: 16px;
  gap: 16px;
}
.bookings-by-date__header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  height: 32px;
}
.bookings-by-date__row-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookings-by-date__row-wrap:nth-child(2) {
  margin: 10px 0;
}
.bookings-by-date__today-btn {
  display: flex;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0;
  color: #03c275;
  margin-right: 36px;
  max-height: 19px;
  cursor: pointer;
}
.bookings-by-date__today-btn-icon {
  width: 19px;
  height: 19px;
  color: #00A6AD;
}
.bookings-by-date__today-btn-text {
  margin-top: 2px;
  margin-left: 8px;
}
.bookings-by-date__date-container {
  display: flex;
  align-items: center;
}
.bookings-by-date__date-container-date {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 32px;
  margin: 0 12px;
  padding: 7px 15px;
  border-radius: 6px;
  color: #8C97B2;
  background-color: #fff;
  border: 1px solid #00A6AD;
  cursor: pointer;
}
.bookings-by-date__date-container-icon {
  width: 11px;
  height: 11px;
  color: #00A6AD;
  cursor: pointer;
}
.bookings-by-date__date-container-icon--next {
  transform: rotate(180deg);
}
.bookings-by-date__search-input {
  height: 36px;
  width: 252px;
}
.bookings-by-date__filters-wrap {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
.bookings-by-date__counter {
  margin-right: 4px;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.bookings-by-date__bookings-list-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 15px 27px 16px;
}
.bookings-by-date__bookings-list-wrap .scrollbars-thumb {
  background-color: #E6EBF1;
}
.bookings-by-date__list-container {
  height: 100%;
}
.bookings-by-date__bookings-list-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
  margin-left: 50px;
  color: #8C97B2;
  font-size: 14px;
}
.bookings-by-date__spinner-wrap, .bookings-by-date__no-items {
  position: absolute;
  width: fit-content;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.bookings-by-date__no-items {
  font-size: 14px;
  color: #8C97B2;
}
.bookings-by-date__item {
  display: flex;
  flex-direction: row;
  margin-left: 50px;
}
.bookings-by-date__item:first-of-type > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="0"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="1"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="2"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="3"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="4"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="5"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="6"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="7"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="8"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="9"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="10"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="11"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="12"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="13"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="14"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="15"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="16"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="17"] + .bookings-by-date__item[data-hourmarker="40"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="40"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="18"] + .bookings-by-date__item[data-hourmarker="41"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="40"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="41"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="19"] + .bookings-by-date__item[data-hourmarker="42"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="40"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="41"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="42"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="20"] + .bookings-by-date__item[data-hourmarker="43"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="40"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="41"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="42"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="43"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="21"] + .bookings-by-date__item[data-hourmarker="44"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="24"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="25"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="26"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="27"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="28"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="29"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="30"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="31"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="32"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="33"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="34"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="35"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="36"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="37"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="38"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="39"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="40"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="41"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="42"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="43"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="44"] > time {
  visibility: visible;
}
.bookings-by-date__item[data-hourmarker="22"] + .bookings-by-date__item[data-hourmarker="45"] > time {
  visibility: visible;
}
.bookings-by-date__hour-marker {
  position: absolute;
  z-index: 2;
  visibility: hidden;
  font-size: 14px;
  color: #8C97B2;
  white-space: pre;
  transform: translateX(calc(-100% - 10px));
  margin-right: 12px;
}.booking-filters {
  display: flex;
  position: relative;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.booking-filters__item {
  text-transform: capitalize;
}.booking-status-filters {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 100%;
  gap: 8px;
}
.booking-status-filters__item {
  text-transform: capitalize;
}.bookings-select-filter {
  display: flex;
  position: relative;
  align-items: center;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  align-self: stretch;
  padding-left: 6px;
  background-color: #fff;
}
.bookings-select-filter:hover {
  border: 1px solid #00A6AD;
}
.bookings-select-filter:has(.react-select--menu-is-open) {
  border: 1px solid #00A6AD;
}
.bookings-select-filter:has(.react-select--is-disabled) {
  opacity: 0.8;
  cursor: default;
}
.bookings-select-filter > .lazy-load__container {
  width: 13px;
  height: 13px;
  min-width: 13px;
}
.bookings-select-filter__icon {
  color: #3565FD;
  width: 15px;
  height: 13px;
  min-width: 13px;
}
.bookings-select-filter .react-select {
  height: 100%;
  width: 100%;
  position: static;
}
.bookings-select-filter .react-select__single-value {
  margin-left: 2px;
}
.bookings-select-filter .react-select__placeholder {
  color: hsl(0, 0%, 50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 1px;
}
.bookings-select-filter .react-select__control {
  display: flex;
  border-radius: 6px;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 1px 5px;
  background-color: #fff;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
  color: #404040;
  min-height: 30px;
  cursor: pointer;
}
.bookings-select-filter .react-select__indicator {
  color: #808080;
  padding: 0;
}
.bookings-select-filter .react-select__indicator:nth-child(2) {
  display: none;
}
.bookings-select-filter .react-select__indicator svg {
  width: 14px;
  height: 14px;
}
.bookings-select-filter .react-select__menu {
  margin-top: -4px;
  width: 100%;
  left: 0;
  overflow: hidden;
}
.bookings-select-filter .react-select__menu-list {
  position: relative;
}
.bookings-select-filter .react-select__menu-list::-webkit-scrollbar {
  width: 4px;
}
.bookings-select-filter .react-select__menu-list::-webkit-scrollbar-track {
  background: transparent;
}
.bookings-select-filter .react-select__menu-list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.bookings-select-filter .react-select__menu-list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.bookings-select-filter .react-select__menu-list {
  width: 100%;
}
.bookings-select-filter .react-select__menu-list > div:hover {
  background-color: #88D6D9;
}
.bookings-select-filter .react-select__option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bookings-select-filter .react-select__option .lazy-load__container {
  width: 13px;
  height: 13px;
  min-width: 13px;
  margin-left: -9px;
  margin-right: 9px;
  pointer-events: none;
}
.bookings-select-filter .react-select__option-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bookings-select-filter .react-select__option:has(img) {
  display: flex;
  flex-direction: row;
  overflow: visible;
  justify-content: flex-start;
}
.bookings-select-filter .react-select__single-value {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  z-index: 2;
  font: 12px/20px Manrope, Roboto, sans-serif;
}
.bookings-select-filter .react-select--is-disabled .agent-select__dropdown-indicator {
  display: none;
}
.bookings-select-filter .react-select__placeholder {
  margin-left: 5px;
  font: 12px/20px Manrope, Roboto, sans-serif;
}.quick-booking-item {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  margin-right: 1px;
  height: 100px;
}
.quick-booking-item--no-diva-default-id {
  cursor: not-allowed;
}
.quick-booking-item--horizontal-line::after {
  content: "";
  display: block;
  width: calc(100% - 35px);
  height: 1px;
  background-color: #bfbfbf;
  margin: auto;
  margin-top: 8px;
}
.quick-booking-item__icon-wrapper {
  display: flex;
  color: #F8737F;
}
.quick-booking-item__icon-wrapper svg {
  width: 13px;
  height: 13px;
}
.quick-booking-item--is-pending {
  opacity: 0.5;
}
.quick-booking-item__spinner {
  z-index: 2;
  position: absolute;
  margin: auto;
  inset: 0;
}
.quick-booking-item__content {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  background-color: #F6F9FC;
  border: 1px solid #F3F3F4;
  border-radius: 8px;
  gap: 4px;
  color: #808080;
  overflow: hidden;
}
.quick-booking-item__content--active-contact {
  background-color: #fff;
  border-color: #29F18E;
}
.quick-booking-item__content--agent {
  border-color: #88259C;
  background-color: rgba(136, 37, 156, 0.8);
}
.quick-booking-item .booked-editor--editing {
  color: #000;
}
.quick-booking-item__info {
  width: 100%;
  min-width: 0;
}
.quick-booking-item__status-wrapper {
  padding: 0 2px;
}
.quick-booking-item__status-point {
  display: block;
  background-color: #000;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.quick-booking-item__info-top {
  display: flex;
  align-items: center;
}
.quick-booking-item__girl-info {
  display: flex;
  margin-top: 7px;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.quick-booking-item__girl-info span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.quick-booking-item__img-wrap {
  padding: 4px;
  min-width: 60px;
  height: 100%;
  overflow: hidden;
}
.quick-booking-item__name {
  margin-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #0092F2;
}.time-filter {
  display: flex;
  gap: 16px;
}
.time-filter__item {
  color: #067bf9;
  line-height: 19px;
  text-transform: capitalize;
  letter-spacing: 0;
  cursor: pointer;
}.booking-filters-list-new {
  display: flex;
  position: relative;
  flex-flow: row wrap;
}
.booking-filters-list-new__counter-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.booking-filters-list-new__counter-box--center {
  top: 50%;
  transform: translateY(-50%);
}
.booking-filters-list-new__counter-box--top {
  top: 9px;
}
.booking-filters-list-new__counter-box--bottom {
  bottom: 0;
}
.booking-filters-list-new__counter-box:has(.booking-filters-list-new__clear-btn) {
  cursor: pointer;
}
.booking-filters-list-new__counter {
  font-size: 10px;
  color: rgba(73, 70, 86, 0.6);
}
.booking-filters-list-new__clear-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-color: #FF5E57;
  border-radius: 4px;
  margin-left: 8px;
}
.booking-filters-list-new__clear-btn-icon {
  color: #fff;
  width: 8px;
  height: 8px;
}.booking-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  letter-spacing: 0.5px;
  font-size: 12px;
  text-transform: capitalize;
  gap: 3px;
  align-self: center;
  color: #000;
}
.booking-tag__label {
  display: block;
}
.booking-tag__count {
  display: block;
  min-width: 15px;
  text-align: left;
}.today-btn {
  display: flex;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0;
  color: #00A6AD;
  max-height: 19px;
  cursor: pointer;
}
.today-btn__icon {
  width: 22px;
  height: 22px;
  color: #00A6AD;
}
.today-btn__text {
  margin-top: 2px;
  margin-left: 8px;
}.date-time-changer {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 8px;
}
.date-time-changer__wrapper {
  position: relative;
}
.date-time-changer__container {
  justify-content: flex-start;
}
.date-time-changer__location {
  margin-left: 8px;
}
.date-time-changer__calendar-icon {
  width: 14px;
  height: 14px;
  margin: 0 8px;
}
.date-time-changer__prev-btn svg {
  transform: rotate(90deg);
}
.date-time-changer__next-btn svg {
  transform: rotate(-90deg);
}
.date-time-changer__tooltip {
  z-index: 4;
}.date-time-picker {
  height: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 21px 0 rgba(0, 0, 0, 0.15);
  overflow: visible !important;
  background-color: rgb(var(--primary-color));
  border-radius: 16px;
  border: 1px solid rgba(var(--tertiary-color), var(--strong-highlighted-opacity));
  font-size: 14px;
}
.date-time-picker[popover] {
  position-anchor: --anchor-date-time-picker;
  top: calc(anchor(bottom) + 10px);
  right: anchor(center);
  translate: 50% 0;
}
.date-time-picker[popover]:popover-open {
  display: flex;
}
.date-time-picker:not([popover]) {
  display: flex;
}
.date-time-picker__range-menu {
  display: flex;
  justify-content: space-between;
  height: 32px;
}
.date-time-picker__range-menu > * {
  text-transform: capitalize;
}
.date-time-picker .default-calendar {
  margin: 0 auto 5px;
}
.date-time-picker .time-select {
  display: flex;
  gap: 16px;
}
.date-time-picker .time-select .react-select {
  flex-grow: 1;
}
.date-time-picker .time-select .react-select:first-child {
  flex-grow: 8;
}
.date-time-picker .time-select .react-select--is-disabled .react-select__control {
  background-color: #bfbfbf;
}
.date-time-picker .time-select .react-select__control {
  width: 100%;
}
.date-time-picker__calendar {
  display: flex;
}
.date-time-picker__calendar > .default-calendar:not(:only-child):first-child {
  border-right: 1px solid rgba(var(--tertiary-color), var(--strong-highlighted-opacity));
}
.date-time-picker__actions, .date-time-picker__header {
  display: flex;
  flex-direction: row-reverse;
  height: 88px;
  align-items: center;
  padding: 24px;
}
.date-time-picker__actions button, .date-time-picker__header button {
  text-transform: capitalize;
}
.date-time-picker__actions {
  border-top: 1px solid rgba(var(--tertiary-color), var(--strong-highlighted-opacity));
  justify-content: space-between;
}
.date-time-picker__header {
  border-bottom: 1px solid rgba(var(--tertiary-color), var(--strong-highlighted-opacity));
  justify-content: center;
  gap: 16px;
}
.date-time-picker__action-buttons {
  display: flex;
  flex-direction: row;
  height: 100%;
  gap: 16px;
}
.date-time-picker__cancel, .date-time-picker__submit, .date-time-picker__range {
  padding: 6px;
  min-width: 100px;
  padding: 6px;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
}
.date-time-picker__cancel {
  padding: 6px 11px;
  background-color: #bfbfbf;
}
.date-time-picker__range {
  padding: 6px 11px;
  margin-left: 30px;
  background-color: #bfbfbf;
}
.date-time-picker__range--active {
  padding: 11px;
  background-color: #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.date-time-picker__submit {
  padding: 11px;
  margin-left: 30px;
  background-color: #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.date-time-picker__submit:disabled {
  background-color: #bfbfbf;
}
.date-time-picker__period {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 32px;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 12px;
  color: #000;
  transition: all 250ms;
  cursor: pointer;
  text-transform: capitalize;
}
.date-time-picker__period--active {
  background-color: #fff;
  color: #00A6AD;
}
.date-time-picker__date-select {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
.date-time-picker__range-date {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  background-color: rgba(var(--tertiary-color), var(--highlighted-opacity));
  height: 100%;
  border-radius: 12px;
}
.date-time-picker__select {
  position: relative;
}

.calendar-error-msg {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: center;
  width: 308px;
  height: 106px;
  margin: auto;
  padding: 10px 25px;
  border-radius: 6px;
  color: #808080;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  background-color: #F6F9FC;
  box-shadow: 0 -4px 12px 2px rgba(0, 0, 0, 0.18);
  inset: 0;
}
.calendar-error-msg__msg {
  display: flex;
  flex-grow: 1;
  align-items: center;
}.default-calendar {
  width: 407px;
}
.default-calendar .react-calendar__navigation {
  display: flex;
  padding: 24px;
  height: 90px;
  font-size: 18px;
  font-weight: bold;
}
.default-calendar .react-calendar__navigation__label {
  cursor: unset;
  color: #000;
}
.default-calendar .react-calendar__month-view {
  padding: 24px;
  padding-top: 0;
}
.default-calendar .react-calendar__month-view__weekdays {
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.2);
}
.default-calendar .react-calendar__month-view__weekdays__weekday {
  padding: 4px 0;
  font-size: 14px;
  text-align: center;
}
.default-calendar .react-calendar__month-view__weekdays__weekday abbr {
  text-decoration: none;
}
.default-calendar .react-calendar__month-view__days__day {
  position: relative;
  height: 40px;
  width: 48px;
  margin-bottom: 10px;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-radius 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 12px;
}
.default-calendar .react-calendar__month-view__days__day::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 12px;
}
.default-calendar .react-calendar__month-view__days__day:hover {
  background-color: rgba(var(--tertiary-color), 0.05);
}
.default-calendar .react-calendar__month-view__days__day:disabled {
  cursor: default;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.2);
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--active {
  background-color: rgba(var(--secondary-color), 0.6);
  color: #FFFFFF;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--active::before {
  border-bottom: 1px solid rgba(var(--secondary-color), 0.6);
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--active:not(.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeStart, .default-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd) {
  background-color: rgba(var(--tertiary-color), 0.05);
  color: black;
  border-radius: 0;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--active:not(.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeStart, .default-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd)::before {
  border-bottom: 1px solid transparent;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeStart:has(~ .react-calendar__tile--range) {
  border-radius: 12px 0 0 12px;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeStart:has(~ .react-calendar__tile--range)::before {
  border-radius: 12px 0 0 12px;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--range ~ .react-calendar__tile--rangeEnd {
  background-color: rgba(var(--secondary-color), 0.6);
  color: #FFFFFF;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--range ~ .react-calendar__tile--rangeEnd::before {
  border-bottom: 1px solid rgba(var(--secondary-color), 0.6);
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--range ~ .react-calendar__tile--rangeEnd {
  border-radius: 0 12px 12px 0;
}
.default-calendar .react-calendar__month-view__days__day.react-calendar__tile--range ~ .react-calendar__tile--rangeEnd::before {
  border-radius: 0 12px 12px 0;
}
.default-calendar .react-calendar__month-view__days__day--neighboringMonth {
  color: rgba(0, 0, 0, 0.2);
}
.default-calendar .react-calendar__tile--now {
  color: rgb(var(--dark-green-status-color));
}.time-select {
  height: 100%;
}
.time-select__hours-minutes-select {
  width: 87px;
}
.time-select .react-select .react-select__single-value {
  color: #404040;
  font-size: 14px;
  letter-spacing: 0.88px;
  font-weight: 400;
}
.time-select .react-select .react-select__control {
  background-color: #E6EBF1;
  border-radius: 6px;
  padding-left: 10px;
  min-height: 40px;
}
.time-select .react-select .react-select__dropdown-indicator svg {
  width: 16px;
  height: 16px;
  color: #000;
}
.time-select .react-select .react-select__menu-list {
  border-radius: 6px;
}
.time-select .react-select .react-select__menu-list::-webkit-scrollbar {
  width: 6px;
}
.time-select .react-select .react-select__menu-list::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
  border-radius: 3px;
}
.time-select .react-select .react-select__menu-list::-webkit-scrollbar-button {
  height: 5px;
}.select {
  height: 100%;
  cursor: pointer;
}
.select .select__input-container {
  position: absolute;
}
.select .select__menu {
  isolation: isolate;
  z-index: 200;
  text-align: left;
  width: max-content;
  min-width: 100%;
  box-shadow: 0 12px 24px 8px rgba(0, 0, 0, 0.12);
  overflow-y: scroll;
}
.select .select__menu::-webkit-scrollbar {
  display: none;
}
.select .select__menu-list {
  max-height: 300px;
  position: relative;
  padding: 0;
}
.select .select__value-container {
  height: 100%;
  padding: 0;
}
.select.isCapitalized .select__value-container * {
  text-transform: capitalize;
}
.select .select__control {
  height: 100%;
  cursor: pointer;
  border-radius: 6px;
  min-height: 100%;
  background-color: transparent;
}
.select .select__control--menu-is-open .select__indicator {
  transform: rotate(180deg);
}
.select .select__input-container {
  margin-left: 8px;
  padding: 0 !important;
}
.select .select__control--menu-is-open .select__indicator {
  color: #00A6AD;
  zoom: 0.8;
}
.select .select__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 15px;
  letter-spacing: 1px;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
}
.select .select__option:active {
  background-color: inherit;
}
.select .select__option:hover {
  background-color: #88D6D9 !important;
}
.select .select__option:nth-child(even) {
  background-color: #F3F3F4;
}
.select .select__option:last-child {
  border-radius: 0 0 6px 6px;
}
.select .select__option svg {
  position: relative;
  right: 0;
  height: 10px;
  width: 10px;
}
.select .select__option--is-focused {
  background-color: #88D6D9 !important;
}
.select .select__option--is-selected {
  background-color: inherit !important;
  color: #00A6AD;
}
.select .select__option--special {
  position: sticky;
  top: 0;
}
.select .select__single-value {
  text-align: left;
  margin: 0;
}
.select .select__option-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select .select__value-container {
  overflow: visible;
}
.select .select__value-container > * {
  min-height: 100%;
}
.select input {
  height: 100%;
}
.select--dark .select__control {
  min-height: 24px;
  height: 24px;
  font-size: 12px;
  border-color: transparent;
  border-radius: 6px;
  background-color: transparent;
  box-shadow: none;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.select--dark .select__control:hover {
  border-color: transparent;
  box-shadow: none;
}
.select--dark .select__control--menu-is-open {
  background-color: #00A6AD;
  box-shadow: none;
}
.select--dark .select__indicator {
  padding: 0;
  color: #fff;
}
.select--dark .select__indicator:hover {
  color: #fff;
}
.select--dark .select__indicator > svg {
  height: 14px;
  width: 14px;
}
.select--dark .select__single-value {
  background-color: inherit;
  color: #8C8A94;
  text-align: left;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select--dark .select__value-container {
  background-color: inherit;
  padding: 0 2px;
  height: 14px;
  width: 44px;
}
.select--dark .select__value-container input {
  padding: 0;
}
.select--light .select__control {
  border-radius: 8px;
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  font-size: 14px;
  letter-spacing: 1px;
}
.select--light .select__control:hover {
  border: 1px solid #00A6AD;
  box-shadow: none;
}
.select--light .select__control--is-disabled {
  filter: brightness(0.6);
}
.select--light .select__indicator {
  color: hsl(0, 0%, 20%);
}
.select--light .select__indicator > svg {
  height: 14px;
  width: 14px;
}
.select--light .select__placeholder {
  text-align: left;
  color: hsl(0, 0%, 20%);
}
.select--none {
  color: rgba(73, 70, 86, 0.6);
}
.select--none .select__control {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border: none;
  box-shadow: none;
  overflow: hidden;
}
.select--none .select__control [class*=Input] {
  left: 0px;
}
.select--none .select__control--is-focused .content {
  background-color: rgba(73, 70, 86, 0.075);
}
.select--none .select__value-container {
  padding: 0;
}
.select--none .select__indicator {
  padding: 6px;
}
.select--none .select__single-value {
  color: inherit;
}
.select--none input {
  position: absolute;
}
.select--dim .select__control {
  background-color: #E6EBF1;
  letter-spacing: 1px;
  color: #E6EBF1;
}
.select--dim .select__single-value {
  color: #808080;
}.search-input {
  display: flex;
  position: relative;
  height: 100%;
  z-index: 4;
  outline-width: 0;
  outline-color: rgba(0, 166, 173, 0.5);
  transition: outline 0.2s 0.2s ease-in-out, width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.search-input .search-input__content {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.search-input--is-can-be-collapsed .search-input__content {
  position: absolute;
}
.search-input--is-can-be-collapsed.search-input--collapsed-in-search-btn {
  width: 0;
}
.search-input--is-can-be-collapsed:not(.search-input--collapsed-in-search-btn) {
  width: 100%;
}
.search-input--collapsed-in-search-btn .search-input__content {
  opacity: 0;
  width: 0;
  pointer-events: none;
}
.search-input--search-btn-left .search-input__content {
  left: 0;
}
.search-input--search-btn-right .search-input__content {
  right: 0;
}
.search-input--radius-s {
  border-radius: 8px;
}
.search-input--radius-s > * {
  border-radius: 8px;
}
.search-input--radius-m {
  border-radius: 12px;
}
.search-input--radius-m > * {
  border-radius: 12px;
}
.search-input--radius-full {
  border-radius: 9999px;
}
.search-input--radius-full > * {
  border-radius: 9999px;
}
.search-input--radius-none {
  border-radius: 0;
}
.search-input--radius-none > * {
  border-radius: 0;
}
.search-input:focus-within {
  outline: 1px solid rgba(0, 166, 173, 0.7);
}
.search-input:focus-within .search-input__btn {
  color: #00A6AD;
}
.search-input__extra-buttons-wrapper {
  width: 24px;
  height: 24px;
}
.search-input--inversion .search-input__content {
  background-color: rgba(0, 166, 173, 0.075);
  border: 1px solid transparent;
  border-radius: 8px;
  letter-spacing: 0.3px;
  color: rgba(73, 70, 86, 0.6);
}
.search-input--inversion .search-input__content input {
  color: rgb(73, 70, 86);
  letter-spacing: 0.3px;
}
:where(.search-input--inversion, .search-input--primary) .search-input__icon--search {
  color: rgb(73, 70, 86);
}
.search-input--inversion .search-input__icon--children {
  color: rgba(0, 166, 173, 0.5);
}
.search-input--primary .search-input__content {
  border: 1px solid;
  border-color: transparent;
  color: #404040;
  background-color: #fff;
}
.search-input--primary .search-input__content::placeholder {
  color: black;
}
.search-input--dim .search-input__content {
  background-color: #E5F6F7;
}
.search-input--dim .search-input__content::placeholder {
  color: #bfbfbf;
}
.search-input--dim-width-border .search-input__content {
  background-color: #E5F6F7;
}
.search-input--dim-width-border .search-input__content::placeholder {
  color: #bfbfbf;
}
.search-input__input {
  border-radius: 6px;
  line-height: 1;
  letter-spacing: 1px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
  outline: none;
  margin-left: 10px;
  letter-spacing: 0.88px;
}
.search-input > .search-input__icon-wrapper {
  position: absolute;
}
.search-input > .search-input__icon-wrapper:first-child {
  left: 0;
}
.search-input > .search-input__icon-wrapper:last-child {
  right: 0;
}
.search-input__icon-wrapper, .search-input__btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 100%;
  aspect-ratio: 1;
  padding: 0;
  color: #bfbfbf;
  transition: color 0.15s ease-in-out;
}
.search-input__icon-wrapper--clear, .search-input__btn--clear {
  cursor: pointer;
}
.search-input__icon-wrapper + input, .search-input__btn + input {
  margin-left: 0;
}
.search-input__icon {
  height: 40%;
  aspect-ratio: 1;
  margin: auto;
}
.search-input__icon--clear {
  width: 8px;
  color: #FF3D2B;
}
.search-input__icon--search {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-input__button-container {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 4px;
  right: 12px;
  top: 0;
  height: 100%;
}.calendar-bookings-list {
  --group-header-height: 56px;
  --offset: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: auto;
  background-color: #fff;
  padding: 0 20px 16px;
}
.calendar-bookings-list--calendar-timeline {
  align-self: flex-end;
  width: calc(100% + var(--offset));
}
.calendar-bookings-list--modal-timeline {
  padding: 0 15px;
}
.calendar-bookings-list__header {
  display: flex;
  flex-direction: row;
}
.calendar-bookings-list__list-container {
  position: relative;
  height: 99%;
  width: 100%;
}
.calendar-bookings-list__scrollbar {
  right: 7px;
  width: 4px;
}
.calendar-bookings-list__date-header {
  display: flex;
  position: sticky;
  top: -1px;
  width: 100%;
  align-items: center;
  min-height: var(--group-header-height);
  color: #8C97B2;
  padding-left: var(--offset);
  background-color: #fff;
}
.calendar-bookings-list__time-filter {
  z-index: 3;
  position: absolute;
  right: 16px;
  height: var(--group-header-height);
}
.calendar-bookings-list__list {
  height: 100%;
}
.calendar-bookings-list__spinner-wrap, .calendar-bookings-list__no-items {
  position: absolute;
  width: fit-content;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.calendar-bookings-list__no-items {
  font-size: 14px;
  color: #8C97B2;
}
.calendar-bookings-list__item {
  position: relative;
  display: flex;
}
.calendar-bookings-list__item:not(:last-child) {
  margin-bottom: 4px;
}
.calendar-bookings-list__item:first-of-type > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="0"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="1"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="2"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="3"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="4"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="5"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="6"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="7"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="8"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="9"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="10"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="11"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="12"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="13"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="14"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="15"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="16"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="17"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="18"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="19"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="20"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="21"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="22"] + .calendar-bookings-list__item[data-hourmarker="23"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="0"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="1"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="2"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="3"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="4"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="5"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="6"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="7"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="8"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="9"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="10"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="11"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="12"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="13"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="14"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="15"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="16"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="17"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="18"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="19"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="20"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="21"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[data-hourmarker="23"] + .calendar-bookings-list__item[data-hourmarker="22"] > time {
  visibility: visible;
}
.calendar-bookings-list__item[datetime]:last-of-type {
  background-color: black;
}
.calendar-bookings-list__hour-marker {
  visibility: hidden;
  min-width: 42px;
  color: #8C97B2;
  margin-right: 16px;
  text-align: left;
}
.calendar-bookings-list .scrollbars-thumb {
  background-color: #E6EBF1;
}.scrollbars-thumb {
  background-color: #bfbfbf;
  border-radius: 6px;
}.scrollbars-track {
  top: 2px;
  right: 0;
  bottom: 2px;
  border-radius: 3px;
}[class*=list-container] {
  position: relative;
}

[class*=no-items] {
  display: flex;
  margin: auto;
}

[class*=load-wrap] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

[class*=list] {
  scrollbar-width: none;
}.dialpad {
  --outer-background-color: rgb(var(--primary-color));
  flex-direction: column;
  z-index: 100;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
  background-color: var(--outer-background-color);
  border-radius: 24px;
  width: 508px;
  overflow: hidden;
  font-family: Manrope, Roboto, sans-serif;
}
.dialpad[popover] {
  position-anchor: --anchor-dialpad;
  top: anchor(bottom);
  left: anchor(center);
  translate: -50% 0;
}
.dialpad[popover]:popover-open {
  display: flex;
}
.dialpad__header {
  position: relative;
  display: flex;
  align-items: center;
  height: 64px;
  padding: 16px;
  background-color: #E5F6F7;
  justify-content: space-between;
}
.dialpad__header-left {
  display: flex;
  flex-direction: row;
  height: 32px;
  width: 280px;
}
.dialpad__tabs {
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-size: 12px;
}
.dialpad__input-wrap {
  margin-right: 17px;
  width: 410px;
}
.dialpad__input {
  line-height: 19px;
  padding: 10px;
  border: none;
  border-radius: 6px;
  outline: none;
  border: solid 1px #fff;
  letter-spacing: 0.88px;
}
.dialpad__btn-remove-all {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: absolute;
  cursor: pointer;
  padding: 15px;
  top: 14px;
  right: 310px;
  visibility: hidden;
}
.dialpad__btn-remove-all--show {
  visibility: visible;
}
.dialpad__icon-remove-all {
  fill: #808080;
  width: 12px;
  height: 12px;
}
.dialpad__btn-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 50%;
  opacity: 1;
  margin-right: 18px;
}
.dialpad__btn-plus:disabled {
  opacity: 0.3;
}
.dialpad__icon-plus {
  width: 20px;
  height: 20px;
  fill: #00A6AD;
}
.dialpad__tab {
  padding: 7px 9px;
  background-color: inherit;
  border-radius: 6px;
  border: solid 1px #fff;
  color: #000;
}
.dialpad__tab--active {
  background-color: #fff;
  color: #00A6AD;
}
.dialpad__tab--not-used {
  opacity: 0.3;
}
.dialpad__content {
  display: flex;
  background-color: #fff;
}
.dialpad__btns {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 16px;
  background-color: #fff;
  flex-basis: 264px;
  gap: 8px;
}
.dialpad__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  background-color: #E6EBF1;
  width: 72px;
  aspect-ratio: 1;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dialpad__btn:hover {
  opacity: 0.3;
}
.dialpad__btn:focus {
  opacity: 1;
  background-color: #00A6AD;
}
.dialpad__btn--disabled {
  cursor: default;
  opacity: 0.6;
}
.dialpad__btn--disabled:focus {
  background-color: #88D6D9;
}
.dialpad__btn--phone {
  background-color: #80d3d6;
}
.dialpad__icon-phone {
  width: 24px;
  height: 24px;
  outline: none;
  fill: #fff;
}
.dialpad__icon-arrow {
  transform: rotate(-90deg);
  fill: #F8737F;
}
.dialpad__list-wrapper {
  padding: 16px;
  padding-left: 0;
  flex-grow: 1;
}
.dialpad__tabs-wrapper {
  display: flex;
  justify-content: space-between;
  height: 24px;
}
.dialpad__list-missed-header {
  display: flex;
  justify-content: center;
}
.dialpad__clear-all-btn {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 6px;
  white-space: nowrap;
  padding: 5px 13px;
  display: flex;
  align-items: center;
  height: 20px;
  margin-bottom: 9px;
}
.dialpad__clear-all-btn:hover {
  color: #fff;
  background-color: #00A6AD;
}

.dialpad-list__list {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.dialpad-list__list > *:not(:last-child) {
  margin-bottom: 4px;
}
.dialpad-list__list-container {
  height: 100%;
}
.dialpad-list__load-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.dialpad-list__item {
  cursor: pointer;
  margin-bottom: 6px;
  padding: 4px 10px;
  background-color: #fff;
  border-radius: 6px;
}
.dialpad-list__item--resent-calls {
  display: flex;
  border: solid 0.5px #bfbfbf;
  margin-bottom: 3px;
  padding: 5px;
}
.dialpad-list__item--search {
  display: flex;
  border: solid 0.5px #bfbfbf;
  margin-bottom: 3px;
  padding: 5px;
}
.dialpad-list__text-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dialpad-list__icon-telegram {
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #fff;
  color: #0092F2;
  overflow: hidden;
}
.dialpad-list__date-box {
  display: flex;
  padding: 3px 2px;
  color: #4A4A4A;
  line-height: 1.3;
}
.dialpad-list__icon-incoming {
  margin-right: 7px;
  width: 12px;
  height: 12px;
  fill: #808080;
}
.dialpad-list__info {
  display: flex;
  justify-content: space-between;
}
.dialpad-list__contact-name--client {
  color: #3565FD;
}
.dialpad-list__contact-name--girl {
  color: #0092F2;
}
.dialpad-list__contact-name--agent {
  color: #88259C;
}
.dialpad-list__contact-name--recent {
  color: #3565FD;
}
.dialpad-list__operator-name {
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
}
.dialpad-list__operator-name--online {
  color: #0092F2;
}
.dialpad-list__operator-name--bisy {
  color: #00A562;
}
.dialpad-list__operator-name--away {
  color: #fbbc06;
}
.dialpad-list__operator-name--offline {
  color: #FF3D2B;
}
.dialpad-list__avatar-box {
  position: relative;
  margin-right: 5px;
  min-width: 32px;
  height: 32px;
}
.dialpad-list__avatar {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.dialpad-list__tel {
  color: #808080;
}
.dialpad-list__no-items {
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}.contact-item-block {
  --initial-background-color: rgb(var(--tertiary-color));
  --background-color: rgb(
    var(--main-background-color, var(--initial-background-color)),
    var(--highlighted-opacity)
  );
  --hover-background-color: rgba(
    var(--tertiary-color),
    var(--highlighted-opacity)
  );
  --border-color: rgba(
    var(--tertiary-color),
    calc(var(--highlighted-opacity) + 0.05)
  );
  --active-background-color: rgba(
    var(--secondary-color),
    var(--highlighted-opacity)
  );
  --active-border-color: rgba(
    var(--secondary-color),
    calc(var(--highlighted-opacity) + 0.05)
  );
  --broad-container-padding: 12px;
  --contact-item-block-height: 48px;
  --avatar-margin: 4px;
  height: 48px;
  border-radius: 8px;
  background-color: rgb(var(--primary-color));
  width: 100%;
  font-size: 10px;
  z-index: 0;
  container-type: inline-size;
  container-name: contact-item-block;
}
.contact-item-block__content {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  padding-left: 4px;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@container style(--initial-background-color: var(--outer-background-color)) {
  .contact-item-block__content {
    border: 1px solid var(--border-color);
    background-color: rgb(var(--primary-color));
  }
}
@container contact-item-block (min-width: 300px) {
  .contact-item-block__content {
    padding: 0 var(--broad-container-padding);
  }
}
.contact-item-block--transparent .contact-item-block__content {
  border: 1px solid var(--border-color);
  background-color: transparent;
}
.contact-item-block--clickable:hover .contact-item-block__content {
  cursor: pointer;
  background-color: var(--hover-background-color);
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.contact-item-block.active .contact-item-block__content {
  background-color: var(--active-background-color);
  border-color: var(--active-border-color);
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.contact-item-block__avatar {
  aspect-ratio: 1;
  position: relative;
  margin: var(--avatar-margin);
  margin-left: 0;
}
@container contact-item-block (min-width: 300px) {
  .contact-item-block__avatar {
    margin-right: var(--broad-container-padding);
  }
}
.contact-item-block__avatar-img {
  border-radius: 50%;
}
.contact-item-block__contact-status {
  position: absolute;
  top: -2px;
  left: -2px;
}
.contact-item-block__body {
  display: flex;
  padding: 2px 6px;
  padding-left: 0;
  width: 100%;
  height: var(--contact-item-block-height);
  white-space: pre;
  overflow: hidden;
}
@container contact-item-block (min-width: 300px) {
  .contact-item-block__body {
    padding: 2px 0;
  }
}
.contact-item-block__body--row {
  flex-direction: row;
  justify-content: space-between;
}
.contact-item-block__body--column {
  flex-direction: column;
  justify-content: space-between;
}
.contact-item-block__extra-content {
  position: relative;
  color: rgba(73, 70, 86, 0.6);
  width: auto;
}
.contact-item-block__name {
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #494656;
  font-weight: 500;
}
.contact-item-block__name--client {
  color: #3565FD;
}
.contact-item-block__name--girl {
  color: #0092F2;
}
.contact-item-block__name--agent {
  color: #88259C;
}
.contact-item-block__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.contact-item-block__row .contact-item-block__name {
  height: 100%;
}
.contact-item-block__row .contact-item-block__extra-content {
  height: 100%;
}
.contact-item-block__row .contact-item-block__extra-content:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-item-block__column {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: space-between;
}
.contact-item-block__column:first-child {
  flex-grow: 1;
}
.contact-item-block__column:last-child {
  text-align: right;
  flex-shrink: 0;
}
.contact-item-block__column--center {
  justify-content: center;
}
.contact-item-block__column .contact-item-block__extra-content:only-child {
  height: 100%;
}
.contact-item-block__column:first-child .contact-item-block__extra-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contact-item-block__unread-message-counter {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contact-item-block__avatar-icon {
  bottom: 0;
}
.contact-item-block__avatar-icon--right {
  right: 0;
}
.contact-item-block__avatar-icon--left {
  left: 0;
}.contact-channel-icon {
  display: flex;
  position: absolute;
  border-radius: 50%;
  background-color: rgb(var(--icon-background-color, var(--primary-color)));
  border: 2px solid rgb(var(--primary-color));
}
.contact-channel-icon:has(#p) {
  --main-color: var(--pink-status-color);
}
.contact-channel-icon:has(#trash-transparent) {
  --main-color: var(--dark-red-status-color);
}
.contact-channel-icon:has(#burger-menu) {
  --main-color: var(--tertiary-color);
}
.contact-channel-icon:has(#plus-circle) {
  --main-color: var(--secondary-color);
}
.contact-channel-icon:has(#close) {
  --main-color: var(--red-status-color);
}
.contact-channel-icon:has(#commnets) {
  --main-color: var(--green-status-color);
}
.contact-channel-icon:has(#widget) {
  --main-color: var(--pink-status-color);
  position: relative;
}
.contact-channel-icon:has(#widget):after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #2AE77F;
  border-radius: 50%;
  top: 5px;
  right: 2px;
}
.contact-channel-icon:has(#widget).disabled:after {
  background-color: rgba(var(--tertiary-color), 1);
}
.contact-channel-icon:has(#telegram) {
  --main-color: var(--blue-status-color);
}
.contact-channel-icon:has(#whatsapp) {
  --main-color: var(--green-status-color);
}
.contact-channel-icon:has(#apple) {
  --main-color: var(--tertiary-color);
}
.contact-channel-icon:has(#robot) {
  --main-color: 42, 171, 238;
}
.contact-channel-icon:has(#users) {
  --main-color: var(--blue-status-color);
}
.contact-channel-icon:has(#mail) {
  --main-color: var(--light-blue-status-color);
}
.contact-channel-icon:has(#close-window) {
  --main-color: var(--red-status-color);
}
.contact-channel-icon:has(#venus) {
  --main-color: var(--pink-status-color);
}
.contact-channel-icon:has(#check) {
  --main-color: var(--dark-green-status-color);
}
.contact-channel-icon:has(#checkbox) {
  --main-color: var(--green-status-color);
}
.contact-channel-icon {
  --icon-color: var(--main-color);
}
.contact-channel-icon--size-m {
  height: 16px;
  width: 16px;
  border: 1.5px solid rgb(var(--primary-color));
}
.contact-channel-icon--size-s {
  height: 12px;
  width: 12px;
  border: 1px solid rgb(var(--primary-color));
}
.contact-channel-icon--type-robot {
  --icon-background-color: var(--main-color);
  --icon-color: var(--primary-color);
}
.contact-channel-icon--type-robot::before {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgb(var(--blue-status-color));
}
.contact-channel-icon--type-robot::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  mask-image: url("data:image/svg+xml,%3csvg%20id='telegram'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8%200a8%208%200%200%200-8%208%208%208%200%201%200%2016%200%208%208%200%200%200-8-8Zm4.158%205.06-1.421%206.783a.5.5%200%200%201-.787.3l-2.067-1.527-1.252%201.181a.17.17%200%200%201-.242-.009l-.027-.029.218-2.106%203.921-3.583a.104.104%200%200%200-.039-.177.106.106%200%200%200-.088.011L5.36%209.078%203.2%208.353a.293.293%200%200%201-.01-.553l8.45-3.183c.28-.106.57.131.521.427l-.003.016Z'%20/%3e%3c/svg%3e");
  mask-size: contain;
  background-color: rgb(var(--primary-color));
}
.contact-channel-icon__svg {
  height: 90%;
  width: 90%;
  margin: auto;
  color: rgb(var(--icon-color, var(--tertiary-color)));
}
.contact-channel-icon--type-robot .contact-channel-icon__svg {
  height: 70%;
}.missed-call-item__wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.missed-call-item__wrap:not(:last-child) {
  margin-bottom: 10px;
}
.missed-call-item__wrap--blink {
  animation: blink 0.3s linear;
}
.missed-call-item__wrap:hover .missed-call-item__btn--main {
  opacity: 1;
}

.missed-call-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: calc(100% - 35px);
}
.missed-call-item__body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-height: 40px;
  flex-grow: 1;
  transition: all 1s;
  position: relative;
  background-color: #F3F3F4;
  border-radius: 5px;
  padding: 5px 8px 5px 5px;
}
.missed-call-item__count {
  min-width: 10px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}
.missed-call-item__voicemail-flag {
  display: flex;
  width: 100%;
  font-size: 10px;
  outline: none;
  justify-content: center;
}
.missed-call-item__voicemail-flag-flag {
  padding: 2px 0 0 0;
}
.missed-call-item__img-wrap {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  min-width: 32px;
}
.missed-call-item__info {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 0;
  text-align: left;
  width: 100px;
}
.missed-call-item__duration {
  width: 60px;
  white-space: normal;
}
.missed-call-item__number {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 1.5;
  font-size: 12px;
  width: 105px;
  color: #808080;
}
.missed-call-item__operator {
  color: #0092f2;
}
.missed-call-item__controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  right: 4px;
  top: 4px;
  justify-content: center;
}
.missed-call-item .call-item__btn {
  margin-left: auto;
  white-space: nowrap;
  margin: 0;
  padding: 6px 0;
}
.missed-call-item__btn {
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  margin: 0 3px;
}
.missed-call-item__btn--main {
  opacity: 0;
  height: 27px;
}
.missed-call-item__btn--main:disabled svg {
  fill: #a5a5a5;
}
.missed-call-item__btn--burger {
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin-left: 10px;
}
.missed-call-item__btn--toggler {
  width: 22px;
  height: 16px;
  cursor: pointer;
  border-radius: 4px;
}
.missed-call-item .chat__show-more-contacts-icon {
  margin-left: 0;
  transform: translate(5px) rotate(270deg);
}
.missed-call-item .missed-sub-list {
  z-index: 33;
  background-color: transparent;
  width: 100%;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 0 0 4px 4px;
  height: auto;
  background-color: #f6e9ec;
  margin-top: -5px;
  padding-top: 5px;
}

.missed-call-item__dropdown .missed-sub-item__missed-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px;
  border-radius: 6px;
  font-size: 12px;
  color: #808080;
  position: relative;
  cursor: pointer;
}
.missed-call-item__dropdown .missed-sub-item__missed-item:first-child {
  margin-top: 5px;
}
.missed-call-item__dropdown .missed-sub-item__missed-item::after {
  content: "";
  height: 1px;
  width: calc(100% - 10px);
  background-color: #0092F2;
  display: block;
  position: absolute;
  left: 5px;
  top: 0;
}
.missed-call-item__dropdown .missed-sub-item__btn--voice {
  position: absolute;
  right: 0;
  top: 5px;
}

@keyframes blink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.96);
  }
  0% {
    transform: scale(1);
  }
}.tasks-and-reminders {
  flex-direction: column;
  width: clamp(490px, 29vw, 600px);
  height: 70vh;
  border-radius: 6px;
  font-family: Manrope, Roboto, sans-serif;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
  border-radius: 24px;
  overflow: hidden;
}
.tasks-and-reminders[popover] {
  position-anchor: --anchor-tasks-and-reminders-modal;
  top: anchor(bottom);
  right: anchor(right);
}
.tasks-and-reminders[popover]:popover-open {
  display: flex;
}
.tasks-and-reminders:not([popover]) {
  display: flex;
}
.tasks-and-reminders__header {
  display: flex;
  align-items: center;
  height: 70px;
  padding: 16px;
  background-color: rgba(0, 166, 173, 0.075);
  gap: 24px;
}
.tasks-and-reminders__header-block {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 8px;
}
.tasks-and-reminders__list-container {
  width: 100%;
  height: 100%;
}
.tasks-and-reminders__bookings-list-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 16px;
}
.tasks-and-reminders__bookings-list-wrap .scrollbars-thumb {
  background-color: #E6EBF1;
}
.tasks-and-reminders__spinner-wrap, .tasks-and-reminders__no-items {
  position: absolute;
  width: fit-content;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.tasks-and-reminders__no-items {
  font-size: 14px;
  color: #8C97B2;
}
.tasks-and-reminders__counter {
  position: absolute;
  right: 16px;
  font-size: 10px;
  color: rgba(73, 70, 86, 0.6);
}.tasks-and-reminders-item {
  border: 1px solid rgba(73, 70, 86, 0.1);
  border-radius: 8px;
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  height: 52px;
  cursor: pointer;
}
.tasks-and-reminders-item--open {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 166, 173, 0.1);
}
.tasks-and-reminders-item:has(input:checked) {
  background-color: rgba(73, 70, 86, 0.1);
  border-color: rgba(73, 70, 86, 0);
}
.tasks-and-reminders-item__wrapper {
  padding: 0 16px;
}
.tasks-and-reminders-item__wrapper:not(:last-child) {
  margin-bottom: 8px;
}
.tasks-and-reminders-item__top-line {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 8px 0 4px;
  height: 20px;
}
.tasks-and-reminders-item__text-box {
  display: flex;
  width: 70%;
}
.tasks-and-reminders-item__bottom-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: right;
  padding: 0 8px 0 4px;
  height: 32px;
}
.tasks-and-reminders-item__text {
  display: block;
  color: #404040;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks-and-reminders-item__date {
  display: flex;
  color: #808080;
  font-size: 12px;
  align-items: center;
}
.tasks-and-reminders-item__date svg {
  margin-right: 6px;
  height: 11px;
  width: 11px;
}
.tasks-and-reminders-item__title {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 6px;
}
.tasks-and-reminders-item__operator {
  max-width: 90px;
  min-width: 70px;
  font-size: 10px;
  color: rgba(73, 70, 86, 0.6);
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 2px;
}
.tasks-and-reminders-item__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 8px;
}
.tasks-and-reminders-item__contact {
  display: flex;
  align-items: center;
  width: 100%;
}
.tasks-and-reminders-item__contact .lazy-load__container {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 50%;
  overflow: hidden;
}
.tasks-and-reminders-item__contact-name {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks-and-reminders-item__tooltip {
  flex-direction: column;
  width: 369px;
  background-color: #fff;
  font-size: 12px;
  color: #404040;
  font-family: Manrope, Roboto, sans-serif;
  border-radius: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
  overflow: hidden;
}
.tasks-and-reminders-item__tooltip[popover] {
  position: fixed;
  margin: 0;
  inset: unset;
  opacity: 0;
  transform: translateX(25px);
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), overlay 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) allow-discrete, display 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) allow-discrete;
  right: anchor(left);
  top: anchor(top);
}
.tasks-and-reminders-item__tooltip:popover-open {
  display: flex;
  opacity: 1;
  transform: translateX(0px);
}
@starting-style {
  .tasks-and-reminders-item__tooltip:popover-open {
    opacity: 0;
    transform: translateX(25px);
  }
}
.tasks-and-reminders-item__tooltip-title-box {
  position: relative;
  display: flex;
}
.tasks-and-reminders-item__tooltip-title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.tasks-and-reminders-item__tooltip-description {
  max-height: 150px;
  overflow-y: auto;
}
.tasks-and-reminders-item__tooltip-description--reminder {
  padding: 8px 25px;
  max-height: 150px;
  overflow-y: auto;
  border-radius: 6px;
  background-color: rgba(136, 214, 217, 0.8);
}
.tasks-and-reminders-item__tooltip-description--reminder .pinned-msgs-attachments {
  grid-gap: 5px;
  grid-auto-columns: 36px;
  grid-template-columns: repeat(9, 36px);
  grid-template-rows: auto;
  height: 36px;
}
.tasks-and-reminders-item__tooltip-content {
  padding: 0 16px;
}
.tasks-and-reminders-item__tooltip-content > * {
  padding: 16px 8px;
}
.tasks-and-reminders-item__tooltip-content > *:not(:last-child)::after {
  content: "";
  background-color: rgba(0, 166, 173, 0.5);
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tasks-and-reminders-item__icon-quote {
  height: 9px;
  width: 10px;
  margin-right: 5px;
  fill: #808080;
}
.tasks-and-reminders-item__icon-bell {
  color: #F03D3D;
}
.tasks-and-reminders-item__icon-webmaster {
  color: #00A6AD;
}
.tasks-and-reminders-item__tooltip-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 20px 16px;
  background-color: rgba(0, 166, 173, 0.1);
}
.tasks-and-reminders-item__tooltip-header > * {
  height: 100%;
}
.tasks-and-reminders-item__reminders-text {
  display: flex;
  align-items: center;
  margin-right: 30px;
  font-size: 12px;
  color: #404040;
}
.tasks-and-reminders-item__reminders-text--date {
  font-weight: bold;
  font-style: italic;
}
.tasks-and-reminders-item__date-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.tasks-and-reminders-item__date-btns #delete {
  width: 18px;
  height: 20px;
  fill: #FF5E57;
  cursor: pointer;
}
.tasks-and-reminders-item__date-btns #edit {
  fill: #00A6AD;
  cursor: pointer;
}
.tasks-and-reminders-item__date-btns #clock {
  width: 20px;
  height: 20px;
  fill: #00A6AD;
  cursor: pointer;
}
.tasks-and-reminders-item__date-btns #webmaster {
  height: 20px;
  width: 20px;
  color: #00A6AD;
}
.tasks-and-reminders-item__client {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 5px 8px;
  font-size: 12px;
  background-color: #F3F3F4;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
}
.tasks-and-reminders-item__client--reminder {
  border: none;
  background-color: #fff;
}
.tasks-and-reminders-item__client--reminder .lazy-load__container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.tasks-and-reminders-item__client-wrapper {
  position: relative;
}
.tasks-and-reminders-item__client .lazy-load__container {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.tasks-and-reminders-item__client-text-content {
  display: flex;
  flex-direction: column;
  max-width: 210px;
  margin-left: 10px;
}
.tasks-and-reminders-item__client-name {
  max-width: 200px;
  overflow: hidden;
  color: #3565FD;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks-and-reminders-item__client-contact {
  overflow: hidden;
  color: #808080;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks-and-reminders-item__created-info {
  display: flex;
  flex-direction: column;
  color: #8C97B2;
  font-style: italic;
  font-size: 10px;
  position: relative;
}
.tasks-and-reminders-item__created-info-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks-and-reminders-item__created-info-text:not(:last-child) {
  margin-bottom: 5px;
}
.tasks-and-reminders-item-tooltip__link, .tasks-and-reminders-item__link {
  color: #0092F2;
}
.tasks-and-reminders-item-tooltip__text {
  word-wrap: anywhere;
}.video-thumbnail {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
}
.video-thumbnail--attachment {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
.video-thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}
.video-thumbnail video {
  position: absolute;
  height: auto;
  inset: 0;
  transform: scale(1.5);
}
.video-thumbnail img {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-thumbnail__duration {
  position: absolute;
  right: 3px;
  bottom: 1px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-family: Roboto;
}
.video-thumbnail__icon {
  display: flex;
  position: absolute;
  background-color: rgb(var(--darker-tertiary-color));
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.video-thumbnail__icon svg {
  margin: auto;
  position: relative;
  left: 1px;
  width: 26px;
  height: 26px;
}.pinned-msgs-attachments {
  display: grid;
  grid-template-columns: 36px;
  grid-template-rows: 36px;
}
.pinned-msgs-attachments--open {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 5px;
}
.pinned-msgs-attachments--modopen1 {
  grid-template-columns: 1fr;
}
.pinned-msgs-attachments .video-thumbnail {
  border-radius: 6px;
}
.pinned-msgs-attachments .video-thumbnail__icon {
  border-color: #88D6D9;
  width: 20px;
  height: 20px;
}
.pinned-msgs-attachments .video-thumbnail__icon svg {
  fill: #88D6D9;
  width: 10px;
  height: 10px;
}
.pinned-msgs-attachments .video-thumbnail__duration {
  visibility: hidden;
}
.pinned-msgs-attachments--mod2 {
  grid-template-columns: 24px 24px;
  grid-template-rows: 24px;
  gap: 5px;
}
.pinned-msgs-attachments--mod4 {
  grid-template-columns: 18px 18px;
  grid-template-rows: 18px 18px;
  gap: 2px 5px;
}
.pinned-msgs-attachments--mod6 {
  grid-template-columns: 18px 18px 18px;
  grid-template-rows: 18px 18px;
  gap: 2px 5px;
}
.pinned-msgs-attachments--mod6 .video-thumbnail__icon {
  width: 15px;
  height: 15px;
}
.pinned-msgs-attachments__voicemail {
  display: flex;
}
.pinned-msgs-attachments__voicemail-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px 6px;
}
.pinned-msgs-attachments__voicemail-text {
  display: flex;
  text-transform: capitalize;
  font-size: 11px;
  color: #000;
  margin-right: 11px;
}
.pinned-msgs-attachments__voicemail-time {
  padding: 0 2px;
}
.pinned-msgs-attachments__voicemail-icon {
  fill: #FF8C37;
  width: 16px;
  height: 14px;
}
.pinned-msgs-attachments__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.pinned-msgs-attachments__image-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.pinned-msgs-attachments__image {
  border-radius: 6px;
  overflow: hidden;
}
.pinned-msgs-attachments__image-name {
  margin-left: 15px;
  color: #0092F2;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}.tutorials-modal {
  position: relative;
  flex-direction: column;
  width: 488px;
  height: 638px;
  border-radius: 20px;
  background-color: rgb(var(--primary-color));
  font-size: 12px;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  font-family: Manrope;
}
.tutorials-modal[popover] {
  position-anchor: --anchor-tutorials-modal;
  top: anchor(bottom);
  left: anchor(center);
  translate: -50% 0;
}
.tutorials-modal[popover]:popover-open {
  display: flex;
}
.tutorials-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 16px;
  background-color: #E5F6F7;
}
.tutorials-modal__filters {
  display: flex;
  height: 24px;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.tutorials-modal__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex: 1;
}
.tutorials-modal__feed {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  background-color: rgb(var(--primary-color));
}
.tutorials-modal__card {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  border-radius: 4px;
  padding: 8px;
  position: relative;
  gap: 8px;
}
.tutorials-modal__module-info {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background-color: #fff;
  width: 191px;
}
.tutorials-modal__module-icon svg {
  height: 16px;
  width: 16px;
  margin-right: 8px;
  color: #8C8A94;
  flex-shrink: 0;
}
.tutorials-modal__module-title {
  flex-grow: 1;
  color: #8C8A94;
  font-family: Manrope;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
}
.tutorials-modal__card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  color: #8C8A94;
}
.tutorials-modal__section-title {
  max-width: 85%;
  padding: 2px 6px;
  color: #8C8A94;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  max-width: 30%;
}
.tutorials-modal__users-not-seen-modal {
  margin-left: auto;
  cursor: pointer;
  color: #8C8A94;
  transition: color 0.3s;
  display: flex;
  align-items: center;
  padding: 4px;
}
.tutorials-modal__users-not-seen-modal:hover {
  color: #80D3D6;
}
.tutorials-modal__users-not-seen-modal--active {
  color: #80D3D6;
}
.tutorials-modal__card-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #494656;
}
.tutorials-modal__video-container {
  width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #000;
  position: relative;
  aspect-ratio: 16/9;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tutorials-modal__video-container .video {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tutorials-modal__video-container .video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.tutorials-modal__video-container .video__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  z-index: 2;
}
.tutorials-modal__video-container .video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}
.video:not(.paused) .tutorials-modal__video-container .video__play {
  opacity: 0;
}
.tutorials-modal__attached-files {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.tutorials-modal__attached-file {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: #F8F8F8;
  border-radius: 8px;
}
.tutorials-modal__file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  color: #8C8A94;
  font-size: 10px;
}
.tutorials-modal__open-media-btn {
  padding: 6px 12px;
  background: #80D3D6;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.tutorials-modal__open-media-btn:hover {
  background-color: #6BB5B8;
}
.tutorials-modal__open-media-btn-icon {
  width: 10px;
  height: 10px;
  margin-right: 4px;
}
.tutorials-modal__card-description {
  font-size: 12px;
  line-height: 18px;
  color: #0C201F;
  margin: 0;
  padding: 8px;
  background-color: #F8F8F8;
  border-radius: 6px;
}
.tutorials-modal__card-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.tutorials-modal__no-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  color: #8C8A94;
  padding: 40px;
}
.tutorials-modal__video-link-container {
  background-color: #F8F8F8;
  border-radius: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 30%;
  flex-grow: 1;
}
.tutorials-modal__external-link {
  color: #80D3D6;
  text-decoration: underline;
  font-weight: 600;
  font-size: 12px;
  transition: color 0.2s;
}
.tutorials-modal__external-link:hover {
  color: #6BB5B8;
}
.tutorials-modal__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 12px;
  height: 100%;
}
.tutorials-modal__highlight {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #FFE0E0;
  border-radius: 4px;
  padding: 8px;
  margin: 16px 12px 0 12px;
}
.tutorials-modal__short-info {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
}
.tutorials-modal__date {
  margin-right: 8px;
  color: #8C8A94;
}
.tutorials-modal__video-link {
  color: #8C8A94;
}
.tutorials-modal__video {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tutorials-modal__title {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #494656;
}
.tutorials-modal__description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  background-color: #fff;
  color: #0C201F;
  padding: 0 4px 2px 4px;
  border-radius: 6px;
}
.tutorials-modal__module[open] .tutorials-modal__module-chevron {
  transform: rotate(180deg);
  fill: #00A6AD;
}
.tutorials-modal__module[open] .tutorials-modal__module-header {
  background-color: rgba(var(--secondary-color), var(--highlighted-opacity));
}
.tutorials-modal__module::details-content {
  height: 0;
  transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tutorials-modal__module[open]::details-content {
  height: auto;
  transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tutorials-modal__module-header {
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.tutorials-modal__module-header--active {
  background: #CCEDEE;
}
.tutorials-modal__module-header:hover {
  background-color: #F8F8F8;
}
.tutorials-modal__module-counter {
  margin-right: 15px;
}
.tutorials-modal__list-container {
  height: 100%;
}
.tutorials-modal__list {
  display: flex;
  flex-direction: column;
  padding: 16px 12px;
  gap: 16px;
}
.tutorials-modal__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  padding: 16px 12px 16px 16px;
}
.tutorials-modal__link {
  padding: 0 0 2px 12px;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  color: #0C201F;
  background-color: #E5F6F7;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
}
.tutorials-modal__link--viewed {
  background-color: #F8F8F8;
}
.tutorials-modal__link--focused {
  background-color: #FFE0E0;
}
.tutorials-modal__link:hover {
  filter: brightness(92%);
}
.tutorials-modal__media-block {
  display: flex;
  align-items: center;
}
.tutorials-modal__media-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  color: #8C8A94;
}
.tutorials-modal__media-preview-item {
  height: 400px;
  overflow: hidden;
  cursor: pointer;
}
.tutorials-modal__preview-image {
  object-fit: contain;
}
.tutorials-modal__no-items {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  color: #8C8A94;
  padding: 40px;
}:root {
  --separator-border: rgba(128, 128, 128, 0.35);
  --sash-hover-transition-duration: 0.1s;
}

.allotment-module_splitView__L-yRc {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF > .allotment-module_sash__QA-2t {
  pointer-events: auto;
}

.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa {
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  overflow: hidden;
  position: absolute;
  white-space: initial;
}

.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8 > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  height: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  background-color: var(--separator-border);
  content: " ";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 5;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  height: 1px;
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  height: 100%;
  width: 1px;
}

:root {
  --focus-border: #007fd4;
  --sash-size: 8px;
  --sash-hover-size: 4px;
}

.sash-module_sash__K-9lB {
  position: absolute;
  z-index: 35;
  touch-action: none;
  pointer-events: auto;
  text-align: initial;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  pointer-events: none;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs {
  cursor: col-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp {
  cursor: e-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD {
  cursor: w-resize;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw {
  cursor: row-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp {
  cursor: s-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD {
  cursor: n-resize;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  cursor: default !important;
  pointer-events: none !important;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs {
  cursor: ew-resize;
  top: 0;
  width: var(--sash-size);
  height: 100%;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--sash-size);
}

.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx) > .sash-module_orthogonal-drag-handle__Yii2- {
  content: " ";
  height: calc(var(--sash-size) * 2);
  width: calc(var(--sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  cursor: nwse-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  cursor: nesw-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  left: calc(var(--sash-size) * -0.5);
  top: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  left: calc(var(--sash-size) * -0.5);
  bottom: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  top: calc(var(--sash-size) * -0.5);
  left: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  top: calc(var(--sash-size) * -0.5);
  right: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color var(--sash-hover-transition-duration) ease-out;
  background: transparent;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before {
  width: var(--sash-hover-size);
  left: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before {
  height: var(--sash-hover-size);
  top: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_hover__80W6I:before,
.sash-module_sash__K-9lB.sash-module_active__bJspD:before {
  background: var(--focus-border);
}
.main-page {
  --column-gap: 21px;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: Manrope, Roboto, sans-serif;
  overflow: hidden;
}
.main-page__calls {
  display: flex;
  height: 48px;
  outline: none;
  overflow: hidden;
  user-select: text;
  bottom: 0px;
  flex-direction: column;
  top: 0px;
  width: 100%;
  position: static !important;
}
.main-page__calls--show {
  height: 160px;
}
.main-page__main {
  flex-grow: 1;
}
.main-page__main > .container {
  height: 100%;
}
.main-page__sidebar {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  padding-top: 18px;
  margin-top: 2px;
}
.main-page__sidebar--left {
  padding-right: 10px;
}
.main-page__sidebar--right {
  padding-left: 10px;
}
.main-page__sidebar-wrapper {
  height: 100%;
}
.main-page__chats {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  padding: 20px 10px;
  height: 100%;
}
.main-page__chats > * {
  width: calc(33.3333333333% - 2 * var(--column-gap));
}
.main-page__chats:has(.collapsed) > .collapsed {
  width: 56px;
  max-width: 56px;
}
.main-page__chats:has(.collapsed) > *:not(.collapsed) {
  width: calc(50% - 2 * var(--column-gap) - 56px);
}
.main-page__contacts {
  height: 70%;
}
.main-page__sessions {
  display: flex;
  height: 30%;
}
.main-page .blocked::before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' enableBackground='new 0 0 510 510' version='1.1' viewBox='0 0 510 510' width='12' height='12' fill='red'><path d='M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M51,255c0-112.2,91.8-204,204-204 c45.9,0,89.25,15.3,124.95,43.35l-285.6,285.6C66.3,344.25,51,300.9,51,255z M255,459c-45.9,0-89.25-15.3-124.95-43.35 L415.65,130.05C443.7,165.75,459,209.1,459,255C459,367.2,367.2,459,255,459z' /></svg>");
  display: block;
  position: absolute;
  aspect-ratio: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-page .blocked img {
  opacity: 0.8;
}

.placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  height: calc(100% - 10px);
  background-color: rgba(136, 214, 217, 0.4);
  border-radius: 20px;
}@keyframes shakeMe {
  0%, 20%, 40%, 60%, 80% {
    transform: translateX(-1px);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
  }
}
.chats {
  display: flex;
  margin: 10px 0;
  padding: 0 5px;
  justify-content: space-between;
}

.client-chat .interaction--inc,
.girl-chat .interaction--inc {
  margin-right: 20px;
}
.client-chat .interaction--out,
.girl-chat .interaction--out {
  margin-left: 20px;
}

.chat:not(.public-chat):not(:empty) {
  --outer-background-color: rgba(var(--secondary-color), 0.07);
  background-color: var(--outer-background-color);
}

.chat {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 8px;
}
.chat__contacts-list {
  position: relative;
  display: flex;
  list-style: none;
  width: 100%;
  height: 30px;
}
.chat__contact-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 30px;
  cursor: pointer;
  color: #404040;
  background-color: #E6EBF1;
  padding: 7px 9px 7px 9px;
  border-radius: 6px 6px 0 0;
  font-size: 12px;
  margin-right: 5px;
  z-index: 1;
  border: 1px solid transparent;
  cursor: pointer;
}
.chat__contact-item--selected {
  font-weight: 500;
  color: #fff;
  border: 1px solid #00A6AD;
  background-color: #00A6AD;
}
.chat__contact-item:last-of-type {
  margin-right: 0;
}
.chat__contact-item:hover .chat__remove-img {
  display: block;
}
.chat__contact-item:active {
  cursor: grabbing;
}
.chat__contact-item--selected .chat__remove-img {
  color: #fff;
}
.chat__contact-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat__wrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
  position: relative;
}
.chat__group-marker--size-xl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  font-size: 14px;
  color: rgb(var(--primary-color));
  background-color: rgb(var(--tertiary-color));
  border-radius: 25%;
}
.chat__floating-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8px 16px;
}
.chat__collapsed-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  width: 100%;
  gap: 4px;
}
.chat__collapsed-buttons .icon-button {
  width: 100%;
  height: 56px;
}
.chat__finding-panel {
  position: relative;
  display: flex;
  min-height: 32px;
  height: 32px;
  justify-content: space-between;
  font-size: 10px;
  width: 100%;
}
.chat__finding-panel-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  gap: 4px;
}
.chat__finding-panel-add-button {
  margin-right: 4px;
}
.chat__sources-buttons {
  z-index: 4;
}
.chat__sources-search-input {
  position: absolute;
  right: 0;
}
.chat__content {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  z-index: 0;
}
.chat__content > * {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.chat__content:has(.chat__floating-container:not(:empty)) > :not(.chat__floating-container) {
  opacity: 0;
}
.chat__floating-container {
  position: absolute;
  z-index: 14;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.chat__floating-container:empty {
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.chat__floating-container:not(:empty) {
  inset: 0;
}
.chat__pending {
  width: 32%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat__title-row {
  display: flex;
  justify-content: space-between;
  height: 16px;
  width: 100%;
  margin-bottom: 18px;
}
.chat__buttons-row {
  height: 24px;
  margin-bottom: 12px;
  width: 100%;
  gap: 4px !important;
}
.chat__buttons-row > .rc-overflow {
  width: 100%;
}
.chat__buttons-row:not(.chat__buttons-row--main) {
  font-size: 10px;
  width: 100%;
}
.chat__dropzone {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  outline: none;
}
.chat__contacts-list--more {
  background-color: #fafafa;
  margin: 0;
  list-style: none;
  padding: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  min-width: 250px;
}
.chat__tabs-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.chat__more-contact-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  padding-right: 30px;
  background-color: #e6ebf1;
  margin-bottom: 10px;
  border-radius: 6px;
  font-size: 12px;
  color: #808080;
  position: relative;
  cursor: pointer;
}
.chat__more-contact-item:last-child {
  margin-bottom: 0;
}
.chat__more-contact-item.chat__contact-item--selected {
  border-bottom-color: #0092f2;
}
.chat__more-contact-item--not-read {
  background-color: #f6f6f8;
  padding-right: 5px;
}
.chat__more-contact-item > *:not(.chat__remove-img):not(.chat__more-contact-not-read-msg) {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.chat__more-contact-item .chat__remove-img {
  color: #808080;
  position: static;
  padding: 0;
  font-size: 14px;
}
.chat__contact-item {
  min-width: 82px;
  max-width: 100px;
  padding-right: 15px;
}
.chat__contact-item--small {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: unset;
  max-width: unset;
  padding: 0;
}
.chat__contact-item--small .chat__contact-name {
  display: flex;
}
.chat__contact-item--small-muted {
  padding-left: 5px;
}
.chat__contact-item--notifications {
  color: #F20C0C;
}
.chat__remove-img {
  display: none;
  position: absolute;
  right: 6px;
  top: 8px;
  color: #404040;
  font-size: 12px;
  cursor: pointer;
}
.chat__remove-img:before {
  content: "";
  position: absolute;
  padding: 10px;
  left: -5px;
  top: -3px;
}
.chat__contact-item-mute-icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.chat__more-contact-not-read-msg {
  color: #dc3545;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.chat__more-contact-not-read-msg svg {
  margin-left: 5px;
}
.chat__show-more-contacts {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px 6px 0 0;
  border: 1px solid transparent;
  background-color: #bfbfbf;
  padding-top: 3px;
  position: relative;
  padding: 4px 10px;
}
.chat__show-more-contacts--have-notread::after {
  content: "";
  display: block;
  position: absolute;
  right: 13px;
  top: 2px;
  width: 6px;
  height: 6px;
  background-color: #ec2828;
  border-radius: 100%;
}
.chat__show-more-contacts-icon {
  transform: rotate(270deg);
  margin-left: 5px;
}
.chat__restore {
  margin-left: 7px;
}
.chat__unread-indicator {
  position: absolute;
  top: -10px;
  right: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #F8737F;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
}
.chat--girls {
  margin-left: auto;
}
.chat__icon-circle {
  width: 12px;
  height: 12px;
  color: #01df85;
}
.chat__icon-circle--off_today {
  color: #F8737F;
}
.chat__icon-circle--finished {
  color: #62aff8;
}
.chat__icon-circle--started {
  color: #E88204;
}
.chat__contact-groups {
  height: 28px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 4px 15px 0;
  font-size: 10px;
}

.public-chat {
  --outer-background-color: rgb(var(--primary-color));
}
.public-chat__title {
  font-size: 12px;
  color: #808080;
  font-weight: 500;
}
.public-chat__tabs {
  display: flex;
  height: 24px;
  margin-block: 16px 12px;
  width: 100%;
  gap: 4px;
}
.public-chat__tabs > .rc-overflow {
  width: 100%;
}
.public-chat__tab {
  margin-right: 4px;
}
.rc-overflow-item-rest .public-chat__tab:not(:only-child) {
  margin-right: 0;
  margin-top: 4px;
}
.public-chat .chat__finding-panel {
  background-color: rgba(var(--secondary-color), var(--highlighted-opacity));
}

.dropzone-overlay {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.78);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
.dropzone-overlay__btn--remove {
  color: #f8737f;
  position: absolute;
  top: 20px;
  right: 20px;
}

.dropzone-accepted {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.dropzone-accepted__title {
  text-align: center;
  margin-top: 13px;
  margin-bottom: 0;
}
.dropzone-accepted__limit {
  text-align: center;
  font-size: 13px;
  color: #f8737f;
}
.dropzone-accepted__thumbs::-webkit-scrollbar {
  width: 4px;
}
.dropzone-accepted__thumbs::-webkit-scrollbar-track {
  background: transparent;
}
.dropzone-accepted__thumbs::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.dropzone-accepted__thumbs::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.dropzone-accepted__thumbs {
  display: flex;
  justify-content: flex-start;
  padding: 12px;
  background: #f6f6f8;
  border: 1px solid rgba(197, 194, 194, 0.801);
  border-radius: 4px;
  overflow-x: auto;
}
.dropzone-accepted__thumb-wrap {
  width: 62px;
  min-width: 62px;
  height: 62px;
  margin: 2px;
  position: relative;
}
.dropzone-accepted__thumb-wrap--video {
  width: 110px;
  min-width: 110px;
}
.dropzone-accepted__thumb-wrap--file {
  width: 110px;
  min-width: 110px;
  height: 75px;
}
.dropzone-accepted__file-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  padding: 8px;
  box-sizing: border-box;
}
.dropzone-accepted__file-preview svg {
  height: 35px !important;
  color: #404040;
}
.dropzone-accepted__file-name {
  margin-top: 4px;
  font-size: 10px;
  color: #404040;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.dropzone-accepted__thumb-wrap:hover .dropzone-accepted__btn--remove {
  display: block;
}
.dropzone-accepted__thumb {
  border-radius: 4px;
  cursor: pointer;
}
.dropzone-accepted__btns {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.dropzone-accepted__btn--cancel, .dropzone-accepted__btn--submit {
  padding: 10px 0;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  width: 66px;
}
.dropzone-accepted__btn--cancel {
  background-color: #f8737f;
}
.dropzone-accepted__btn--submit {
  background-color: #0092f2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropzone-accepted__btn--remove {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 5;
  font-size: 10px;
  width: 20px;
  height: 20px;
}

.chat-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  color: #808080;
  min-width: 0;
  margin: 0;
}
.chat-title__icon-wrap {
  display: inline-flex;
}
.chat-title__text {
  margin: 0 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-restore {
  display: flex;
  align-items: center;
  padding: 0;
  color: #808080;
  cursor: pointer;
  user-select: none;
  transition: color linear 0.1s;
}
.chat-restore:hover {
  color: #00A6AD;
}

.shake-me {
  animation: shakeMe 1s linear infinite;
}

[data-animationclass=shake-me] {
  animation: shakeMe 1s linear infinite;
}

[data-isfixed=false] {
  font-style: italic;
}.notes-card {
  display: flex;
  flex-direction: column;
  white-space: pre-wrap;
  word-break: break-all;
  gap: 4px;
  min-width: 250px;
  text-align: left;
}
.notes-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(73, 70, 86, 0.4);
  align-items: flex-start;
  margin-bottom: 8px;
  height: 28px;
  min-height: 28px;
  justify-content: space-between;
}
.notes-card__title {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  line-height: 10px;
}
.notes-card__title > svg {
  height: 14px;
  aspect-ratio: 1;
}
.notes-card__content {
  overflow-y: auto;
}
.notes-card__content::-webkit-scrollbar {
  width: 4px;
}
.notes-card__content::-webkit-scrollbar-track {
  background: transparent;
}
.notes-card__content::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.notes-card__content::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}.profile-rates {
  width: 370px;
  border-radius: 6px;
  font-family: Roboto;
  background-color: #F6F9FC;
  z-index: 5;
  cursor: default;
}
.profile-rates__title {
  padding: 9px 17px;
  border-radius: 6px 6px 0 0;
  background-color: #F6F9FC;
  text-align: left;
  color: #808080;
  font-size: 18px;
  line-height: 1;
}
.profile-rates__edit-btn {
  position: absolute;
  display: flex;
  top: 5px;
  right: 15px;
  padding: 4px;
  font-size: 14px;
  color: #00A6AD;
}
.profile-rates__edit-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.profile-rates__header {
  background-color: #fff;
  color: #808080;
  font-size: 12px;
  display: flex;
  padding: 20px 0px 20px 17px;
}
.profile-rates__header-item {
  text-transform: uppercase;
  text-align: center;
  width: 27%;
}
.profile-rates__header-item--type {
  width: 19%;
}
.profile-rates__header-item--secret {
  color: #F20C0C;
}
.profile-rates__header-item--member {
  color: #00A562;
}
.profile-rates__header-item:first-of-type {
  text-align: left;
}
.profile-rates__items-wrap {
  background-color: #F6F9FC;
  border-radius: 0 0 6px 6px;
  display: flex;
  justify-content: space-between;
}
.profile-rates__items {
  margin: 0;
  padding-left: 17px;
  text-align: center;
  font-size: 10px;
  background-color: #F6F9FC;
  border-radius: 0 0 6px 6px;
}
.profile-rates__items:first-of-type {
  text-align: left;
  font-size: 11px;
  color: #808080;
}
.profile-rates__item {
  display: flex;
  font-size: 12px;
  text-align: center;
}
.profile-rates__cell {
  display: flex;
  width: 27%;
  font-size: 10px;
  padding-top: 17px;
  color: #404040;
  font-weight: 500;
  border-radius: 0 0 6px 0;
}
.profile-rates__item:last-child .profile-rates__cell {
  padding-bottom: 17px;
}
.profile-rates__cell-value {
  width: 50%;
}
.profile-rates__cell--name {
  text-align: left;
  font-size: 11px;
  width: 19%;
  font-weight: normal;
}
.profile-rates__cell--incall-outcall {
  background-color: #fff;
}
.profile-rates__cell--member {
  color: #00A562;
}
.profile-rates__cell--secret {
  background-color: #fff;
  color: #F20C0C;
}
.profile-rates__discount {
  color: green;
}.tri-state-switch {
  --opacity: var(--selected-opacity);
  display: flex;
  overflow: hidden;
  border-radius: 9px;
  transition: all 0.4s ease-in-out;
  background-color: rgba(var(--gray-status-color), var(--opacity));
  height: 8px;
  width: 24px;
  z-index: 4;
}
.tri-state-switch > input {
  width: 8px;
  height: 8px;
}
.tri-state-switch::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: rgb(var(--primary-color));
  transition: left 0.4s, right 0.4s, transform 0.4s;
}
.tri-state-switch--off {
  background-color: rgba(var(--red-status-color), var(--opacity));
}
.tri-state-switch--off::before {
  left: 1px;
}
.tri-state-switch--waiting::before {
  right: 50%;
  transform: translate(50%, -50%);
}
.tri-state-switch--available {
  background-color: rgba(var(--secondary-color), var(--opacity));
}
.tri-state-switch--available::before {
  right: 1px;
}
.tri-state-switch input {
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
}
.tri-state-switch label {
  padding: 5px 4px;
  transition: all 0.4s ease-in-out;
}
.tri-state-switch label:hover {
  cursor: pointer;
}.search-list {
  display: flex;
  flex-direction: column;
}
.search-list--modal {
  height: 690px;
  width: 370px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  color: #808080;
  font-size: 14px;
  text-align: initial;
  overflow: hidden;
}
.search-list--modal .search-list__header {
  padding: 32px 20px 24px;
}
.search-list--modal .search-list__main-container {
  padding: 12px 14px 24px;
}
.search-list--modal .search-list__header, .search-list--modal .search-list__footer {
  display: flex;
}
.search-list--modal .search-list__main-container {
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
}
.search-list--modal .search-list__btn-container {
  display: flex;
  flex-direction: row;
}
.search-list--empty {
  height: 100%;
  width: 100%;
  padding: 16px;
}
.search-list__header {
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 24px;
}
.search-list__input-wrap {
  height: 32px;
}
.search-list__input-label {
  margin-bottom: 6px;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
}
.search-list__main-container {
  flex-grow: 1;
}
.search-list__main-container--centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-list__main-container .track-vertical {
  bottom: 10px;
  width: 5px;
}
.search-list__main-container .thumb-vertical {
  border: none;
  background-color: #808080;
}
.search-list__no-items {
  font-size: 16px;
  color: #808080;
}
.search-list__infinite-scroll {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-list__infinite-scroll::-webkit-scrollbar {
  width: 0;
}
.search-list__bottom-spinner {
  margin: 0 auto;
  display: block;
}
.search-list.modal__window {
  width: 370px;
  height: 690px;
}
.search-list__header.modal__window-header {
  padding: 28px 20px 22px;
}
.search-list__main-container.modal__window-main-container {
  padding: 12px 14px 24px;
}
.search-list__item {
  overflow: hidden;
  cursor: pointer;
  margin-right: 1px;
}
.search-list__item--multiple:hover {
  position: relative;
}
.search-list__item--multiple:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 16px;
  height: 16px;
  mask-image: url("data:image/svg+xml,%3csvg%20id='plus-circle'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016Zm-.8-4V8.8H4V7.2h3.2V4h1.6v3.2H12v1.6H8.8V12H7.2Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  background-color: #00A6AD;
  pointer-events: none;
}
.search-list__extra-container {
  display: flex;
  position: relative;
  flex-direction: row;
  height: 32px;
  gap: 16px;
  margin-bottom: 16px;
  color: #000;
  letter-spacing: 0.88px;
}
.search-list__extra-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  background-color: #F6F9FC;
  border-radius: 6px;
  user-select: none;
  cursor: pointer;
}.bookings-list-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.bookings-list-modal__header {
  display: flex;
  height: 24px;
  justify-content: space-between;
  align-items: center;
  margin: 9px 15px;
}
.bookings-list-modal__main {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  padding: 3px 15px;
  gap: 4px;
  overflow-y: scroll;
}
.bookings-list-modal__main::-webkit-scrollbar {
  width: 4px;
}
.bookings-list-modal__main::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #808080;
}
.bookings-list-modal__prebookings-counter {
  display: flex;
  align-items: baseline;
  height: 100%;
  gap: 8px;
  color: var(--dimmed-font-color);
  white-space: nowrap;
}
.bookings-list-modal__prebookings-counter svg {
  position: relative;
  top: 1px;
  height: 12px;
  width: 12px;
}
.bookings-list-modal__spinner {
  position: absolute;
  margin: auto;
  inset: 0;
}.chat-creator-form {
  height: 34px;
  width: 100%;
  border-radius: 6px;
  border: solid 1px #00A6AD;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 19px;
  margin-bottom: 25px;
}
.chat-creator-form:focus-within .chat-creator-form__phone-code {
  display: none;
}
.chat-creator-form:focus-within .chat-creator-form__input {
  padding-left: 16px;
}
.chat-creator-form__phone-code {
  background: transparent;
  font-size: 13.333px;
  padding-left: 16px;
  margin-bottom: 1px;
  color: lightgray;
}
.chat-creator-form__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.chat-creator-form__input {
  flex-grow: 1;
  outline: none;
  border: none;
  height: 20px;
  line-height: 1;
  padding: 0px 16px 0px 0px;
  width: 100%;
}
.chat-creator-form__input::placeholder {
  color: #bdbdbd;
}
.chat-creator-form__btn--keyboard {
  cursor: pointer;
  margin-left: 5px;
}
.chat-creator-form__btn--submit {
  display: flex;
  padding: 0;
  margin-left: auto;
  cursor: pointer;
  margin-right: 10px;
  color: #00A6AD;
}.chat-header {
  --header-height: 48px;
  --avatar-margin: 8px;
  --content-padding: calc(var(--header-height) / 15);
  --contact-name-left-position: calc(var(--header-height) + var(--avatar-margin) * 2);
  --buttons-container-width: calc(100% - var(--contact-name-left-position) + var(--avatar-margin));
  --girl-buttons-container-padding: 100px;
  --girl-buttons-container-width: calc(100% - var(--contact-name-left-position) - var(--girl-buttons-container-padding));
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  color: #000;
  position: relative;
  height: var(--header-height);
  z-index: 4;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.chat-header--with-agent {
  background-color: rgba(var(--violet-status-color), 0.2);
}
.chat-header--with-agent .chat-header__name {
  color: rgb(151, 151, 151);
}
.chat-header:hover .booked-dropdown {
  display: flex;
  align-items: center;
  padding: 0 7px;
  opacity: 1;
  height: 30px;
  box-shadow: -2px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.chat-header::after {
  box-sizing: border-box;
  display: inline-block;
  width: 7px;
  height: 7px;
  position: absolute;
  border-radius: 50%;
  top: 3px;
  left: 8px;
  transition: all 0.2s ease-in;
}
.chat-header--available::after {
  content: "";
  background-color: rgb(1, 223, 133);
}
.chat-header--off::after {
  content: "";
  background-color: #f8737f;
}
.chat-header__floating-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8px 16px;
}
.chat-header__floating-header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(73, 70, 86, 0.4);
  align-items: flex-start;
  margin-bottom: 8px;
  height: 28px;
  justify-content: space-between;
}
.chat-header__floating-title {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  line-height: 10px;
}
.chat-header__floating-title > svg {
  height: 14px;
  aspect-ratio: 1;
}
.chat-header__additional-info {
  background-color: rgba(var(--primary-color));
}
.chat-header__additional-info-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(73, 70, 86, 0.04);
}
.chat-header__fn-tooltip-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 100;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  justify-content: center;
  text-align: center;
  background: #fff;
  border-radius: 6px;
  font-size: 13px;
  max-width: 240px;
  width: 100%;
  min-height: 38px;
  color: #808080;
  padding: 10px;
}
.chat-header__fn-tooltip-wrapper > span {
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  top: -3px;
  left: 50%;
}
.chat-header__fn-tooltip-wrapper > span::before {
  content: "";
  position: absolute;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: inherit;
  background-color: #020202;
}
.chat-header__ava-wrap {
  position: relative;
  height: 100%;
  aspect-ratio: 1;
  padding: 4px;
  margin: 0 var(--avatar-margin);
  flex-shrink: 0;
  cursor: pointer;
}
.chat-header__ava {
  border-radius: 50%;
}
.chat-header__contact-details {
  position: absolute;
  max-width: 57%;
  left: var(--contact-name-left-position);
  top: 0;
  min-width: 0;
  gap: 6px;
  padding: var(--content-padding) 0;
  z-index: 4;
  cursor: pointer;
}
.chat-header__id {
  font-size: 10px;
  line-height: 10px;
  color: var(--dimmed-font-color);
  min-width: 50px;
}
.chat-header__card {
  width: 14px;
  height: 10px;
}
.chat-header__ex {
  margin-right: 2px;
  line-height: 1.4;
  color: #f27e3f;
  font-weight: bold;
}
.chat-header__name {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  cursor: pointer;
}
.chat-header__name > svg {
  margin-left: 4px;
  height: 10px;
  aspect-ratio: 1;
}
.chat-header__details {
  margin-right: 10px;
}
.chat-header__rating {
  font-size: 12px;
  line-height: 12px;
  width: 17px;
}
.chat-header__reviews {
  color: rgb(var(--blue-status-color));
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}
.chat-header__buttons {
  position: absolute;
  right: 0;
  width: var(--buttons-container-width);
  height: calc(var(--header-height) / 1.6);
}
.chat-header__buttons .rc-overflow {
  width: 100%;
  align-items: flex-end;
}
.chat-header__buttons .rc-overflow-item-rest {
  width: var(--header-height);
}
.chat-header__buttons--girl {
  width: var(--girl-buttons-container-width);
}
.chat-header__buttons .rc-overflow-item:not(:first-child, :last-child) > .chat-header__button {
  margin-left: 8px;
}
.chat-header__buttons .rc-overflow-item:not(.rc-overflow-item-rest) > .chat-header__button {
  height: calc(var(--header-height) / 1.6);
}
.chat-header__buttons .rc-overflow-item-rest > .chat-header__button {
  height: var(--header-height);
  position: absolute;
  bottom: 0;
  right: 0;
}
.chat-header__btn {
  display: flex;
  min-width: 13px;
  height: 13px;
  margin: 0 4px;
  padding: 0;
  color: #808080;
  cursor: pointer;
}
.chat-header__btn:first-child {
  margin-left: 0;
}
.chat-header__btn:last-child {
  margin-right: 0;
}
.chat-header__btn:disabled {
  cursor: not-allowed;
}
.chat-header__btn--pin {
  margin: 0 2px;
}
.chat-header__btn--disabled {
  color: #F8737F;
}
.chat-header__bookings-block {
  display: flex;
  align-items: center;
  margin-right: 7px;
}
.chat-header__booking-icon-eye {
  width: 15px;
  height: 10px;
  fill: #FF3D2B;
}
.chat-header__bookings-count {
  margin-right: 6px;
  color: #404040;
}
.chat-header__icon {
  width: 13px;
  height: 13px;
}
.chat-header__icon--taken {
  color: #00A6AD;
}
.chat-header__btn--info {
  position: absolute;
  right: 0px;
  top: 4px;
  padding: 3px 10px;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
}
.chat-header__btn--agent {
  color: #0092f2;
  display: flex;
  align-items: center;
  text-decoration: underline;
  text-align: left;
}
.chat-header__btn--agent:hover {
  color: #000;
  text-decoration: none;
}
.chat-header__btn--agent:hover svg {
  fill: #000;
}
.chat-header__btn--agent svg {
  margin-right: 10px;
}
.chat-header__available-switcher {
  position: absolute;
  top: 12px;
  right: 52px;
}
.chat-header__text-line {
  margin: 0;
}
.chat-header__text {
  white-space: pre-line;
  font-size: 13px;
  border: none;
  outline: none;
  box-shadow: none;
  resize: none;
  text-align: center;
  width: 100%;
  padding: 0;
}
.chat-header__text--link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.chat-header__actual-bookings {
  font-size: 15px;
  padding: 0px 3px !important;
}
.chat-header__middle {
  display: flex;
  flex-direction: row;
}
.chat-header__row {
  display: flex;
  min-height: 50%;
  flex-grow: 1;
}
.chat-header__selects-container {
  display: flex;
  align-items: center;
  padding: 4px 0;
}
.chat-header__tags {
  padding-top: 8px;
  display: flex;
  position: relative;
  flex-grow: 1;
}
.chat-header__tags .overflowed-tags__tags-floating-panel-content {
  padding: 8px 6px;
  background-color: rgb(var(--secondary-color), var(--highlighted-opacity));
}
.chat-header__tag {
  background-color: #fff;
}
.chat-header__text-line {
  display: flex;
  align-items: center;
  text-align: left;
  margin: 2px 0;
}
.chat-header__btn--share {
  position: absolute;
  background-color: #fff;
  padding: 2px 20px;
  left: calc(50% - 28px);
  cursor: pointer;
  border: none;
  outline: none;
  top: 8px;
}
.chat-header__btn--share:active {
  top: 6px;
}
.chat-header__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  position: relative;
  padding-bottom: 6px;
}
.chat-header__booked-dropdown {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 80px;
}
.chat-header__img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.chat-header--hidden {
  height: 74px;
  background-color: #fff;
}
.chat-header--hidden > .chat-header__header, .chat-header--hidden > .chat-header__footer {
  display: none;
}
.chat-header__block-info {
  border: 1px solid rgba(27, 31, 35, 0.15);
  position: absolute;
  background: #fff;
  border-radius: 5px;
  font-size: 14px;
  padding: 5px;
  z-index: 2;
  box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
}
.chat-header__block-info span {
  font-weight: bold;
  color: #00A9AF;
}
.chat-header__exclusive {
  font-size: 13px;
  color: #F2CC0C;
}
.chat-header__selects-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 40px;
  gap: 4px;
  justify-content: space-around;
  align-items: center;
  padding: 4px 0;
}
.chat-header__select-wrap {
  min-width: 0;
  justify-content: flex-start;
}
.chat-header__contact-emails {
  min-width: 0;
}
.chat-header__contact-emails .react-select__menu {
  right: 0;
}
.chat-header__dropdown {
  position: relative;
  z-index: 0;
}
.chat-header__dropdown::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(var(--primary-color));
  z-index: -1;
  border-radius: 0 0 12px 12px;
}
.chat-header__notes {
  white-space: pre-wrap;
  word-break: break-all;
  gap: 4px;
}
.chat-header__close-button {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 5;
  height: 16px;
  aspect-ratio: 1;
}@keyframes shakeMe {
  0%, 20%, 40%, 60%, 80% {
    transform: translateX(-1px);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
  }
}
.timeline {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.timeline__system-msg {
  margin-bottom: 12px;
}
.timeline__load-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 15px;
  height: 100%;
  font-size: 13px;
  color: #bfbfbf;
}
.timeline__group {
  max-width: 100%;
}
.timeline__group > .interaction {
  margin-bottom: 16px;
}
.timeline__group-archive-btn {
  font-weight: bold;
}
.timeline__list {
  list-style: none;
  padding-inline: 12px;
  margin: 0;
  min-height: 100%;
  display: flex;
  gap: 12px;
  flex-direction: column;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.timeline__btn {
  position: absolute;
  cursor: pointer;
  bottom: 20px;
  right: 10px;
  border: 1px solid grey;
  background: rgba(0, 0, 0, 0.48);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  outline: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.timeline__btn--hidden {
  display: none;
}
.timeline__update-spinner {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.timeline__unread-count {
  position: absolute;
  top: -11px;
  background: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  outline: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid red;
  font-size: 10px;
}
:is(.timeline__unread-divider, .timeline__date-indicator, .timeline__group-archive-btn) {
  margin: 0 auto 16px;
}
.timeline__unread-divider {
  display: none;
}
.timeline__unread-divider:first-of-type {
  display: block;
}
.timeline__date-indicator {
  position: sticky;
  top: 0;
  z-index: 1;
}
.timeline .scrollbars-track {
  right: 3px;
}
.timeline__no-results {
  text-align: center;
  line-height: 32px;
  color: #808080;
  font-size: 24px;
  margin-bottom: 28px;
}
.timeline--pinned-msgs {
  padding-top: 48px;
}
.timeline--pinned-books {
  padding-top: 48px;
}
.timeline--pinned-msgs .timeline--pinned-books {
  padding-top: 96px;
}
.timeline__scroll-btn {
  display: inline-flex;
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 24px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px;
  width: 26px;
  height: 26px;
  border: 2px solid rgba(0, 166, 173, 0.7);
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  color: rgba(0, 166, 173, 0.7);
  box-shadow: 0 0 14px 0 rgba(0, 166, 173, 0.35);
}
.timeline__scroll-btn--operators {
  justify-content: flex-end;
  padding: 2px 0 6px;
  width: 48px;
  height: 48px;
  background-color: #e6ebf1;
  box-shadow: none;
  color: #00A6AD;
  left: 50%;
  transform: translateX(-50%);
}
.timeline__btn-icon {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}
.timeline__new-message-count {
  display: flex;
  font-size: 10px;
  margin-bottom: 3px;
  padding: 3px 6px;
  border-radius: 50%;
  background-color: #00A6AD;
  color: white;
}

.chat:not(.public-chat) .interaction--inc .interaction__body-wrap {
  background-color: #E7F6F7 !important;
}
.chat:not(.public-chat) .interaction--inc .interaction__body-wrap--deleted {
  background-color: transparent !important;
}

.interaction {
  position: relative;
  cursor: default;
  border-radius: 5px;
}
.interaction__hidden {
  display: none;
}
.interaction__right-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.interaction__w-wrapper {
  height: 15px;
  width: 15px;
  color: rgba(0, 0, 0, 0.5);
}
.interaction__webmaster-icon {
  color: rgba(0, 0, 0, 0.5);
}
.interaction:hover .interaction__webmaster-icon {
  display: none;
}
.interaction__highlight {
  background-color: transparent;
  color: #F20C0C;
}
.interaction__control-panel {
  margin-right: 18px;
}
.interaction--is-role-admin .interaction__icon-social-box {
  margin: 8px 0 0 8px;
  display: flex;
  align-items: center;
}
.interaction .interaction__status {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.interaction--inc {
  margin-bottom: 12px;
}
.interaction--inc .interaction__text {
  color: #4a4a4a;
}
.interaction--inc .interaction__status {
  margin: 0 5px;
}
.interaction--inc .interaction__status--deleted {
  color: #FF3D2B;
  line-height: 1;
}
.interaction--out {
  margin-bottom: 12px;
}
.interaction--out .interaction__text {
  color: #808080;
}
.interaction--out .interaction__status {
  margin-bottom: 1px;
  margin-left: 5px;
}
.interaction--out .interaction__status-icon {
  width: 10px;
  height: 10px;
}
.interaction--out .interaction__status-icon--pending {
  color: #bfbfbf;
}
.interaction--out .interaction__status-icon--sent {
  color: #88D6D9;
}
.interaction--out .interaction__status-icon--delivered {
  color: #88D6D9;
}
.interaction--out .interaction__status-icon--delivered:nth-child(2) {
  transform: translateX(-50%);
}
.interaction--out .interaction__status-icon--failed {
  color: #FF5E57;
}
.interaction--out .interaction__status--error {
  color: #FF5E57;
  margin-bottom: 0;
  margin-right: 5px;
}
.interaction--out .interaction__status--error .interaction__status-icon {
  margin-right: 5px;
}
.interaction--out .interaction__status--deleted {
  color: #FF3D2B;
  margin-bottom: 0;
  margin-right: 5px;
  line-height: 1;
}
.interaction--out .interaction__body-wrap--deleted {
  background-color: transparent;
}
.interaction--whatsapp .interaction__status-icon--pending {
  color: #bfbfbf;
}
.interaction--whatsapp .interaction__status-icon--sent {
  color: #88D6D9;
}
.interaction--whatsapp .interaction__status-icon--delivered {
  color: #bfbfbf;
}
.interaction--whatsapp .interaction__status--read .interaction__status-icon--delivered {
  color: #88D6D9;
}
.interaction--tg-group .attachment-reply__reply-btn {
  display: none;
}
.interaction--tg-group .attachment-reply__ava {
  margin-left: 0;
}
.interaction--deleted {
  pointer-events: none;
}
.interaction:hover .interaction__menu {
  display: flex;
}
.interaction--open-menu {
  background-color: white;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.interaction--hidden {
  display: none;
}
.interaction--girls {
  margin: 0px 5px 12px;
}
.interaction--girls .ii-menu {
  right: 15px;
}
.interaction--girls .ii-menu__tooltip {
  left: -35px;
}
.interaction--girls .ii-menu__tooltip:after {
  left: 38px;
}
.interaction--girls .interaction__header {
  align-items: center;
  padding: 1px 0px;
  margin-top: 12px;
}
.interaction--girls .interaction__body-wrap {
  position: relative;
  padding: 6px 15% 6px 14px;
  overflow: hidden;
  margin-top: 5px;
}
.interaction--girls .interaction__header-info {
  justify-content: space-between;
}
.interaction--girls .interaction__ava {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 1px 0 1px 6px;
}
.interaction--girls .interaction__ava::after {
  box-sizing: border-box;
  display: inline-block;
  width: 7px;
  height: 7px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: -4px;
  transition: all 0.2s ease-in;
}
.interaction--girls .interaction__ava .interaction__ava-telegram-icon, .interaction--girls .interaction__ava .interaction__ava-robot-icon, .interaction--girls .interaction__ava .interaction__ava-whatsapp-icon, .interaction--girls .interaction__ava .interaction__ava-iphone-icon, .interaction--girls .interaction__ava .interaction__widget-icon {
  background-color: #fff;
  width: 13px;
  height: 13px;
  top: unset;
  left: unset;
  bottom: -1px;
  right: 0px;
}
.interaction--girls .interaction__ava--available::after {
  content: "";
  background-color: rgb(1, 223, 133);
}
.interaction--girls .interaction__ava--off::after {
  content: "";
  background-color: #f8737f;
}
.interaction--girls .interaction__name {
  font-weight: 500;
  color: #808080;
}
.interaction--girls .interaction__main-wrap {
  flex-grow: 1;
  cursor: pointer;
  width: calc(100% - 37px);
}
.interaction--girls .interaction__main-info {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.interaction--girls .interaction__time--msg {
  white-space: nowrap;
}
.interaction--girls .interaction__text {
  background-color: #fff;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  transition: all 0.1s;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  width: 100%;
}
.interaction--girls .interaction__text--expanded {
  background-color: #fff;
  color: #000;
  padding: 3px 0;
  font-size: 14px;
  margin-top: 2px;
  display: block;
  height: auto;
  transition: all 0.1s;
}
.interaction--girls .pinned-msgs-attachments {
  grid-template-columns: repeat(9, 36px);
  grid-auto-columns: 36px;
  grid-gap: 5px;
  height: 36px;
}
.interaction--girls .pinned-msgs-attachments--mod2, .interaction--girls .pinned-msgs-attachments--mod4, .interaction--girls .pinned-msgs-attachments--mod6 {
  grid-template-rows: none;
  gap: none;
}
.interaction--girls .interaction__text--inavailable {
  color: #01DF85 !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.interaction--girls .interaction__text--inoff {
  color: #F8737F !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.interaction--girls .interaction__text--finished {
  color: #0092F2 !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.interaction--girls .interaction_text-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.interaction--girls .interaction__glossary-drop {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 12px;
  fill: #00A6AD;
  cursor: pointer;
}
.interaction--girls .interaction__glossary-drop--open {
  color: #0092f2;
}
.interaction--girls .interaction__glossary-undo {
  position: absolute;
  top: 2px;
  right: 10px;
  width: 12px;
  margin: 5px;
  fill: #00A6AD;
  cursor: pointer;
}
.interaction--task {
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
}
.interaction--task.interaction--disabled {
  cursor: auto;
}
.interaction--task .interaction__assigned {
  padding: 4px 6px;
}
.interaction--task .interaction__operator {
  color: #0092F2;
  font-style: italic;
}
.interaction--task .interaction__completed-menu {
  display: flex;
  flex-direction: column-reverse;
  text-align: right;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  overflow: hidden;
}
.interaction--task .interaction__completed-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 2px 6px;
  white-space: pre;
  gap: 4px;
  letter-spacing: 1px;
}
.interaction--task .interaction__completed-item time {
  display: inline;
}
.interaction--task .interaction__completed-name {
  font-style: italic;
  color: #3565FD;
}
.interaction--task .interaction__header {
  background-color: #F3F3F4;
  align-items: center;
  padding: 13px 0px 6px 4px;
}
.interaction--task .interaction__header-info {
  justify-content: space-between;
}
.interaction--task .interaction__ava {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 0;
}
.interaction--task .interaction__ava .interaction__ava-telegram-icon, .interaction--task .interaction__ava .interaction__ava-comments-icon, .interaction--task .interaction__ava .interaction__ava-robot-icon, .interaction--task .interaction__ava .interaction__ava-whatsapp-icon, .interaction--task .interaction__ava .interaction__ava-iphone-icon, .interaction--task .interaction__ava .interaction__widget-icon {
  background-color: #fff;
  width: 13px;
  height: 13px;
  top: unset;
  left: unset;
  bottom: -1px;
  right: 0px;
}
.interaction--task .interaction__ava--available::after {
  content: "";
  background-color: rgb(1, 223, 133);
}
.interaction--task .interaction__name {
  font-weight: 500;
  color: #808080;
}
.interaction--task .interaction__text-wrap {
  padding: 6px 12px;
}
.interaction--task .interaction__text {
  font-size: 12px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.interaction--task .interaction__text--expanded {
  padding: 3px 0;
  font-size: 14px;
  margin-top: 2px;
  display: block;
  height: auto;
  transition: all 0.1s;
  overflow: visible;
  white-space: initial;
}
.interaction--task .interaction__checkbox-container input:not(:checked) ~ .checkmark {
  border: 2px solid rgb(229.6956521739, 229.6956521739, 231.8043478261);
  width: 15px;
}
.interaction--new.interaction--out {
  animation: newOutgoingMsg 0.15s linear;
}
.interaction--new.interaction--inc {
  animation: newIncomingMsg 0.15s linear;
}
.interaction--out {
  background-color: transparent;
  box-shadow: none;
}
.interaction--imessage .interaction__body-wrap {
  background-color: #0092F2;
}
.interaction--imessage .interaction__body-wrap * {
  color: #fff;
}
.interaction--imessage .interaction__body-wrap :is(svg, ::after, ::before) {
  color: #8C8A94;
}
.interaction__textarea--hidden {
  width: 0;
  height: 0;
  resize: none;
  border: none;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  outline: none;
  background-color: transparent;
}
.interaction__header {
  display: flex;
  align-items: flex-end;
  position: relative;
  font-size: 12px;
  height: 24px;
}
.interaction__header--is-empty-body {
  padding: 8px;
}
.interaction__header-info {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding-bottom: 3px;
  min-width: 87%;
  margin: 0 4px;
  height: 100%;
}
.interaction__header-info--inc {
  justify-content: space-between;
}
.interaction__header-info--reverse {
  flex-direction: row-reverse;
}
.interaction__header-info--reverse .ii-menu {
  left: 0;
}
.interaction__header-info--reverse .ii-sub-menu {
  left: 0;
}
.interaction__header-info--reverse .ii-menu__tooltip {
  right: initial;
  left: -6px;
}
.interaction__header-info--reverse .ii-menu__tooltip:after {
  right: initial;
  left: 10px;
}
.interaction__header-right {
  display: flex;
  height: 100%;
}
.interaction__menu {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.interaction__menu--active {
  opacity: 1;
  visibility: visible;
}
.interaction--out .interaction__menu {
  left: 0;
}
.interaction--out .interaction__menu * {
  left: 0;
}
.interaction--inc .interaction__menu {
  right: 0;
}
.interaction--inc .interaction__menu * {
  right: 0;
}
.interaction__ava {
  margin: 8px 0 0 8px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
}
.interaction__ava--is-empty-body {
  margin: 0;
}
.interaction__ava img {
  background-color: #fff;
  border-radius: 50%;
}
.interaction__ava--reverse {
  margin: 8px 8px 0 0;
}
.interaction__ava-telegram-icon, .interaction__ava-robot-icon, .interaction__ava-whatsapp-icon, .interaction__ava-iphone-icon, .interaction__ava-widget-icon {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 18px;
  height: 18px;
  color: #0092F2;
  border-radius: 50%;
  border: 1px solid #E6EBF1;
}
.interaction__ava-telegram-icon--reverse, .interaction__ava-robot-icon--reverse, .interaction__ava-whatsapp-icon--reverse, .interaction__ava-iphone-icon--reverse, .interaction__ava-widget-icon--reverse {
  left: initial;
  right: -8px;
}
.interaction__ava-whatsapp-icon {
  color: #03c275;
}
.interaction__ava-iphone-icon {
  color: #808080;
}
.interaction__ava-widget-icon {
  color: #808080;
}
.interaction__icon-social-box {
  display: flex;
  align-items: flex-end;
}
.interaction__icon-social-box:empty {
  display: none;
}
.interaction__icon-social {
  width: 18px;
  height: 18px;
  transform: translateY(-1px);
}
.interaction__icon-social--telegram {
  color: #0092F2;
}
.interaction__icon-social--whatsapp {
  color: #03c275;
}
.interaction__icon-social--iphone {
  color: #808080;
}
.interaction__icon-social--widget {
  color: #808080;
}
.interaction__msg-type {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 5px;
  color: #808080;
}
.interaction__name {
  display: flex;
  align-items: flex-end;
  font-size: 12px;
  color: #3565FD;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 5px;
}
.interaction__name--out {
  color: #808080;
}
.interaction__name--exclusive {
  margin-left: 2px;
  color: #f2cc0c;
  font-size: 9px;
}
.interaction__name--is-sender {
  margin-right: 22px;
}
.interaction__name--is-sender svg {
  width: 17px;
  height: 17px;
  color: #0092F2;
  margin-left: 5px;
  position: absolute;
  right: 0px;
}
.interaction__name--whatsapp svg {
  color: #03c275;
}
.interaction__name--iphone svg {
  color: #808080;
}
.interaction__rates {
  margin-left: 5px;
}
.interaction__status {
  margin-left: 10px;
  font-size: 11px;
}
.interaction__status--reverse {
  margin: 0 10px;
  font-size: 11px;
}
.interaction__time {
  color: #4a4a4a;
  font-size: 10px;
  margin: 0 5px;
  height: 12px;
  width: max-content;
  white-space: pre;
}
.interaction__channel {
  margin: 0 5px;
  font-size: 11px;
}
.interaction__body-wrap {
  outline-color: #fff;
  outline: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.interaction__body-wrap:focus-within {
  outline-color: rgba(0, 166, 173, 0.5);
}
.interaction__body-wrap {
  position: relative;
  margin-top: 8px;
  padding: 8px 12px;
  font-size: 14px;
  overflow: hidden;
}
.interaction__body-wrap--is-role-admin {
  background-color: #cce9fc !important;
  border-color: #cce9fc;
}
.interaction__body-wrap--deleted {
  opacity: 0.3;
  outline: 1px solid #F20C0C;
}
.interaction__body-wrap--empty-body {
  display: none;
}
.interaction__replied-msg {
  text-align: left;
}
.interaction__text-wrap {
  word-break: break-word;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
}
.interaction__operator-info {
  display: flex;
  align-items: center;
  line-height: 1.4;
  color: #858181;
  margin: 5px 0 0;
  font-size: 14px;
  white-space: pre-wrap;
  flex-wrap: wrap;
  flex-grow: 1;
}
.interaction__operator-info-img {
  border-radius: 50%;
  overflow: hidden;
  height: 18px;
  width: 18px;
  margin-left: 10px;
}
.interaction__operator-name {
  color: #0092f2;
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
}
.interaction__voicemail {
  margin-left: auto;
}
.interaction__text {
  line-height: 24px;
  margin: 0;
  color: #4a4a4a;
  white-space: pre-wrap;
}
.interaction__text--removed svg {
  margin: 0 5px;
}
.interaction__text--deleted {
  text-decoration: line-through;
}
.interaction__text--pinned {
  font-size: 12px;
  color: #404040;
  line-height: 16px;
}
.interaction__text--completed {
  font-style: italic;
  text-decoration: line-through;
  color: #808080;
}
.interaction__link {
  display: block;
  margin-top: 2px;
  color: #0092f2;
  font-size: 10px;
  line-height: 1.6;
  width: fit-content;
  word-break: break-word;
}
.interaction__clickable-name {
  text-decoration: underline;
  color: #0092f2;
  cursor: pointer;
}
.interaction__img-wrap {
  width: 100px;
  height: 70px;
  object-fit: cover;
  cursor: pointer;
  display: flex;
  text-align: center;
  margin-top: 5px;
}
.interaction__preload-img {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px;
}
.interaction__preload-img:hover {
  filter: blur(0.005px);
  transform: scale(0.95);
}
.interaction__edited {
  display: inline-block;
  font-size: 10px;
  margin-left: 7px;
}
.interaction__deleted {
  display: inline-block;
  font-size: 10px;
  margin-left: 7px;
}
.interaction__mention {
  font-weight: 400;
  color: #0092f2;
}
.interaction__glossary {
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 0;
  transform: translate(10%, 100%);
  background-color: #fff;
  z-index: 3;
  width: 80%;
  font-size: 12px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid #00A6AD;
}
.interaction__glossary-item {
  border: none;
  position: relative;
  padding: 12px;
  color: #0092f2;
  cursor: pointer;
  user-select: none;
}
.interaction__glossary-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.interaction__glossary-item--disabled {
  background: rgba(197, 145, 145, 0.231372549);
  cursor: not-allowed;
}
.interaction__glossary-item:hover {
  background-color: #f6f6f6;
}
.interaction__glossary-item-title {
  font-weight: 700;
  text-transform: capitalize;
}
.interaction__glossary-item-icon {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
}
.interaction__glossary-item-icon--available {
  background-color: #01DF85;
}
.interaction__glossary-item-icon--off-today {
  background-color: #F8737F;
}
.interaction__glossary-item-icon--finished {
  background-color: #0092F2;
}
.interaction__glossary-item-icon--started {
  background-color: #E88204;
}
.interaction__icon-pinned {
  width: 14px;
  height: 14px;
  color: #00A6AD;
  transform: rotate(45deg);
}
.interaction__icon-bell {
  width: 13px;
  color: #F8737F;
}
.interaction__btn-pinned {
  display: flex;
  justify-content: center;
  align-items: center;
}

.interaction[data-isanimate=true] {
  animation: shakeMe 0.8s linear infinite;
}

.interaction-reminder {
  border: 1px solid #0092f2;
  border-radius: 5px;
  margin-top: 10px;
  cursor: pointer;
  position: relative;
}
.interaction-reminder__close {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: none;
  z-index: 1;
  padding: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 15px;
  width: 15px;
}
.interaction-reminder__close::before, .interaction-reminder__close::after {
  content: "";
  position: absolute;
  top: 4px;
  height: 15px;
  width: 2px;
  background-color: red;
}
.interaction-reminder__close::before {
  transform: rotate(45deg);
}
.interaction-reminder__close::after {
  transform: rotate(-45deg);
}
.interaction-reminder .interaction__menu.i-menu {
  display: none;
}
.interaction-reminder__time {
  color: #0092f2;
  margin-left: 5px;
}
.interaction-reminder__title {
  line-height: 1.4;
  margin: 5px 0;
  color: rgb(133, 129, 129);
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #0092f2;
  padding-right: 25px;
}
.interaction-reminder__content {
  -border: 1px solid #0092f2;
  -border-radius: 5px;
  padding: 5px 15px 2px;
}

.shared-msg {
  border-left: 3px solid #d9d9d9;
  padding-left: 10px;
  margin-bottom: 8px;
}
.shared-msg__header {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.attachments- {
  margin-top: 6px;
  text-align: left;
  font-size: 14px;
}
.attachments-__wrap {
  border-left: 3px solid #d9d9d9;
  padding-left: 10px;
}
.attachments-__row {
  display: flex;
}
.attachments-__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.attachments-__images {
  display: flex;
  flex-wrap: wrap;
}
.attachments-__voice-message {
  width: 100%;
  max-width: 210px;
  margin: auto;
  font-size: 12px;
  font-family: Roboto;
  color: gray;
  margin-bottom: 10px;
}
.attachments-__voice-message .player {
  margin-top: 2px;
}
.attachments-__desc {
  margin: 0 0 5px;
  line-height: 1.3;
}
.attachments-__img {
  max-width: 100px;
  height: 100px;
  max-height: 100px;
}
.attachments-__img-wrap {
  width: 100px;
  height: 70px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  margin: 5px 0;
}

.control-panel {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}
.control-panel__chat-button {
  display: flex;
  padding: 0;
}
.control-panel__chat-button-icon path {
  fill: #00A6AD;
}

.chat-notification {
  border: 1px solid rgba(var(--red-status-color), var(--selected-opacity)) !important;
}
.chat-notification__content {
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(var(--red-status-color), var(--highlighted-opacity));
  height: -webkit-fill-available;
}
.chat-notification__icon-button {
  display: flex;
  padding: 0;
}
.chat-notification__icon {
  color: #FD5E53;
}

@keyframes newOutgoingMsg {
  from {
    transform: translate3d(50%, 50%, 0) scale(0.1);
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes newIncomingMsg {
  from {
    transform: translate3d(-50%, 50%, 0) scale(0.1);
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}.attachments {
  text-align: left;
  font-size: 14px;
}
.attachments--shared-msg {
  padding: 0 23px 0 9px;
}
.attachments__title {
  margin: 3px 0 8px;
  font-weight: 500;
  letter-spacing: 1px;
}
.attachments__links, .attachments__images, .attachments__contact, .attachments__msg, .attachments__voice-message, .attachments__session {
  background-color: inherit;
}
.attachments__msg {
  background-color: #F3F3F4;
}
.attachments__msg .attachment-msg__header svg {
  display: block;
}
.attachments__row {
  display: flex;
}
.attachments__voice-message {
  height: 24px;
}
.attachments__voice-message .player__thumb {
  position: absolute;
  top: 0;
  height: 4px;
  width: 4px;
  background-color: transparent;
  transform: none;
}
.attachments__voice-message .player__slider-path {
  height: 100%;
  width: auto;
  left: 1px;
  right: 1px;
  background-color: initial;
}
.attachments__voice-message .player__slider-left-path {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: rgb(var(--blue-status-color));
  border-radius: 1px;
  mix-blend-mode: normal;
  opacity: 1;
}
.attachments__voice-message .player__control {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
  color: #808080;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 6px;
}
.attachments__voice-message .player__control-icon {
  display: block;
  height: 10px;
  width: 9px;
  color: rgb(var(--tertiary-color));
}
.attachments__voice-message .player__control-icon--play {
  position: relative;
  transform: translateX(1px);
}
.attachments__voice-message .player__control--pause {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
}
.attachments__voice-message .player__control--pause::after {
  content: "";
  display: block;
  width: 70%;
  height: 60%;
  background: linear-gradient(to right, #808080 0% 40%, transparent 40% 60%, #808080 60% 100%);
}
.attachments__voice-message .player__control--volume {
  display: none;
}
.attachments__images {
  position: relative;
}

.attachment-link__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.attachment-link__url {
  margin: 5px 0;
  color: #0092f2;
}
.attachment-link__desc {
  margin: 0 0 5px;
  line-height: 1.3;
  color: #858181;
  font-weight: 200;
}
.attachment-link__img {
  max-width: 100px;
  height: 100px;
  max-height: 100px;
  overflow: hidden;
}
.attachment-link__btn {
  position: absolute;
  right: 0;
  padding: 2px 4px;
  border-radius: 4px 0px 4px 4px;
  color: #fff;
  background-color: #00A6AD;
}

.attachment-contact__body {
  display: flex;
  align-items: center;
  font-size: 14px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 6px;
  border: 1px solid grey;
  background-color: #fff;
  padding: 4px;
}
.attachment-contact__img-wrap {
  width: 32px;
  height: 32px;
  min-width: 32px;
  cursor: pointer;
}
.attachment-contact__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.4;
  font-size: 13px;
  margin: 0 10px;
}
.attachment-contact__meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  color: #858181;
}
.attachment-contact__actions {
  display: flex;
  flex-wrap: wrap;
}
.attachment-contact__btn {
  width: 32px;
  height: 32px;
}

.attachment-msg {
  padding-top: 5px;
}
.attachment-msg__ava {
  width: 26px;
  min-width: 26px;
  height: 26px;
  cursor: pointer;
  margin: 0 5px;
}
.attachment-msg__ava img {
  border-radius: 50%;
}
.attachment-msg__header {
  display: flex;
  position: relative;
}
.attachment-msg__header svg {
  position: absolute;
  display: none;
  right: 0;
  top: 0;
}
.attachment-msg__name {
  font-size: 12px;
  color: #bfbfbf;
  margin: 0;
  line-height: 0.9;
}
.attachment-msg__time {
  font-style: italic;
  font-size: 11px;
}
.attachment-msg__content {
  padding: 5px 0 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.attachment-msg__content p {
  font-size: 12px;
  padding-left: 10px;
}

.attachment-voice-msg {
  display: flex;
}

.attachment-session__deleted-session {
  font-family: Roboto;
  color: #dc3545;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
}
.attachment-session__spinner-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachment-session__body {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 6px;
  border: 1px solid grey;
  background-color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px;
  height: 52px;
  max-height: 52px;
  cursor: pointer;
}
.attachment-session__meta {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-attachment {
  position: relative;
  margin-bottom: 10px;
  padding: 5px 5px;
  background: #F3F3F4;
  bottom: 0;
  text-align: left;
  box-shadow: 0 10px 20px rgba(27, 31, 35, 0.25);
  font-size: 13px;
  border-top: 1px solid #00A6AD;
}
.chat-attachment__btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 4px;
  right: 4px;
  z-index: 1;
  padding: 0;
  height: 18px;
  width: 18px;
  color: #FD5E53;
}
.chat-attachment__btn-icon {
  height: 8px;
  width: 8px;
}
.chat-attachment .attachment-msg__content .interaction__text, .chat-attachment .attachment-reply__content .interaction__text {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.attachment-booking {
  width: 100%;
}
.attachment-booking__header {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.attachment-booking__header-date {
  font-size: 11px;
  line-height: 15px;
}
.attachment-booking__header .booking-icon {
  font-size: 17px;
  margin-left: 10px;
}
.attachment-booking__header-fb-available {
  font-size: 11px;
  font-style: italic;
}
.attachment-booking__body {
  display: flex;
  align-items: center;
  height: auto;
  padding: 6px 5px;
  background: #ffffff;
  border-radius: 6px;
  cursor: pointer;
}
.attachment-booking__body-avatar {
  display: flex;
  align-items: center;
  margin-right: 5px;
  gap: 5px;
}
.attachment-booking__body-avatar .lazy-load__container {
  width: 32px;
  height: 32px;
}
.attachment-booking__body-avatar .lazy-load__container img {
  border-radius: 50%;
}
.attachment-booking__body-avatar--is-duo .lazy-load__container {
  width: 28px;
  height: 28px;
}
.attachment-booking__body-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  flex-grow: 1;
  font-size: 12px;
}
.attachment-booking__body-details {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.attachment-booking__body-name {
  display: flex;
  justify-content: space-between;
  padding-right: 11px;
  width: 100%;
}
.attachment-booking__body-girl, .attachment-booking__body-operator {
  font-style: italic;
  font-weight: 500;
  margin-left: 4px;
  letter-spacing: 1px;
}
.attachment-booking__body-operator {
  margin-left: 10px;
}
.attachment-booking__body-girl {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.attachment-booking__body-girl svg {
  margin-left: 3px;
  color: #f2cc0c;
  font-size: 10px;
}
.attachment-booking__body-type {
  text-transform: capitalize;
}
.attachment-booking__body-duration {
  position: relative;
}
.attachment-booking__body-duration span {
  position: absolute;
  top: -3px;
  right: -5px;
  font-weight: bold;
}
.attachment-booking__body-type, .attachment-booking__body-time, .attachment-booking__body-duration, .attachment-booking__body-price {
  margin: 0 4px;
}
.attachment-booking__body-pending {
  display: flex;
  width: 100%;
  min-height: 43px;
  justify-content: center;
  align-items: center;
}
.attachment-booking__fb-action {
  display: flex;
}
.attachment-booking__fb-action-btn {
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-radius: 3px;
  color: white;
  background: #997cb5;
  line-height: 12px;
  cursor: pointer;
}
.attachment-booking-removed {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  font-style: italic;
  padding: 5px 0;
}
.attachment-booking-removed span {
  padding: 10px 30px;
  background: rgba(243, 205, 205, 0.4431372549);
  border-radius: 5px;
}

.attachment-reply {
  padding-top: 5px;
  cursor: pointer;
}
.attachment-reply__ava {
  width: 24px;
  min-width: 24px;
  height: 24px;
  cursor: pointer;
  margin: 0 11px;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.attachment-reply__ava img {
  border-radius: 50%;
}
.attachment-reply__header {
  display: flex;
  align-items: center;
}
.attachment-reply__reply-btn {
  padding: 0;
  margin-left: 8px;
  margin-right: 5px;
  color: #808080;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.attachment-reply__reply-btn:hover {
  color: #0092f2;
}
.attachment-reply__reply-btn svg {
  font-size: 16px;
}
.attachment-reply__name {
  font-size: 12px;
  color: #3565FD;
  margin: 0;
  line-height: 0.9;
}
.attachment-reply__time {
  font-size: 10px;
}
.attachment-reply__content {
  position: relative;
  margin: 10px 0;
  padding: 0 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.attachment-reply__content:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #00A6AD;
  z-index: 1;
}
.attachment-reply__content p {
  font-size: 12px;
}
.attachment-reply__attachments {
  margin-top: 5px;
  font-size: 14px;
}
.attachment-reply__attachments-group {
  position: relative;
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
  overflow: hidden;
}
.attachment-reply__attachments-group-item {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
.attachment-reply__attachments-group::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.attachment-reply__attachments svg {
  margin-right: 5px;
}
.attachment-reply__file {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background-color: #f6f6f8;
  border-radius: 6px;
  margin-top: 4px;
  max-width: 200px;
}
.attachment-reply__file-icon {
  color: #404040;
  flex-shrink: 0;
}
.attachment-reply__file-name {
  font-size: 11px;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.attachment-email {
  position: relative;
  margin-left: 20px;
  padding: 4px 8px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.attachment-email__title {
  color: #4a4a4a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attachment-email__body {
  color: #808080;
  opacity: 0.9;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.attachment-email__body--extra {
  -webkit-line-clamp: 4;
}
.attachment-email__name {
  text-align: end;
  color: #0092F2;
}
.attachment-email--incoming {
  margin-right: 20px;
  margin-left: 0;
}
.attachment-email::before {
  content: "outgoing";
  color: #808080;
  position: absolute;
  font-size: 11px;
  top: -17px;
  left: 5px;
  z-index: 2;
}
.attachment-email--incoming::before {
  content: "incoming";
}

.attachment-girls {
  display: flex;
  flex-flow: row wrap;
  margin-top: 16px;
  gap: 14px;
  max-height: 172px;
}
.attachment-girls .lazy-load__container {
  margin-bottom: 4px;
  height: 60px;
}
.attachment-girls figure {
  max-width: 60px;
}
.attachment-girls img {
  height: 60px;
  max-width: 60px;
  aspect-ratio: 1;
  border-radius: 8px;
}
.attachment-girls figcaption {
  text-align: center;
  color: #0092F2;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-girls__tooltip {
  width: 374px;
}

.attachment-map {
  height: 150px;
}
.attachment-map div {
  cursor: pointer;
}.call-btn {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0;
}
.call-btn:disabled {
  cursor: not-allowed;
}
.call-btn:disabled > svg {
  fill: #fff;
}
.call-btn__option {
  padding: 2px;
}
.call-btn__dropdown {
  background-color: #00A6AD;
  border-radius: 5px;
  box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
  padding: 5px;
  z-index: 100;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 1px;
}
.call-btn__dropdown button {
  color: white;
}
.call-btn__dropdown .call-btn {
  width: unset;
  height: unset;
}.attachment-img {
  display: grid;
  grid-auto-flow: row;
  position: relative;
  gap: 10px;
  width: 240px;
  height: 100%;
}
.attachment-img--col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.attachment-img--col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.attachment-img--row-2 {
  grid-template-rows: repeat(2, calc(50% - 5px));
}
.attachment-img--col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.attachment-img--row-3 {
  grid-template-rows: repeat(3, calc(33.3333333333% - 3.3333333333px));
}
.attachment-img--col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.attachment-img--row-4 {
  grid-template-rows: repeat(4, calc(25% - 2.5px));
}
.attachment-img--col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.attachment-img--row-5 {
  grid-template-rows: repeat(5, calc(20% - 2px));
}
.attachment-img--col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.attachment-img--row-6 {
  grid-template-rows: repeat(6, calc(16.6666666667% - 1.6666666667px));
}
.attachment-img--col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.attachment-img--row-7 {
  grid-template-rows: repeat(7, calc(14.2857142857% - 1.4285714286px));
}
.attachment-img--col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.attachment-img--row-8 {
  grid-template-rows: repeat(8, calc(12.5% - 1.25px));
}
.attachment-img--col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.attachment-img--row-9 {
  grid-template-rows: repeat(9, calc(11.1111111111% - 1.1111111111px));
}
.attachment-img--hidden .attachment-img__img-wrap:last-child :where(img, .video-thumbnail) {
  opacity: 0.5;
}
.attachment-img__btn {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  opacity: 0;
  z-index: 2;
}
.attachment-img__btn--download-all, .attachment-img__btn--download, .attachment-img__btn--expanced {
  width: 24px;
  height: 24px;
  padding: 0;
  color: rgb(var(--tertiary-color));
  background-color: rgb(var(--primary-color));
}
.attachment-img__btn--download-all, .attachment-img__btn--download {
  top: 0;
  right: 0;
  border-radius: 5px;
}
.attachment-img__btn--expanced {
  opacity: 1;
  border-radius: 50%;
  bottom: -7px;
  right: 25px;
}
.attachment-img__btn svg {
  transform: rotate(180deg) scale(0.9);
  margin: auto;
}
.attachment-img__img-wrap {
  position: relative;
  cursor: pointer;
  display: flex;
  text-align: center;
}
.attachment-img__img-wrap :where(img, .video-thumbnail) {
  border-radius: 6px;
}
.attachment-img__img-wrap:hover .attachment-img__btn {
  opacity: 1;
}
.attachment-img__img {
  background-color: #fff;
  object-position: 50% 50%;
}.attachment-files {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.attachment-files__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.attachment-files__item:hover .attachment-files__preview {
  background-color: #e6ebf1;
}
.attachment-files__item:hover .attachment-img__btn {
  opacity: 1;
}
.attachment-files__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  transition: background-color 0.2s ease;
}
.attachment-files__preview svg {
  color: #404040;
}
.attachment-files__name {
  flex: 1;
  font-size: 12px;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}.contact {
  --avatar-width: 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #E6EBF1;
  border-radius: 5px;
  overflow: hidden;
}
.contact--is-profile {
  cursor: pointer;
}
.contact__avatar-container {
  height: 100%;
  width: var(--avatar-width);
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.contact__info-container {
  width: calc(100% - var(--avatar-width));
  flex-grow: 1;
  padding: 7px 7px 7px 15px;
  height: 100%;
}
.contact__name-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
  color: #0092F2;
  width: 100%;
}
.contact__name {
  width: 90%;
  height: 18px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  padding-top: 2px;
}
.contact__services {
  font-size: 12px;
  line-height: 16px;
  height: 32px;
  color: #000;
  margin-top: 7px;
}
.contact__ex {
  font-size: 13px;
  background: transparent;
  margin-right: 2px;
  color: #f27e3f;
  font-weight: bold;
}
.contact__remove {
  display: flex;
  height: 15px;
  width: 15px;
  background-color: #FF5E57;
  color: #fff;
  border-radius: 50%;
}
.contact__remove > svg {
  margin: auto;
  width: 50%;
  height: 50%;
}.geo-marker {
  --height: 60px;
  --svg-width-koef: 1.41;
  --bottom-content-width-koef: 3.5;
  --width: calc(var(--height) / var(--svg-width-koef));
  --bottom-content-size: calc(var(--width) / var(--bottom-content-width-koef));
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
  transform: translate(-50%, -100%);
  cursor: pointer;
}
.geo-marker--small {
  --height: 28px;
}
.geo-marker--large {
  --height: 76px;
}
.geo-marker__floating-label {
  position: absolute;
  top: calc(var(--height) * -1);
  left: calc(var(--width) * 0.4);
}
.geo-marker__tooltip {
  position: absolute;
  height: var(--height);
  width: var(--width);
  transform: translate(-50%, -100%);
  z-index: 2;
  cursor: pointer;
}
.geo-marker__svg {
  position: absolute;
  height: var(--height);
  color: var(--color);
  transform: translateX(-50%);
  z-index: 2;
  overflow: visible;
}
.geo-marker__selected-svg {
  position: absolute;
  height: calc(var(--height) * 1.1);
  transform: translate(-50%, calc(var(--height) * -1.04));
}
.geo-marker__content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: var(--content-color);
  height: calc(var(--width) - 2px);
  width: calc(var(--width) - 2px);
  border-radius: 50%;
  transform: translate(-50%, calc(var(--height) * -1));
  overflow: hidden;
  margin: auto;
  z-index: 1;
}
.geo-marker__bottom-icon {
  position: absolute;
  height: var(--bottom-content-size);
  width: var(--bottom-content-size);
  left: calc(var(--bottom-content-size) / -2);
  top: calc(var(--bottom-content-size) * -1.6);
  z-index: 3;
}
.geo-marker__circle {
  background-color: var(--color);
  border-color: var(--border-color);
}.geo-circle {
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  opacity: 0.1;
  width: calc(var(--radius) * 2 * 1px);
  height: calc(var(--radius) * 2 * 1px);
  transform: translate(-50%, -50%);
  transition: all 0.15s ease-in-out;
  pointer-events: none;
}.toggle-switch {
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 10px;
  cursor: pointer;
}
.toggle-switch--disabled {
  cursor: not-allowed;
}
.toggle-switch__checkbox {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
.toggle-switch__slider {
  display: block;
  padding: 5px;
  border: 1px solid transparent;
  background-color: #ccc;
  transition: 0.4s;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.toggle-switch__slider-inner {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 50%;
  right: 50%;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.toggle-switch__checkbox:checked + .toggle-switch__slider {
  background-color: green;
}
.toggle-switch__checkbox:checked + .toggle-switch__slider > .toggle-switch__slider-inner {
  right: 0;
}.remind-msg {
  position: relative;
  margin-top: 10px;
  padding: 3px 0;
  border-radius: 5px;
  background-color: #fff;
}
.remind-msg__header {
  display: flex;
  justify-content: flex-end;
  padding: 0 8px;
  padding-bottom: 3px;
  color: #000;
  font-size: 11px;
  line-height: 15px;
  text-align: right;
  letter-spacing: 1px;
}
.remind-msg__header:after {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 7px;
  border: 1px solid #E6EBF1;
  border-radius: 2px;
  content: "";
}
.remind-msg__name {
  margin-left: 6px;
  color: #0092F2;
  font-style: italic;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-family: Roboto;
  letter-spacing: 0;
}
.remind-msg__close {
  display: none;
  z-index: 1;
  position: absolute;
  top: 3px;
  right: 8px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  color: #FF5E57;
  cursor: pointer;
}
.remind-msg__close svg {
  width: 12px;
  height: 12px;
}
.remind-msg .interaction__menu.i-menu {
  display: none;
}
.remind-msg .interaction__attachments {
  padding: 8px;
}
.remind-msg__msg-time {
  flex-grow: 1;
  color: #808080;
  font-size: 10px;
  line-height: 13px;
  text-align: end;
  letter-spacing: 0;
}
.remind-msg__time {
  margin-left: 5px;
  color: #0092F2;
}
.remind-msg__caller-info {
  display: flex;
  align-items: center;
  margin-top: 13px;
}
.remind-msg__caller-info-icon {
  width: 11px;
  height: 11px;
  margin: 0 7px;
  color: #bfbfbf;
}
.remind-msg__caller-info .lazy-load__container {
  width: fit-content;
}
.remind-msg__caller-info .lazy-load__container::after {
  content: none;
}
.remind-msg__caller-name {
  width: 100%;
  padding-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.remind-msg__img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.remind-msg__footer {
  padding: 0 8px;
  padding-left: 5px;
  color: #808080;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  font-family: Roboto;
  letter-spacing: 0;
}
.remind-msg__content {
  padding: 10px 8px 17px;
  color: #4a4a4a;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  cursor: pointer;
  background-color: #F3F3F4;
}
.remind-msg__content-main {
  display: flex;
}
.remind-msg__content-main svg {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.remind-msg__content--is-link {
  padding: 0;
  color: #0092F2;
  font-size: 10px;
}
.remind-msg:hover .remind-msg__close {
  display: flex;
}.system-msg {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-style: italic;
}
.system-msg__booking-pending {
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.system-msg__text {
  word-break: break-word;
}
.system-msg__title {
  display: flex;
  align-items: center;
  padding: 0.5px 10px;
  border-radius: 6px;
  background-color: #fff;
  color: #000;
  font-size: 11px;
}
.system-msg__title--with-attachment {
  border-radius: 6px 6px 0 0;
}
.system-msg__title + .system-msg__attachment > * {
  border-top-right-radius: 0;
}
.system-msg__attachment {
  width: 100%;
}
.system-msg__timeago {
  margin-right: 2px;
}
.system-msg__message {
  margin-right: 20px;
}
.system-msg__icon {
  width: 14px;
  height: 14px;
  margin-left: 10px;
}
.system-msg__icon-wrapper {
  width: 22px;
  height: 14px;
  position: relative;
}
.system-msg__icon-wrapper--widget:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #2AE77F;
  border-radius: 50%;
  top: -2px;
  right: -5px;
}
.system-msg__icon--sms {
  color: #2AE77F;
}
.system-msg__icon--mail, .system-msg__icon--out-call, .system-msg__icon--telegram {
  color: #0092F2;
}
.system-msg__icon--whatsapp {
  color: #03c275;
}
.system-msg__icon--iphone {
  color: #808080;
}
.system-msg__icon--bot {
  color: #2AABEE;
}
.system-msg__icon--widget {
  color: #FF6DE9;
  position: relative;
}
.system-msg__icon--widget:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #2AE77F;
  border-radius: 50%;
  top: 5px;
  right: 2px;
}
.system-msg__icon--transfer-session {
  color: #F2CC0C;
}
.system-msg__icon--start-session {
  color: #29F18E;
}
.system-msg__icon--glossary {
  color: #FF3D2B;
}
.system-msg__icon--inc-call {
  color: #2BC741;
}
.system-msg__icon--booking {
  color: #03c275;
}
.system-msg__icon--close-session, .system-msg__icon--delete-session, .system-msg__icon--booking-removed {
  color: #F8737F;
}
.system-msg__icon--started, .system-msg__icon--finished {
  border-radius: 50%;
}
.system-msg__icon--started {
  background: #FF8C37;
}
.system-msg__icon--finished {
  background: #0092F2;
}.message-indicator {
  display: flex;
  flex-direction: row;
  height: 24px;
  border-radius: 9999px;
  border: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
  width: fit-content;
  align-items: center;
  padding-inline: 8px;
  gap: 6px;
  backdrop-filter: blur(3px);
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.message-indicator__title {
  color: var(--primary-font-color);
}
.message-indicator__icon {
  color: rgba(var(--secondary-color), 0.7);
  height: 16px;
  aspect-ratio: 1;
}
.message-indicator--clickable:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}.task-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  cursor: pointer;
}
.task-block:not(:last-child) {
  margin-bottom: 12px;
}
.task-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
  width: 96%;
}
.task-block__contact-information {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: italic;
  color: rgb(var(--blue-status-color));
}
.task-block__contact-ava {
  position: relative;
  height: 100%;
  width: 24px;
  margin-inline: 8px;
}
.task-block__contact-name {
  width: 76%;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-block__ava-img {
  height: 100%;
  width: 24px;
  border-radius: 50%;
}
.task-block__ava-channel-icon {
  bottom: 0;
  right: 0;
}
.task-block__content {
  background-color: rgb(var(--primary-color));
  line-height: 16px;
  padding-inline: 12px;
  border-radius: 8px;
}
.task-block__operator-log {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: bold;
  background-color: rgb(var(--primary-color));
  color: var(--dimmed-font-color);
  border-radius: 4px;
  padding-inline: 4px;
  white-space: nowrap;
}
.task-block__operator {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.task-block__operator-log-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 25%;
  font-style: italic;
}
.task-block__operator-log-icon {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}.pinned-blocks {
  width: 100%;
  max-height: 100%;
  user-select: none;
}
.pinned-blocks__bookings-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: #FDE2ED;
  border-radius: 6px;
  border: 1px solid #FD5E53;
}
.pinned-blocks__bookings {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FDE2ED;
  border-radius: 6px;
}
.pinned-blocks__bookings--open .pinned-booking__text {
  margin: 10px 5px;
}
.pinned-blocks__bookings--open .pinned-booking__text::after {
  transform: rotate(180deg);
}
.pinned-blocks__bookings--open .pinned-items__list-container {
  display: block;
}
.pinned-blocks__list-container {
  display: none;
  height: 100%;
}

.pinned-items {
  background-color: rgb(var(--primary-color));
  z-index: 5;
  border-radius: 16px;
  font-size: 11px;
  cursor: pointer;
  border: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
  overflow: hidden;
}
.pinned-items--messages {
  min-height: 34px;
}
.pinned-items--bookings {
  min-height: 24px;
}
.pinned-items__content {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding-inline: 10px;
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
}
.pinned-items__content--messages {
  min-height: 32px;
}
.pinned-items__content--bookings {
  min-height: 22px;
}
.pinned-items__content {
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pinned-items:hover:not(.pinned-items--open) .pinned-items__content {
  background-color: rgb(var(--tertiary-color), var(--light-highlighted-opacity));
}
.pinned-items--open .pinned-items__content {
  background-color: rgb(var(--primary-color));
  padding: 0;
}
.pinned-items--open {
  flex-direction: column;
  padding: 0 0 12px 0;
  border-radius: 0 0 8px 8px;
  border: 0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.pinned-items--open .pinned-items__content {
  flex-direction: column;
  align-items: baseline;
}
.pinned-items--open .pinned-items__text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
}
.pinned-items--open .pinned-items__text--voice {
  flex-direction: row;
}
.pinned-items--open .pinned-items-attachments__image-wrapper {
  min-width: 48px;
  width: 48px;
  height: 48px;
}
.pinned-items__rolled-up-item {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
}
.pinned-items__message {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  margin-inline: 10px;
}
.pinned-items__avatar-wrapper {
  margin: 2px 5px 2px 0;
  min-width: 16px;
  height: 16px;
}
.pinned-items__avatar {
  border-radius: 50%;
  min-width: 16px;
  width: 16px;
  height: 16px;
}
.pinned-items__message-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  overflow: hidden;
}
.pinned-items__message-content--voice-msg {
  flex-direction: column;
  align-items: baseline;
}
.pinned-items__message-content--voice-msg .pinned-msgs__text {
  -webkit-line-clamp: 1;
}
.pinned-items__attachments {
  height: 38px;
  width: 64px;
}
.pinned-items__text {
  font-size: 12px;
  color: #404040;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pinned-items__text-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.pinned-items__btn-container {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.pinned-items__btn-container--closed {
  align-items: center;
}
.pinned-items__btn-delete {
  display: flex;
  padding: 5px;
  position: absolute;
  top: 12px;
  right: 8px;
}
.pinned-items__btn-icon {
  display: flex;
  justify-content: center;
  padding: 4px;
}
.pinned-items__btn-icon svg {
  height: 8px;
  color: rgb(var(--red-status-color));
}
.pinned-items__btn-icon:not(:last-child) {
  margin-right: 10px;
}
.pinned-items__icon-unpin {
  width: 8px;
  height: 8px;
  fill: #FF5E57;
}
.pinned-items__icon-pin {
  width: 9px;
  height: 15px;
  color: #00A6AD;
}
.pinned-items__header {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  width: 100%;
}
.pinned-items__header::before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%209.8'%3e%3cpath%20fill-rule='evenodd'%20d='M%2016%201.777%20L%2014.223%200%20L%208%206.223%20L%201.777%200%20L%200%201.777%20L%208%209.777%20L%2016%201.777%20L%2016%201.777%20Z'%20clip-rule='evenodd'%20style='transform-box:%20fill-box;%20transform-origin:%2050%25%2050%25;'%20transform='matrix(-1,%200,%200,%20-1,%200,%200)'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pinned-items__title {
  color: #808080;
  letter-spacing: normal;
}
.pinned-items__btn-close {
  padding: 0;
  color: #0092F2;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: normal;
  text-decoration: underline;
}
.pinned-items__item {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pinned-items__item:hover {
  background-color: rgb(var(--tertiary-color), var(--light-highlighted-opacity));
}
.pinned-items__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: scroll;
  width: 100%;
}
.pinned-items__list::-webkit-scrollbar {
  width: 4px;
}
.pinned-items__list::-webkit-scrollbar-track {
  background: transparent;
}
.pinned-items__list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.pinned-items__list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.pinned-items__booking-icon {
  width: 14px;
  height: 14px;
  color: rgba(var(--secondary-color), calc(var(--selected-opacity) + 0.4));
}
.pinned-items__rolled-up {
  display: flex;
}
.pinned-items__indicator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
}
.pinned-items__indicator-round {
  width: 6px;
  height: 6px;
  background-color: rgba(var(--tertiary-color), var(--selected-opacity));
  border-radius: 50%;
  border: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
  border-color: rgb(var(--primary-color));
}
.pinned-items__indicator-round:not(:last-child) {
  margin-bottom: 2px;
}
.pinned-items__indicator-round--active {
  background-color: rgb(var(--green-status-color));
}
.pinned-items__list-container {
  width: 100%;
}
.pinned-items__item .icon-wrapper {
  min-width: 24px;
}
.pinned-items__booking-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pinned-items__booking-title span {
  font-style: italic;
  font-size: 10px;
}
.pinned-items .interaction__link {
  cursor: default;
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  margin: 0;
}
.pinned-items .pinned-items__content--messages .pinned-items__item {
  padding: 10px;
}

.pinned-msgs-attachments {
  display: grid;
  grid-template-columns: 36px;
  grid-template-rows: 36px;
}
.pinned-msgs-attachments--open {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 5px;
}
.pinned-msgs-attachments--modopen1 {
  grid-template-columns: 1fr;
}
.pinned-msgs-attachments .video-thumbnail {
  border-radius: 6px;
}
.pinned-msgs-attachments .video-thumbnail__icon {
  border-color: #88D6D9;
  width: 20px;
  height: 20px;
}
.pinned-msgs-attachments .video-thumbnail__icon svg {
  fill: #88D6D9;
  width: 10px;
  height: 10px;
}
.pinned-msgs-attachments .video-thumbnail__duration {
  visibility: hidden;
}
.pinned-msgs-attachments--mod2 {
  grid-template-columns: 24px 24px;
  grid-template-rows: 24px;
  gap: 5px;
}
.pinned-msgs-attachments--mod4 {
  grid-template-columns: 18px 18px;
  grid-template-rows: 18px 18px;
  gap: 2px 5px;
}
.pinned-msgs-attachments--mod6 {
  grid-template-columns: 18px 18px 18px;
  grid-template-rows: 18px 18px;
  gap: 2px 5px;
}
.pinned-msgs-attachments--mod6 .video-thumbnail__icon {
  width: 15px;
  height: 15px;
}
.pinned-msgs-attachments__voicemail {
  display: flex;
}
.pinned-msgs-attachments__voicemail-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px 6px;
}
.pinned-msgs-attachments__voicemail-text {
  display: flex;
  text-transform: capitalize;
  font-size: 11px;
  color: #000;
  margin-right: 11px;
}
.pinned-msgs-attachments__voicemail-time {
  padding: 0 2px;
}
.pinned-msgs-attachments__voicemail-icon {
  fill: #FF8C37;
  width: 16px;
  height: 14px;
}
.pinned-msgs-attachments__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.pinned-msgs-attachments__image-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.pinned-msgs-attachments__image {
  border-radius: 6px;
  overflow: hidden;
}
.pinned-msgs-attachments__image-name {
  margin-left: 15px;
  color: #0092F2;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}.chat-input {
  position: relative;
  margin: 2px 8px 8px;
}
.chat-input__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 36px;
  padding-top: 4px;
}
.chat-input__header-content {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 95%;
}
.chat-input__indicator {
  display: flex;
  font-size: 13px;
  align-items: flex-end;
  width: 50%;
}
.chat-input__modal-wrap {
  z-index: 5 !important;
}
.chat-input__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 10px;
}
.chat-input__actions--disabled {
  pointer-events: none;
}
.chat-input__actions:has(+ *) {
  width: 100%;
}
.chat-input__actions:has(+ *) button {
  width: 100%;
  max-width: 26px;
}
.chat-input__channel {
  position: relative;
}
.chat-input__channel--telegram .content::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background-color: rgb(var(--blue-status-color));
  z-index: 0;
}
.chat-input__channel--telegram svg {
  height: 12px;
  width: 12px;
  color: rgb(var(--primary-color));
}
.chat-input__channel--telegram::before {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: rgb(var(--blue-status-color));
}
.chat-input__channel--telegram::after {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 9px;
  height: 9px;
  mask-image: url("data:image/svg+xml,%3csvg%20id='telegram'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8%200a8%208%200%200%200-8%208%208%208%200%201%200%2016%200%208%208%200%200%200-8-8Zm4.158%205.06-1.421%206.783a.5.5%200%200%201-.787.3l-2.067-1.527-1.252%201.181a.17.17%200%200%201-.242-.009l-.027-.029.218-2.106%203.921-3.583a.104.104%200%200%200-.039-.177.106.106%200%200%200-.088.011L5.36%209.078%203.2%208.353a.293.293%200%200%201-.01-.553l8.45-3.183c.28-.106.57.131.521.427l-.003.016Z'%20/%3e%3c/svg%3e");
  mask-size: contain;
  background-color: rgb(var(--primary-color));
}
.chat-input__channel--telegram:disabled .content::before {
  background-color: rgba(var(--tertiary-color), 0.4);
}
.chat-input__channel--telegram:disabled::before {
  background-color: rgba(var(--tertiary-color), 0.4);
}
.chat-input .icon-button--theme-secondary:hover:not(.disabled, .active) > .content {
  background-color: transparent;
  box-shadow: none;
}
.chat-input__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 16px;
  padding: 0;
  background-color: transparent;
}
.chat-input__btn .content {
  background-color: transparent;
}
.chat-input__btn .icon-button__icon {
  fill: rgba(var(--tertiary-color), 0.65);
}
.chat-input__btn > svg {
  width: 100%;
  height: 100%;
}
.chat-input__btn--is-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
}
.chat-input__btn--template > svg {
  width: 90%;
  height: 90%;
}
.chat-input__btn--template:before {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 10px;
}
.chat-input__btn--emoji:hover svg > g {
  fill: #0092f2;
}
.chat-input__btn-icon {
  width: 14px;
  height: 14px;
  color: rgba(var(--tertiary-color), 0.65);
}
.chat-input__btn-icon--selected {
  color: #00a1a9;
}
.chat-input__btn-icon--voice-record {
  width: 15px;
  height: 15px;
}
.chat-input__btn-icon--active {
  color: #00A6AD;
}
.chat-input__template-list-wrap {
  position: absolute;
  z-index: 10;
  bottom: calc(100% + 5px);
}
.chat-input__template-list-wrap:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
}
.chat-input__template-list {
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: #808080;
  padding: 0;
  overflow: auto;
  width: 240px;
  height: 100%;
  border-radius: 4px;
}
.chat-input__template-list:empty {
  display: flex;
  min-height: 70px;
}
.chat-input__template-list:empty::before {
  content: "No templates";
  display: block;
  text-align: center;
  color: #bfbfbf;
  margin: auto;
}
.chat-input__template-list-item {
  text-align: left;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 11px 15px;
}
.chat-input__template-list-item:nth-child(odd) {
  background-color: #88D6D9;
}
.chat-input__template-list-item:nth-child(even) {
  background-color: rgba(136, 214, 217, 0.3);
}
.chat-input__comm-warning {
  outline-color: #fff;
  outline: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.chat-input__comm-warning:focus-within {
  outline-color: rgba(0, 166, 173, 0.5);
}
.chat-input__comm-warning {
  position: relative;
  min-height: 80px;
  padding: 15px 10px;
  color: #F20C0C;
  font-size: 14px;
  line-height: 19px;
}
.chat-input__form-container {
  position: relative;
}
.chat-input__form {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 10px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  background: #fff;
}
.chat-input__form:focus-within {
  border: 1px solid #00A6AD;
}
.chat-input__input {
  position: relative;
  flex-grow: 1;
  margin: 15px 5px 15px 0;
  padding: 0px 5px;
  outline: none;
  border: none;
  font-size: 14px;
  background: none;
  color: #4a4a4a;
  resize: none;
  max-height: 250px;
  min-height: 50px;
  line-height: 1.2;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color linear 1s;
  font-family: inherit;
}
.chat-input__input--changed {
  background-color: #cce9fd;
  transition: background-color linear 0.05s;
}
.chat-input__input:disabled {
  filter: blur(1px);
  cursor: not-allowed;
}
.chat-input__input::placeholder {
  line-height: 50px;
  font: 14px sans-serif;
  color: #bfbfbf;
  opacity: 1;
  letter-spacing: 0.88px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.chat-input__send-btn {
  display: flex;
  padding: 2px;
  color: #808080;
}
.chat-input__send-btn-icon {
  width: 12px;
  height: 12px;
}
.chat-input__audio-record {
  display: flex;
  padding: 2px;
  color: #808080;
}
.chat-input__audio-record-icon {
  color: red;
  width: 12px;
  height: 12px;
}
.chat-input__shortcut {
  position: absolute;
  cursor: pointer;
  font-size: 13px;
  display: inline-block;
  padding: 2px 5px;
  background-color: #0092f2;
  color: #fff;
  border-radius: 3px;
  z-index: 3;
  overflow: hidden;
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-input__shortcut:hover {
  color: #0092f2;
  background-color: #fff;
  box-shadow: 0px 2px 10px #999999;
}
.chat-input__indicator {
  display: flex;
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 4;
}
.chat-input__indicator-wrap {
  display: flex;
  align-items: center;
  color: #bdbdbd;
  font-size: 11px;
  white-space: nowrap;
  gap: 2px;
}
.chat-input__record-container {
  outline-color: rgba(0, 166, 173, 0.5);
  outline: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.chat-input__record-container:focus-within {
  outline-color: rgba(0, 166, 173, 0.5);
}
.chat-input__record-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  outline: none;
  font-size: 14px;
  color: #4a4a4a;
  resize: none;
  max-height: 250px;
  min-height: 80px;
  line-height: 1.2;
  transition: background-color linear 1s;
  font-family: inherit;
  width: 100%;
  padding: 0 10px;
}
.chat-input__record-container:empty {
  display: none;
}
.chat-input__record-container:not(:empty) ~ * {
  display: none;
}
.chat-input__btn-record {
  padding: 2px;
}
.chat-input__btn-record-icon {
  display: block;
  color: red;
  width: 16px;
  height: 16px;
}
.chat-input__btn-record-icon--active {
  color: #0092f2;
}
.chat-input__voice-slider {
  display: flex;
}
.chat-input__slider-container {
  display: flex;
}
.chat-input__placeholder {
  color: #bfbfbf;
  letter-spacing: 1px;
  user-select: none;
}

.message-forbid {
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  font-family: Roboto;
}
.message-forbid ~ .chat-input__form, .message-forbid ~ .chat-input__header {
  display: none;
}
.message-forbid__input {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #F20C0C;
  border-radius: 6px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  color: #F20C0C;
  margin: 0 10px 9px;
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  min-height: 80px;
}
.message-forbid__text {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.88px;
  color: #F20C0C;
}

.emoji-mart {
  position: absolute;
  bottom: 29px;
  right: -12px;
  width: 250px !important;
  z-index: 6;
}

.emoji-mart-preview {
  display: none;
}

.voice-message {
  display: flex;
  position: relative;
  align-items: center;
  justify-items: center;
  gap: 16px;
  width: 70%;
  max-width: 300px;
  background-color: #fff;
  top: 50%;
  left: 0px;
  font-size: 14px;
  z-index: 1;
}
.voice-message__record-button-close {
  display: flex;
  position: absolute;
  border-radius: 50%;
  background-color: #F20C0C;
  padding: 4px;
  right: -28px;
}
.voice-message__record-button-close-icon {
  height: 6px;
  width: 6px;
  color: #fff;
  cursor: pointer;
}
.voice-message__record {
  width: 28px;
  height: 25px;
  display: flex;
}
.voice-message__record:disabled {
  opacity: 0.4;
  cursor: default;
}
.voice-message__record svg {
  z-index: 2;
}
.voice-message__control {
  border: 2px solid #00A6AD;
  border-radius: 50%;
  cursor: pointer;
}
.voice-message__control-icon {
  display: block;
  color: #00A6AD;
  width: 10px;
  height: 10px;
  padding: 1.5px;
}
.voice-message__control-icon--play {
  transform: translateX(1px);
}
.voice-message__slider {
  position: relative;
  height: 100%;
  width: 100%;
}
.voice-message__slider-path {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.voice-message__slider-left-path {
  background: #00A6AD;
  opacity: 0.5;
  height: 100%;
  mix-blend-mode: color-dodge;
}
.voice-message__thumb {
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: #00A6AD;
  box-shadow: #0092f2;
}
.voice-message__record-bg {
  position: absolute;
  width: 26px;
  height: 25px;
  background-color: #0092f2;
  border-radius: 100%;
  z-index: 2;
  left: 1px;
  top: 0px;
  animation: startRecord 4s infinite, initRecord 0.5s;
}
.voice-message__time {
  display: block;
  font-size: 12px;
  font-family: Roboto;
  color: #808080;
  user-select: none;
}
.voice-message__indicator {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #dc3545;
  animation: indicator 1s infinite;
  margin: 4px 5px;
  flex-shrink: 0;
}
.voice-message__waves-container {
  height: 14px;
  overflow: hidden;
}
.voice-message__waves-wrapper {
  display: flex;
  gap: 2px;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.voice-message__waves-wrapper div {
  width: 2px;
  background-color: rgb(153.5, 153.5, 153.5);
  flex-shrink: 0;
}
.voice-message__send {
  padding: 0;
  margin: 0;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.voice-message__send::before {
  content: "";
  display: none;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -2;
  left: -4px;
  border-radius: 100%;
  background: rgba(0, 146, 242, 0.2);
}
.voice-message__send:hover::before {
  display: block;
}
.voice-message__stop {
  color: white;
  background-color: #dc3545;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  position: relative;
}
.voice-message__stop::before {
  content: "";
  display: none;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -5px;
  left: -5px;
  border-radius: 100%;
  background: rgba(220, 53, 69, 0.2);
}
.voice-message__stop:hover::before {
  display: block;
}

.voice-message-slider {
  display: flex;
  width: 100%;
  gap: 16px;
}
.voice-message-slider__control {
  height: 14px;
  border: 2px solid #00A6AD;
  border-radius: 50%;
  cursor: pointer;
}
.voice-message-slider__control--volume {
  display: none;
}
.voice-message-slider__control-icon {
  display: block;
  color: #00A6AD;
  width: 10px;
  height: 10px;
  padding: 1.5px;
}
.voice-message-slider__control-icon--play {
  transform: translateX(1px);
}
.voice-message-slider__slider {
  position: relative;
  height: 100%;
  width: calc(100% - 74px);
}
.voice-message-slider__slider-path {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.voice-message-slider__slider-left-path {
  background: #0092F2;
  opacity: 0.5;
  height: 100%;
  mix-blend-mode: color-dodge;
}
.voice-message-slider__thumb {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #00A6AD;
}
.voice-message-slider__time {
  display: block;
  font-size: 12px;
  font-family: Roboto;
  color: #808080;
  user-select: none;
}
.voice-message-slider__control-panel {
  display: flex;
  flex-direction: row;
  gap: 14px;
  width: 100%;
}

@keyframes startRecord {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1.5, 1.5);
  }
  50% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes initRecord {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes indicator {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes initRecordInfo {
  0% {
    opacity: 0;
    width: 0px;
  }
  99% {
    width: 119px;
  }
  100% {
    width: auto;
    opacity: 1;
  }
}
@keyframes prop {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.custom-scroll ::-webkit-scrollbar {
  width: 6px;
}
.custom-scroll ::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scroll ::-webkit-scrollbar-button {
  height: 10px;
}
.custom-scroll ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 5px;
}.typing-indicator {
  display: flex;
  padding-bottom: 1px;
}
.contact-item .typing-indicator {
  position: absolute;
  bottom: 0;
  left: 4px;
}
.typing-indicator span {
  height: 3px;
  width: 3px;
  margin: 0 2px;
  background-color: #9e9ea1;
  border-radius: 50%;
  opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
  animation: 1s blinks infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
  animation: 1s blinks infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
  animation: 1s blinks infinite 0.9999s;
}

@keyframes blinks {
  50% {
    opacity: 1;
  }
}.form-textarea {
  outline-color: #fff;
  outline: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.form-textarea:focus-within {
  outline-color: rgba(0, 166, 173, 0.5);
}
.form-textarea {
  flex-grow: 1;
  display: flex;
  position: relative;
  justify-content: space-between;
  cursor: text;
}
.form-textarea__input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.form-textarea__input {
  font-size: 14px;
  width: 100%;
  position: relative;
  flex-grow: 1;
  outline: none;
  border: none;
  background: none;
  color: #4a4a4a;
  resize: none;
  line-height: 1.4;
  border-radius: 5px;
  background-color: transparent;
  letter-spacing: 0.88px;
  transition: background-color linear 1s;
  font-family: inherit;
}
.form-textarea__input::-webkit-scrollbar {
  width: 4px;
}
.form-textarea__input::-webkit-scrollbar-track {
  background: transparent;
}
.form-textarea__input::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.form-textarea__input::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.form-textarea__input--hidden {
  display: none;
}
.form-textarea--disabled {
  background-color: hsl(0, 0%, 95%);
  cursor: not-allowed;
}.sending-message-form {
  --background-color: var(--primary-color);
  padding: 0 10px;
  min-height: 88px;
  align-items: center;
  background-color: rgb(var(--background-color));
  --border-color: rgba(
    var(--tertiary-color),
    calc(var(--highlighted-opacity) + 0.05)
  );
}
@container style(--outer-background-color: rgb(var(--primary-color))) {
  .sending-message-form {
    outline: 1px solid var(--border-color);
  }
}
.sending-message-form--error {
  border-color: #F8737F;
}
.sending-message-form--error textarea::placeholder {
  color: #F8737F;
}
.sending-message-form--disabled {
  filter: blur(1px);
  cursor: not-allowed;
}
.sending-message-form__input {
  max-height: 118px;
  margin: 20px 0;
}
.sending-message-form::placeholder {
  line-height: 50px;
  font: 14px sans-serif;
  color: #bfbfbf;
  opacity: 1;
  letter-spacing: 0.88px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sending-message-form__send-btn {
  display: flex;
  padding: 2px;
  color: rgb(var(--secondary-color));
}
.sending-message-form__send-btn svg {
  width: 12px;
  height: 12p x;
}.mention-list {
  height: 308px;
  width: 96%;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  color: #808080;
  font-size: 14px;
  text-align: initial;
  overflow: hidden;
}
.mention-list .mention-list__header, .mention-list .mention-list__footer {
  display: flex;
}
.mention-list .mention-list__main-container {
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
}
.mention-list .mention-list__btn-container {
  display: flex;
  flex-direction: row;
}
.mention-list {
  position: absolute;
  bottom: 100%;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  box-shadow: 0 -10px 10px 2px rgba(0, 0, 0, 0.12);
  z-index: 3;
}
.mention-list--visible {
  visibility: visible;
}
.mention-list__list-container {
  height: 100%;
}
.mention-list__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
}
.mention-list__item {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 4px;
  cursor: pointer;
  color: #858181;
  font-size: 12px;
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid transparent;
}
.mention-list__item--active {
  border: 1px solid #00a6ad;
  background-color: rgba(136, 214, 217, 0.44);
}
.mention-list__item:hover {
  border: 1px solid #00A6AD;
}
.mention-list__ava-wrap {
  width: 32px;
  min-width: 32px;
  height: 32px;
  position: relative;
  background-color: #ffffff;
  border-radius: 50%;
}
.mention-list__ava {
  border-radius: 50%;
}
.mention-list__status {
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: -3px;
  left: -4px;
  background-color: #F20C0C;
  z-index: 2;
  border: 1px solid rgb(230, 235, 241);
}
.mention-list__status--online {
  background-color: #00A562;
}
.mention-list__status--away {
  background-color: #FFA500;
}
.mention-list__status--busy {
  background-color: #F8737F;
}
.mention-list__content {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  gap: 2px;
}
.mention-list__content > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mention-list__phone {
  font-style: italic;
}.overflowed-tags {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.overflowed-tags__overflowed-tag {
  background-color: #F3F3F4;
}
.overflowed-tags__tags-tooltip, .overflowed-tags__tags-floating-panel-content {
  display: flex;
  flex-flow: row wrap;
  gap: 4px;
}
.overflowed-tags__tags-tooltip {
  max-width: 276px;
  margin: 8px 12px;
}
.overflowed-tags__tags-floating-panel {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgb(var(--primary-color));
  box-shadow: 0 12px 24px 8px rgba(0, 0, 0, 0.12);
  z-index: 14;
  animation: tagsFadeIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.overflowed-tags__row {
  display: flex;
  margin-bottom: 3px;
}
.overflowed-tags__row:last-child {
  margin-bottom: 0;
}
.overflowed-tags__tag-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.overflowed-tags__tag-container--responsive > *:last-child {
  margin-left: 4px;
}
.overflowed-tags__tag-wrapper {
  display: flex;
  margin-right: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.overflowed-tags__popup {
  gap: 6px;
}
.overflowed-tags__popup .overflowed-tags__tag-wrapper {
  margin: 0;
}
.overflowed-tags__popup .overflowed-tags__tag {
  background: #F3F3F4;
}
.overflowed-tags__tag--hidden {
  margin: 0;
  background: rgb(240.2625, 240.2625, 243.5375);
  width: min-content;
}
.overflowed-tags__hidden-tags {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 15px;
  max-width: 350px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 0 0 #00A6AD;
  gap: 5px;
}

@keyframes tagsFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}.tag {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.tag {
  display: flex;
  align-items: center;
  border-radius: 8px;
  letter-spacing: 0.83px;
  font-size: 12px;
  padding: 4px 7px;
  white-space: nowrap;
  background-color: #fff;
  cursor: pointer;
  width: min-content;
  text-transform: capitalize;
}
.tag__remove-btn {
  display: flex;
  padding: 4px;
  margin-right: -8px;
}
.tag--important {
  font-size: 12px;
  font-weight: bold;
}
.tag--capitalized {
  text-transform: uppercase;
}
.tag[class*=debt] {
  background-color: #F77FBE !important;
  color: #fff;
}
.tag--going-to-be-deleted {
  opacity: 0.5;
}
.tag--going-to-be-created {
  opacity: 0.5;
}
.tag--overflowed {
  background-color: transparent;
  border: 1px solid rgba(var(--secondary-color), 0.7);
  color: rgba(var(--secondary-color), 0.7);
}.not-for-tag__popup-list {
  width: 370px;
}.girls-list {
  display: flex;
  flex-direction: column;
  text-align: left;
  height: 100%;
  margin: 8px 12px;
}
.girls-list__title {
  font-size: 10px;
}
.girls-list__contacts-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin-top: 24px;
  gap: 6px;
}
.girls-list__spinner-wrapper {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.girls-list__infinite-scroll {
  display: flex;
  flex-direction: column;
}.see-notes__tooltip-content {
  max-height: 255px;
}.contact-tags {
  display: inline-flex;
  flex-flow: row wrap;
  gap: 5px;
}
.contact-tags:empty {
  display: none;
}
.rc-overflow-item > .contact-tags__tag {
  margin-left: 4px;
}
.rc-overflow-item:first-child > .contact-tags__tag {
  margin-left: 6px;
}
.contact-tags--no-tags {
  font-size: 11px;
  color: #808080;
}.title {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  color: rgba(73, 70, 86, 0.6);
  border-radius: 9999px;
  padding: 0 8px;
  margin-left: -8px;
  font-size: 12px;
  gap: 8px;
  min-height: 24px;
  width: auto;
  max-width: fit-content;
  overflow: hidden;
}
.title--clickable:hover {
  cursor: pointer;
  background-color: rgba(73, 70, 86, 0.075);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  color: black;
}
.title__text {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
}
.title__icon {
  height: 100%;
  max-width: 14px;
}
.title__icon--overflowed {
  position: absolute;
  height: 10px;
  width: 10px;
  right: 12px;
}
.title__icon-wrapper {
  height: 14px;
  aspect-ratio: 1;
}
.title__count {
  display: block;
  margin-left: 4px;
}
.title button {
  height: 14px;
  aspect-ratio: 1;
  flex-shrink: 0;
}.availability-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #E6EBF1;
}
.availability-list__pending, .availability-list__no-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 0 6px;
  width: 100%;
  height: 100%;
  background-color: #E6EBF1;
  font-size: 14px;
  font-style: italic;
}
.availability-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 12px;
  padding-right: 12px;
  border-radius: 6px;
  color: #808080;
}
.availability-list__list {
  padding: 0 3px 0 15px;
  margin-top: 15px;
  width: 100%;
  height: 100%;
  list-style: none;
}
.availability-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
}
.availability-list__header-top {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 12px;
}
.availability-list__header-top .clipboard-btn {
  justify-content: space-between;
  align-items: center;
  width: 50px;
  height: 30px;
  padding: 0 4px 0 11px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  background-color: #F6F9FC;
}
.availability-list__header-top .clipboard-btn__icon {
  width: 15px;
  height: 15px;
}
.availability-list__header-top .clipboard-btn::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #01DF85;
}
.availability-list__header--is-available {
  padding: 6px 0;
}
.availability-list__title {
  font-size: 12px;
  font-weight: 500;
  color: #808080;
}.public-chat-girls-item {
  display: flex;
  align-items: center;
  margin-top: 3px;
}
.public-chat-girls-item.available-girls-list-item--active {
  border: 1px solid #00A6AD;
  background-color: rgba(136, 214, 217, 0.44);
}
.public-chat-girls-item--pending {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #cacaca;
}
.public-chat-girls-item__img-wrap {
  position: relative;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.public-chat-girls-item__telegram-icon {
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #fff;
  color: #0092F2;
}
.public-chat-girls-item__status {
  position: absolute;
  z-index: 2;
  top: -1px;
  left: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #29F18E;
}
.public-chat-girls-item__status::after {
  position: absolute;
  z-index: 9999;
  left: calc(100% - 14px);
  top: -6px;
  content: "";
  width: 20px;
  height: 20px;
}
.public-chat-girls-item__status--off-today {
  background-color: #F8737F;
}
.public-chat-girls-item__img {
  border-radius: 50%;
}
.public-chat-girls-item__name {
  flex-grow: 1;
  overflow: hidden;
  margin-left: 6px;
  color: #808080;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
.public-chat-girls-item__box {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  min-width: 0;
}
.public-chat-girls-item__icon-info {
  margin: 0 6px;
  width: 11px;
  height: 11px;
  min-width: 11px;
  fill: #bfbfbf;
}
.public-chat-girls-item__ex {
  font-weight: bold;
  color: #f27e3f;
}
.public-chat-girls-item__time {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  overflow: hidden;
  margin-left: 5px;
  margin-right: 30px;
  max-width: 73px;
  min-width: 73px;
  text-overflow: ellipsis;
  font-size: 10px;
  white-space: nowrap;
  color: #4a4a4a;
}
.public-chat-girls-item__msg-wrapper {
  display: flex;
  margin-top: 6px;
  padding: 7px 10px 7px 14px;
  border-radius: 6px;
  background-color: #fff;
}
.public-chat-girls-item__icon-undo {
  width: 10px;
  height: 10px;
  min-width: 10px;
  fill: #00A6AD;
}
.public-chat-girls-item__last-msg {
  flex-grow: 1;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  white-space: nowrap;
}
.public-chat-girls-item__last-msg .interaction__text {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: unset;
  line-height: unset;
  white-space: nowrap;
  color: #808080;
}
.public-chat-girls-item__last-msg::-moz-selection {
  background: transparent;
}
.public-chat-girls-item__last-msg::selection {
  background: transparent;
}.bookings-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bookings-list__filters {
  gap: 15px;
  margin-bottom: 12px;
}
.bookings-list__status-filters-wrapper {
  height: 24px;
  margin-bottom: 12px;
  width: 100%;
}
.bookings-list__search-input-wrap {
  height: 40px;
  width: 100%;
}
.bookings-list__search-input {
  height: 100%;
  width: 100%;
}
.bookings-list__status-filters {
  height: 24px;
  margin-bottom: 12px;
}
.bookings-list__no-items {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  color: #808080;
  width: 100%;
  height: 100%;
}
.bookings-list__header {
  display: flex;
  flex-direction: column;
  font-size: 10px;
}
.bookings-list__list {
  position: relative;
  margin: 0 12px;
  display: flex;
  flex-direction: column;
}
.bookings-list__list > li {
  margin-top: 12px;
}
.bookings-list__list-container {
  flex-grow: 1;
}
.bookings-list__list-container > div > div:first-child {
  bottom: -17px;
}
.bookings-list__ava-wrap {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  cursor: pointer;
}
.bookings-list__ava-wrap--active {
  box-shadow: 0px 0 0px 2px rgba(136, 214, 217, 0.44);
}.finished-list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.finished-list__header {
  padding: 14px 0;
  background-color: #E6EBF1;
}
.finished-list__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 12px;
}
.finished-list__title {
  font-size: 12px;
  color: #808080;
  font-weight: 500;
}.started-list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.started-list__header {
  padding: 14px 0;
  background-color: #E6EBF1;
}
.started-list__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 12px;
}
.started-list__title {
  font-size: 12px;
  color: #808080;
  font-weight: 500;
}.operators-chat {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.operators-chat__header {
  padding: 9px 0 6px;
  background-color: #E6EBF1;
}
.operators-chat__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 12px;
}
.operators-chat__header-wrap {
  display: flex;
  align-items: center;
}
.operators-chat__title {
  font-size: 12px;
  color: #808080;
  font-weight: 500;
}
.operators-chat__add-room-btn {
  display: flex;
  padding: 0;
}
.operators-chat__add-room-icon {
  width: 15px;
  height: 15px;
  color: #00A6AD;
}
.operators-chat__rooms {
  display: flex;
  align-items: center;
  height: 36px;
  margin-bottom: 6px;
  margin-top: -6px;
}
.operators-chat__list {
  gap: 4px;
}
.operators-chat__list::-webkit-scrollbar {
  display: none;
}
.operators-chat__list > * {
  height: 24px;
}
.operators-chat__item {
  height: 24px;
}
.operators-chat__add-btn {
  height: 20px;
  margin-left: 8px;
}
.operators-chat__edit-room-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.operators-chat__edit-room-icon {
  width: 10px;
  height: 10px;
  color: #00A6AD;
}
.operators-chat__delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
}
.operators-chat__delete-icon {
  width: 15px;
  height: 15px;
  color: #F8737F;
}
.operators-chat__new-room {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.operators-chat__new-room-participants {
  height: 100%;
  background-color: rgba(var(--secondary-color), 0.07);
  border-radius: 8px;
}
.operators-chat__change-btns {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
.operators-chat__new-room-search-input {
  flex-grow: 1;
}

.operators-chat-rooms {
  display: flex;
  align-items: center;
  height: 36px;
  margin-bottom: 6px;
  margin-top: -6px;
}
.operators-chat-rooms__list {
  gap: 4px;
}
.operators-chat-rooms__list::-webkit-scrollbar {
  display: none;
}
.operators-chat-rooms__add-btn {
  height: 20px;
  margin-left: 8px;
}
.operators-chat-rooms__item {
  height: 24px;
}.gorizontal-scrolled-list {
  position: relative;
}
.gorizontal-scrolled-list__list {
  display: flex;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-x: scroll;
  margin-block: 16px;
}
.gorizontal-scrolled-list::-webkit-scrollbar {
  display: none;
}
.gorizontal-scrolled-list__btn {
  position: absolute;
  z-index: 4;
  height: 12px;
}
.gorizontal-scrolled-list__btn--left {
  left: -17px;
  transform: rotate(90deg);
}
.gorizontal-scrolled-list__btn--right {
  right: -17px;
  transform: rotate(-90deg);
}.user-notifications {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #E6EBF1;
}
.user-notifications__header {
  padding: 13px 0 11px 12px;
  color: #808080;
  font-size: 12px;
  font-weight: 500;
}
.user-notifications__list-container {
  display: flex;
  flex-grow: 1;
  padding-top: 15px;
  padding-bottom: 10px;
}
.user-notifications__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 15px;
}
.user-notifications__load-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-notifications .scrollbars-track {
  right: 5px;
}.notification {
  background-color: #fff;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.1);
  color: #000;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.8px;
  overflow: hidden;
}
.notification--deprecated {
  transition: all 0.3s ease-in-out;
}
.notification--deprecated::before {
  content: attr(title);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 28px;
  font-weight: 800;
  color: rgba(128, 128, 128, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(230, 235, 241, 0.65);
  z-index: 1;
}
.notification--deprecated .notification__read-btn {
  position: relative;
  z-index: 3;
}
.notification--deprecated footer {
  background-color: lightgray;
}
.notification--highlighted {
  animation: blink 5s ease-in-out;
}
.notification__body {
  display: flex;
  padding: 12px;
  min-height: 50px;
  align-items: center;
  width: 100%;
}
.notification__body .lazy-load__container {
  width: 48px;
  height: 48px;
}
.notification__paragraph {
  width: 100%;
}
.notification__avatar-wrapper {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}
.notification__avatar-wrapper:empty {
  display: none;
}
.notification__avatar-wrapper:empty + .notification__paragraph {
  width: 100%;
}
.notification__avatar-wrapper + .notification__paragraph {
  width: 82%;
}
.notification__footer {
  display: flex;
  padding: 0px 12px;
  background-color: #F8737F;
  color: #fff;
  height: 42px;
  align-items: center;
  justify-content: space-between;
}
.notification__footer--pending {
  background-color: #8C8A94;
}
.notification__footer-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  width: 100px;
}
.notification__attachments-wrapper {
  position: relative;
}
.notification__attachments {
  cursor: default;
}
.notification__date {
  display: flex;
  flex-direction: column;
  line-height: 16px;
}
.notification__spinner-wrapper {
  position: absolute;
  color: #fff;
  background-color: rgba(230, 235, 241, 0.65);
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
}
.notification__spinner {
  margin: auto;
}
.notification__icon {
  height: 24px;
  width: 24px;
  min-width: 24px;
  color: #fff;
}
.notification__btns-wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
}
.notification__btns-wrapper button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 20px;
  border-radius: 6px;
  color: #4C4C4C;
  font-size: 12px;
  font-family: Roboto;
  text-align: center;
  padding: 0 9px;
  letter-spacing: 1px;
  background-color: #fff;
  cursor: pointer;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0.5;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}.typing-indicator {
  display: flex;
  width: 24px;
  border-radius: 50px;
  justify-content: center;
}
.timeline__footer .typing-indicator {
  margin-right: 1.5em;
}
.dispatcher-item .typing-indicator {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.typing-indicator span {
  height: 3px;
  width: 3px;
  margin: 0 1px;
  background-color: #9e9ea1;
  border-radius: 50%;
  opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
  animation: 1s blinks infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
  animation: 1s blinks infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
  animation: 1s blinks infinite 0.9999s;
}

@keyframes blinks {
  50% {
    opacity: 1;
  }
}.caller__name {
  display: inline-block;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.caller__name--client {
  color: #3565FD;
}
.caller__name:not(.caller__name--client) {
  color: #0092F2;
}
.caller__avatar {
  height: 48px;
  width: 48px;
  border-radius: 6px;
  cursor: pointer;
  white-space: pre;
}.message-link {
  display: inline-block;
  color: #0092F2;
  vertical-align: middle;
  font-style: italic;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
}.chat-link {
  background: #00A6AD;
  padding: 1px 4px;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}.operator-name {
  color: #0092F2;
}.sidebar-sections {
  --content-offset: 20px;
  --decoration-offset: 11px;
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
.sidebar-sections__header {
  margin-bottom: 10px;
  padding: 0 4px 0 1.5px;
}
.sidebar-sections__list {
  flex-grow: 1;
}
.sidebar-sections--left .sidebar-sections__list {
  margin-right: calc(-1 * var(--decoration-offset));
  margin-left: calc(-1 * var(--decoration-offset));
}
.sidebar-sections--right .sidebar-sections__list {
  margin-left: calc(-1 * var(--content-offset));
  margin-right: calc(-1 * var(--decoration-offset));
}
.sidebar-sections--right .sidebar-contacts-list__contact-item {
  width: calc(100% - (var(--content-offset) + var(--decoration-offset)));
  right: var(--decoration-offset);
}
.sidebar-sections--left .sidebar-contacts-list__contact-item {
  left: var(--decoration-offset);
  width: calc(100% - var(--decoration-offset) * 2);
}
.sidebar-sections__title {
  padding: 15px 0;
  margin: 0 4px;
}.sidebar-contacts-filters {
  position: relative;
}
.sidebar-contacts-filters__main-filters-wrap {
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin-bottom: 24px;
}
.sidebar-contacts-filters__filters-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 8px;
}
.sidebar-contacts-filters__item {
  position: relative;
  min-width: 32px;
  height: 100%;
  z-index: 1;
}
.sidebar-contacts-filters__item-btn {
  text-transform: capitalize;
}
.sidebar-contacts-filters__input-wrap {
  position: relative;
  width: 100%;
  height: 32px;
}
.sidebar-contacts-filters__input {
  width: 100%;
  height: 100%;
  font-family: Manrope, Roboto, sans-serif;
}
.sidebar-contacts-filters__left-counter, .sidebar-contacts-filters__right-counter {
  position: absolute;
  z-index: -1;
}
.sidebar-contacts-filters__left-counter {
  left: 0;
  bottom: -12px;
}
.sidebar-contacts-filters__right-counter {
  right: 0;
  bottom: -12px;
}
.sidebar-contacts-filters__select-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 30px;
  margin: 10px 0;
  gap: 10px;
}
.sidebar-contacts-filters__add-btn {
  height: 20px;
}

.sidebar-filter-select {
  height: 30px;
  width: 100%;
}.sidebar-contacts-list--empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 13px;
  color: #bfbfbf;
}
.sidebar-contacts-list__contact-item {
  position: absolute;
  top: 24px;
  transform: translateY(-50%);
}
.sidebar-contacts-list__contact-item--marked::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 11px;
  height: 11px;
  background-color: rgb(var(--red-status-color));
  border-bottom-left-radius: 5px;
  clip-path: polygon(100% 100%, 0% 0%, 0% 100%);
}
.sidebar-contacts-list__contact-item--divided::after {
  content: "";
  position: absolute;
  bottom: -11px;
  height: 1px;
  width: 100%;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  background-color: rgba(var(--secondary-color), 0.7);
}
.sidebar-contacts-list__contact-item--with-agent {
  background-color: rgba(var(--violet-status-color), 0.2);
}
.sidebar-contacts-list__booking-icon {
  font-size: 17px;
  margin-right: 5px;
}
.sidebar-contacts-list__contact-item--pinned .sidebar-contacts-list__contact-item-avatar::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 33px;
  width: 8px;
  height: 8px;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20height='16'%20width='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M11.71.3a1%201%200%200%200-1.63.35c-.84%201.73-1.75%202.7-2.9%203.28-1.3.64-2.79%201.09-5.18%201.09a1%201%200%200%200-.92.61%201%201%200%200%200%20.21%201.1l3.24%203.23L0%2016l6.04-4.53%203.24%203.24c.1.1.2.17.33.21.12.06.24.08.38.08.2%200%20.26-.03.38-.07a1%201%200%200%200%20.62-.92c0-2.4.44-3.89%201.08-5.16.57-1.16%201.55-2.07%203.29-2.9a.99.99%200%200%200%20.34-1.64L11.71.29Z'/%3e%3c/svg%3e");
  mask-size: contain;
  background-color: rgb(var(--darker-tertiary-color));
}
.sidebar-contacts-list__operator-info {
  font-style: italic;
}
.sidebar-contacts-list__operator-info button {
  margin-left: 6px;
}
.sidebar-contacts-list__last-interaction {
  bottom: 1px;
  font-size: 12px;
}
.sidebar-contacts-list__last-interaction svg {
  height: 11px;
  aspect-ratio: 1;
  margin-right: 2px;
}
.sidebar-contacts-list__contact-ex {
  color: rgb(var(--status-color));
  font-weight: bold;
}
.sidebar-contacts-list__booking-icon {
  position: absolute;
  bottom: -5px;
  right: -6px;
  height: 12px;
}
.sidebar-contacts-list__unread-msgs-counter {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
.sidebar-contacts-list__contact-item-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-left: 2px;
}
.sidebar-contacts-list__add-contact-button {
  height: 12px;
  aspect-ratio: 1;
}.sidebar-contact-wrapper__unfinished-bookings-count {
  align-items: center;
  border: 1px solid #000;
  border-radius: 3px;
  color: #000;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  height: 16px;
  justify-content: center;
  margin-right: 5px;
  width: 16px;
}
.sidebar-contact-wrapper__add-contact-button {
  margin-left: 4px;
  vertical-align: middle;
}
.sidebar-contact-wrapper__tags {
  margin-right: 4px;
}.operators-side-panel {
  position: fixed;
  bottom: 0;
  width: 304px;
  height: 300px;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 10;
}
.operators-side-panel--right {
  right: 0;
}
.operators-side-panel--left {
  left: 0;
}
.operators-side-panel--open {
  transform: translateY(0);
}
.operators-side-panel__button {
  position: absolute;
  bottom: 100%;
  height: 32px;
  left: 50%;
  transform: translate(-50%, -2px);
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.operators-side-panel__content {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  border-top: 1px solid rgb(153, 219, 222);
}.operators-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
}
.operators-list__header {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 15px;
  cursor: pointer;
}
.operators-list__header-icon {
  width: 15px;
  height: 15px;
  margin-right: 6px;
  color: #808080;
  transform: translateY(-1px);
}
.operators-list__title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #808080;
}
.operators-list__list-container {
  flex-grow: 1;
  margin-top: 16px;
  margin-bottom: 16px;
}
.operators-list__no-items {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #808080;
}
.operators-list__item {
  position: relative;
  top: 0;
  padding: 0 36px;
  transform: none;
}
.operators-list__item:not(:last-child) {
  margin-bottom: 8px;
}
.operators-list__sip {
  display: inline-block;
  width: 40px;
}
.operators-list__operator-mode {
  font-weight: 800;
  text-transform: uppercase;
}
.operators-list__operator-mode--off {
  color: #B3B1B8;
}
.operators-list__operator-mode--full {
  color: #0ED065;
}
.operators-list__operator-mode--sms {
  color: #f27e3f;
}
.operators-list__operator-mode--phone {
  color: #3565fd;
}
.operators-list .contact-item-block__avatar {
  margin-left: 4px;
}
.operators-list .contact-item-block__content {
  padding-left: 0;
  background-color: white;
  border: 1px solid #E2E2E4;
  border-radius: 6px;
}
.operators-list .contact-item-block__content .counter {
  position: absolute;
  top: 50%;
  left: 0;
  color: #494656;
  transform: translate(calc(-100% - 2px), -50%);
}
.operators-list .contact-item-block__content .counter__content svg {
  fill: transparent;
}
.operators-list .contact-item-block__content .counter__content svg path {
  stroke: #494656;
  stroke-width: 1.2px;
}
.operators-list .contact-item-block__column {
  justify-content: flex-start;
}.sales-page {
  height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 280px 640px minmax(760px, 1fr);
  grid-template-areas: "header header header" "sidebar compare gallery";
}
.sales-page--pending {
  grid-template: 1fr 66px/auto;
  justify-items: center;
  align-items: center;
}
.sales-page__gallery-spinner {
  margin: auto;
}

.sales-sidebar {
  grid-area: sidebar;
}

.sales-compare {
  position: relative;
  grid-area: compare;
}
.sales-compare__global-spinner {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}.sales-header__btn-default-session, .sales-header__secondary-button {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.sales-header {
  grid-area: header;
  display: grid;
  grid-template-columns: 280px 640px minmax(760px, 1fr);
  align-items: center;
  border-bottom: 1px solid #99DBDE;
  height: 64px;
}
.sales-header__sales-page-btn {
  color: #00A6AD;
  width: 30px;
  height: 30px;
}
.sales-header__navbar-btn-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.sales-header__default-session-btn, .sales-header__add-client-btn {
  height: 36px;
  width: 150px;
}
.sales-header__default-session-block {
  width: 336px;
  height: 40px;
  border: 1px dashed #4CD2FA;
  border-radius: 8px;
  gap: 10px;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.sales-header__btn-default-session {
  font-size: 14px;
  color: #494656;
  flex-grow: 1;
  text-align: left;
}
.sales-header__btn-add-client {
  display: flex;
}
.sales-header__secondary-button {
  height: 40px;
  color: #0C201F;
  background-color: #E5F6F7;
}
.sales-header__secondary-button svg {
  width: 16px;
  height: 16px;
}
.sales-header__secondary-button--disabled {
  cursor: not-allowed;
}
.sales-header__secondary-button--booked-btn {
  border: 1px dashed #D9D8DC !important;
  border-radius: 8px !important;
  background-color: transparent;
}

.sales-header__client-card {
  flex-grow: 1;
  width: 300px;
}

.sales-header__add-client-btn svg {
  width: 18px;
  height: 18px;
}

.sales-header__left-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 33px;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}

.sales-header__right-wrap {
  padding: 5px 0;
  display: flex;
  align-items: center;
  gap: 32px;
}

.sales-header__client-card-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  padding-inline: 32px;
}

.sales-header__buffer-button-wrap {
  position: relative;
}
.sales-header__buffer-button-wrap .button {
  flex-direction: row-reverse;
  gap: 6px;
  border: none;
  padding: 0 10px;
}

.sales-header__clear-buffer-button {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: #FF5E57;
  border-radius: 50%;
}
.sales-header__clear-buffer-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}
.sales-header__clear-buffer-button svg {
  width: 7px;
  height: 7px;
  color: #fff;
}

.sales-header__search-wrap {
  position: relative;
  width: 100%;
  margin-inline: 36px;
}.gallery-search__search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(50%, -50%);
}

.gallery-search {
  position: relative;
  grid-row: row-begin/row-end;
  grid-column: col-center/col-end;
  align-self: center;
  display: block;
}

.gallery-search__text-input {
  width: 100%;
  padding: 11px 48px 11px 38px;
  background-color: #E5F6F7;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: none;
  font-size: 14px;
  letter-spacing: 0;
  color: #494656;
}
.gallery-search__text-input::placeholder {
  opacity: 0.5;
  color: #494656;
}

.gallery-search__clear-button {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translate(50%, -50%);
  padding: 5px;
  display: inline-grid;
  color: #FF5E57;
}
.gallery-search__clear-button svg {
  width: 13px;
  height: 13px;
}

.gallery-search__search-icon {
  width: 13px;
  height: 13px;
  pointer-events: none;
  color: #494656;
}.client-card {
  display: flex;
  height: 50px;
  margin-left: -100px;
}
.client-card__tags-wrapper {
  position: relative;
}
.client-card__tags-wrapper .overflowed-tags__tags-floating-panel-content {
  padding-left: 10px;
  background-color: rgb(var(--tertiary-color), var(--highlighted-opacity));
}
.client-card__controls {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 5px;
  align-items: center;
}
.client-card__control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}
.client-card__control-btn--close {
  border-radius: 50%;
  background-color: #FF7373;
}
.client-card__control-btn--edit {
  border-bottom: 1px solid #E0E0E0;
  width: 24px;
  height: 24px;
}
.client-card__control-btn-icon {
  width: 12px;
  height: 12px;
  color: #00A6AD;
}
.client-card__control-btn-icon--close {
  width: 7x;
  height: 7px;
  color: #fff;
}
.client-card__main {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0 8px;
  background-color: #F3F3F4;
  border-radius: 6px;
}
.client-card__avatar-wrap {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.client-card__info {
  margin-left: 10px;
  font-size: 12px;
  max-width: 40%;
}
.client-card__name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #3565FD;
}
.client-card__phone {
  color: #808080;
}
.client-card__tags {
  flex-grow: 1;
  margin-left: 30px;
}
.client-card__tag {
  background-color: #F3F3F4;
}.button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0.875px;
  white-space: pre;
  text-align: left;
}
.button svg {
  min-width: 16px;
  width: 16px;
  flex-shrink: 0;
}
.button--primary {
  background-color: #F3F3F4;
  color: #4a4a4a;
}
.button--primary svg {
  color: #00A6AD;
}
.button--secondary {
  border: 1px dashed #4a4a4a;
}
.button--secondary svg {
  color: #4a4a4a;
}
.button--inversion {
  background-color: #00A6AD;
  color: #F3F3F4;
}
.button--inversion-light {
  background-color: #88D6D9;
  color: #000;
}
.button--inversion-light svg {
  color: #00A6AD;
}
.button--modal {
  background-color: #fff;
}
.button--modal svg {
  color: #00A6AD;
}
.button--dim {
  background-color: #bfbfbf;
  color: #fff;
}
.button--light {
  background-color: #fff;
  color: #4a4a4a;
}
.button--light svg {
  color: #00A6AD;
}
.button--none {
  padding: 0;
  color: #808080;
}
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button .typing-indicator {
  zoom: 2.5;
}
.button .typing-indicator > span {
  background-color: #fff;
}.gallery {
  padding: 9px 15px 0 4px;
  grid-area: gallery;
  display: grid;
  grid-template: "sidebar header" auto "sidebar list" 1fr/160px 1fr;
  gap: 15px 8px;
  background-color: #E5F6F7;
}.gallery-list {
  grid-area: list;
}
.gallery-list--centered {
  display: grid;
  justify-content: center;
  align-content: center;
}

.gallery-list__no-profiles {
  font-size: 26px;
  font-weight: 600;
  color: rgba(136, 214, 217, 0.6);
}

.gallery-list__profile-list {
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-around;
}.gallery-profile-card__name, .gallery-profile-card__short-info {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.gallery-profile-card {
  width: 184px;
  min-height: 285px;
  background-color: #F6F9FC;
  border-radius: 6px;
  border-top: 2px solid transparent;
}
.gallery-profile-card--hidden {
  display: none;
}
.gallery-profile-card__profile-rates-wrapper {
  position: absolute;
  z-index: 100;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.gallery-profile-card__flag-img {
  width: 22px;
  height: 14px;
  border-radius: 2px;
  object-fit: contain;
}
.gallery-profile-card__flag-img-wrap {
  position: absolute;
  top: 3px;
  left: 3px;
  display: flex;
  gap: 5px;
}
.gallery-profile-card__info-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gallery-profile-card__top-wrap {
  position: relative;
  padding: 4px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gallery-profile-card__top-wrap--available-now::before {
  background-color: #01DF85;
}
.gallery-profile-card__top-wrap--off-today::before {
  background-color: #FF3D2B;
}

.gallery-profile-card__buffer-button {
  position: relative;
  width: 13px;
  height: 13px;
  padding: 0;
  flex-shrink: 0;
}
.gallery-profile-card__buffer-button::after {
  left: -5px;
  right: 0;
}
.gallery-profile-card__buffer-button--add {
  color: #494656;
}
.gallery-profile-card__buffer-button--remove {
  color: #F8737F;
}
.gallery-profile-card__buffer-button svg {
  width: 100%;
  height: 100%;
}

.gallery-profile-card__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 93px;
  width: 100%;
  color: #404040;
  line-height: 1.3;
}

.gallery-profile-card__rating-button {
  position: relative;
  padding: 0;
  flex-shrink: 0;
  line-height: 1;
  font-size: 12px;
  color: #0092F2;
  font-style: italic;
}
.gallery-profile-card__rating-button::after {
  left: 0;
  right: 0;
}

.gallery-profile-card__rates-button {
  padding: 0;
  color: #494656;
  width: 13px;
  height: 13px;
}
.gallery-profile-card__rates-button > svg {
  width: 13px;
  height: 13px;
}

.gallery-profile-card__divaescort-link {
  color: #494656;
  width: 13px;
  height: 13px;
}
.gallery-profile-card__divaescort-link > svg {
  width: 13px;
  height: 13px;
}

.gallery-profile-card__image-thumb {
  position: relative;
  height: 200px;
  cursor: pointer;
}

.gallery-profile-card__prev-booked-count {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 2px 5px 2px 10px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  font-size: 12px;
}
.gallery-profile-card__prev-booked-count svg {
  margin-left: 5px;
  width: 15px;
  height: 15px;
  color: #FF3D2B;
}

.gallery-profile-card__image-tags-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
}

.gallery-profile-card__labels-or-book-wrap {
  position: relative;
  flex-grow: 1;
}

.gallery-profile-card__book-button {
  position: absolute;
  bottom: 3px;
  right: 3px;
  padding: 2px 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms;
  background-color: #00A6AD;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
}
.gallery-profile-card__image-tags-wrap--session-with-client:hover .gallery-profile-card__book-button {
  opacity: 1;
  pointer-events: auto;
}

.gallery-profile-card__open-map-button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 36px;
  width: 36px;
  display: flex;
  background-color: #fff;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms;
}
.gallery-profile-card__open-map-button > svg {
  height: 22px;
  width: 22px;
  margin: auto;
  color: #00A6AD;
}
.gallery-profile-card__image-tags-wrap:hover .gallery-profile-card__open-map-button {
  opacity: 1;
  pointer-events: auto;
}

.gallery-profile-card__not-available {
  padding: 2px 10px;
  background-color: rgba(235, 99, 0, 0.7);
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
}

.gallery-profile-card__agent-name {
  padding: 2px 10px;
  background-color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  color: #1D1F7A;
}

.gallery-profile-card__short-info {
  font-weight: 400;
  padding: 7px 10px 3px 10px;
  font-size: 12px;
  color: #0C201F;
}

.gallery-profile-card__top-wrap--available-now::before, .gallery-profile-card__top-wrap--off-today::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 70px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.gallery-profile-card__buffer-button::after, .gallery-profile-card__rating-button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: -5px;
  height: 100%;
}.profile-labels {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 3px;
  padding-bottom: 3px;
  overflow: hidden;
  position: absolute;
}
.profile-labels__label {
  display: flex;
  justify-content: center;
  align-content: center;
  width: fit-content;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 2px 6px;
  margin-top: 3px;
  margin-left: 3px;
  white-space: nowrap;
}
.profile-labels__label--contact-det {
  font-size: 9px;
  padding: 3px 5px;
}
.profile-labels__label--table-item {
  font-size: 7px;
  padding: 2px 3px;
}
.profile-labels__label--bi {
  background-color: #f2cc0c;
}
.profile-labels__label--secret {
  background-color: #ff4052;
}
.profile-labels__label--hetero {
  background-color: #0092f2;
}
.profile-labels__label--green {
  background-color: #00a562;
}
.profile-labels__label--red {
  background-color: #f01e1e;
}
.profile-labels__label--lightpink {
  background-color: #f8737f;
}
.profile-labels__label--recommended {
  background-color: #0092f2;
}
.profile-labels__label--featured {
  background-color: mediumpurple;
}
.profile-labels__label--grey {
  background-color: #808080;
}
.profile-labels__label--compared {
  color: #000;
  background-color: #fff;
}
.profile-labels--profile-card-mini {
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
}
.profile-labels--compared {
  align-items: flex-end;
}
.profile-labels--profile-card {
  position: relative;
  padding-left: 9px;
  padding-right: 12px;
}
.profile-labels--adr-book {
  position: relative;
  max-width: 50%;
  justify-content: flex-end;
  padding-right: 6px;
}
.profile-labels--contact-det {
  position: relative;
  justify-content: center;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}
.profile-labels--table-item {
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  bottom: 5px;
  left: 5px;
  width: auto;
}.gallery-sidebar {
  display: flex;
  flex-direction: column;
  grid-area: sidebar;
  padding: 21px 0 15px 0;
}
.gallery-sidebar__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
.gallery-sidebar__filters-action-btn {
  margin-bottom: 12px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  color: #0092F2;
}
.gallery-sidebar__filters-action-btn--reset {
  text-align: center;
  color: #FF5E57;
}
.gallery-sidebar__filters {
  flex-grow: 1;
  margin-right: -10px;
}

.gallery-sidebar-filters {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: right;
  gap: 5px;
  padding-right: 6px;
  align-items: center;
}
.gallery-sidebar-filters__item {
  height: 24px;
  font-weight: 500;
}
.gallery-sidebar-filters__item--active {
  background-color: #70b9bc;
  color: #fff;
  z-index: 2;
}
.gallery-sidebar-filters__item--active:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  top: -1px;
  z-index: -1;
  background-color: #80D3D6;
}
.gallery-sidebar-filters__item--disabled {
  opacity: 0.7;
  color: #4a4a4a;
  cursor: not-allowed;
}
.gallery-sidebar-filters__item--disabled:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.4);
}
.gallery-sidebar-filters__group {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: 100%;
}
.gallery-sidebar-filters__action-btn {
  position: relative;
  margin: 0 4px 0 4px;
  height: 24px;
  border: 2px solid #00A6AD;
  border-radius: 6px;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0.88px;
  color: #000;
}
.gallery-sidebar-filters__action-btn--disabled {
  opacity: 0.7;
  z-index: 2;
  color: #4a4a4a;
  cursor: not-allowed;
}
.gallery-sidebar-filters__action-btn--disabled:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.4);
}.buffer-all-btn__warning {
  width: 308px;
  padding: 32px 15px 8px;
  z-index: 2;
  background-color: #f6f9fc;
  border-radius: 6px;
}
.buffer-all-btn__warning-text {
  margin-bottom: 10px;
  margin-top: 0;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.35;
  text-align: center;
}
.buffer-all-btn__warning-icon {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
  color: #808080;
  font-size: 18px;
}.gallery-header__best-matching-count {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.gallery-header {
  position: relative;
  grid-area: header;
}
.gallery-header__main {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.gallery-header__best-matching-count {
  color: #808080;
  font-size: 14px;
}
.gallery-header__show-filters-btn {
  position: absolute;
  left: 50%;
  bottom: 3px;
  display: flex;
  align-items: center;
  gap: 6px;
  transform: translateX(-50%);
  padding: 5px 9px;
  border-radius: 0 0 6px 6px;
  background-color: #F8F8F8;
  font-size: 12px;
}
.gallery-header__show-filters-btn--filters-opened {
  background-color: #88D6D9;
  bottom: 1px;
  border-radius: 6px 6px 0 0;
  color: #fff;
}
.gallery-header__show-filters-btn-icon {
  width: 12px;
  height: 12px;
  transition: 0.3s;
}
.gallery-header__show-filters-btn-icon--is-open {
  transform: rotateX(180deg);
}
.gallery-header__sort-select {
  margin-left: auto;
}
.gallery-header .react-select__control {
  padding-left: 0;
}

.gallery-header-sort-select .react-select__control {
  flex-direction: row-reverse;
}
.gallery-header-sort-select .react-select__indicator {
  padding: 0 3px;
}
.gallery-header-sort-select .react-select__dropdown-indicator svg {
  transform: translateY(-2px);
  width: 21px;
  height: 21px;
}
.gallery-header-sort-select .react-select__single-value, .gallery-header-sort-select .react-select__placeholder {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
}
.gallery-header-sort-select .react-select__menu {
  right: 0;
}.gallery-header-filters {
  margin-top: 1px;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid #00A6AD;
}
.gallery-header-filters__includes-filters-text {
  margin-right: 6px;
}
.gallery-header-filters__include-filter {
  margin-right: 28px;
}
.gallery-header-filters__divider {
  width: 100%;
  height: 1px;
  background-color: #808080;
}
.gallery-header-filters__header {
  display: flex;
  align-items: center;
  padding: 0 10px 0 6px;
  height: 45px;
  font-size: 14px;
  color: #808080;
}
.gallery-header-filters__main {
  padding-bottom: 40px;
}
.gallery-header-filters__group {
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto;
}
.gallery-header-filters__group--row-1 {
  grid-template-columns: 1fr 2fr;
}
.gallery-header-filters__group--row-2 {
  grid-template-columns: 1fr 1fr;
}
.gallery-header-filters__group--row-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.gallery-header-filters__group--row-4 {
  grid-template-columns: 1fr 1fr 1fr;
}
.gallery-header-filters__group--row-5 {
  grid-template-columns: 1fr 2fr;
}
.gallery-header-filters__clear-btn {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 0 10px;
  height: 24px;
  font-size: 12px;
  border-radius: 8px;
  background-color: #FEF2F2;
  color: #DE2424;
}
.gallery-header-filters__clear-btn-icon {
  margin-right: 8px;
  width: 8px;
  height: 8px;
  color: #FF3D2B;
}
.gallery-header-filters__filter {
  height: fit-content;
  margin-right: 12px;
}
.gallery-header-filters__filter:last-child {
  margin-right: 0;
}
.gallery-header-filters__filter-title {
  display: inline-flex;
  margin-bottom: 7px;
  font-size: 12px;
  letter-spacing: 1px;
}

.gallery-header-include-filter {
  display: flex;
  align-items: center;
  padding: 4px;
  cursor: pointer;
}
.gallery-header-include-filter--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.gallery-header-include-filter__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 2px solid #8C8A94;
  border-radius: 6px;
  background-color: #fff;
}
.gallery-header-include-filter--checked .gallery-header-include-filter__checkbox {
  border: none;
}
.gallery-header-include-filter__icon {
  width: 12.5px;
  height: 12.5px;
  color: #01df85;
}
.gallery-header-include-filter__label {
  margin-left: 7px;
  color: #000;
  font-size: 12px;
  text-transform: capitalize;
  transform: translateY(1px);
}
.gallery-header-include-filter--checked .gallery-header-include-filter__label {
  font-weight: bold;
}

.gallery-header-filters .react-select__control {
  min-height: 28px;
  border-radius: 6px;
  background-color: #F3F3F4;
}
.gallery-header-filters .react-select__indicator svg {
  width: 16px;
  height: 16px;
}
.gallery-header-filters .react-select__placeholder {
  font-size: 14px;
  color: #bfbfbf;
  letter-spacing: 0.88px;
}
.gallery-header-filters .react-select__dropdown-indicator {
  padding-left: 6px;
  color: #808080;
}
.gallery-header-filters .react-select__value-container {
  padding: 2px 8px;
}
.gallery-header-filters .react-select__menu {
  border-radius: 6px;
  margin-top: 8px;
}
.gallery-header-filters .react-select__multi-value {
  border-radius: 6px;
  background-color: #fff;
}
.gallery-header-filters .react-select__multi-value__label {
  padding: 2px 3px 2px 8px;
  font-size: 11px;
  color: #4a4a4a;
}
.gallery-header-filters .react-select__value-container {
  padding: 0px 8px;
}.profile-compare-zone__info-text, .profile-compare-zone__mentioned-box {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.profile-compare-zone {
  gap: 16px;
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  outline: 2px dotted transparent;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.profile-compare-zone-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 32px;
}
.profile-compare-zone--drag-enter-left, .profile-compare-zone--drag-enter-right {
  outline: 2px dotted #808080;
}
.profile-compare-zone--drag-enter-left *, .profile-compare-zone--drag-enter-right * {
  pointer-events: none;
}
.profile-compare-zone--drag-enter-left > .profile-card:nth-child(1) {
  opacity: 0.5;
}
.profile-compare-zone--drag-enter-right > .profile-card:nth-child(2) {
  opacity: 0.5;
}
.profile-compare-zone--drag-enter-already-exist {
  outline: 2px dotted #E064F1;
}
.profile-compare-zone__info-text {
  width: 100%;
  color: #808080;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border: 1px dashed #D9D8DC;
  border-radius: 8px;
  padding: 18px 10px;
  margin-bottom: 16px;
  font-size: 13px;
}
.profile-compare-zone__mentioned-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  color: #808080;
  border: 1px dashed #D9D8DC;
  border-radius: 8px;
  padding: 8px 10px 9px;
}
.profile-compare-zone__mentioned-box-wrapper {
  height: 100%;
  width: 100%;
  gap: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.profile-compare-zone__mentioned-box-wrapper:not(:only-child) {
  flex-direction: column;
}
.profile-compare-zone__profiles-box {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  flex-direction: column;
  border: 1px dashed #D9D8DC;
  border-radius: 8px;
  padding: 8px 10px 0;
}

@media (max-width: 1640px) {
  .profile-compare-zone {
    flex-grow: 1;
  }
}
@media (min-width: 1640px) {
  .profile-compare-zone {
    min-width: 574px;
  }
}.profile-card__title-rate, .profile-card__key, .profile-card__value {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.profile-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #F6F9FC;
}
.profile-card .profile-labels__label--distance {
  display: none;
}
.profile-card__flag-img-wrapper {
  position: absolute;
  z-index: 9;
  left: 6px;
  top: 6px;
}
.profile-card__close {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  background-color: #FF7373;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  color: #E5F6F7;
}
.profile-card__close svg {
  width: 10px;
  height: 10px;
}
.profile-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  background-color: #E5F6F7;
}
.profile-card__header-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #494656;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.profile-card__header-btn-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-card__header-btn > svg {
  width: 15px;
  height: 15px;
}
.profile-card__header-rates {
  position: absolute;
  z-index: 100;
}
.profile-card__credit-card {
  position: absolute;
  top: 6px;
  right: 8px;
}
.profile-card__actions, .profile-card__title, .profile-card__rating-wrap, .profile-card__desc, .profile-card__location, .profile-card__services {
  padding: 0 15px;
}
.profile-card__actions {
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  border-radius: 0px 6px 0px 0px;
  background-color: #E6EBF1;
  font-size: 12px;
  line-height: 16px;
  color: #808080;
}
.profile-card__actions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 6px;
  background-color: #E5F6F7;
  color: #494656;
  cursor: pointer;
}
.profile-card__actions-btn--prev > svg, .profile-card__actions-btn--next > svg {
  width: 10px;
  height: 10px;
}
.profile-card__actions-btn--next > svg {
  transform: rotate(-180deg);
}
.profile-card__actions-btn-wrap {
  gap: 6px;
  display: flex;
}
.profile-card__buffer-btn {
  display: flex;
  padding: 5px;
  color: #494656;
}
.profile-card__buffer-btn--remove {
  color: #FF5E57;
}
.profile-card__buffer-btn--remove > svg {
  width: 15px;
  height: 15px;
}
.profile-card__buttons-wrap {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: 50%;
}
.profile-card__btn-sent-icon {
  display: flex;
  color: #01DF85;
  margin-left: 10px;
}
.profile-card__btn-send-link {
  border-radius: 6px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
}
.profile-card__btn-send-link > svg {
  width: 15px;
  height: 15px;
}
.profile-card__btn-send-link--done {
  border: none;
  cursor: default;
  text-transform: capitalize;
  color: #000000;
  box-shadow: none;
  font-weight: normal;
}
.profile-card__btn-send-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.88px;
}
.profile-card__title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 0 12px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.68px;
}
.profile-card__title-rate {
  display: flex;
  flex-direction: column;
}
.profile-card__title > .icon-button {
  width: 16px;
  height: 16px;
}
.profile-card__title--available::after {
  content: "";
  box-sizing: border-box;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  right: 8px;
  border: 2px solid #fff;
  background-color: #0ED065;
  transition: all 0.2s ease-in;
}
.profile-card__title--archived::after {
  content: "Archived";
  font-size: 10px;
  color: #f8737f;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.profile-card__tags {
  width: 100%;
  min-height: 45px;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-card__tags-wrapper {
  width: 100%;
}
.profile-card__tag {
  background: #fff;
}
.profile-card__prev-booked-count {
  position: absolute;
  top: 0px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, 0);
  min-width: 40px;
  padding: 2px 5px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
}
.profile-card__prev-booked-count > svg {
  margin-left: 4px;
  color: red;
}
.profile-card__rating-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 12px 13px 12px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #000;
}
.profile-card__notelist-count {
  display: flex;
  align-items: center;
  gap: 6px;
}
.profile-card__reviews-btn {
  padding: 0;
  text-decoration: underline;
  font-weight: normal;
  color: #0092F2;
}
.profile-card__notelist-btn {
  display: flex;
  padding: 0;
  border: none;
  background: no-repeat;
  color: #494656;
  cursor: pointer;
}
.profile-card__notelist-btn-icon {
  width: 11px;
  height: 11px;
}
.profile-card__labels {
  padding-top: 2px;
  background-color: #F3F3F4;
}
.profile-card__info-wrap {
  font-size: 12px;
}
.profile-card__info {
  display: flex;
  margin-bottom: 2px;
  padding: 1px 12px;
}
.profile-card__info:nth-child(odd) {
  background-color: #fff;
}
.profile-card__key {
  width: 50%;
  font-weight: 400;
}
.profile-card__value {
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 50%;
  gap: 0 5px;
  align-items: center;
  text-align: right;
}
.profile-card__same-param {
  color: #00a562;
}
.profile-card__location {
  background-color: #E6EBF1;
  display: flex;
  align-items: center;
  padding: 15px 15px 15px 21px;
  font-size: 12px;
  cursor: pointer;
}
.profile-card__location-icon {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #00A6AD;
}
.profile-card__location-link {
  font-size: 12px;
  line-height: 16px;
  color: #808080;
  text-decoration: none;
}
.profile-card__services {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  line-height: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.profile-card__service {
  padding: 2px 10px;
  border-radius: 6px;
  background-color: #E6EBF1;
  font-size: 11px;
  line-height: 15px;
  color: #4a4a4a;
}
.profile-card__service--common {
  background-color: rgba(41, 241, 142, 0.3);
}
.profile-card__service--with-price {
  padding: 2px 0 2px 10px;
}
.profile-card__service--price {
  margin-left: 5px;
  padding: 3px 4px;
  border-radius: 0 6px 6px 0;
  background: rgba(0, 146, 242, 0.3);
  cursor: pointer;
}

@media (max-width: 1450px) {
  .profile-card {
    max-width: 245px;
  }
  .profile-card__image-wrap {
    height: 300px;
  }
}.async-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.async-btn__spinner {
  margin-left: 10px;
}.booked-button__checkbox {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booked-dropdown__checkbox {
  background-color: #00A6AD;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 4px;
  cursor: pointer;
}

.booked-dropdown {
  overflow: hidden;
  position: absolute;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
  transition: height 0.2s;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 3px;
  z-index: 1;
}
.booked-dropdown__checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  width: fit-content;
}
.booked-dropdown__checkbox--active {
  background-color: #fff;
  color: #000;
}

.booked-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.booked-button__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #80D3D6;
  color: #fff;
  width: 44px;
  height: 24px;
  border-radius: 6px;
  border-bottom: 1px solid #70b9bc;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
}
.booked-button__checkbox--active {
  width: auto;
  background-color: #80D3D6;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0 3px;
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize;
}
.booked-button__checkbox--active .booked-button__checkbox-icon {
  color: #fff;
  width: 12px;
}
.booked-button__checkbox-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  width: 100%;
  padding: 0;
}
.booked-button__checkbox-icon {
  display: flex;
  margin-left: 10px;
  color: #01DF85;
  font-size: 23px;
}
.booked-button__editor-wrap {
  position: absolute;
}.profile-card-photos__desc {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.profile-card-photos__image-inner {
  position: relative;
  height: 100%;
  width: 100%;
  pointer-events: none;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.profile-card-photos__image-inner--active {
  pointer-events: all;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.profile-card-photos__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: opacity 0.5s;
  cursor: pointer;
}
.profile-card-photos .lazy-load__error {
  width: 130px;
  height: 130px;
  object-fit: cover;
  position: static;
  cursor: pointer;
}
.profile-card-photos__image-wrap {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.profile-card-photos__image-wrap:hover .profile-dropdown {
  display: block;
}
.profile-card-photos__image-wrap:hover .booked-dropdown {
  height: 30px;
  opacity: 1;
}
.profile-card-photos__controller {
  position: absolute;
  height: 25px;
}
.profile-card-photos__controller--left {
  right: 8px;
  bottom: 8px;
}
.profile-card-photos__controller--right {
  left: 8px;
  bottom: 8px;
}
.profile-card-photos__desc {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0;
  padding: 8px 12px;
  color: #0092F2;
  background-color: #F3F3F4;
}
.profile-card-photos__profile-gallery {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #0092F2;
}.carousel-arrow-icon {
  width: 26px;
  height: 26px;
}
.carousel-arrow-icon--prev {
  transform: rotate(90deg);
}
.carousel-arrow-icon--next {
  transform: rotate(-90deg);
}.video {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.video__play {
  padding: 0;
  margin: 0;
  color: #00A4AB;
  font-size: 18px;
  height: 19px;
  width: 16px;
}
.video__play .player__slider-left-path {
  height: 6px;
}
.video__controls {
  display: flex;
  height: 36px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: bottom 0.5s;
  background-color: #454545;
  align-items: center;
  justify-content: space-around;
  gap: 15px;
  padding: 0 15px;
  color: #fff;
}
.video__volume {
  width: 100px;
  display: flex;
  align-items: center;
}
.video__volume-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  color: #fff;
  transform: scale(1.2);
}
.video__toggle-fullscreen {
  padding: 0;
  margin: 0;
  color: #fff;
}
.video__time {
  user-select: none;
  font-size: 12px;
}
.video video {
  display: flex;
  align-items: center;
  background-color: #000;
  transform: scale(1.5);
}.profile-card-contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #F3F3F4;
  padding: 8px 15px 15px;
}
.profile-card-contacts__btns {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.profile-card-contacts__btn {
  display: flex;
  padding: 0;
  background-color: #80D3D6;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-bottom: 1px solid #70b9bc;
}
.profile-card-contacts__btn--mess {
  color: #fff;
}
.profile-card-contacts__btn--mess:disabled {
  cursor: not-allowed;
}
.profile-card-contacts__info {
  color: #808080;
  font-size: 12px;
}
.profile-card-contacts__tels, .profile-card-contacts__emails {
  display: flex;
  flex-wrap: wrap;
}
.profile-card-contacts__emails {
  margin-top: 3px;
}
.profile-card-contacts__tel, .profile-card-contacts__email {
  margin-right: 5px;
}.recently-viewed-profiles__title > h2 {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.recently-viewed-profiles {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 270px;
  height: 100%;
}
.recently-viewed-profiles:not(:last-child) {
  margin-bottom: 12px;
}
.recently-viewed-profiles--not-default {
  margin-left: auto;
  height: calc(100% - 10px);
}
.recently-viewed-profiles__scrollbar-wrap {
  flex-grow: 1;
  width: 100%;
}
.recently-viewed-profiles__scrollbar-thumb {
  border-radius: 6px;
  background-color: #bfbfbf;
}
.recently-viewed-profiles__title-box {
  min-height: 25px;
  color: #808080;
  font-size: 12px;
}
.recently-viewed-profiles__title {
  display: flex;
  justify-content: space-between;
}
.recently-viewed-profiles__title--click {
  cursor: pointer;
}
.recently-viewed-profiles__title > h2 {
  color: #8C8A94;
}
.recently-viewed-profiles__subtitle {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  min-height: 40px;
  padding: 4px 0 4px 5px;
  cursor: pointer;
}
.recently-viewed-profiles__client-info {
  display: flex;
}
.recently-viewed-profiles__client-info .lazy-load__container {
  margin-right: 5px;
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.recently-viewed-profiles__client-name {
  font-size: 12px;
  line-height: 16px;
  color: #3565FD;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recently-viewed-profiles__chevron {
  width: 13px;
  fill: #00A6AD;
}
.recently-viewed-profiles__chevron--rotated {
  transform: rotate(180deg);
}
.recently-viewed-profiles__icon-wrapper {
  display: flex;
  align-items: center;
  margin: 0 8px;
}
.recently-viewed-profiles__items {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  width: 100%;
}
.recently-viewed-profiles__item {
  display: flex;
  opacity: 0.5;
  overflow: hidden;
  transition: opacity linear 0.1s;
  margin-bottom: 5px;
  border: 2px solid #F6F9FC;
  border-radius: 6px;
  background-color: #FBFBFB;
  cursor: pointer;
}
.recently-viewed-profiles__item:not(.recently-viewed-profiles__item--disabled):hover {
  opacity: 0.8;
}
.recently-viewed-profiles__item--disabled {
  cursor: default;
}
.recently-viewed-profiles__img-wrap {
  max-width: 60px;
  height: 100px;
  width: 30%;
  padding: 4px;
}
.recently-viewed-profiles__info {
  padding: 6px;
  padding-left: 13px;
  font-size: 12px;
  line-height: 16px;
  color: #404040;
}
.recently-viewed-profiles__name {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 500;
  letter-spacing: 1px;
}
.recently-viewed-profiles__name-icon {
  margin-right: 7px;
  width: 8px;
  height: 8px;
  color: #808080;
}

@media (max-width: 1450px) {
  .recently-viewed-profiles {
    max-width: 245px;
  }
}.sales-sidebar {
  display: flex;
  flex-direction: column;
  padding-block: 12px;
  padding-left: 20px;
}
.sales-sidebar__section {
  flex: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}
.sales-sidebar__section--closed {
  flex: 0 0 auto !important;
}
.sales-sidebar__title {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #808080;
  font-size: 14px;
  padding-left: 7px;
  cursor: pointer;
}
.sales-sidebar__resizer {
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 2px;
  left: 0;
  background-color: transparent;
  cursor: row-resize;
  border-radius: 2px;
}
.sales-sidebar__resizer:hover {
  background-color: #00A6AD;
}.sales-sessions-requests {
  padding: 12px 0;
}
.sales-sessions-requests__list-wrap {
  margin-right: -10px;
}
.sales-sessions-requests__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 10px;
}

.session-request {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3px 10px 6px;
  border: 1px solid #F2CC0C;
  border-radius: 6px;
}
.session-request__main {
  display: flex;
  align-items: center;
}
.session-request__img-wrap {
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 5px;
}
.session-request__info {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 12px;
  color: #808080;
  gap: 2px;
}
.session-request__avatar {
  border-radius: 100%;
}
.session-request__name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.session-request__title {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
}
.session-request__actions {
  display: flex;
  justify-content: space-evenly;
  margin-top: 5px;
}
.session-request__btn {
  padding: 0 9px;
  height: 20px;
  border-radius: 6px;
  background-color: #F6F9FC;
  font-size: 12px;
  color: #00A6AD;
}
.session-request__btn--decline {
  color: #FF3D2B;
}.sales-sessions__title {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.sales-sessions {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 0;
}
.sales-sessions__header {
  display: flex;
  align-items: baseline;
  padding-bottom: 15px;
  padding-left: 2px;
}
.sales-sessions__icon {
  color: #404040;
}
.sales-sessions__icon--marker-open {
  color: #00A6AD;
  height: 8px;
  width: 13px;
  transform: rotate(180deg) translateY(1px);
}
.sales-sessions__icon--marker-close {
  color: #00A6AD;
  height: 8px;
  width: 13px;
}
.sales-sessions__title {
  color: #808080;
  padding-left: 7px;
}
.sales-sessions__list-wrap {
  height: 83%;
  flex-grow: 1;
  margin-right: -10px;
}
.sales-sessions__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.sales-sessions--wrap {
  padding: 0 10px;
}.login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  margin-top: 10vh;
  padding: 50px 45px 36px;
  width: 420px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  color: #808080;
  font-family: Roboto;
}
.login__title {
  font-size: 24px;
  color: #808080;
}
.login__subtitle {
  margin-top: 15px;
  font-weight: 400;
  font-size: 18px;
  color: #808080;
}
.login__form {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.login__form-field-wrap {
  position: relative;
}
.login__form-field {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 42px;
}
.login__form-field-btn {
  position: absolute;
  top: 4px;
  right: 0;
  padding: 0;
  padding-right: 8px;
  color: #0092F2;
  font-size: 12px;
}
.login__form-field-btn:disabled {
  cursor: default;
}
.login__form-field--checkbox {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 22px;
  padding: 6px;
  background-color: #F6F9FC;
  border-radius: 6px;
}
.login__form-field-code {
  margin-bottom: 20px;
}
.login__label {
  color: #000;
  letter-spacing: 1px;
  font-size: 12px;
}
.login__checkbox-label {
  margin-left: 7px;
  letter-spacing: 1px;
  color: #808080;
  font-size: 12px;
  font-weight: bold;
}
.login__input-wrap {
  margin-top: 5px;
}
.login__input-wrap .form-text-content__error {
  font-size: 12px;
  bottom: -25px;
}
.login__input:focus-visible {
  box-shadow: 0 0 0 1px rgba(0, 166, 173, 0.3);
}
.login__input--code {
  text-align: center;
  letter-spacing: 3px;
}
.login__recaptcha {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.login__submit-btn {
  margin: 0 auto;
  margin-top: 23px;
  min-width: 160px;
  height: 50px;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
}
.login__spinner {
  margin-left: 10px;
  width: 30px;
  display: flex;
}
.login .invalid-feedback {
  bottom: unset;
  left: unset;
}
.login__container {
  width: 100%;
  display: flex;
}
.login__general-error {
  width: 100%;
  text-align: center;
  color: #F20C0C;
}.form-text-content {
  position: relative;
  width: 100%;
}
.form-text-content__input:focus-visible + .form-text-content__ex {
  display: none;
}
.form-text-content__ex {
  display: block;
  pointer-events: none;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  padding: 8px 4px;
  left: 7px;
  background-color: white;
  letter-spacing: 1px;
  font-weight: bold;
  color: #f27e3f;
}
.form-text-content__error {
  position: absolute;
  bottom: -15px;
  left: 0;
  color: #F20C0C;
  font-size: 11px;
  letter-spacing: 1px;
}
.form-text-content__error--relative {
  position: relative;
  bottom: 0;
  margin-top: 12px;
}.adr-book-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.adr-book-page--pending {
  position: relative;
  z-index: 99999;
  cursor: wait;
}
.adr-book-page__selected-list {
  display: flex;
  flex-direction: column;
  margin: 14px 20px;
  width: 300px;
  gap: 4px;
}
.adr-book-page__selected-list-wrap {
  width: 100%;
}
.adr-book-page__selected-list-wrap-title {
  color: #808080;
  font-weight: bold;
  font-size: 12px;
  font-family: Manrope, Roboto, sans-serif;
  line-height: 16px;
  margin-left: 20px;
}
.adr-book-page__main {
  display: flex;
  height: calc(100vh - 65px);
}
.adr-book-page__main > .container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}.adr-book-tags__list-item-title, .adr-book-tags__title, .adr-book-tags__tag {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.adr-book-tags {
  display: flex;
  flex-direction: column;
  width: 234px;
  min-width: 234px;
  color: #808080;
  font-size: 14px;
  margin-top: 16px;
}
.adr-book-tags__list {
  flex-grow: 1;
  height: 1px;
  margin-top: 15px;
  padding-right: 5px;
  overflow-y: scroll;
}
.adr-book-tags__list::-webkit-scrollbar {
  width: 4px;
}
.adr-book-tags__list::-webkit-scrollbar-button {
  height: 10px;
}
.adr-book-tags__list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.adr-book-tags__list-item {
  margin: 5px 0;
}
.adr-book-tags__list-item--temporary::before {
  display: block;
  height: 1px;
  margin: 10px 0;
  border-radius: 8px;
  content: "";
  background-color: #ccc;
}
.adr-book-tags__list-item-title {
  position: relative;
  display: flex;
  align-items: center;
  margin: 13px 0;
}
.adr-book-tags__list-item-title span {
  padding: 0 10px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.adr-book-tags__list > .adr-book-tags__list-item--client ~ .adr-book-tags__list-item--client .adr-book-tags__list-item-title, .adr-book-tags__list > .adr-book-tags__list-item--girl ~ .adr-book-tags__list-item--girl .adr-book-tags__list-item-title {
  display: none;
}
.adr-book-tags__spinner-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 245px;
  height: calc(100% - 16px);
}
.adr-book-tags__tag {
  display: flex;
  padding: 4px 10px;
  border-radius: 12px;
  color: #000;
  border: 1px solid #F3F3F4;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  max-width: 100%;
}
.adr-book-tags__tag:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.adr-book-tags__tag-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adr-book-tags__tag--active {
  color: #fff;
  background-color: #80D3D6;
  font-family: Manrope, Roboto, sans-serif;
  border-bottom: 1px solid #70b9bc;
}
.adr-book-tags__ex {
  color: #f27e3f;
  font-weight: bold;
  background-color: transparent;
}.adr-book-header__adr-book-btn {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.adr-book-header {
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative;
  height: 64px;
  z-index: 15;
  border-bottom: 1px solid #E5F6F7;
  padding-right: 20px;
}
.adr-book-header__contacts-select-wrapper {
  margin-left: 32px;
  background-color: #E5F6F7;
  border-radius: 8px;
  margin-right: 34px;
  height: 40px;
  display: flex;
  align-items: center;
}
.adr-book-header > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.adr-book-header__select {
  background-color: #E5F6F7;
  border-radius: 8px;
}
.adr-book-header__select.react-select {
  margin-left: 32px;
  margin-right: 52px;
}
.adr-book-header__adr-book-btn {
  height: 32px;
  padding: 0 8px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  gap: 6px;
}
.adr-book-header__adr-book-btn-block {
  display: flex;
  align-items: center;
  gap: 6px;
}
.adr-book-header__adr-book-btn svg {
  width: 14px;
  height: 14px;
  color: #fff;
}
.adr-book-header__adr-book-btn--delete {
  gap: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  align-items: center;
  background-color: #FFE0E0;
  border: 1px solid #F3F3F4;
}
.adr-book-header__adr-book-btn--delete svg {
  width: 14px;
  height: 14px;
  color: #494656;
}
.adr-book-header__undo-block {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.88px;
}
.adr-book-header__undo-block-saved-msg {
  padding: 11px 0;
}
.adr-book-header__undo-block-btn {
  display: flex;
  gap: 6px;
  align-items: center;
  border: 1px solid #F3F3F4;
  border-radius: 8px;
  padding: 8px;
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.adr-book-header__undo-block-btn > svg {
  width: 9px;
  height: 9px;
}
.adr-book-header__undo-spinner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
.adr-book-header__undo-text {
  color: #058F43;
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  text-align: start;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  gap: 24px;
  align-items: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.adr-book-header__undo-text > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.adr-book-header__undo-text > span > span {
  font-size: 14px;
  letter-spacing: 0.88px;
  line-height: 20px;
  display: flex;
  width: 16px;
  height: 16px;
  background-color: #058F43;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.adr-book-header__undo-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.adr-book-header__undo-btn-icon {
  width: 9px;
  height: 9px;
}
.adr-book-header__select-spinner {
  width: 183px;
  margin-left: 8px;
}
.adr-book-header .react-select {
  font-size: 14px;
  border-radius: 8px;
  height: 40px;
}
.adr-book-header .react-select .react-select__control {
  width: 127px;
  height: 30px;
  padding-left: 10px;
  cursor: pointer;
}
.adr-book-header .react-select .react-select__single-value {
  font-weight: normal;
}
.adr-book-header .react-select .react-select__indicator-separator {
  display: none;
}
.adr-book-header .react-select .react-select__option {
  font-size: 12px;
}
.adr-book-header .react-select .react-select__menu,
.adr-book-header .react-select .react-select__menu-list {
  border-radius: 0 0 6px 6px;
}
.adr-book-header__mailbox-users {
  display: flex;
  margin-left: 20px;
}
.adr-book-header__mailbox-users-wrapper {
  display: flex;
  align-items: center;
  color: #808080;
  font-size: 14px;
  text-align: center;
}
.adr-book-header__mailbox-users .lazy-load__container {
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-left: 10px;
}
.adr-book-header__actions {
  display: flex;
  flex-grow: 1;
  margin-left: 16px;
  gap: 48px;
}
.adr-book-header__icon {
  min-width: 23px;
  width: 23px;
  height: 26px;
  color: #bfbfbf;
}
.adr-book-header__dropdown {
  color: #808080;
  font-size: 14px;
  line-height: 19px;
  font-family: Roboto;
  letter-spacing: 0;
}
.adr-book-header > .search-input {
  margin-left: 70px;
}
.adr-book-header__search-wrap {
  width: 250px;
  height: 40px;
}
.adr-book-header__search-input {
  color: #000;
  font-size: 14px;
  font-family: Roboto;
  letter-spacing: 0.88px;
}
.adr-book-header__search-input::placeholder {
  color: #bfbfbf;
}
.adr-book-header__navbar-btn-wrap {
  padding-right: 5px;
  width: 54px;
  height: 84px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  background-color: #E6EBF1;
}
.adr-book-header__navbar-btn-wrap > svg {
  color: #00A6AD;
  width: 30px;
  height: 30px;
}

.adr-book-header-select {
  position: relative;
  width: 100%;
  max-width: 172px;
  margin-left: 15px;
  color: #808080;
  font-size: 14px;
  cursor: pointer;
}
.adr-book-header-select__input {
  opacity: 0;
  position: relative;
  left: -100px;
  width: 1px;
  padding: 0;
  border: 0;
  outline: 0;
  color: transparent;
  font-size: inherit;
  background: 0;
  transform: scale(0);
}
.adr-book-header-select__list {
  z-index: 2;
  position: absolute;
  top: 25px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
}
.adr-book-header-select__option {
  width: 100%;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adr-book-header-select__option--active {
  color: #88D6D9;
}
.adr-book-header-select__option--focused {
  color: #000;
  cursor: pointer;
  background-color: #f6f6f6;
}
.adr-book-header-select__input-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.adr-book-header-select__input-wrap--focused .adr-book-header-select__indicator {
  color: #88D6D9;
}
.adr-book-header-select__indicator {
  width: 13px;
  height: 9px;
}.adr-book-search-filters {
  display: flex;
  align-items: center;
}
.adr-book-search-filters__btn {
  transition: 0.3s;
}
.adr-book-search-filters__btn--selected {
  color: #00A6AD;
}
.adr-book-search-filters__btn--no-open {
  cursor: not-allowed;
}
.adr-book-search-filters .react-select {
  position: relative;
  bottom: 3px;
}
.adr-book-search-filters .react-select__control {
  width: 42px !important;
  padding: 0 5px !important;
}
.adr-book-search-filters .react-select__value-container {
  display: flex;
  height: 16px;
}
.adr-book-search-filters .react-select__menu-list {
  max-height: 100%;
}.adr-book-list-wrapper__select-btn {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.adr-book-list-wrapper {
  display: flex;
  flex-direction: column;
  width: 312px;
  min-width: 312px;
  height: 100%;
}
.adr-book-list-wrapper__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 8px 0;
  color: #808080;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
}
.adr-book-list-wrapper__header--escort {
  justify-content: space-between;
}
.adr-book-list-wrapper__select-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #F3F3F4;
  padding: 3px 6px;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.adr-book-list-wrapper__select-btn--selected {
  color: #fff;
  background-color: #88D6D9;
}
.adr-book-list-wrapper__search-count {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: initial;
}
.adr-book-list-wrapper__list {
  height: 100%;
  padding: 26px 10px 0;
  background-color: #E6EBF1;
}
.adr-book-list-wrapper__show-ex {
  display: flex;
}
.adr-book-list-wrapper__checkbox-btn {
  display: flex;
  align-items: center;
}
.adr-book-list-wrapper__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 7px;
  background-color: white;
  border: 2px solid #bfbfbf;
  border-radius: 4px;
}
.adr-book-list-wrapper__checkbox--active {
  background-color: #00A6AD;
  border-color: #00A6AD;
}
.adr-book-list-wrapper__show-ex-icon {
  color: #fff;
}
.adr-book-list-wrapper__show-ex-text {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #808080;
}.adr-book-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 4px 0 0;
}
.adr-book-list__pending {
  cursor: wait;
}
.adr-book-list--centered {
  justify-content: center;
  align-items: center;
  color: #bfbfbf;
  font-size: 14px;
  text-align: center;
}
.adr-book-list__auto-sizer-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.adr-book-list__no-results {
  width: 100%;
  max-width: 224px;
  margin: 0 auto;
}
.adr-book-list__no-results-desc {
  margin-bottom: 0;
  color: #808080;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.adr-book-list__global-search-btn {
  width: 213px;
  padding: 3px 0;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
  background-color: #00A6AD;
}
.adr-book-list__global-search-btn-wrap {
  padding: 24px 0 15px;
}
.adr-book-list__global-search-btn-wrap--is-search-result {
  padding-top: 0;
  margin-top: -10px;
  display: flex;
  justify-content: center;
}
.adr-book-list__global-search-btn:hover {
  opacity: 0.8;
}
.adr-book-list__global-search-btn--modifier {
  position: absolute;
  left: 20%;
  top: 50px;
  height: 42px;
  margin: 0px;
}
.adr-book-list__list {
  height: 100%;
  padding: 26px 10px 0;
  background-color: #E6EBF1;
}
.adr-book-list__selected-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}.adr-book-item--divider-for-temporary {
  justify-content: center;
  padding: 10px 4px 3px;
  color: #808080;
  font-size: 14px;
  line-height: 24px;
  background: none;
  cursor: default;
}
.adr-book-item--divider-for-temporary::before, .adr-book-item--divider-for-temporary::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #808080;
}
.adr-book-item__divider-temp-text {
  padding: 0 10px;
}
.adr-book-item__ex {
  color: #f27e3f;
  font-weight: bold;
  background-color: transparent;
}
.adr-book-item__highlight {
  color: #F20C0C;
  background: transparent;
}
.adr-book-item__highlight-field {
  white-space: pre;
  text-overflow: ellipsis;
}
.adr-book-item__external-link-btn {
  display: none;
}
.adr-book-item:hover .adr-book-item__external-link-btn {
  display: block;
}.adr-book-list-sort-select__input-value, .adr-book-list-sort-select__option {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.adr-book-list-sort-select {
  position: relative;
}
.adr-book-list-sort-select__input {
  display: none;
}
.adr-book-list-sort-select__input-wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  padding: 0 14px;
  cursor: pointer;
}
.adr-book-list-sort-select__input-wrap--focused .adr-book-list-sort-select__indicator {
  transform: rotateX(180deg);
}
.adr-book-list-sort-select__input-value {
  margin-left: 10px;
}
.adr-book-list-sort-select__indicator {
  width: 13px;
  height: 9px;
  color: #88D6D9;
}
.adr-book-list-sort-select__list {
  z-index: 2;
  position: absolute;
  top: 24px;
  right: 0;
  width: 200px;
  padding: 15px 0 0;
  border-radius: 0 0 6px 6px;
  font-weight: normal;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
}
.adr-book-list-sort-select__item:nth-child(even) > div {
  background-color: #F3F3F4;
}
.adr-book-list-sort-select__item:last-child > div {
  border-radius: 0 0 6px 6px;
}
.adr-book-list-sort-select__item > div:hover {
  background-color: #88D6D9;
}
.adr-book-list-sort-select__option {
  width: 100%;
  padding: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.adr-book-list-sort-select__option--active, .adr-book-list-sort-select__option--active:hover {
  color: #00A6AD;
}.tel-select,
.email-select,
.empty-tel-select {
  position: relative;
}
.tel-select__input-wrap,
.email-select__input-wrap,
.empty-tel-select__input-wrap {
  display: flex;
  align-items: center;
  user-select: none;
  padding: 3px 15px 3px 3px;
  border-radius: 2px;
  outline: none;
}
.tel-select__input-value,
.email-select__input-value,
.empty-tel-select__input-value {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tel-select__input,
.email-select__input,
.empty-tel-select__input {
  background: 0;
  border: 0;
  font-size: inherit;
  outline: 0;
  padding: 0;
  width: 1px;
  color: transparent;
  left: -100px;
  opacity: 0;
  position: relative;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.tel-select__indicator,
.email-select__indicator,
.empty-tel-select__indicator {
  pointer-events: none;
  position: absolute;
  right: 0;
}
.tel-select__list,
.email-select__list,
.empty-tel-select__list {
  position: absolute;
  border: 1px solid green;
  margin: 0;
  padding: 0;
  top: 25px;
  list-style: none;
  z-index: 2;
  background-color: #fff;
  width: 100%;
}
.tel-select__list--hidden,
.email-select__list--hidden,
.empty-tel-select__list--hidden {
  display: none;
}
.tel-select__option,
.email-select__option,
.empty-tel-select__option {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 5px;
  width: 100%;
}
.tel-select__option--active,
.email-select__option--active,
.empty-tel-select__option--active {
  color: rgb(33, 72, 243);
}
.tel-select__option--focused,
.email-select__option--focused,
.empty-tel-select__option--focused {
  background-color: aliceblue;
  cursor: pointer;
}

.empty-tel-select {
  color: #f8737f;
}.adr-book-contact-form__rendered-girl-fn, .adr-book-contact-form__not-for-item > span, .adr-book-contact-form__select-tel-label .react-select__single-value, .adr-book-contact-form__field-title, .adr-book-contact-form__field--contact-type, .adr-book-contact-form__field--agent, .adr-book-contact-form__field--category, .adr-book-contact-form__field--type, .adr-book-contact-form__field--uid, .adr-book-contact-form__input, .adr-book-contact-form__input--phone-number, .adr-book-contact-form__input--fn .input, .adr-book-contact-form__input--short_name .input, .adr-book-contact-form__input--prices .input, .adr-book-contact-form__input--emoji .input, .adr-book-contact-form__input--fb-letters .input, .adr-book-contact-form__input--location .input, .adr-book-contact-form__input--nationality .input, .adr-book-contact-form__input-title, .adr-book-contact-form__info .react-tabs__tab, .adr-book-contact-form-lock__group {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.adr-book-contact-form {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.adr-book-contact-form-wrap {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 24px 106px 0 36px;
  background-color: #E5F6F7;
}
.adr-book-contact-form__tab {
  height: 100%;
}
.adr-book-contact-form__tab .contact-bookings-list__list-container {
  height: 100%;
}
.adr-book-contact-form__select-tel-label {
  position: absolute !important;
  box-sizing: border-box;
  left: 1px;
  top: 2px;
}
.adr-book-contact-form__select-tel-label .select__single-value {
  display: flex;
  align-items: center;
}
.adr-book-contact-form__item-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.adr-book-contact-form__checkbox-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.adr-book-contact-form__avatar-wrapper {
  display: flex;
  position: relative;
  margin-right: 12px;
  height: 64px;
}
.adr-book-contact-form__avatar-wrapper .icon-button {
  position: absolute;
  width: 14px;
  height: 14px;
  top: calc(50% - 6px);
  left: -22px;
  background-color: transparent;
}
.adr-book-contact-form__avatar-wrapper .icon-button__icon {
  color: #494656;
}
.adr-book-contact-form__rates-tab {
  padding: 10px;
  height: 100%;
}
.adr-book-contact-form__rates-tab > div {
  height: 100%;
}
.adr-book-contact-form__rendered-girl-fn {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 790px;
}
.adr-book-contact-form__actions {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  text-align: center;
}
.adr-book-contact-form__mail {
  position: relative;
}
.adr-book-contact-form__input--error {
  border: 1px solid #F20C0C !important;
}
.adr-book-contact-form__tel {
  position: relative;
}
.adr-book-contact-form__telegram-nickname {
  position: relative;
  margin-bottom: 22px;
}
.adr-book-contact-form__input-field-btn {
  position: absolute;
  top: 50%;
  padding: 0;
  transform: translateY(-50%);
}
.adr-book-contact-form__input-field-btn--field-action {
  display: flex;
  right: 48px;
  color: #00A6AD;
}
.adr-book-contact-form__input-field-btn--field-action svg {
  width: 20px;
  height: 20px;
}
.adr-book-contact-form__input-field-btn--chat {
  right: 75px;
}
.adr-book-contact-form__input-field-btn--del {
  display: flex;
  z-index: 1;
  right: 8px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: #FF5E57;
}
.adr-book-contact-form__input-field-btn--del svg {
  width: 8px;
  height: 8px;
}
.adr-book-contact-form__input-field-btn--action {
  position: relative;
  display: flex;
  margin: 10px 20px;
  font-size: 14px;
  font: 14px Roboto;
  padding: 10px 20px;
  background-color: #00A6AD;
  border-radius: 6px;
  letter-spacing: 0.88px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
  color: #fff;
}
.adr-book-contact-form__input-field-btn--action:disabled {
  cursor: not-allowed;
}
.adr-book-contact-form__input-field-btn--action:disabled svg {
  color: rgba(0, 0, 0, 0.25);
}
.adr-book-contact-form__fields-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
}
.adr-book-contact-form__actions {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  text-align: center;
}
.adr-book-contact-form__add-field-btn {
  position: absolute;
  padding: 0;
}
.adr-book-contact-form__add-field-btn--tel-add, .adr-book-contact-form__add-field-btn--mail-add, .adr-book-contact-form__add-field-btn--contact-add, .adr-book-contact-form__add-field-btn--telegram-add, .adr-book-contact-form__add-field-btn--not-for {
  display: flex;
  position: relative;
  align-items: center;
  color: #808080;
  gap: 6px;
}
.adr-book-contact-form__btn {
  position: absolute;
  padding: 0;
}
.adr-book-contact-form__btn-wrapper {
  flex-basis: 100%;
}
.adr-book-contact-form__btn-add-icon {
  width: 12px;
  height: 12px;
  color: #fff;
  position: absolute;
  margin: auto;
  inset: 0;
}
.adr-book-contact-form__btn-add-icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: #00A6AD;
  border-bottom: 1px solid #70b9bc;
}
.adr-book-contact-form__btn-clear {
  display: flex;
  z-index: 2;
  position: absolute;
  top: 7px;
  right: 5px;
  padding: 6px;
}
.adr-book-contact-form__btn-clear--description {
  top: auto;
  bottom: 12px;
}
.adr-book-contact-form__btn-clear-icon {
  width: 5px;
  height: 5px;
}
.adr-book-contact-form__phone-numbers, .adr-book-contact-form__mails, .adr-book-contact-form__telegram-nicknames {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.adr-book-contact-form__not-for-item {
  display: flex;
  align-items: center;
  margin: 0 2px;
  margin-bottom: 5px;
  padding: 8px;
  border-radius: 8px;
  background-color: #F8F8F8;
  gap: 6px;
}
.adr-book-contact-form__not-for-item > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
  width: 100%;
}
.adr-book-contact-form__not-for-item-btn {
  display: flex;
  margin-left: 3px;
  padding: 3px;
  color: #404040;
}
.adr-book-contact-form__not-for-item-icon {
  width: 8px;
  height: 8px;
  color: #FF7373;
}
.adr-book-contact-form__not-for-item .lazy-load__container {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.adr-book-contact-form__not-for-item .lazy-load__container > img {
  border-radius: 50%;
}
.adr-book-contact-form__select-tel-label {
  min-width: 81px;
  width: fit-content;
}
.adr-book-contact-form__select-tel-label menu {
  width: 200px;
}
.adr-book-contact-form__select-tel-label .react-select__control {
  display: flex;
  flex-direction: row-reverse;
  width: 105px;
  z-index: 1;
  min-height: 29px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  box-shadow: none;
}
.adr-book-contact-form__select-tel-label .react-select__control:hover {
  border: 1px solid transparent;
}
.adr-book-contact-form__select-tel-label .react-select__control:hover .react-select__indicators svg {
  animation: bottomArrowBounceBottom 0.3s infinite alternate;
}
.adr-book-contact-form__select-tel-label .react-select__menu {
  width: 200px;
  position: relative;
  z-index: 2;
}
.adr-book-contact-form__select-tel-label .react-select__indicator {
  padding: 0;
}
.adr-book-contact-form__select-tel-label .react-select__indicators {
  padding: 0 15px;
}
.adr-book-contact-form__select-tel-label .react-select__indicators > svg {
  flex-shrink: 0;
  width: 8px;
}
.adr-book-contact-form__select-tel-label .react-select__single-value {
  color: #8C8A94;
}
.adr-book-contact-form__select-tel-icon {
  height: 6px;
}
.adr-book-contact-form__tel-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 8px;
}
.adr-book-contact-form__tel-wrapper:focus-visible {
  border-color: #00A6AD;
}
.adr-book-contact-form__input-wrapper {
  display: flex;
  position: relative;
  flex-grow: 1;
  height: 32px;
}
.adr-book-contact-form__input-wrapper--email, .adr-book-contact-form__input-wrapper--telegram-nickname {
  margin: 0;
}
.adr-book-contact-form .form-error-text__wrap {
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  margin: auto;
  color: #F20C0C;
  font-weight: 100;
  font-size: 11px;
  text-align: center;
}
.adr-book-contact-form__field-title {
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: #8C8A94;
  gap: 6px;
}
.adr-book-contact-form__field-title--uid {
  min-width: 83px;
}
.adr-book-contact-form__field-title--tags {
  padding: 0;
}
.adr-book-contact-form__error-msg {
  z-index: 3;
  position: absolute;
  right: 0;
  bottom: 40px;
  max-width: 70%;
  font-size: 14px;
  color: #FF5E57;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 10px;
  border: 1px solid #FF5E57;
  border-radius: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.adr-book-contact-form__header {
  display: flex;
  flex-direction: column;
  padding-bottom: 13px;
}
.adr-book-contact-form__header-wrapper {
  display: flex;
  padding: 13px 0 20px;
}
.adr-book-contact-form__header-form-block {
  display: flex;
  gap: 15px;
}
.adr-book-contact-form__header-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 8px;
}
.adr-book-contact-form__header-content-wrapper {
  display: flex;
  position: relative;
  z-index: 4;
  gap: 10px;
}
.adr-book-contact-form__header-content-wrapper .react-select {
  flex-grow: 1;
  margin-left: 5px;
  font-size: 14px;
}
.adr-book-contact-form__header-content-wrapper .react-select .react-select__control {
  padding: 0;
  cursor: pointer;
}
.adr-book-contact-form__header-content-wrapper .react-select .react-select__dropdown-indicator {
  padding: 0 3px;
  color: #808080;
}
.adr-book-contact-form__header-content-wrapper .react-select .react-select__single-value {
  color: #3565FD;
  font-weight: normal;
}
.adr-book-contact-form__header-content-wrapper .react-select .react-select__indicator-separator {
  display: none;
}
.adr-book-contact-form__header-content-wrapper .react-select .react-select__option {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adr-book-contact-form__contact-tag {
  background-color: #F3F3F4;
}
.adr-book-contact-form__phone-numbers {
  gap: 12px;
  display: flex;
  flex-direction: column;
}
.adr-book-contact-form__field {
  position: relative;
}
.adr-book-contact-form__field-via-wrap {
  display: flex;
  gap: 18px;
}
.adr-book-contact-form__field--phone-numbers, .adr-book-contact-form__field--email, .adr-book-contact-form__field--telegram-nickname {
  margin: 26px 0 0;
}
.adr-book-contact-form__field--tags .tags-field {
  margin-top: 5px;
}
.adr-book-contact-form__field--tags .tags-field-container {
  margin-top: 5px;
}
.adr-book-contact-form__field--tags .tags-field__not-for-popup {
  height: fit-content;
  width: 370px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  color: #808080;
  font-size: 14px;
  text-align: initial;
  overflow: hidden;
}
.adr-book-contact-form__field--tags .tags-field__not-for-popup .adr-book-contact-form__field--tags .tags-field__not-for-popup__header, .adr-book-contact-form__field--tags .tags-field__not-for-popup .adr-book-contact-form__field--tags .tags-field__not-for-popup__footer {
  display: flex;
}
.adr-book-contact-form__field--tags .tags-field__not-for-popup .adr-book-contact-form__field--tags .tags-field__not-for-popup__main-container {
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
}
.adr-book-contact-form__field--tags .tags-field__not-for-popup .adr-book-contact-form__field--tags .tags-field__not-for-popup__btn-container {
  display: flex;
  flex-direction: row;
}
.adr-book-contact-form__field--tags .tags-field__not-for-popup {
  position: absolute;
  transform: translateY(2px);
}
.adr-book-contact-form__field--via {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 8px;
}
.adr-book-contact-form__field--not-for {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 12px;
}
.adr-book-contact-form__field--contact-type, .adr-book-contact-form__field--agent, .adr-book-contact-form__field--category, .adr-book-contact-form__field--type {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 204px;
  margin-bottom: 0 !important;
  padding: 0 5px 0 9px;
  background-color: #fff;
  border-radius: 6px;
  color: #8C8A94;
  transition: all 0.15s ease-in-out;
}
.adr-book-contact-form__field--contact-type:focus-within, .adr-book-contact-form__field--agent:focus-within, .adr-book-contact-form__field--category:focus-within, .adr-book-contact-form__field--type:focus-within {
  border-color: #00A6AD;
}
.adr-book-contact-form__field--contact-type .react-select__single-value, .adr-book-contact-form__field--agent .react-select__single-value, .adr-book-contact-form__field--category .react-select__single-value, .adr-book-contact-form__field--type .react-select__single-value {
  font-size: 10px;
  color: #00A6AD;
}
.adr-book-contact-form__field--contact-type .react-select__dropdown-indicator, .adr-book-contact-form__field--agent .react-select__dropdown-indicator, .adr-book-contact-form__field--category .react-select__dropdown-indicator, .adr-book-contact-form__field--type .react-select__dropdown-indicator {
  padding: 0;
  color: #808080;
}
.adr-book-contact-form__field--contact-type .react-select__single-value, .adr-book-contact-form__field--agent .react-select__single-value, .adr-book-contact-form__field--category .react-select__single-value, .adr-book-contact-form__field--type .react-select__single-value {
  font-size: 12px;
}
.adr-book-contact-form__field--type {
  min-width: 140px;
}
.adr-book-contact-form__field--subtype {
  width: 179px;
}
.adr-book-contact-form__field--subtype .react-select .react-select__menu {
  left: -56px;
}
.adr-book-contact-form__field--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adr-book-contact-form__field--is-trusted {
  display: flex;
  align-items: center;
  width: 100px;
  height: 40px;
  padding: 4px 5px 4px 9px;
  border: 1px solid #2BC741;
  border-radius: 6px;
  color: #808080;
  font-size: 13px;
  transition: all 0.15s ease-in-out;
}
.adr-book-contact-form__field--category {
  width: 55px;
}
.adr-book-contact-form__field--category .react-select {
  margin-left: 0;
}
.adr-book-contact-form__field--category .react-select .react-select__menu {
  left: -5px;
  width: 40px;
}
.adr-book-contact-form__field--category .react-select .react-select__single-value {
  color: #808080;
}
.adr-book-contact-form__field--category .react-select .react-select__dropdown-indicator {
  padding: 0;
}
.adr-book-contact-form__field--category .react-select .react-select__dropdown-indicator svg {
  width: 16px;
  height: 16px;
}
.adr-book-contact-form__field--checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 16px;
}
.adr-book-contact-form__field--agent .react-select__menu {
  left: -50px;
  width: 200px;
}
.adr-book-contact-form__field--phone-numbers .tags-field:not(:last-child) {
  margin-bottom: 20px;
}
.adr-book-contact-form__field--uid {
  display: flex;
  align-items: center;
  background-color: #F8F8F8;
  padding: 4px 12px;
  border-radius: 8px;
  gap: 8px;
}
.adr-book-contact-form__field-content {
  align-self: center;
  margin-left: 5px;
  font-size: 12px;
}
.adr-book-contact-form__field-content--uid {
  display: flex;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adr-book-contact-form__field-content--uid .clipboard-btn__icon {
  width: 14px;
  height: 14px;
  margin-left: 19px;
  color: #00A6AD;
}
.adr-book-contact-form__field-type-error {
  position: absolute;
  top: -19px;
  font-size: 14px;
  color: #FF5E57;
}
.adr-book-contact-form__fn-wrapper {
  position: relative;
  width: 65%;
}
.adr-book-contact-form__fn-wrapper--emoji {
  width: 90px;
  min-width: 90px;
}
.adr-book-contact-form__fn-wrapper--prices {
  min-width: 200px;
  width: 100%;
  z-index: 3;
}
.adr-book-contact-form__input-wrap {
  display: flex;
  position: relative;
  gap: 12px;
}
.adr-book-contact-form__input-wrap--description {
  width: 100%;
}
.adr-book-contact-form__input-wrap--name, .adr-book-contact-form__input-wrap--description {
  margin: 0;
}
.adr-book-contact-form__input-wrap--is-contact-girl {
  gap: 12px;
}
.adr-book-contact-form__input-wrap--address {
  margin-top: 1px;
  padding: 25px 17px;
}
.adr-book-contact-form__input {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
  font-weight: 500;
}
.adr-book-contact-form__input-id {
  height: 24px;
}
.adr-book-contact-form__input-id > input::-webkit-outer-spin-button, .adr-book-contact-form__input-id > input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.adr-book-contact-form__input--phone-number {
  padding: 5px 100px 5px 105px;
  color: #494656;
  font-size: 14px;
}
.adr-book-contact-form__input--description {
  width: 100%;
}
.adr-book-contact-form__input--name {
  width: 396px;
}
.adr-book-contact-form__input--name, .adr-book-contact-form__input--description {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0;
  border: none;
}
.adr-book-contact-form__input--name .input, .adr-book-contact-form__input--description .input {
  z-index: 2;
  padding: 7px 20px 7px 48px;
  border: 1px solid transparent;
  font-size: 14px;
}
.adr-book-contact-form__input--name .input:focus-visible, .adr-book-contact-form__input--description .input:focus-visible {
  border-color: #00A6AD;
}
.adr-book-contact-form__input--description .input {
  padding: 7px 20px 7px 100px;
  text-overflow: ellipsis;
}
.adr-book-contact-form__input--fn, .adr-book-contact-form__input--short_name, .adr-book-contact-form__input--prices, .adr-book-contact-form__input--emoji, .adr-book-contact-form__input--fb-letters, .adr-book-contact-form__input--location, .adr-book-contact-form__input--nationality {
  padding: 0;
  border: none;
}
.adr-book-contact-form__input--fn .input, .adr-book-contact-form__input--short_name .input, .adr-book-contact-form__input--prices .input, .adr-book-contact-form__input--emoji .input, .adr-book-contact-form__input--fb-letters .input, .adr-book-contact-form__input--location .input, .adr-book-contact-form__input--nationality .input {
  border: 1px solid transparent;
  color: #808080;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.adr-book-contact-form__input--fn .input:focus-visible, .adr-book-contact-form__input--short_name .input:focus-visible, .adr-book-contact-form__input--prices .input:focus-visible, .adr-book-contact-form__input--emoji .input:focus-visible, .adr-book-contact-form__input--fb-letters .input:focus-visible, .adr-book-contact-form__input--location .input:focus-visible, .adr-book-contact-form__input--nationality .input:focus-visible {
  border-color: #00A6AD;
}
.adr-book-contact-form__input--fb-letters .input {
  padding-left: 71px;
}
.adr-book-contact-form__input--short_name .input {
  padding-left: 54px;
}
.adr-book-contact-form__input--emoji .input {
  padding-left: 53px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.adr-book-contact-form__input--fb-letters-m {
  width: 200px;
}
.adr-book-contact-form__input--fb-letters-m .input {
  padding-left: 53px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.adr-book-contact-form__input--emoji-mistress .input {
  padding: 3px 10px;
}
.adr-book-contact-form__input--prices .input {
  padding: 3px 10px;
  padding-left: 56px;
}
.adr-book-contact-form__input--location .input {
  padding-left: 65px;
}
.adr-book-contact-form__input--nationality .input {
  padding-left: 78px;
}
.adr-book-contact-form__input-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  height: fit-content;
  margin: auto;
  z-index: 3;
  color: #8C8A94;
}
.adr-book-contact-form__input--id {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0;
  border: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: none;
  max-width: 350px;
}
.adr-book-contact-form__input--id .input {
  padding: 2px 20px 2px 29px;
  border: none;
  background: #fff;
  font-size: 14px;
  border: 1px solid transparent;
}
.adr-book-contact-form__input--id .input:focus-visible {
  border-color: #00A6AD;
}
.adr-book-contact-form__input--is-contact-girl {
  margin-right: 0;
  width: 100%;
  max-width: 100%;
}
.adr-book-contact-form__input--id-mistress {
  max-width: 130px;
}
.adr-book-contact-form__input--id-mistress .input {
  padding: 2px 20px 2px 45px;
}
.adr-book-contact-form__input--address {
  padding: 5px 35px 5px 5px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  background-color: #fff;
}
.adr-book-contact-form__input--address textarea {
  display: block;
  max-height: 166px;
  padding: 10px 5px 10px 10px;
  border: none;
  color: #404040;
  font-size: 14px;
  line-height: 19px;
  font-family: Roboto;
  letter-spacing: 0.88px;
  resize: none;
}
.adr-book-contact-form__input--address textarea::-webkit-scrollbar {
  width: 4px;
}
.adr-book-contact-form__input--address textarea::-webkit-scrollbar-track {
  background: transparent;
}
.adr-book-contact-form__input--address textarea::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.adr-book-contact-form__input--address textarea::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.adr-book-contact-form__input:focus-visible {
  border-color: #00A6AD;
}
.adr-book-contact-form__date-status {
  flex-grow: 1;
  color: #494656;
  font-size: 10px;
  line-height: 12px;
  text-align: right;
  min-width: 103px;
  font-family: Manrope, Roboto, sans-serif;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: absolute;
  right: 0;
  letter-spacing: -0.5px;
}
.adr-book-contact-form__form {
  width: 100%;
  max-width: 475px;
  padding: 0 13px 25px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.adr-book-contact-form__form::-webkit-scrollbar {
  width: 4px;
}
.adr-book-contact-form__form::-webkit-scrollbar-thumb {
  margin: 5px;
  border-radius: 3px;
  background: #bfbfbf;
}
.adr-book-contact-form__info {
  width: 100%;
}
.adr-book-contact-form__info .react-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
}
.adr-book-contact-form__info .react-tabs__tab {
  margin: 0 3px;
  padding: 6px 10px 8px;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  background-color: #E6EBF1;
  transition: all linear 0.1s;
  font-weight: 600;
}
.adr-book-contact-form__info .react-tabs__tab-list {
  display: flex;
  padding-bottom: 1px;
  background-color: #E5F6F7;
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  border-top: 1px solid #99DBDE;
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected::-webkit-scrollbar {
  width: 4px;
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected::-webkit-scrollbar-track {
  background: transparent;
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected::-webkit-scrollbar {
  width: 4px;
}
.adr-book-contact-form__info .react-tabs__tab-panel--selected::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.adr-book-contact-form__info .react-tabs__tab--selected {
  color: #fff;
  font-weight: 500;
  background-color: #80D3D6;
}
.adr-book-contact-form__feedbacks-tab {
  position: relative;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
.adr-book-contact-form__content {
  display: flex;
  height: calc(100% - 104px);
  flex-direction: row;
  gap: 40px;
}
.adr-book-contact-form .tags-field {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 8px 4px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
}
.adr-book-contact-form .tags-field__input {
  display: block;
  flex-grow: 1;
  padding: 0 5px;
  border: none;
  outline: none;
  color: #404040;
  font-size: 14px;
  font-family: Roboto;
  letter-spacing: 0.88px;
}
.adr-book-contact-form .tags-field__btn {
  display: flex;
  align-items: center;
  padding: 3px 6px;
  color: #808080;
}
.adr-book-contact-form__group--tels, .adr-book-contact-form__group--mails {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.adr-book-contact-form-lock__group {
  display: flex;
  align-items: center;
  margin: 20px 8px;
  line-height: 1.5;
  text-align: left;
  font-size: 12px;
}
.adr-book-contact-form-lock__group .checkbox__indicator {
  width: 16px;
  height: 16px;
}
.adr-book-contact-form-lock__group .checkbox {
  align-self: center;
}
.adr-book-contact-form-lock__group .lock-form__name {
  max-width: 72px;
  margin-left: 6px;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
}
.adr-book-contact-form-lock__group .lock-form__block-send-media-toggle-label {
  display: flex;
  cursor: pointer;
}
.adr-book-contact-form-lock__group .lock-form__block-send-media-toggle-span {
  width: auto;
  margin-left: 8px;
  color: #000;
  font-size: 12px;
  text-transform: capitalize;
}
.adr-book-contact-form-lock__label {
  letter-spacing: 0;
}
.adr-book-contact-form__map-icon-wrap {
  position: absolute;
  top: calc(50% + 5px);
  right: 30px;
  color: #808080;
}
.adr-book-contact-form__icon-action {
  color: #00A6AD;
}
.adr-book-contact-form .adr-contact-ava__img-container {
  display: flex;
  border-radius: 50%;
}
.adr-book-contact-form .adr-contact-ava__img-container:hover .adr-contact-ava__control-icons {
  background-color: rgba(0, 0, 0, 0.8);
}
.adr-book-contact-form .adr-contact-ava__img-container:hover .adr-contact-ava__icon {
  opacity: 1;
}
.adr-book-contact-form .adr-contact-ava__img-wrap {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.adr-book-contact-form .adr-contact-ava__img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #fff;
}
.adr-book-contact-form .adr-contact-ava__control-icons {
  display: flex;
  position: absolute;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity 0.2s linear, background-color 0.2s linear;
  z-index: 5;
}
.adr-book-contact-form .adr-contact-ava__icon-wrapper--upload {
  padding: 3.5px;
}
.adr-book-contact-form .adr-contact-ava__icon-wrapper--delete {
  padding: 2.5px;
}
.adr-book-contact-form .adr-contact-ava__icon-wrapper--edit {
  padding: 5.5px;
}
.adr-book-contact-form .adr-contact-ava__icon {
  opacity: 0;
  color: #fff;
  transition: opacity 0.2s linear, background-color 0.2s linear;
  cursor: pointer;
}
.adr-book-contact-form .adr-contact-ava__icon--upload {
  font-size: 20px;
}
.adr-book-contact-form .adr-contact-ava__icon--delete {
  width: 22px;
  font-size: 22px;
}
.adr-book-contact-form .adr-contact-ava__icon--edit {
  font-size: 16px;
}
.adr-book-contact-form .adr-contact-ava__image-input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper .bg-dark {
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-wrap {
  position: relative;
  top: -60px;
  background-color: rgb(209, 209, 209);
  animation: translateUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper.close .bg-dark {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper.close .adr-book-img-cropper__ava-cropper-wrap {
  animation: translateDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 400px;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper img {
  width: inherit;
  height: inherit;
  object-fit: unset;
  min-width: unset;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-section {
  position: relative;
  width: 100%;
  height: 100%;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-navigation-bar {
  width: 100%;
  background-color: #222;
  height: 50px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper .ava-cropper-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 28px;
  margin: 0 5px;
  padding: 0;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  transition: 0.14s all;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper .ava-cropper-btn:disabled {
  background-color: #D8D8D8;
  color: #bfbfbf;
  cursor: not-allowed;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper .ava-cropper-btn:hover {
  background-color: #bfbfbf;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-btn-input-file {
  display: block;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-btn-file-add {
  background-color: #0092F2;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-btn-file-crop {
  background-color: #FF5E57;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-btn-file-submit {
  background-color: #01df85;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-options-bar {
  display: flex;
  position: absolute;
  bottom: 60px;
  align-items: center;
  width: calc(100% - 40px);
  margin: 0 20px;
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-options-bar .toggle__wrap {
  margin: 0 0 0 10px;
  padding: 4px 10px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.4);
}
.adr-book-contact-form .adr-contact-ava .adr-book-img-cropper__ava-cropper-options-bar .toggle__wrap .toggle__title {
  color: #fff;
}
@keyframes translateUp {
  0% {
    opacity: 0;
    transform: translateY(1000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes translateDown {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(1000px);
  }
}
.adr-book-contact-form__checkbox-btn {
  display: flex;
  align-items: center;
  padding: 0;
}
.adr-book-contact-form__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 7px;
  background-color: white;
  border: 2px solid #bfbfbf;
  border-radius: 4px;
}
.adr-book-contact-form__checkbox--active {
  background-color: #00A6AD;
  border-color: #00A6AD;
}
.adr-book-contact-form__ex-icon {
  color: #fff;
}
.adr-book-contact-form__select-wrapper {
  position: relative;
}
.adr-book-contact-form__ex {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  color: #FF8C37;
}
.adr-book-contact-form__popup-spinner {
  display: flex;
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  align-items: center;
}

.adr-book-img-cropper {
  display: flex;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.adr-book-img-cropper.close {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.adr-book-img-cropper__toggle-title {
  display: block;
  text-align: center;
}

.adr-book-popup-wrapper {
  z-index: 120;
  position: relative;
  bottom: 0;
  left: 0;
  width: 370px;
  background-color: #fff;
  color: #808080;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  padding: 10px;
  border-radius: 6px;
}
.adr-book-popup-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 0 0 #00A6AD;
  border-radius: 6px;
}

@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.7);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}.tags-field-container .tags-field__tag {
  background-color: #F3F3F4;
}
.tags-field-container {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 6px;
}
.tags-field-container .tags-field__control {
  border: none;
  border-radius: 6px;
  min-height: 96px;
  align-items: flex-start;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.tags-field-container .tags-field__control:focus-within {
  box-shadow: 0 0 0 1px #00A6AD;
}
.tags-field-container .tags-field__control--is-disabled {
  background-color: #fff;
}
.tags-field-container .tags-field__menu {
  font-size: 11px;
  border-radius: 6px;
  z-index: 10;
}
.tags-field-container .tags-field__menu > div {
  scrollbar-width: none;
}
.tags-field-container .tags-field__placeholder {
  font-size: 14px;
  margin-top: 3px;
}
.tags-field-container .tags-field__input {
  font-size: 14px;
  margin: 0;
}
.tags-field-container .tags-field__value-container {
  padding: 12px;
  gap: 5px;
  align-items: flex-start;
  overflow: visible;
}.select-control {
  height: fit-content;
  width: 330px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  color: #808080;
  font-size: 14px;
  text-align: initial;
  overflow: hidden;
}
.select-control .select-control__header {
  padding: 0 26px;
}
.select-control .select-control__main-container {
  padding: 26px;
}
.select-control .select-control__header, .select-control .select-control__footer {
  display: flex;
}
.select-control .select-control__main-container {
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
}
.select-control .select-control__btn-container {
  display: flex;
  flex-direction: row;
}
.select-control {
  position: absolute;
  max-height: 540px;
  z-index: 150;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.select-control__header {
  height: 54px;
  min-height: 54px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.select-control__btn--cancel {
  color: #FF5E57;
}
.select-control__btn--submit {
  display: flex;
  align-items: center;
  margin-left: 22px;
  color: #00A6AD;
}
.select-control__btn--submit::after {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20id='check'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2011.9'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m5.434%2011.697-5.2-5.2c-.312-.312-.312-.819%200-1.131l1.131-1.132a.8015.8015%200%200%201%201.132%200L6%207.737%2013.503.234c.312-.312.819-.312%201.131%200l1.131%201.132c.313.312.313.819%200%201.131l-9.2%209.2a.7985.7985%200%200%201-1.131%200Z'/%3e%3c/svg%3e");
  mask-size: 20px;
  background-color: #00A6AD;
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.select-control__add-option-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  width: fit-content;
  margin-top: 32px;
}
.select-control__add-option-btn-icon {
  color: #00A6AD;
}
.select-control__main-container::-webkit-scrollbar {
  width: 4px;
}
.select-control__main-container::-webkit-scrollbar-track {
  background: transparent;
}
.select-control__main-container::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.select-control__main-container::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.select-control__main-container {
  overflow-y: auto;
  padding-top: 26px;
}
.select-control__option-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.select-control__input {
  padding: 11px 10px;
  border: 1px solid #f6f6f6;
  border-radius: 6px;
  color: #000;
  font-weight: 500;
}
.select-control__input:disabled {
  background-color: inherit;
}.lock-form {
  width: 100%;
  padding: 10px;
  border: 1px solid #EEEEEE;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 2px 2px #bfbfbf;
}
.lock-form__block-send-media-toggle {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  color: #808080;
  font-size: 14px;
}
.lock-form__block-send-media-toggle-span {
  width: 130px;
}
.lock-form__name {
  width: 160px;
  color: #0092F2;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
}
.lock-form__label {
  flex-basis: 80px;
  font-size: 12px;
  white-space: nowrap;
}
.lock-form__label--hard {
  position: absolute;
  right: 170px;
}
.lock-form__group {
  display: flex;
  position: relative;
  align-items: center;
  height: 30px;
  margin: 14px 0;
}.contact-form-via-item__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.contact-form-via-item__btn-checkbox {
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #8C8A94;
  background-color: #fff;
  border-radius: 6px;
}
.contact-form-via-item__btn-checkbox--disabled {
  opacity: 0.5;
}
.contact-form-via-item__btn-title {
  padding-left: 6px;
  display: flex;
}
.contact-form-via-item__btn-title--header-icon {
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #ECECED;
  background-color: #fff;
  padding: 0;
}
.contact-form-via-item__btn-title--header-icon > svg {
  width: 18px;
  height: 18px;
}
.contact-form-via-item__btn-title--is-mistress > svg {
  width: 15px;
  height: 15px;
}
.contact-form-via-item__btn-title--checked {
  font-weight: bold;
}
.contact-form-via-item__btn-title--checked-header-icon {
  background-color: #01DF85;
}
.contact-form-via-item__popup {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  width: 160px;
  padding: 12px 15px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
  gap: 5px;
}
.contact-form-via-item__popup-list-item {
  display: flex;
  gap: 5px;
  cursor: pointer;
}
.contact-form-via-item__icon-check {
  width: 15px;
  height: 15px;
  color: #01DF85;
  background-color: transparent;
}
.contact-form-via-item__icon-chevron {
  width: 15px;
  height: 15px;
  color: #00A6AD;
  transform: rotate(180deg);
}
.contact-form-via-item__option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: auto;
}
.contact-form-via-item__option-label--email {
  width: 100%;
  text-align: center;
}
.contact-form-via-item--is-mistress {
  z-index: 3;
}
.contact-form-via-item .react-select__menu {
  left: 2px;
  width: 100%;
  min-width: 192px;
  border-radius: 6px;
}
.contact-form-via-item .react-select__control {
  min-height: auto;
}
.contact-form-via-item .react-select__menu-list {
  border-bottom: 2px solid #00A6AD;
  border-radius: 6px;
}
.contact-form-via-item .react-select__dropdown-indicator {
  padding: 0;
}
.contact-form-via-item .react-select__option {
  display: flex;
  justify-content: center;
  color: #808080;
}
.contact-form-via-item .react-select__option--is-selected {
  color: #0092F2;
}.contact-log__date, .contact-log__operator, .contact-log__action {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.contact-log-history {
  display: flex;
  flex-grow: 1;
  margin: 25px 5px 16px 16px;
}
.contact-log-history__title {
  margin: 10px 0px;
  font-size: 24px;
}
.contact-log-history__list-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.contact-log-history__list-container {
  flex-grow: 1;
}
.contact-log-history__list {
  padding-right: 11px;
}
.contact-log-history__no-items {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #bfbfbf;
  font-size: 14px;
}
.contact-log-history__load-wrap {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
}

.contact-log {
  display: flex;
  align-items: center;
  position: relative;
  height: 26px;
  margin-bottom: 4px;
  padding: 2px 10px;
  border-radius: 8px;
  background: #F8F8F8;
  transition: max-height 0.2s ease-in;
}
.contact-log__row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.contact-log__date {
  display: flex;
  align-items: center;
  padding-right: 4px;
  color: #058F43;
  font-size: 10px;
  white-space: nowrap;
}
.contact-log__operator {
  color: #8C8A94;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 112px;
  background: #fff;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 10px;
}
.contact-log__operator > svg {
  width: 14px;
  height: 14px;
}
.contact-log__action {
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 10px;
  font-style: italic;
  color: #8C8A94;
}
.contact-log__action > svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.contact-log__undo-btn {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #00A6AD;
  cursor: pointer;
}
.contact-log__update-list-item {
  word-break: break-word;
}
.contact-log__update-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.contact-log__description {
  display: flex;
  z-index: 999;
  position: absolute;
  justify-content: center;
  align-items: center;
  min-width: 340px;
  max-width: 800px;
  height: fit-content;
  min-height: 40px;
  margin: auto;
  padding: 20px 15px;
  border-radius: 6px;
  overflow: hidden;
  color: #000;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.contact-log__description-avatar {
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  margin: 0 4px;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.contact-log__description table {
  border-collapse: collapse;
}
.contact-log__description table th, .contact-log__description table td {
  padding: 5px;
}
.contact-log__description table, .contact-log__description th, .contact-log__description td {
  border: 1px solid #8C8A94;
}.contact-address-tab__input {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.contact-address-tab__btn-add {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  position: relative;
}
.contact-address-tab__btn-add > svg {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  color: #fff;
}

.contact-address-tab__input-wrap {
  min-height: 32px;
  padding: 0 15px 0 17px;
}
.contact-address-tab__input-wrap--joined-address {
  margin-top: 12px;
}
.contact-address-tab__input-wrap .form-textarea--dark-background {
  border-color: transparent;
  background-color: transparent;
}
.contact-address-tab__input-wrap .form-textarea__input-wrapper {
  padding: 6px 0;
}
.contact-address-tab__input {
  border-radius: 6px;
  border: 1px solid;
  resize: none;
  width: 100%;
  color: #808080;
  font-size: 14px;
  letter-spacing: 0.88px;
  line-height: 19px;
  outline: none;
  cursor: pointer;
  border-color: rgba(73, 70, 86, 0.1294117647);
}
.contact-address-tab__textarea {
  height: 20px;
  overflow-y: hidden;
}
.contact-address-tab__addresses-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-address-tab__addr-title {
  color: #4a4a4a;
  font-size: 11px;
  max-width: 360px;
}
.contact-address-tab__addr-search-wrap {
  box-shadow: 0 2px 0 0 #00A6AD;
}
.contact-address-tab__addr-search-form {
  position: relative;
  margin-top: 16px;
  margin-bottom: 12px;
}
.contact-address-tab__addr-search-form-wrap {
  display: flex;
  flex-direction: column-reverse;
  padding: 16px;
  gap: 5px;
}
.contact-address-tab__addr-search-form .spinner {
  position: absolute;
  top: 11px;
  right: 25px;
}
.contact-address-tab__addr-search-input {
  width: 100%;
  height: 39px;
  font-size: 14px;
  letter-spacing: 0.88px;
  line-height: 19px;
  padding: 14px 38px 14px 15px;
  background-color: #fff;
  border-radius: 6px;
  color: #808080;
  border: 1px solid;
  overflow: none;
  transition: background-color linear 1s;
}
.contact-address-tab__addr-search-input:focus-within {
  box-shadow: 0 0 0 1px #00A6AD;
}
.contact-address-tab__addr-search-list {
  position: relative;
  width: calc(100% - 6px);
  background-color: #fff;
  margin: auto;
  box-shadow: 0 2px 0 0 #00A6AD;
  max-height: 172px;
  overflow-y: scroll;
  margin-top: 1px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0 0 6px 6px;
  border-bottom: 2px solid #00A6AD;
}
.contact-address-tab__addr-search-list::-webkit-scrollbar {
  width: 4px;
}
.contact-address-tab__addr-search-list::-webkit-scrollbar-track {
  background: transparent;
}
.contact-address-tab__addr-search-list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.contact-address-tab__addr-search-list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.contact-address-tab__addr-search-list-item {
  height: fit-content;
  padding: 9px 28px 9px 15px;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 33px;
  color: #808080;
  cursor: pointer;
}
.contact-address-tab__addr-search-list-item:nth-child(even) {
  background-color: #F3F3F4;
}
.contact-address-tab__addr-search-list-item--manually {
  color: #0092F2;
}
.contact-address-tab__addr-search-list-item--no-item {
  cursor: default;
  text-align: center;
}
.contact-address-tab__btn--clear {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}
.contact-address-tab__btn--clear svg {
  color: #FF5E57;
  width: 12px;
  height: 12px;
}
.contact-address-tab__btn--delete {
  color: #F8737F;
  display: flex;
  align-items: center;
  gap: 9px;
}
.contact-address-tab__btn--delete svg {
  color: #F8737F;
}
.contact-address-tab__btn--done {
  color: #00A6AD;
  display: flex;
  align-items: center;
  gap: 9px;
}
.contact-address-tab__btn--done svg {
  color: #00A6AD;
}
.contact-address-tab__btn-address-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  gap: 32px;
  margin-top: 12px;
  padding: 17px 0 0 0;
  margin: 0 24px;
  border-top: 1px solid #808080;
  margin-top: 10px;
}
.contact-address-tab__btn-address-wrapper--is-first {
  padding: 17px 0 0 0;
  margin: 0 24px;
  border-top: none;
}
.contact-address-tab__btn-add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.contact-address-tab__map-icon-wrap {
  width: 12px;
}
.contact-address-tab__input-wrap {
  position: relative;
  display: flex;
  gap: 6px;
  align-items: center;
  border-radius: 8px;
  padding: 0 16px;
  background-color: #F8F8F8;
}
.contact-address-tab__input-wrap--error .contact-address-tab__input {
  border: 1px solid #F20C0C !important;
}
.contact-address-tab__input-wrap--error .form-error-text__wrap {
  position: static;
}
.contact-address-tab__input-wrap--address {
  display: flex;
  flex-direction: column;
  border-radius: 0;
  background: none;
  align-items: flex-start;
  padding: 0;
}
.contact-address-tab__input-wrap--address .contact-address-tab__input-wrap {
  padding: 0;
  width: 100%;
}
.contact-address-tab__input-wrap--address:first-child {
  margin-top: 23px;
}.contact-requests {
  height: 100%;
  padding: 24px 0 6px 16px;
  overflow-y: auto;
}
.contact-requests::-webkit-scrollbar {
  width: 4px;
}
.contact-requests::-webkit-scrollbar-track {
  background: transparent;
}
.contact-requests::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.contact-requests::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.contact-requests__no-items {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #bfbfbf;
  font-size: 14px;
}
.contact-requests__list-container {
  height: 100%;
}
.contact-requests__item {
  display: flex;
  flex-direction: column;
  margin-right: 11px;
  margin-bottom: 6px;
  padding: 7px 7px 7px 10px;
  border-radius: 6px;
  font-family: Roboto;
  text-align: left;
  cursor: default;
  background-color: #F3F3F4;
}
.contact-requests__item > div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact-requests__item:last-child {
  margin-bottom: 0;
}
.contact-requests__item-date {
  margin-left: auto;
  color: #8C97B2;
  font-size: 12px;
  line-height: 16px;
}
.contact-requests__item-date > span {
  text-transform: lowercase;
}
.contact-requests__item-session-btn {
  color: #808080;
  cursor: pointer;
  margin-left: 5px;
}
.contact-requests__item-status--success, .contact-requests__item-status--unsuccess {
  font-size: 12px;
  text-transform: capitalize;
}
.contact-requests__item-status--success {
  color: #008F14;
}
.contact-requests__item-status--unsuccess {
  color: #F8737F;
}
.contact-requests__item p {
  max-height: 110px;
  margin: 0;
  margin-bottom: 13px;
  margin-left: 5px;
  overflow: auto;
  color: #000;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.contact-requests__item p::-webkit-scrollbar {
  width: 4px;
}
.contact-requests__item p::-webkit-scrollbar-track {
  background: transparent;
}
.contact-requests__item p::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.contact-requests__item p::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.contact-requests__item p:last-child {
  margin-bottom: 0;
  width: 100%;
}
.contact-requests__spinner-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-right: 10px;
}.contact-notes-tab__input {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.contact-notes-tab .clipboard-btn, .contact-notes-tab__btn-close {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  position: relative;
}
.contact-notes-tab .clipboard-btn > svg, .contact-notes-tab__btn-close > svg {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  color: #fff;
}

.contact-notes-tab__btn-close {
  border-bottom: 1px solid #D33636;
  background-color: #F03D3D;
}

.contact-notes-tab {
  padding: 16px;
}
.contact-notes-tab__text-wrapper {
  border-radius: 2px;
  color: #808080;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  background-color: #fff;
}
.contact-notes-tab__text-content {
  cursor: text;
}
.contact-notes-tab__input {
  width: 100%;
  padding: 0;
  border: none;
  outline: none;
  color: #0C201F;
  resize: none;
  padding: 7px;
}
.contact-notes-tab__btn-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.contact-notes-tab__btn-close:disabled {
  opacity: 0.5;
}
.contact-notes-tab__close-icon {
  color: #fff;
  width: 6px;
}
.contact-notes-tab .clipboard-btn {
  margin-right: 8px;
}
.contact-notes-tab .clipboard-btn__icon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  color: #fff;
}.contact-links-tab__select-url-label, .contact-links-tab__link-input {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.contact-links-tab__item-btns .clipboard-btn, .contact-links-tab__btn-add, .contact-links-tab__item-btn--delete {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  position: relative;
}
.contact-links-tab__item-btns .clipboard-btn > svg, .contact-links-tab__btn-add > svg, .contact-links-tab__item-btn--delete > svg {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  color: #fff;
}

.contact-links-tab__item-btn--delete {
  border-bottom: 1px solid #D33636;
  background-color: #F03D3D;
}

.contact-links-tab {
  padding: 16px;
}
.contact-links-tab__item-header {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.contact-links-tab__item-icon {
  color: #bfbfbf;
}
.contact-links-tab__item {
  margin-bottom: 15px;
}
.contact-links-tab__item-btns {
  gap: 10px;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
}
.contact-links-tab__item-btns .clipboard-btn {
  margin-right: 18px;
  align-items: center;
  justify-content: center;
}
.contact-links-tab__item-btns .clipboard-btn__icon--copy {
  color: #fff;
}
.contact-links-tab__item-btn--delete {
  padding: 0;
}
.contact-links-tab__msg-template-title {
  margin: 28px 9px;
  color: #808080;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
}
.contact-links-tab__link-input {
  border: 1px solid;
  outline: none;
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 6px 9px;
  color: #0C201F;
  border-color: rgba(73, 70, 86, 0.1294117647);
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 19px;
  transition: border linear 0.5s;
}
.contact-links-tab__link-input:focus {
  border-color: #80D3D6;
}
.contact-links-tab__note {
  width: 100%;
  padding: 12px 9px 6px;
  border: none;
  border-radius: 6px;
  outline: none;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  resize: none;
  background-color: #fff;
}
.contact-links-tab__btn-add {
  display: flex;
  align-items: center;
  color: #808080;
}
.contact-links-tab__btn-add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.contact-bookings__title {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.contact-bookings__header {
  display: flex;
  flex-direction: column;
}
.contact-bookings__filters-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 12px;
  height: 48px;
  padding: 8px;
  background-color: #E5F6F7;
}
.contact-bookings__booking-tag {
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  border-color: #ECECED;
  background-color: #fff;
}
.contact-bookings__booking-tag--active {
  background-color: #80D3D6;
  color: #fff;
  border: transparent;
  border-bottom: 1px solid #70b9bc;
}
.contact-bookings__booking-tag:disabled {
  color: inherit;
}
.contact-bookings__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
}
.contact-bookings__title {
  font-size: 12px;
  color: #8C8A94;
  text-align: left;
}
.contact-bookings__title:not(:last-child) {
  margin-bottom: 6px;
}
.contact-bookings__subtitle {
  text-transform: capitalize;
  color: #8C8A94;
}
.contact-bookings__list-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 16px;
  margin-top: 12px;
}
.contact-bookings__no-items {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #bfbfbf;
  font-size: 14px;
}
.contact-bookings__list-container {
  height: 100%;
}
.contact-bookings__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.contact-bookings__list:has(.booking-client-item) {
  gap: 12px;
}
.contact-bookings__list:has(.booking-girl-item) {
  gap: 6px;
}.select-form-field {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.select-form-field {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  border: 1px solid #D9D8DC;
  border-radius: 8px;
  padding: 0 10px;
  height: 100%;
  cursor: pointer;
}
.select-form-field--is-disabled {
  background-color: hsl(0, 0%, 95%);
  cursor: not-allowed;
}
.select-form-field--source {
  width: 260px;
}
.select-form-field--bookingduration {
  width: 180px;
}
.select-form-field--taxi {
  width: 111px;
}
.select-form-field--discount {
  width: 138px;
}
.select-form-field__label {
  width: max-content;
  display: block;
  color: #8C8A94;
  font-size: 12px;
  cursor: pointer;
}
.select-form-field__label--taxi-note {
  max-width: 92px;
  resize: none;
  outline: none;
}
.select-form-field__label--taxi-note::-webkit-scrollbar {
  width: 4px;
}
.select-form-field__label--taxi-note::-webkit-scrollbar-track {
  background: transparent;
}
.select-form-field__label--taxi-note::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.select-form-field__label--taxi-note::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.select-form-field__label--taxi-note {
  outline-color: #fff;
  outline: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.select-form-field__label--taxi-note:focus-within {
  outline-color: rgba(0, 166, 173, 0.5);
}
.select-form-field__label--taxi-note {
  border: 1px solid #D9D8DC;
  border-radius: 8px;
  padding: 5px;
}
.select-form-field__label--taxi-note::placeholder {
  opacity: 0.3;
}
.select-form-field__label--taxi-note {
  transition: 0.3s;
  margin: 0;
  height: 39px;
}

.select-form-field .field-select {
  flex-grow: 1;
}
.select-form-field .field-select__control {
  border: none;
  cursor: pointer;
  box-shadow: none;
  height: 25px;
  min-height: 24px;
  background-color: transparent;
}
.select-form-field .field-select__control:hover {
  border-color: #bfbfbf;
}
.select-form-field .field-select__value-container {
  padding: 0 0 0 8px;
  font-size: 14px;
  min-width: 42px;
}
.select-form-field .field-select__placeholder {
  color: #bfbfbf;
}
.select-form-field .field-select__input-container, .select-form-field .field-select__single-value {
  color: #404040;
  min-width: fit-content;
  text-transform: capitalize;
}
.select-form-field .field-select__indicator {
  padding: 0;
  color: #808080;
}
.select-form-field .field-select__indicator:hover {
  color: #808080;
}
.select-form-field .field-select__indicator svg {
  width: 16px;
  height: 16px;
  fill: #808080;
}
.select-form-field .field-select__menu {
  left: 5px;
  right: 5px;
  margin: 0;
  width: fit-content;
  overflow: hidden;
  border-bottom: 2px solid #00A6AD;
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.select-form-field .field-select__menu-list {
  padding: 0;
}
.select-form-field .field-select__option {
  padding: 11px 14px 11px 15px;
  color: #808080;
  font-size: 12px;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer;
}
.select-form-field .field-select__option:nth-child(even) {
  background-color: #F3F3F4;
}
.select-form-field .field-select__option--is-focused:nth-child(n) {
  background-color: #88D6D9;
}
.select-form-field .field-select__option--is-selected {
  background-color: transparent;
  color: #00A6AD;
}
.select-form-field .field-select__option--is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.select-form-field--type .field-select__single-value {
  gap: 10px;
  display: flex;
  align-items: center;
}
.select-form-field--type .field-select__single-value:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
}
.select-form-field--type .field-select__option {
  display: flex;
  align-items: center;
  gap: 11px;
}
.select-form-field--type .field-select__option:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
}.feedback-add-btn {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  position: relative;
}
.feedback-add-btn > svg {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  color: #fff;
}

.feedback-add-btn {
  margin-left: 16px;
}.feedback-list {
  flex-grow: 1;
  height: 100%;
}

.feedback-list__list-container {
  height: 100%;
}

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

.feedback-list .track-vertical {
  bottom: 12px;
  width: 4px;
}

.feedback-list .thumb-vertical {
  border: none;
}

.feedback-list__list {
  padding: 0 11px 10px 0px;
}

.feedback-list__no-items {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bfbfbf;
  font-size: 14px;
}.feedback-item {
  max-height: 250px;
  padding: 14px 14px 9px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
}
.feedback-item:not(:last-child) {
  margin-bottom: 2px;
}

.feedback-item__header {
  position: relative;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.feedback-item__header::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E6EBF1;
}

.feedback-item__escort-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #0092F2;
  font-size: 12px;
}

.feedback-item__date {
  color: #808080;
  font-size: 12px;
}

.feedback-item__added-by {
  max-width: 130px;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #0092F2;
}

.feedback-item__actions {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.feedback-item__type-label {
  margin-right: 7px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.feedback-item__type-label--neutral {
  background-color: #bfbfbf;
}
.feedback-item__type-label--negative {
  background-color: #F8737F;
}
.feedback-item__type-label--positive {
  background-color: #00B936;
}

.feedback-item__action-button {
  width: 18px;
  height: 18px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-item__action-button:not(:last-child) {
  margin-right: 5px;
}
.feedback-item__action-button svg {
  width: 15px;
  height: 15px;
}
.feedback-item__action-button--edit {
  color: #0092F2;
}
.feedback-item__action-button--edit svg {
  width: 12px;
  height: 12px;
}
.feedback-item__action-button--delete {
  color: #F8737F;
}

.feedback-item__text {
  padding-right: 5px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: #828282;
  font-size: 14px;
  line-height: 1.35;
}
.feedback-item__text::-webkit-scrollbar {
  width: 4px;
}
.feedback-item__text::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
  border-radius: 3px;
}.profile-reviews {
  --outer-background-color: rgb(var(--primary-color));
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1330px;
  height: 764px;
  background-color: var(--outer-background-color);
  font-size: 12px;
  font-family: Manrope, Roboto, sans-serif;
}
.profile-reviews--is-contact-tab {
  position: relative;
  width: auto;
  height: 100%;
}
.profile-reviews__reviews-counter {
  position: absolute;
  top: -31px;
  right: 25px;
}
.profile-reviews__highlight {
  color: rgb(var(--red-status-color));
}
.profile-reviews__select {
  width: 120px;
  max-height: 32px;
}
.profile-reviews__label {
  display: flex;
  align-items: center;
  height: 100%;
  padding-inline: 7px;
  border-radius: 6px;
}
.profile-reviews__label--date {
  background-color: rgba(var(--tertiary-color), 0.04);
  gap: 5px;
}
.profile-reviews__label--username {
  gap: 10px;
  font-style: italic;
}
.profile-reviews__item {
  position: relative;
  padding: 12px;
  background-color: rgba(var(--tertiary-color), 0.05);
  margin: 10px;
  border-radius: 8px;
  color: var(--primary-font-color);
}
.profile-reviews__scrollbar-wrap {
  width: 100%;
  height: 100%;
}
.profile-reviews__scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.2);
}
.profile-reviews__scrollbar-track {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  width: 4px;
  border-radius: 3px;
}
.profile-reviews__header {
  --outer-background-color: rgba(var(--secondary-color), 0.1);
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
  background-color: var(--outer-background-color);
  width: 100%;
  gap: 20px;
}
.profile-reviews__header--is-contact-tab {
  padding: 4px 16px 12px;
}
.profile-reviews__filters {
  display: flex;
  align-items: center;
  height: 28px;
  max-width: 230px;
  width: 100%;
  justify-content: space-between;
}
.profile-reviews__profile {
  max-width: 323px;
  width: 100%;
}
.profile-reviews__profile--is-contact-tab {
  max-width: 200px;
}
.profile-reviews__close {
  margin-right: 68px;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.88px;
  cursor: pointer;
}
.profile-reviews__close svg {
  width: 11px;
  height: 11px;
  margin-right: 9px;
}
.profile-reviews__title {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  height: 24px;
  margin-block: 6px;
  color: var(--dimmed-font-color);
}
:is(.profile-reviews__info-wrap, .profile-reviews__actions) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}
.profile-reviews__info-wrap--is-contact-edit-modal {
  width: 100%;
}
.profile-reviews__actions--is-contact-edit-modal {
  height: 26px;
}
.profile-reviews__actions-wrap {
  display: flex;
  gap: 12px;
  height: 24px;
  align-items: center;
}
.profile-reviews__actions-wrap--is-contact-edit-modal {
  flex-direction: row-reverse;
}
.profile-reviews__action-status {
  height: 100%;
  aspect-ratio: 1;
}
.profile-reviews__action-status > svg {
  width: 100%;
  height: 100%;
}
.profile-reviews__buttons-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  height: 100%;
}
.profile-reviews__buttons-wrapper .icon-button {
  opacity: 1;
}
.profile-reviews__review-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  color: rgba(var(--secondary-color), 0.7);
}
.profile-reviews__rating {
  color: var(--primary-font-color);
}
.profile-reviews__reviews-count {
  color: rgb(var(--blue-status-color));
  margin-left: 3px;
}
.profile-reviews__add-btn-wrap {
  position: absolute;
  top: 13px;
}
.profile-reviews__toggle-wrap {
  --outer-background-color: rgba(var(--secondary-color), 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  font-size: 14px;
  width: 100%;
  padding: 12px;
  background-color: var(--outer-background-color);
}
.profile-reviews__search-input-wrapper {
  width: 263px;
  height: 32px;
}
.profile-reviews__search-input-wrapper--is-contact-tab {
  position: absolute;
  top: -40px;
  width: 192px;
}
.profile-reviews__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 2px 7px;
  background-color: #fff;
  font-size: 12px;
  font-family: Manrope, Roboto, sans-serif;
  border: 1px solid #ECECED;
}
.profile-reviews__btn--active {
  background-color: #80D3D6;
  color: #fff;
  border-color: #80D3D6;
  border-bottom-color: #70B9BC;
}
.profile-reviews__text {
  display: flex;
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.profile-reviews__text--value {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  resize: none;
  background: transparent;
}
.profile-reviews__text--active {
  border-radius: 5px;
}
.profile-reviews__text--active:focus {
  outline: none;
}
.profile-reviews__pending {
  display: flex;
  z-index: 10;
  position: fixed;
  top: 65px;
  right: 0;
  bottom: -10px;
  left: 0;
  justify-content: center;
  align-items: center;
}
.profile-reviews__pending--item {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.14, 0.44, 1) forwards;
}
.profile-reviews__error {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 11px;
  color: #dc3545;
  letter-spacing: 0.3px;
}.toggle {
  --toggle-height: 16px;
  --toggle-padding: 2px;
  position: relative;
  border-radius: 40px;
  width: 28px;
  height: var(--toggle-height);
  cursor: pointer;
}
.toggle--true {
  background-color: rgb(var(--secondary-color));
}
.toggle--false {
  background-color: rgba(var(--tertiary-color), 0.1);
}
.toggle--disabled {
  opacity: 0.5;
  cursor: default;
}
.toggle__indicator-wrapper {
  display: flex;
  position: absolute;
  height: 100%;
  aspect-ratio: 1;
  padding: var(--toggle-padding);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.toggle__indicator-wrapper--true {
  transform: translateX(calc(100% - (var(--toggle-height) - 4 * var(--toggle-padding)) / 2));
}
.toggle__indicator {
  background-color: rgb(var(--primary-color));
  border-radius: 100%;
  width: 100%;
  box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.2);
}.contact-rates-tab {
  height: 100%;
}
.contact-rates-tab__info-content {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #bfbfbf;
  font-size: 14px;
}
.contact-rates-tab .profile-rates {
  position: relative;
  width: 100%;
  border-bottom: none;
  box-shadow: none;
  height: 100%;
  border-radius: 0;
  background-color: transparent;
}.widget-btn {
  align-items: center;
  background-color: #88d6d9;
  border-radius: 6px;
  display: flex;
  height: 60px;
  justify-content: center;
  left: 90px;
  bottom: 35px;
  position: fixed;
  width: 60px;
  z-index: 10;
  color: #fff;
}
.widget-btn__counter--contacts {
  align-items: center;
  background-color: #F8737F;
  border-radius: 100%;
  color: #fff;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: 1px;
  top: -1px;
  width: 18px;
  font-size: 12px;
}
.widget-btn__icon {
  height: 30px;
  width: 30px;
}
.widget-btn .content {
  background-color: rgba(0, 166, 173, 0.5);
}
:where(.widget-btn__top-counter, .widget-btn__bottom-counter) {
  position: absolute;
}
.widget-btn__top-counter {
  top: 4px;
  right: 4px;
}
.widget-btn__bottom-counter {
  bottom: 4px;
  right: 4px;
}.global-preloader {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}.mobile-plug {
  margin: 0 auto;
  padding: 0 5px;
  width: 320px;
}
.mobile-plug__logo {
  margin: 124px auto 0;
  display: block;
  width: 110px;
  height: 109px;
}
.mobile-plug__title {
  margin: 75px 0 0;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
  text-align: center;
  color: #404040;
}
.mobile-plug__text {
  margin: 38px 0 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 1.35;
  text-align: center;
  color: #404040;
}.mail-page {
  display: flex;
  flex-direction: column;
  min-width: 1094px;
  height: 100vh;
}
.mail-page__bottom-wrap {
  padding: 16px 20px 0;
  flex-grow: 1;
  display: flex;
}.mail-header {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 0 20px 0 0;
  border-bottom: 1px solid #E5F6F7;
}
.mail-header > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mail-header__email {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 32px;
}
.mail-header__search-input-wrap {
  min-width: 300px;
  margin-left: 20px;
  height: 40px;
}
.mail-header__search-input {
  width: 100%;
  height: 36px;
}
.mail-header__actions {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-left: 57px;
}
.mail-header__move-to-wrap {
  position: relative;
  margin-right: 12px;
}
.mail-header__move-to-popup-wrap {
  width: 100%;
  z-index: 15;
  border-radius: 6px;
  box-shadow: 0 2px 0 0 #00A6AD;
}
.mail-header__move-to-wrap--move-menu-active > .button {
  outline: 2px solid #00A6AD;
}
.mail-header__actions {
  display: flex;
  gap: 16px;
  height: 38px;
}
.mail-header__action-btn {
  height: 36px;
  gap: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  font-family: Manrope, Roboto, sans-serif;
  background-color: transparent;
  border: 1px solid #F3F3F4;
}
.mail-header__action-btn--delete {
  background-color: #FFE0E0;
}
.mail-header__action-btn--save {
  gap: 10px;
}
.mail-header__action-btn--hidden {
  visibility: hidden;
}
.mail-header__action-btn > svg {
  width: 14px;
  height: 14px;
  color: #494656;
}
.mail-header__select-spinner {
  width: 200px;
  margin-left: 8px;
}
.mail-header__mail-icon {
  fill: #00A6AD;
  width: 30px;
  height: 30px;
  margin: 0;
}
.mail-header__mail-select {
  display: flex;
  align-items: center;
  background-color: #E5F6F7;
  padding: 8px;
  border-radius: 8px;
  text-transform: capitalize;
}
.mail-header__mail-select .react-select__control--menu-is-open {
  background-color: inherit;
}
.mail-header__mail-select .react-select__option {
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mail-header__mail-select .react-select__indicator {
  padding: 0 4px;
}
.mail-header__mailbox-users {
  display: flex;
  align-items: center;
  min-width: 0;
}
.mail-header__mailbox-users-list {
  display: flex;
  overflow: hidden;
}
.mail-header__mailbox-users-title {
  min-width: 185px;
  font-size: 12px;
  color: #808080;
}
.mail-header__mailbox-users-img-wrap {
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-left: -8px;
  border-radius: 50%;
  overflow: hidden;
}
.mail-header__mailbox-users-img-wrap:first-child {
  margin-left: 0;
}
.mail-header__last-sync {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  color: #808080;
}
.mail-header__navbar-btn-wrap {
  width: 49px;
  height: 84px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  margin-right: 30px;
  padding-right: 5px;
  width: 54px;
  background-color: #E6EBF1;
}.mail-sidebar {
  flex-shrink: 0;
  width: 200px;
}

.mail-sidebar__compose-link {
  padding: 2px 12px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  gap: 6px;
  color: #fff;
  border-radius: 12px;
  height: 35px;
  margin-bottom: 15px;
  font-family: Manrope, Roboto, sans-serif;
}
.mail-sidebar__compose-link svg {
  height: 14px;
  width: 14px;
}

.mail-sidebar__compose-icon {
  width: 12px;
  height: 12px;
  margin-left: 35px;
  fill: #00a6ad;
}

.mail-sidebar__link-list li:not(:last-child) {
  margin-bottom: 16px;
}

.mail-sidebar__link {
  position: relative;
  display: block;
  border-radius: 12px;
  box-sizing: border-box;
  height: 40px;
  width: 100px;
  transition: width 0.5s ease;
}
.mail-sidebar__link--active {
  border: 1px solid #80D3D6;
  background-color: #E5F6F7;
  width: 160px;
}
.mail-sidebar__link:hover {
  background-color: #F3F3F4;
}

.mail-sidebar__link-content {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #8C8A94;
  padding: 2px 12px;
  border-radius: 12px;
  height: 40px;
  width: 100px;
  transition: width 0.5s ease;
  gap: 10px;
  position: absolute;
}

.mail-sidebar__link--active > .mail-sidebar__link-content {
  inset: 0;
  margin: auto;
}

.mail-sidebar__icon-wrap {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8C8A94;
  transition: fill 250ms;
  border-radius: 50%;
}
.mail-sidebar__link--active .mail-sidebar__icon-wrap {
  color: #8C8A94;
}
.mail-sidebar__icon-wrap svg {
  width: 15;
  height: 15;
  fill: #404040;
  transition: fill 250ms;
}

.mail-sidebar__item-text {
  transition: color 250ms;
  font-size: 14px;
  font-weight: 600;
  color: #808080;
}

.mail-sidebar__count {
  font-size: 14px;
  color: #000;
}

.mail-sidebar__undo-actions-wrap {
  margin-top: 60px;
}.undo-action-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 72px;
  margin-bottom: 12px;
  background-color: #E6EBF1;
  color: #000;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0.88px;
  line-height: 20px;
  padding: 10px 13px;
  overflow: hidden;
  z-index: 10;
}

.undo-action-block__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.undo-action-block__text span {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.undo-action-block__cancel-btn-icon {
  color: #00A6AD;
}
.undo-action-block__cancel-btn:disabled {
  opacity: 0.5;
  cursor: default;
}.mail-main {
  flex-grow: 1;
  display: flex;
  padding-left: 60px;
}.mail-composer {
  position: relative;
  width: 100%;
}
.mail-composer--global-pending:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: transparent;
  cursor: wait;
}
.mail-composer__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
}
.mail-composer__field-wrap {
  position: relative;
}
.mail-composer__form-group {
  position: relative;
  display: flex;
  margin-top: 17px;
}
.mail-composer__form-group--email {
  margin-top: 0;
}
.mail-composer__form-group--add-button-icon {
  color: #00A6AD;
}
.mail-composer__form-group--add-button {
  width: fit-content;
  margin-left: 10px;
}
.mail-composer__form-group--emails {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mail-composer__form-group-emails-extra {
  display: flex;
  width: 100%;
  margin-top: 10px;
  gap: 10px;
}
.mail-composer__form-group-emails-extra--field {
  flex-direction: column;
}
.mail-composer__form-group-emails-extra-remove {
  position: absolute;
  top: 0;
  right: 0;
}
.mail-composer__form-group--mail-from {
  display: flex;
  flex-direction: column;
  width: 305px;
  margin-right: 30px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  transition: all 0.15s ease-in-out;
}
.mail-composer__form-group--mail-from-box {
  display: flex;
  flex-direction: column;
}
.mail-composer__form-group--mail-from--focused {
  border-color: #00A6AD;
}
.mail-composer__form-group--mail-from .react-select__control--menu-is-open {
  background-color: inherit;
}
.mail-composer__form-group--mail-from .react-select__indicator {
  padding: 0 4px;
}
.mail-composer__form-group--mail-from .react-select__value-container {
  height: 40px;
  outline: none;
  color: #404040;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
}
.mail-composer__form-group--mail-from .react-select__placeholder {
  margin: 0;
  opacity: 0.54;
  color: #404040;
  cursor: text;
}
.mail-composer__form-group--message {
  margin-top: 15px;
  height: 100%;
}
.mail-composer__form-group--message .form-textarea__error {
  bottom: -14px;
}
.mail-composer__form-group .form-text-field {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.mail-composer__label {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  height: 26px;
  color: #000001;
  font-family: Roboto;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
}
.mail-composer__input-wrap {
  position: relative;
  width: 100%;
  border: 1px solid #bfbfbf;
}
.mail-composer__input, .mail-composer__textarea {
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: 6px;
  color: #404040;
  background-color: #fff;
}
.mail-composer__input {
  padding: 8px;
}
.mail-composer__input-placeholder {
  font-family: Roboto;
}
.mail-composer__input--subject {
  height: 40px;
}
.mail-composer__textarea {
  resize: none;
  padding: 8px;
}
.mail-composer__actions-menu {
  margin-left: auto;
  display: flex;
}
.mail-composer__action-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #404040;
}
.mail-composer__action-btn:disabled {
  cursor: default;
}
.mail-composer__action-btn-icon {
  opacity: 0.6;
  transition: opacity 200ms;
}
.mail-composer__action-btn:hover .mail-composer__action-btn-icon {
  opacity: 1;
}
.mail-composer__action-btn:disabled .mail-composer__action-btn-icon {
  opacity: 0.3;
}

.mail-composer-attachments {
  display: flex;
  align-items: flex-start;
  margin-top: 17px;
  margin-left: 15px;
  max-height: 100%;
}
.mail-composer-attachments__add-btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 20px;
  min-width: 120px;
  min-height: 32px;
  margin-right: 12px;
  background-color: #E6EBF1;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.875px;
  color: #000001;
  font-family: Roboto;
}
.mail-composer--some-pending .mail-composer-attachments__add-btn {
  opacity: 0.5;
  cursor: default;
  color: gray;
}
.mail-composer-attachments__add-btn-icon {
  margin-left: 10px;
  height: 15px;
  width: 15px;
  color: #00A6AD;
}
.mail-composer-attachments__list {
  display: flex;
  flex-wrap: wrap;
}.mail-attachment {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.mail-attachment:not(:last-child) {
  margin-right: 15px;
}
.mail-attachment .lazy-load__container {
  width: 32px;
}
.mail-attachment svg {
  width: 32px;
  height: 32px;
}
.mail-attachment__info {
  position: relative;
  overflow: hidden;
  display: flex;
  background-color: #F6F9FC;
  border-radius: 6px;
  align-items: center;
  padding: 9px 10px 9px 5px;
}
.mail-attachment--large .mail-attachment__info {
  padding: 10px;
}
.mail-attachment--large .mail-attachment__info::after {
  top: 10px;
  bottom: 10px;
}
.mail-attachment__preview {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 6px;
}
.mail-attachment__text {
  margin-left: 8px;
  overflow: hidden;
  display: flex;
}
.mail-attachment--exist .mail-attachment__text {
  display: block;
}
.mail-attachment__name {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mail-attachment__size {
  flex-shrink: 0;
  margin: 0 0 0 8px;
  font-size: 14px;
  opacity: 0.6;
}
.mail-attachment--exist .mail-attachment__size {
  margin-left: 0;
  font-size: 11px;
}
.mail-attachment__spinner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
}
.mail-attachment__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-left: 10px;
  color: #404040;
}
.mail-attachment__remove svg {
  width: 12px;
  height: 12px;
  padding: 2px;
}
.mail-attachment__remove:hover {
  color: #bfbfbf;
}
.mail-attachment__remove:disabled {
  opacity: 0.5;
  cursor: default;
  color: #bfbfbf;
}
.mail-attachment__download {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  font-size: 15px;
  color: #404040;
}
.mail-attachment--large .mail-attachment__download {
  width: 50px;
  font-size: 20px;
}.mail-form-autosave__group {
  display: flex;
  align-items: flex-start;
}
.mail-form-autosave__status-icon {
  margin-right: 5px;
  font-size: 16px;
  color: #808080;
}
.mail-form-autosave__status-label {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  color: #808080;
}
.mail-form-autosave--hide {
  display: none;
}.mail-composer__mail-select-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.mail-composer__mail-select-wrap .react-select {
  flex-grow: 1;
}
.mail-composer__mail-select-wrap .react-select__control {
  padding-left: 0;
  border-radius: 6px;
}
.mail-composer__mail-select-wrap .react-select__value-container {
  height: 40px;
  outline: none;
  color: #404040;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
}
.mail-composer__mail-select-wrap .react-select__placeholder {
  margin: 0;
  opacity: 0.54;
  color: #404040;
  cursor: text;
}
.mail-composer__mail-select-wrap .react-select__input-container {
  margin: 0;
  padding: 0;
  cursor: text;
}
.mail-composer__mail-select-wrap .react-select__multi-value {
  display: flex;
  align-items: center;
  background-color: #E6EBF1;
  border-radius: 6px;
  margin: 0 5px;
  padding: 1px 0;
  max-height: 18px;
}
.mail-composer__mail-select-wrap .react-select__multi-value__label {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 16px;
  padding: 0;
  margin-left: 6px;
}
.mail-composer__mail-select-wrap .react-select__multi-value__label .mail-contact-item {
  background-color: transparent;
  padding: 0;
}
.mail-composer__mail-select-wrap .react-select__multi-value__remove {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 16px;
  padding: 0;
  margin: 0 6px;
  cursor: pointer;
}
.mail-composer__mail-select-wrap .react-select__multi-value__remove svg {
  display: flex;
  width: 7px;
  height: 7px;
  color: #404040;
  margin: 0;
}
.mail-composer__mail-select-wrap .react-select__multi-value__remove:hover {
  background: transparent;
}
.mail-composer__mail-select-wrap .react-select__multi-value__remove:hover svg {
  color: #00A6AD;
}
.mail-composer__mail-select-wrap .react-select__menu {
  top: 90%;
  min-width: 370px;
  max-width: 370px;
}
.mail-composer__mail-select-wrap .react-select__menu-list {
  position: relative;
  overflow: hidden;
  padding: 13px 0;
}
.mail-composer__mail-select-wrap .react-select__menu-list::-webkit-scrollbar {
  width: 4px;
}
.mail-composer__mail-select-wrap .react-select__menu-list::-webkit-scrollbar-track {
  background: transparent;
}
.mail-composer__mail-select-wrap .react-select__menu-list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.mail-composer__mail-select-wrap .react-select__menu-list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.mail-composer__mail-select-wrap .react-select__menu-list::-webkit-scrollbar-button {
  display: none;
}
.mail-composer__mail-select-wrap .react-select__menu-list:hover {
  overflow: overlay;
}
.mail-composer__mail-select-wrap .react-select__option {
  padding: 1px 15px;
}
.mail-composer__mail-select-wrap .react-select__option:nth-child(even) {
  background-color: transparent;
}
.mail-composer__mail-select-wrap .react-select__option:hover {
  background-color: transparent !important;
}
.mail-composer__mail-select-wrap .react-select__option .mail-contact-item {
  padding: 2px 5px;
  border: 1px solid #E6EBF1;
  background-color: transparent;
}
.mail-composer__mail-select-wrap .react-select__option .mail-contact-item__img-wrap {
  margin-right: 5px;
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.mail-composer__mail-select-wrap .react-select__option .mail-contact-item__name {
  margin-bottom: 0;
}
.mail-composer__mail-select-wrap .react-select__option .mail-contact-item:hover {
  border-color: #88D6D9;
  background-color: rgba(136, 214, 217, 0.3);
}
.mail-composer__mail-select-wrap .react-select__option .mail-composer__mail-create-item {
  padding: 11px 5px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  cursor: pointer;
}
.mail-composer__mail-select-wrap .react-select__option .mail-composer__mail-create-item:hover {
  border-color: #88D6D9;
  background-color: rgba(136, 214, 217, 0.3);
}
.mail-composer__mail-select {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  transition: all 0.15s ease-in-out;
}
.mail-composer__mail-select--focused {
  border-color: #00A6AD;
}
.mail-composer__mail-clear-btn {
  display: flex;
  cursor: pointer;
  padding: 8px;
}
.mail-composer__mail-clear-btn-icon {
  width: 9px;
  height: 9px;
  color: #FF3D2B;
}
.mail-composer__mail-contacts-btn {
  color: #00A6AD;
  width: 20px;
  height: 20px;
  margin-left: 19px;
  cursor: pointer;
}
.mail-composer__mail-remove-btn {
  position: absolute;
  top: 10px;
  left: -25px;
  color: #FF3D2B;
}

.form-text-field--email-error .mail-composer__mail-select {
  border: 1px solid #F8737F !important;
}
.form-text-field--email-error .form-text-content__error {
  left: 500px;
}.mail-contact-item {
  display: flex;
  align-items: center;
  padding: 0 5px;
  background-color: #F6F9FC;
  border-radius: 6px;
  cursor: pointer;
}
.mail-contact-item__img-wrap {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  min-width: 36px;
  border: 2px solid rgb(213.6538461538, 221.9230769231, 231.8461538462);
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.mail-contact-item__img-wrap--client {
  border-color: #3565FD;
}
.mail-contact-item__img-wrap--escort {
  border-color: #0092F2;
}
.mail-contact-item__img-wrap--agent {
  border-color: #88259C;
}
.mail-contact-item__info {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #808080;
  font-size: 12px;
  line-height: 16px;
}
.mail-contact-item__name, .mail-contact-item__email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
}
.mail-contact-item__name {
  margin-bottom: 5px;
}
.mail-contact-item__name--client {
  color: #3565FD;
}
.mail-contact-item__name--escort {
  color: #0092F2;
}
.mail-contact-item__name--agent {
  color: #88259C;
}
.mail-contact-item__ex {
  color: #f27e3f;
  font-weight: bold;
}
.mail-contact-item__no-emails {
  text-align: center;
  font-size: 14px;
  color: #808080;
}.mail-list {
  position: relative;
  padding-bottom: 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.mail-list--pending::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 100;
  cursor: wait;
}

.mail-list__spinner {
  margin: auto;
}

.mail-list__header {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #99DBDE;
}

.mail-list__tabs {
  display: flex;
}

.mail-list__tab {
  padding: 6px 12px;
  border-radius: 6px 6px 0px 0px;
  background-color: #F3F3F4;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #0C201F;
}
.mail-list__tab:not(:last-child) {
  margin-right: 16px;
}
.mail-list__tab--selected {
  font-weight: 500;
  color: #fff;
  background-color: #80D3D6;
  cursor: default;
}

.mail-list__pagination-sort-wrap {
  display: flex;
  margin-left: auto;
  gap: 20px;
}

.mail-list__pagination {
  min-width: 170px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mail-list__pagination-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  color: #00a6ad;
}
.mail-list__pagination-btn:disabled {
  cursor: default;
  color: #bfbfbf;
}
.mail-list__pagination-btn svg {
  width: 14px;
  height: 14px;
}

.mail-list__pagination-info {
  color: #808080;
  font-size: 12px;
  font-weight: 700;
}

.mail-list__sort {
  display: flex;
  align-items: center;
}
.mail-list__sort .react-select {
  width: 130px;
}
.mail-list__sort .react-select__control {
  flex-direction: row-reverse;
  padding-left: 0;
}
.mail-list__sort .react-select__control--menu-is-open {
  background-color: #F3F3F4;
}
.mail-list__sort .react-select__indicator {
  padding: 0 4px;
}

.mail-list__no-items {
  margin: auto;
  font-size: 34px;
  font-weight: bold;
  color: rgba(136, 214, 217, 0.6);
}

.mail-list__scrollbars {
  margin-left: -20px;
  margin-right: -12px;
  flex-grow: 1;
  margin-top: 15px;
}

.mail-list__conversations {
  padding-left: 20px;
  padding-right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mail-list__conversations > li:not(:last-child) {
  border-bottom: 1px solid #F3F3F4;
}.mail-list-item {
  position: relative;
  padding: 4px 20px 4px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #808080;
  overflow: hidden;
}
.mail-list-item:hover .mail-list-item__actions-wrapper {
  width: 120px;
  min-width: 120px;
}
.mail-list-item:hover .mail-list-item__actions-wrapper--extended {
  width: 154px;
  min-width: 154px;
}
.mail-list-item:hover .mail-list-item__checkbox {
  border-color: #80D3D6;
}
.mail-list-item:hover .mail-list-item__actions, .mail-list-item--pending .mail-list-item__actions {
  transform: translateX(-100%);
}
.mail-list-item--unread {
  background-color: #fff;
}
.mail-list-item--pending {
  cursor: default;
}
.mail-list-item--starred::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #F8737F;
  border-bottom-left-radius: 5px;
  clip-path: polygon(100% 100%, 0% 0%, 0% 100%);
}
.mail-list-item__prebooking-icon {
  color: #F77FBE;
  margin-right: 10px;
  flex-shrink: 0;
}
.mail-list-item__draft-label {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
  width: 12px;
  pointer-events: none;
  fill: #F8737F;
}
.mail-list-item__checkbox-btn {
  padding: 10px 13px;
}
.mail-list-item__btns-wrapper {
  display: flex;
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
}
.mail-list-item__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: #fff;
  border: 2px solid #8C8A94;
  transition: ease 0.3s;
}
.mail-list-item__checkbox--active {
  background-color: transparent;
  border: none;
  padding: 0;
}
.mail-list-item__checkbox-check-icon {
  color: #03c275;
}
.mail-list-item__avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.mail-list-item__preview {
  min-height: 40px;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.3;
}
.mail-list-item__preview-header {
  display: flex;
}
.mail-list-item__name {
  display: flex;
  align-items: center;
  gap: 17px;
  max-width: 300px;
  margin: 0 17px 0 0;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #494656;
}
.mail-list-item:hover .mail-list-item__name {
  color: #808080;
}
.mail-list-item__name::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #494656;
}
.mail-list-item__username {
  position: absolute;
  bottom: 0;
  right: 1px;
  flex-shrink: 0;
  font-size: 10px;
  font-style: italic;
}
.mail-list-item:hover .mail-list-item__username {
  color: #808080;
}
.mail-list-item__count {
  margin: 0 30px 0 0;
  flex-shrink: 0;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 1px;
  color: #000;
}
.mail-list-item:hover .mail-list-item__count {
  color: #808080;
}
.mail-list-item__attachments-icon {
  width: 14px;
  height: 14px;
  margin: 0 30px 0 0;
  flex-shrink: 0;
  fill: #808080;
}
.mail-list-item__subject {
  margin: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  font-size: 12px;
  color: #808080;
}
.mail-list-item--unread .mail-list-item__subject {
  color: #404040;
  font-weight: 500;
}
.mail-list-item:hover .mail-list-item__subject {
  color: #808080;
  font-weight: 400;
}
.mail-list-item__date {
  flex-shrink: 0;
  text-align: right;
  font-size: 10px;
  color: #808080;
  width: 100%;
}
.mail-list-item--unread .mail-list-item__date {
  color: #454545;
  font-weight: 500;
}
.mail-list-item__message {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  font-size: 13px;
  color: #808080;
}
.mail-list-item__highlight {
  color: #F20C0C;
  background: transparent;
}
.mail-list-item__actions-wrapper {
  width: 90px;
  min-width: 90px;
  overflow: hidden;
}
.mail-list-item__actions {
  position: relative;
  display: flex;
  transition: transform 200ms;
}
.mail-list-item__action-btn {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
}
.mail-list-item__action-btn:hover {
  color: #404040;
}
.mail-list-item__action-btn:disabled {
  cursor: inherit;
  color: #808080;
}
.mail-list-item__action-btn svg {
  width: 20px;
  height: 20px;
}
.mail-list-item__mark-sign {
  width: 20px;
  height: 20px;
  background-color: #808080;
  border-bottom-left-radius: 5px;
  clip-path: polygon(100% 100%, 0% 0%, 0% 100%);
}
.mail-list-item--starred .mail-list-item__mark-sign {
  background-color: #F8737F;
}
.mail-list-item__action-btn:hover .mail-list-item__mark-sign {
  background-color: #404040;
}
.mail-list-item--starred .mail-list-item__action-btn:hover .mail-list-item__mark-sign {
  background-color: #e75d68;
}
.mail-list-item__folder {
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 2px 20px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 6px;
}
.mail-list-item__notes {
  height: 18px;
  color: #0092F2;
}
.mail-list-item__notes svg {
  height: 15px;
  width: 15px;
}
.mail-list-item__notes--empty {
  color: #494656;
}
.mail-list-item__remainder {
  position: relative;
  height: 18px;
  color: #F8737F;
}
.mail-list-item__remainder svg {
  height: 15px;
  width: 15px;
}
.mail-list-item__remainder--empty {
  color: #494656;
}
.mail-list-item__spinner {
  z-index: 999;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mail-list-item__booking {
  display: flex;
  min-width: 620px;
  padding: 0 10px;
}
@media (max-width: 1400px) {
  .mail-list-item__booking {
    min-width: 450px;
  }
}.notes-form {
  height: 650px;
  width: 470px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  color: #808080;
  font-size: 14px;
  text-align: initial;
  overflow: hidden;
}
.notes-form .notes-form__header, .notes-form .notes-form__footer {
  display: flex;
}
.notes-form .notes-form__main-container {
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
}
.notes-form .notes-form__btn-container {
  display: flex;
  flex-direction: row;
}
.notes-form {
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.notes-form__notes-container {
  flex-grow: 1;
  background-color: #f6f8fb;
}
.notes-form__textarea-container {
  flex-basis: 230px;
  background-color: #fff;
}
.notes-form__list-container {
  height: 100%;
  display: flex;
}
.notes-form__note-info {
  background: #fff;
  padding: 9px 20px;
  line-height: 20px;
  height: 60px;
}
.notes-form__date {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
}
.notes-form__author {
  font-size: 12px;
  color: #0092F2;
}
.notes-form__note {
  padding: 10px 20px;
  font-size: 12px;
  line-height: 16px;
  min-height: 60px;
  word-break: break-word;
  background-color: #f6f8fb;
}
.notes-form__textarea-container {
  display: flex;
  flex-direction: column;
  padding: 10px 18px;
  gap: 6px;
}
.notes-form__textarea-container label {
  font-size: 12px;
  letter-spacing: 1px;
}
.notes-form__button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 30px;
  height: 44px;
  align-items: center;
  font-weight: 500;
  letter-spacing: 1px;
}
.notes-form__send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0.875px;
  white-space: pre;
  text-align: left;
  height: 36px;
  background-color: #00A6AD;
  color: #F3F3F4;
}
.notes-form__cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0.875px;
  white-space: pre;
  text-align: left;
  height: 30px;
  background-color: #bfbfbf;
  color: #fff;
}
.notes-form__textarea {
  padding: 10px;
}
.notes-form__textarea-input {
  height: 100%;
}
.notes-form__spinner {
  display: flex;
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
}.mail-pagination {
  min-width: 120px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.mail-pagination--5-pages {
  min-width: 150px;
}
.mail-pagination--10-pages {
  min-width: 170px;
}
.mail-pagination--100-pages {
  min-width: 190px;
}

.mail-pagination__arrow-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00a6ad;
}
.mail-pagination__arrow-btn:disabled {
  cursor: default;
  color: #bfbfbf;
}
.mail-pagination__arrow-btn svg {
  width: 14px;
  height: 14px;
}
.mail-pagination__arrow-btn--left {
  transform: rotate(90deg);
}
.mail-pagination__arrow-btn--right {
  transform: rotate(270deg);
}

.mail-pagination__page-btn {
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2px;
  color: #808080;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}
.mail-pagination__page-btn:disabled {
  cursor: default;
}
.mail-pagination__page-btn--active {
  color: #414141;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
}

.mail-pagination__divider {
  cursor: default;
  color: #808080;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.5px;
}.mail-chat {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #fff;
}
.mail-chat--centered {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bfbfbf;
}
.mail-chat--not-found {
  color: #bfbfbf;
}
.mail-chat--not-found .mail-chat__main {
  justify-content: center;
  align-items: center;
}
.mail-chat__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mail-chat__sort {
  display: flex;
  align-items: center;
}
.mail-chat__return-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  color: #808080;
  font-size: 12px;
  font-weight: 700;
}
.mail-chat__return-btn-icon {
  margin-right: 7px;
  width: 18px;
  height: 17px;
  transform: rotate(-90deg);
  fill: #00A6AD;
}
.mail-chat__main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 12px 45px 15px 0;
}
.mail-chat__item {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding-right: 15px;
}
.mail-chat__item:first-child {
  margin-top: 0;
}.mail-chat-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mail-chat-item--last .mail-chat-item__header, .mail-chat-item--last .mail-chat-item__avatar-wrap {
  cursor: default;
}
.mail-chat-item__main {
  display: flex;
  flex-direction: column;
}
.mail-chat-item__avatar-wrap {
  display: flex;
  align-items: center;
  padding-right: 5px;
  cursor: pointer;
}
.mail-chat-item__avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px solid rgb(197.3076923077, 208.8461538462, 222.6923076923);
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.mail-chat-item__header {
  z-index: 2;
  position: sticky;
  top: 0;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  padding-bottom: 5px;
}
.mail-chat-item__header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.mail-chat-item__header-top {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  margin-right: 30px;
}
.mail-chat-item__info {
  display: flex;
  flex-direction: row;
}
.mail-chat-item__info-icon {
  display: flex;
  align-items: center;
}
.mail-chat-item__name {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mail-chat-item__name-box {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: #808080;
  font-style: italic;
}
.mail-chat-item__email {
  margin-right: 15px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mail-chat-item__date {
  width: 135px;
  color: #808080;
  font-size: 12px;
  white-space: nowrap;
  text-align: end;
}
.mail-chat-item__actions {
  display: inline-flex;
  align-items: center;
}
.mail-chat-item__action-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  color: #808080;
  font-size: 18px;
}
.mail-chat-item__action-btn svg {
  width: 20px;
  height: 20px;
}
.mail-chat-item__action-btn:disabled {
  cursor: default;
}
.mail-chat-item__action-btn:disabled > svg {
  opacity: 0.3;
}
.mail-chat-item__action-btn:not(:last-child) {
  margin-right: 20px;
}
.mail-chat-item__message {
  padding: 24px 0 36px 30px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.mail-chat-item__message-body-wrap {
  position: relative;
}
.mail-chat-item__message-body {
  padding-bottom: 30px;
  border-bottom: 1px dashed #E6EBF1;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  color: #000000;
}
.mail-chat-item__attachments {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.mail-chat-item__attachments-list {
  display: flex;
  flex-wrap: wrap;
}
.mail-chat-item__book-button {
  margin-left: 300px;
  padding: 5px 18px;
  transition: opacity 150ms;
  background-color: #00A6AD;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
}
.mail-chat-item__book-button-wrap {
  display: flex;
}
.mail-chat-item__folder-type-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.mail-chat-item__folder-type {
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 5px 20px;
  background-color: #f6f6f8;
  border-radius: 6px;
}

.mail-chat-item-reply {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding: 10px;
  margin-bottom: 25px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
}
.mail-chat-item-reply::before {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  letter-spacing: 1px;
  color: #4a4a4a;
}
.mail-chat-item-reply--is-reply::before {
  content: "Reply";
}
.mail-chat-item-reply--is-forward::before {
  content: "Forward";
}
.mail-chat-item-reply__header {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.mail-chat-item-reply__header .form-text-field {
  width: 100%;
  position: relative;
}
.mail-chat-item-reply .mail-composer__form-group--mail-from {
  width: 100%;
}
.mail-chat-item-reply__fields-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mail-chat-item-reply .mail-composer-attachments__add-btn--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mail-chat-item-reply__block {
  margin-top: 20px;
}
.mail-chat-item-reply__mail-info {
  display: flex;
  flex-direction: column;
}
.mail-chat-item-reply__mail-text {
  font-size: 14px;
}
.mail-chat-item-reply__reply-icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  color: #808080;
}
.mail-chat-item-reply__reply-icon-wrap svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.mail-chat-item-reply__main {
  position: relative;
  width: 100%;
}
.mail-chat-item-reply__form {
  display: flex;
  flex-direction: column;
}
.mail-chat-item-reply__email-group {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.mail-chat-item-reply__email-label {
  margin-right: 12px;
  color: #808080;
  font-size: 16px;
  font-family: Roboto;
  line-height: 1;
}
.mail-chat-item-reply__email-input-wrap {
  position: relative;
  flex-grow: 1;
}
.mail-chat-item-reply__email-input {
  width: 100%;
  padding: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  outline: none;
  color: #404040;
  line-height: 1.25;
}
.mail-chat-item-reply__attachment-list {
  margin: -2px -2px 14px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.mail-chat-item-reply__attachment-list-item {
  margin: 2px;
}
.mail-chat-item-reply__textarea-wrap {
  margin-bottom: 16px;
  margin-top: 20px;
}
.mail-chat-item-reply__textarea-wrap .input-error-text {
  left: 0;
  bottom: -15px;
}
.mail-chat-item-reply__textarea {
  display: block;
  width: 100%;
  border: none;
  outline: none;
}
.mail-chat-item-reply__textarea .input {
  border: none;
  color: #000;
  resize: none;
}
.mail-chat-item-reply__textarea .form-textarea__input {
  width: 100%;
}
.mail-chat-item-reply__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mail-chat-item-reply__send-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  padding: 8px 25px;
  border-radius: 6px;
  color: #fff;
  font: 14px Roboto;
  font-size: 14px;
  letter-spacing: 0.88px;
  background-color: #00A6AD;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
  transition: background-color linear 0.1s;
}
.mail-chat-item-reply__send-btn:hover {
  background-color: rgb(0, 185.574566474, 193.4);
}
.mail-chat-item-reply__send-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mail-chat-item-reply__send-btn:disabled:hover {
  background-color: #00A6AD;
}
.mail-chat-item-reply__send-btn:disabled svg {
  color: rgba(0, 0, 0, 0.25);
}
.mail-chat-item-reply__send-btn-icon {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  fill: #808080;
}
.mail-chat-item-reply__actions-menu {
  display: flex;
}
.mail-chat-item-reply__actions-menu .chat-input__btn {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.mail-chat-item-reply__actions-menu .chat-input__btn-icon {
  width: 16px;
  height: 16px;
}
.mail-chat-item-reply__attach-btn, .mail-chat-item-reply__del-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 18px;
  color: #404040;
}
.mail-chat-item-reply__attach-btn::after, .mail-chat-item-reply__del-btn::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
.mail-chat-item-reply__attach-btn:hover svg, .mail-chat-item-reply__del-btn:hover svg {
  opacity: 1;
}
.mail-chat-item-reply__attach-btn > svg, .mail-chat-item-reply__del-btn > svg {
  opacity: 0.6;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.mail-chat-item-reply__attach-btn {
  margin-right: 15px;
  cursor: pointer;
}
.mail-chat-item--some-pending .mail-chat-item-reply__attach-btn {
  cursor: default;
}
.mail-chat-item--some-pending .mail-chat-item-reply__attach-btn > svg {
  opacity: 0.3;
}
.mail-chat-item-reply__del-btn {
  padding: 0;
}
.mail-chat-item-reply__del-btn:disabled {
  cursor: default;
}
.mail-chat-item-reply__del-btn:disabled > svg {
  opacity: 0.3;
}.mail-attachment-files {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border-radius: 6px;
  margin-top: 20px;
}
.mail-attachment-files:not(:last-child) {
  margin-right: 30px;
}
.mail-attachment-files__info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
}
.mail-attachment-files__content {
  position: relative;
  display: flex;
  width: 108px;
  height: 108px;
  margin-bottom: 5px;
  border-radius: 6px;
  justify-content: center;
}
.mail-attachment-files__counter {
  margin-bottom: 3px;
}
.mail-attachment-files__icon-file {
  width: 100%;
  height: 100%;
}
.mail-attachment-files__text {
  display: flex;
  max-width: 108px;
  overflow: hidden;
}
.mail-attachment-files__filename {
  margin: 0;
  font-size: 12px;
  color: #8C97B2;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mail-attachment-files__preview {
  border-radius: 6px;
  cursor: pointer;
}
.mail-attachment-files__banner-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  background-color: #00A6AD;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.mail-attachment-files__banner-icon--default {
  cursor: default;
}
.mail-attachment-files .video-thumbnail__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  background-color: #00A6AD;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.mail-attachment-files .video-thumbnail__icon svg {
  position: static;
  width: 12px;
  height: 12px;
}.info-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.info-menu__icon {
  fill: #808080;
  transition: fill 0.1s;
}
.info-menu--active .info-menu__icon {
  fill: #00A6AD;
}
.info-menu__popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 156px;
  max-height: 105px;
  border-radius: 6px;
  background-color: rgb(247, 250, 252);
  padding: 12px 12px 3px;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.info-menu__title {
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  color: #808080;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-menu__actions {
  margin-top: 16px;
  max-width: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 6px;
  column-gap: 17px;
}
.info-menu__action-btn svg {
  width: 20px;
  height: 20px;
  fill: #808080;
  cursor: pointer;
}
.info-menu__action-btn:hover svg {
  fill: #00A6AD;
  transition: fill 0.1s;
}.calendar-page {
  display: flex;
  flex-direction: column;
  min-width: 1280px;
  height: 100vh;
}
.calendar-page__main {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.calendar-page__main .booking-status-filters__item {
  color: #404040;
}
.calendar-page__main .booking-status-filters__item--active {
  background-color: #fff;
}
.calendar-page__main .booking-filters-list__item {
  border: 1px solid #E6EBF1;
}
.calendar-page .booking-status-filters-new {
  background-color: #E6EBF1;
}
.calendar-page .booking-status-filters-new__item--active {
  background-color: #fff;
}.calendar-header__new-booking-btn {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.calendar-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding: 0 90px 0 20px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.calendar-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 37px;
  margin-left: 20px;
}
.calendar-header__calendar-changer-date {
  width: 300px;
}
.calendar-header__input-wrap {
  height: 40px;
  width: 210px;
}
.calendar-header__link-list {
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 100%;
  align-items: flex-end;
}
.calendar-header__rest {
  flex-grow: 1;
  justify-content: space-between;
}
.calendar-header__calendar, .calendar-header__rest {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
}
.calendar-header__navbar-btn-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
}
.calendar-header__navbar-btn-wrap > svg {
  color: #00A6AD;
  width: 30px;
  height: 30px;
}
.calendar-header__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 32px;
  text-decoration: none;
  border-radius: 8px 8px 0 0;
  background-color: #F3F3F4;
  font-size: 12px;
  color: #000;
  transition: all 250ms;
  cursor: pointer;
}
.calendar-header__link--active {
  color: #fff;
  background-color: #80D3D6;
}
.calendar-header__today-btn {
  margin-left: 26px;
}
.calendar-header__tooltip {
  z-index: 1;
}
.calendar-header__new-booking-btn {
  font-size: 14px;
  height: 40px;
  width: 112px;
  padding: 10px;
  margin-left: 15px;
  background-color: #80D3D6;
  border-radius: 12px;
  justify-content: center;
  border-bottom: 1px solid #70b9bc;
}
.calendar-header__export-btn {
  height: 40px;
  padding: 10px;
  margin-left: 15px;
  border: 2px solid #00A6AD;
}
.calendar-header__export-btn svg {
  margin-left: 10px;
}.calendar-two-days {
  display: flex;
  width: 100%;
}
.calendar-two-days .calendar-timeline {
  width: 50%;
  min-width: 650px;
  flex-grow: 1;
}
.calendar-two-days .calendar-timeline__header-wrapper {
  background-color: #fff;
  padding: 0;
  border-top: 1px solid #99DBDE;
}
.calendar-two-days .calendar-timeline__header {
  padding: 0;
  border-top: none;
  background-color: transparent;
}
.calendar-two-days .calendar-timeline__header-block {
  background-color: #E5F6F7;
  height: 64px;
  padding: 18px 20px;
  width: 100%;
  justify-content: flex-start;
  gap: 8px;
}
.calendar-two-days .calendar-timeline__main-filters {
  flex-wrap: wrap;
}
.calendar-two-days .calendar-timeline__main-filters .booking-filters-list,
.calendar-two-days .calendar-timeline__main-filters .calendar-timeline__agent-select {
  margin-top: 25px;
}
.calendar-two-days .calendar-timeline__counter-box {
  top: auto;
  bottom: 7px;
  transform: none;
}
.calendar-two-days .bookings-select-filter {
  align-self: auto;
}.calendar-timeline {
  --gap: 40px;
  --date-wrapper-width: 170px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.calendar-timeline__header-block-bottom {
  display: flex;
  justify-content: space-between;
  width: 370px;
  padding: 0 20px;
  height: 30px;
  gap: 40px;
}
.calendar-timeline__header-block-bottom--two-days {
  width: 100%;
  padding: 16px 20px;
  height: 64px;
  margin-bottom: 8px;
}
.calendar-timeline__header-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #E5F6F7;
  padding: 16px 20px;
  border-top: 1px solid #99DBDE;
}
.calendar-timeline__filters {
  gap: 9px;
  flex-grow: 1;
}
.calendar-timeline .booking-status-filters .booking-status-filters__item--active {
  background-color: #fff;
}
.calendar-timeline__select-filter {
  width: 170px;
  height: 32px;
}
.calendar-timeline__creator-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #D9D8DC;
  padding: 4px 12px;
  width: 210px;
  border-radius: 8px;
}
.calendar-timeline__creator-wrapper--is-today {
  color: #00A6AD;
}
.calendar-timeline__creator-wrapper .calendar-timeline__date-wrapper {
  text-align: left;
}
.calendar-timeline__date-wrapper {
  width: 70%;
  text-align: center;
}
.calendar-timeline__new-booking {
  width: 18px;
  height: 18px;
  background-color: #80D3D6;
  border-radius: 6px;
  border-bottom: 1px solid #70b9bc;
  color: white;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-timeline__booking-tag {
  padding: 5px 7px;
  border-color: #E6EBF1;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.calendar-timeline__booking-tag--active {
  background-color: rgba(136, 214, 217, 0.44);
}
.calendar-timeline__date-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  margin-left: 8px;
  margin-right: 16px;
  font-size: 12px;
  font-weight: 500;
}
.calendar-timeline__new-booking-btn {
  padding: 0;
  display: flex;
  width: 14px;
  height: 14px;
  color: #F77FBE;
}
.calendar-timeline__new-booking-btn--first {
  color: #00A6AD;
}
.calendar-timeline__tags {
  display: flex;
  flex-direction: row;
  gap: 8px;
}.calendar-timeline-header {
  display: flex;
  flex-direction: row;
  gap: 40px;
  width: 100%;
  height: 100%;
}
.calendar-timeline-header__wrapper {
  padding: 16px 20px;
  height: 64px;
  min-height: 64px;
  border-top: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
  width: 100%;
}
.calendar-timeline-header__filters {
  gap: 8px;
}
.calendar-timeline-header__select-filter {
  width: 170px;
}.calendar-split {
  --header-gap: 15px;
  width: 100%;
}
.calendar-split__header {
  gap: var(--header-gap);
  background-color: #E5F6F7;
  padding: 16px 70px;
  border-top: 1px solid #99DBDE;
  height: 64px;
}
.calendar-split__filters {
  gap: var(--header-gap);
}
.calendar-split__select-filter {
  width: 180px;
}
.calendar-split__calendar-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.calendar-split__calendar {
  display: flex;
  flex-direction: column;
  width: 490px;
}
.calendar-split__calendar-controller {
  display: flex;
  align-items: center;
  align-self: flex-end;
  justify-content: space-between;
  width: 200px;
  margin-bottom: 30px;
  font-size: 18px;
  color: #00A6AD;
}
.calendar-split__calendar-controller-icon {
  width: 13px;
  height: 13px;
  color: #bfbfbf;
  cursor: pointer;
}
.calendar-split__calendar-controller-icon--next {
  transform: rotate(180deg);
}
.calendar-split__calendar-weekdays {
  display: flex;
  align-items: center;
  width: 490px;
  height: 16px;
  font-size: 12px;
  color: #8C97B2;
}
.calendar-split__calendar-weekdays-item {
  display: flex;
  width: 70px;
  padding-left: 2px;
  text-transform: uppercase;
}
.calendar-split__calendar-days-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  width: 490px;
  height: 500px;
}
.calendar-split__calendar-day {
  display: flex;
  flex-direction: column;
  width: 70px;
  border-radius: 6px;
  border: 1px solid #E6EBF1;
  cursor: pointer;
}
.calendar-split__calendar-day--active .calendar-split__calendar-day-number {
  background-color: #00A6AD;
  font-weight: bold;
  color: #fff;
}
.calendar-split__calendar-day--hidden .calendar-split__calendar-day-counters {
  opacity: 0.3;
}
.calendar-split__calendar-day--hidden .calendar-split__calendar-day-number {
  opacity: 0.6;
}
.calendar-split__calendar-day-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  font-size: 12px;
  color: #404040;
  background-color: #E6EBF1;
}
.calendar-split__calendar-day-counters {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}
.calendar-split__calendar-day-counter {
  display: flex;
  align-items: center;
  height: 14px;
  padding: 0 6px;
  font-size: 10px;
  font-style: italic;
  letter-spacing: 0.92px;
}
.calendar-split__calendar-day-dot {
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
}
.calendar-split__counters-wrap {
  display: flex;
  justify-content: center;
  width: 491px;
}
.calendar-split__counters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 370px;
  margin-top: 65px;
}
.calendar-split__counter {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 10px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #404040;
}
.calendar-split__counter--main {
  width: 370px;
  margin-bottom: 9px;
}
.calendar-split__counter--additional {
  width: 180px;
}
.calendar-split__counter-dot {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.calendar-split__timeline {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 25px 20px 0;
  gap: 40px;
}
.calendar-split__timeline-header {
  display: flex;
  padding: 0 22px;
  margin-bottom: 18px;
}
.calendar-split__tooltip-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  padding-top: 3px;
  line-height: 16px;
}
.calendar-split__tooltip-content > svg {
  height: 20px;
  width: 20px;
  margin-bottom: 6px;
}.calendar-week {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.calendar-week__header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
  border-top: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
  height: 64px;
  padding: 16px 20px;
}
.calendar-week__header {
  gap: 15px;
  width: 100%;
  height: 100%;
}
.calendar-week__filters {
  gap: 15px;
}
.calendar-week__select-filter {
  width: 170px;
}
.calendar-week__filters-container {
  display: flex;
}
.calendar-week__content-wrapper {
  height: max-content;
  display: flex;
  position: relative;
  flex-direction: row;
  flex-grow: 1;
  gap: 3px;
  padding: 16px 89px 0;
}
.calendar-week__reveal-btn {
  display: flex;
}.calendar-week-list__counts-control {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.calendar-week-list {
  height: 100%;
  width: calc(100% + 14px);
}
.calendar-week-list__list-container {
  height: 100%;
  width: 100%;
}
.calendar-week-list__scrollbar {
  right: -15px;
}
.calendar-week-list__list {
  display: flex;
  flex-direction: column;
  width: calc(100% - 14px);
}
.calendar-week-list__item {
  display: flex;
  flex-direction: column;
}
.calendar-week-list__item-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.calendar-week-list__dateline {
  position: relative;
  width: 14.2857142857%;
  display: flex;
  flex-direction: column;
}
.calendar-week-list__date--is-today {
  color: #00A6AD;
}
.calendar-week-list__date-next, .calendar-week-list__date-prev {
  display: flex;
  position: absolute;
  top: 20px;
  transform: scale(1.4);
  color: #494656;
  width: 22px;
  height: 22px;
  border: 1px solid #66C9CE;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}
.calendar-week-list__date-next > svg, .calendar-week-list__date-prev > svg {
  width: 5px;
}
.calendar-week-list__date-prev {
  left: 24px;
}
.calendar-week-list__date-next {
  right: 37px;
  transform: rotate(180deg) scale(1.4);
}
.calendar-week-list__item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.calendar-week-list__item-wrapper--collapsed .calendar-week-list__list {
  gap: 6px;
}
.calendar-week-list__load-wrap {
  display: flex;
  margin-top: 40px;
  justify-content: center;
}
.calendar-week-list__header {
  display: flex;
  border: 1px solid #D9D8DC;
  align-items: center;
  border-radius: 8px;
  padding: 5px 12px;
  width: 95%;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 23px;
}
.calendar-week-list__header--is-today {
  background-color: #E5F6F7;
  border-color: #99DBDE;
}
.calendar-week-list__counts-control {
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 400;
}
.calendar-week-list__new-booking {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background-color: #99DBDE;
  border-radius: 6px;
  color: #fff;
  border-bottom: 1px solid #70b9bc;
}
.calendar-week-list__new-booking--first {
  color: #00A6AD;
}
.calendar-week-list__new-booking > svg {
  width: 11px;
  height: 11px;
}
.calendar-week-list__load-wrap {
  height: 50px;
}

.calendar-week-list-collapsed-item {
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 5px;
  min-height: 29px;
  background-color: #E6EBF1;
  border-radius: 6px;
  border-top: 2px solid #FF5E57;
  border-right: 1px solid #FF5E57;
  border-left: 1px solid #FF5E57;
  font-size: 12px;
  box-sizing: content-box;
  overflow: hidden;
  line-height: 16px;
  cursor: pointer;
}
.calendar-week-list-collapsed-item > span:not(:last-child) {
  margin-right: 5px;
}
.calendar-week-list-collapsed-item__girl-name {
  color: #0092F2;
  max-width: 40%;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.calendar-week-list-collapsed-item__time {
  text-transform: lowercase;
  white-space: nowrap;
}.calendar-table {
  --header-gap: 15px;
  --select-filters-gap: 30px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.calendar-table__filters {
  margin-left: 30px;
  gap: 8px;
}
.calendar-table__header {
  flex-direction: column;
  align-items: start;
}
.calendar-table-select-filter__item {
  width: 180px;
}
.calendar-table__select-filters {
  display: flex;
  flex-direction: row;
  gap: var(--select-filters-gap);
  padding: 20px;
  width: 100%;
}
.calendar-table__agent-filters {
  display: flex;
  flex-direction: row;
  gap: var(--header-gap);
}
.calendar-table__main-filters {
  position: relative;
  background-color: #E5F6F7;
  border-top: 1px solid #99DBDE;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  padding: 16px 70px;
  width: 100%;
  height: 64px;
}
.calendar-table__secondary-filters {
  display: flex;
  align-items: center;
  gap: var(--select-filters-gap);
}
.calendar-table__agents {
  display: flex;
  flex-direction: row;
  gap: var(--header-gap);
}
.calendar-table__secondary-filter {
  display: flex;
  align-items: center;
  padding: 5px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  margin-left: 15px;
  letter-spacing: 0.5px;
  font-size: 12px;
}
.calendar-table__secondary-filter span {
  display: contents;
}
.calendar-table__secondary-filter--active {
  background-color: rgba(136, 214, 217, 0.44);
}
.calendar-table__secondary-filter--finished span {
  color: #005947;
}
.calendar-table__booking-tag {
  padding: 5px;
  border-color: #E6EBF1;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.calendar-table__booking-tag--active {
  background-color: rgba(136, 214, 217, 0.44);
}.calendar-table-bookings {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.calendar-table-bookings__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8C97B2;
  font-size: 14px;
  margin-bottom: 12px;
  z-index: 1;
}
.calendar-table-bookings__export-btn {
  height: 28px;
  color: #000;
  background: #fff;
  border: 2px solid #00A6AD;
  padding: 0 20px;
}
.calendar-table-bookings__export-btn svg {
  margin-left: 15px;
  width: 17px;
  height: 17px;
}
.calendar-table-bookings__sort-icon {
  width: 12px;
  height: 12px;
  transform: rotate(-90deg);
}
.calendar-table-bookings__sort-icon--asc {
  transform: rotate(90deg);
}
.calendar-table-bookings__sort-icon--active {
  color: #00A6AD;
}
.calendar-table-bookings__new-booking {
  display: flex;
  color: #00A6AD;
}
.calendar-table-bookings__table {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  padding-inline: 20px;
}
.calendar-table-bookings__table-header {
  display: flex;
  align-items: center;
  font-size: 14px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.calendar-table-bookings__table-header .calendar-table-bookings__table-col {
  height: 40px;
  justify-content: space-between;
  color: #808080;
  white-space: pre;
}
.calendar-table-bookings__table-header .calendar-table-bookings__table-col:nth-child(even) {
  background: #f7f9fa;
}
.calendar-table-bookings__table-header .calendar-table-bookings__table-col--status {
  justify-content: center;
}
.calendar-table-bookings__table-col {
  border: 0.5px solid #f4f7f9;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 12px;
  color: #404040;
  padding: 0 10px;
  gap: 12px;
  cursor: pointer;
}
.calendar-table-bookings__table-col-text {
  width: 100%;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.calendar-table-bookings__table-col-text--date {
  white-space: normal;
}
.calendar-table-bookings__table-col:nth-child(even) {
  background: rgba(230, 235, 241, 0.3);
}
.calendar-table-bookings__table-col--checkbox {
  width: 70px;
  min-width: 70px;
}
.calendar-table-bookings__table-col--date {
  width: 10%;
  min-width: 10%;
}
.calendar-table-bookings__table-col--escort, .calendar-table-bookings__table-col--client, .calendar-table-bookings__table-col--details {
  font-size: 12px;
  width: 14.5%;
  min-width: 14.5%;
}
.calendar-table-bookings__table-col--status {
  width: 4.3%;
  min-width: 4.3%;
}
.calendar-table-bookings__table-col--requirements {
  width: 70px;
  min-width: 70px;
}
.calendar-table-bookings__table-col--markers {
  width: 10.9%;
  min-width: 10.9%;
}
.calendar-table-bookings__table-col--operator {
  width: 10.5%;
  min-width: 10.5%;
}
.calendar-table-bookings__table-col--operator .booking-operator {
  font-style: normal;
  color: #0092F2;
}
.calendar-table-bookings__table-col--notes {
  width: calc(100% - 70px - 43.5% - 4.3% - 70px - 10.9% - 10.5%);
}
.calendar-table-bookings__list .calendar-table-bookings__table-col--status {
  justify-content: center;
}
.calendar-table-bookings__checkbox-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.calendar-table-bookings__checkbox-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.calendar-table-bookings__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background-color: #bfbfbf;
}
.calendar-table-bookings__checkbox--active {
  background-color: transparent;
}
.calendar-table-bookings__checkbox-check-icon {
  color: #00A6AD;
}
.calendar-table-bookings__list-container {
  height: 99%;
  width: 100%;
}
.calendar-table-bookings__spinner-wrap, .calendar-table-bookings__no-items {
  position: absolute;
  width: fit-content;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.calendar-table-bookings__no-items {
  font-size: 14px;
  color: #8C97B2;
}
.calendar-table-bookings .scrollbars-track {
  width: 5px;
  right: 5px;
}
.calendar-table-bookings .scrollbars-thumb {
  background-color: #808080;
}

.calendar-table-booking {
  display: flex;
  align-items: center;
}
.calendar-table-booking__status {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100% - 1px);
}
.calendar-table-booking__icons-list {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 18px;
}
.calendar-table-booking__icons-list-item {
  width: 15px;
  height: 15px;
}
.calendar-table-booking__icons-list-item--prebooking {
  color: #F77FBE;
}
.calendar-table-booking__requirements-indicator-box {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 7.5px;
}
.calendar-table-booking__requirements-indicator {
  width: 2.5px;
  height: 7.5px;
  background-color: #FF8C37;
}
.calendar-table-booking__requirements-indicator:not(:last-child) {
  margin-right: 3.5px;
}.contact-form {
  border: 1px solid #eee;
  box-shadow: 0 2px 2px #ccc;
  background-color: #fff;
  padding: 10px;
  width: 700px;
  text-align: left;
  max-height: 90vh;
  overflow-y: scroll;
}
.contact-form__lock {
  height: 33px;
  width: 33px;
  position: relative;
  overflow: hidden;
  margin-left: 100px;
}
.contact-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-form__title {
  margin: 10px 0;
}
.contact-form__img {
  width: 150px;
  height: 150px;
  margin-top: 10px;
  overflow: hidden;
}
.contact-form__label {
  font-size: 12px;
  white-space: nowrap;
  flex-basis: 80px;
}
.contact-form__group {
  margin-bottom: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
.contact-form__group-wrap {
  padding-left: 80px;
}
.contact-form__input {
  flex-grow: 1;
  padding: 7px 12px;
  font-size: 12px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.contact-form__btn {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
}
.contact-form__btn--pin {
  margin: 0 10px;
}
.contact-form__btn--lg {
  width: 100%;
  padding: 10px 12px;
}
.contact-form__btn--block {
  display: block;
  margin-left: 80px;
  margin-bottom: 10px;
}
.contact-form__btn--del {
  -position: relative;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}
.contact-form__btn--del::before, .contact-form__btn--del::after {
  content: "";
  position: absolute;
  top: 8px;
  height: 15px;
  width: 2px;
  background-color: red;
}
.contact-form__btn--del::before {
  transform: rotate(45deg);
}
.contact-form__btn--del::after {
  transform: rotate(-45deg);
}
.contact-form__btn:disabled {
  cursor: not-allowed;
}

.full-mode__wrap {
  height: calc(100vh - 100px);
  display: flex;
}
.full-mode__card-wrap {
  width: 400px;
}
.full-mode__chat-wrap {
  display: flex;
  flex-direction: column;
  margin-left: 40px;
  height: 100%;
}
.full-mode__chat-wrap .chat {
  flex-grow: 1;
  min-height: 300px;
  width: 652px;
}
.full-mode__chat-wrap .chat .spinner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.full-mode__chat-wrap .chat .chat__wrapper {
  height: calc(100% - 44px);
  flex-grow: 1;
}

.agent-select {
  flex-grow: 1;
  font-size: 12px;
}
.agent-select__menu {
  max-height: 180px;
  overflow: hidden;
}
.agent-select__menu-list {
  height: 100%;
}.countdown-timer {
  height: 100px;
  position: relative;
}
.countdown-timer__value {
  position: absolute;
  display: flex;
  width: 94px;
  height: 94px;
  justify-content: center;
  align-items: center;
  background: #494949;
  color: white;
  border-radius: 50%;
  font-size: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 3px;
  z-index: 10;
}
.countdown-timer__body {
  width: 100px;
  height: 100px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  clip: rect(0px, 100px, 100px, 50px);
  opacity: 0.99;
}
.countdown-timer__body--circle {
  width: 100px;
  height: 100px;
  border: 3px solid rgb(0, 255, 0);
  border-radius: 50%;
  position: absolute;
  clip: rect(0px, 50px, 100px, 0px);
  opacity: 0.99;
}
.countdown-timer div[data-anim~=base] {
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.countdown-timer__body[data-anim~=timer] {
  animation-duration: 0.01s;
  animation-name: closeWrapper;
}
.countdown-timer__body--circle[data-anim~=left] {
  animation-name: leftSpin;
}
.countdown-timer__body--circle[data-anim~=right] {
  animation-name: rightSpin;
}

@keyframes rightSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes leftSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes closeWrapper {
  to {
    clip: rect(auto, auto, auto, auto);
  }
}.modal-error {
  border: 1px solid #eee;
  padding: 100px 10px;
  width: 700px;
  background-color: white;
  text-align: center;
}
.modal-error--small {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 400px;
}.modal-img {
  width: unset;
  min-width: 100px;
  max-width: 90vw;
  height: unset;
  min-height: 100px;
  max-height: 90vh;
}
.modal-img--round {
  width: 50vh;
  height: 50vh;
  border-radius: 50%;
  background-color: #fff;
}.modal-video {
  position: relative;
  width: unset;
  height: unset;
  max-height: 90vh;
  min-width: 100px;
  max-width: 90vw;
  min-height: 100px;
}
.modal-video__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.modal-video__player-wrap {
  display: block;
  width: 100%;
  height: 100%;
}
.modal-video__player-wrap--pending {
  display: none;
}
.modal-video__player-wrap .video {
  width: 100%;
  height: 100%;
  overflow: hidden;
}.away-modal {
  background-color: #fff;
  padding: 96px 36px;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.away-modal__title {
  font-size: 23px;
  color: #808080;
  font-weight: bold;
}
.away-modal__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 50px;
  margin: 65px auto 0;
  padding: 15px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  background: #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}.mail-contact-list-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 370px;
  height: 690px;
  border-radius: 6px;
  box-shadow: 0 3px 0 0 #00A9AF;
  background-color: #E6EBF1;
  overflow: hidden;
}
.mail-contact-list-wrap__header {
  display: flex;
  justify-content: center;
  padding: 36px 20px 25px 20px;
}
.mail-contact-list-wrap__label-input-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.mail-contact-list-wrap__search-input-wrap {
  width: 100%;
}
.mail-contact-list-wrap__search-label {
  display: inline-flex;
  margin-bottom: 5px;
  color: #000001;
  font-size: 12px;
  letter-spacing: 1px;
}
.mail-contact-list-wrap__search-input {
  width: 100%;
  padding: 11px 55px 11px 9px;
  border-radius: 6px;
  border: solid 1px #bfbfbf;
  outline: none;
  font-family: Roboto;
  color: #404040;
}
.mail-contact-list-wrap__search-input::placeholder {
  font: 14px sans-serif;
  color: #bfbfbf;
}
.mail-contact-list-wrap__search-input:focus {
  border-color: #00A6AD;
}
.mail-contact-list-wrap .search-input__icon--clear {
  width: 9px;
  height: 9px;
  cursor: pointer;
}
.mail-contact-list-wrap__list {
  position: relative;
  flex-grow: 1;
  background-color: #FFFFFF;
  padding: 13px 5px 13px 12px;
  border-radius: 6px 6px 0 0;
}.mail-contact-list {
  height: 100%;
}
.mail-contact-list__list::-webkit-scrollbar {
  width: 4px;
}
.mail-contact-list__list::-webkit-scrollbar-track {
  background: transparent;
}
.mail-contact-list__list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.mail-contact-list__list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.mail-contact-list__list {
  overflow-y: scroll;
}
.mail-contact-list__list::-webkit-scrollbar-button {
  height: 0;
}
.mail-contact-list__list::-webkit-scrollbar-thumb {
  background: #808080;
  border-radius: 6px;
}
.mail-contact-list--centered {
  display: flex;
  justify-content: center;
  align-items: center;
}.not-for-contact-modal {
  display: flex;
  flex-direction: column;
  height: 690px;
  border-bottom: 2px solid #00A4AB;
  border-radius: 6px;
  overflow: hidden;
  background-color: #E6EBF1;
}
.not-for-contact-modal__title {
  margin-bottom: 6px;
  padding: 0 20px;
  font-size: 12px;
  text-align: left;
  letter-spacing: 1px;
}
.not-for-contact-modal__list-container {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: #808080;
  background-color: #fff;
}
.not-for-contact-modal__search-input {
  width: 330px;
  padding: 10px 40px 10px 10px;
}
.not-for-contact-modal__spinner-wrap {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.not-for-contact-modal__wrap {
  padding: 34px 0 24px 0;
  background-color: #E6EBF1;
}
.not-for-contact-modal__list {
  padding: 13px 17px;
}
.not-for-contact-modal__item {
  display: flex;
  margin-bottom: 11px;
  padding: 4px 7px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  background-color: #F6F9FC;
}
.not-for-contact-modal__item-img {
  overflow: hidden;
  background: transparent;
}
.not-for-contact-modal__item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
}
.not-for-contact-modal__item-info span {
  width: 100%;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.not-for-contact-modal__item-info span:first-child {
  color: #3565FD;
}
.not-for-contact-modal__item .lazy-load__container {
  width: 35px;
  height: 35px;
  margin-right: 11px;
  overflow: hidden;
}
.not-for-contact-modal .search-input {
  margin: 0 20px;
}
.not-for-contact-modal .search-input__icon {
  right: 11px;
}
.not-for-contact-modal .search-input__icon--clear {
  width: 9px;
  height: 9px;
}.feedback-form {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.feedback-form {
  width: 800px;
  border-radius: 6px;
  overflow: hidden;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.feedback-form__title {
  padding: 13px 30px;
  color: #808080;
  font-size: 18px;
  background-color: #E6EBF1;
}
.feedback-form__main {
  padding: 28px 31px 36px;
}
.feedback-form__fields-group {
  margin-bottom: 93px;
  display: flex;
  flex-wrap: wrap;
  gap: 36px 28px;
}
.feedback-form__fields-group-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
  font-size: 12px;
  letter-spacing: 1px;
  width: 100%;
  max-width: 180px;
}
.feedback-form__fields-group-wrap .select-form-field {
  width: 100%;
}
.feedback-form__fields-subgroup {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  gap: 25px;
}
.feedback-form__fields-subgroup .calendar-form-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 261px;
}
.feedback-form__fields-subgroup .calendar-form-field > button {
  height: 40px;
}
.feedback-form__submit-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 30px;
  gap: 30px;
}
.feedback-form__cancel-button {
  padding: 6px 22px;
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #BFBFBF;
}
.feedback-form__publish-button {
  padding: 11px 45px;
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  background-color: #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.feedback-form__publish-button--validation-errors {
  opacity: 0.3;
}
.feedback-form__field-error {
  position: absolute;
  bottom: -5px;
  left: 11px;
  width: 100%;
  color: #FF5E57;
  font-size: 12px;
  line-height: 13px;
  transform: translateY(100%);
}.feedback-contact-field {
  position: relative;
  width: 260px;
}
.feedback-contact-field__label {
  margin-bottom: 5px;
  font-size: 12px;
  letter-spacing: 1px;
}
.feedback-contact-field__button {
  cursor: pointer;
  border: 1px solid #D9D8DC;
  border-radius: 8px;
}
.feedback-contact-field__no-contact {
  padding: 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback-contact-field__placeholder {
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: 0.88px;
}
.feedback-contact-field__adr-book-icon {
  width: 12px;
  height: 12px;
  color: #808080;
}
.feedback-contact-field__drop-menu-icon {
  width: 10px;
  height: 10px;
  color: #808080;
}
.feedback-contact-field__contact {
  padding: 3px;
  display: flex;
  gap: 5px;
}
.feedback-contact-field__avatar-thumb {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.feedback-contact-field__text-info {
  padding: 1px 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.feedback-contact-field__name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #808080;
  font-size: 12px;
  font-weight: 500;
}
.feedback-contact-field__phone {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #808080;
  font-size: 12px;
}
.feedback-contact-field__tooltip {
  width: 95%;
  border-radius: 0 0 6px 6px;
  border-bottom: 2px solid #00A6AD;
  z-index: 10;
}
.feedback-contact-field__tooltip .popup-menu__item {
  text-transform: capitalize;
}
.feedback-contact-field__tooltip .popup-menu__item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}.search-list-escort-item {
  display: flex;
  column-gap: 15px;
  background-color: #F6F9FC;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}
.search-list-escort-item__avatar-thumb {
  width: 64px;
  height: 70px;
  flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}
.search-list-escort-item__avatar-thumb img {
  display: block;
}
.search-list-escort-item__info {
  padding: 9px 9px 9px 0;
  flex-grow: 1;
}
.search-list-escort-item__name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  position: relative;
  margin-bottom: 10px;
  padding-left: 23px;
  color: #0092F2;
  font-size: 12px;
}
.search-list-escort-item__name::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
.search-list-escort-item__name--available-now::before {
  background-color: #29F18E;
}
.search-list-escort-item__name--off-today::before {
  background-color: #F8737F;
}
.search-list-escort-item__short-info {
  color: #000;
  font-size: 12px;
}
.search-list-escort-item__short-info span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}.search-list-diva-item {
  display: flex;
  border: 1px solid transparent;
  border-radius: 6px;
  column-gap: 15px;
  cursor: pointer;
  background-color: #F6F9FC;
}
.search-list-diva-item:hover {
  border: 1px solid #29F18E;
}
.search-list-diva-item--selected {
  border-color: #88259C;
  cursor: not-allowed;
  background-color: #eccdec;
}
.search-list-diva-item--selected:hover {
  border: 1px solid #88259C;
}
.search-list-diva-item__desc {
  color: #000;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.search-list-diva-item__avatar-thumb {
  flex-shrink: 0;
  width: 64px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}
.search-list-diva-item__avatar-thumb img {
  display: block;
}
.search-list-diva-item__info {
  padding: 9px 9px 0 0;
  flex-grow: 1;
}
.search-list-diva-item__name {
  position: relative;
  margin-bottom: 10px;
  padding-left: 23px;
  color: #0092F2;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.search-list-diva-item__name::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
.search-list-diva-item__name--available-now::before {
  background-color: #29F18E;
}
.search-list-diva-item__name--off-today::before {
  background-color: #F8737F;
}
.search-list-diva-item__short-info {
  color: #000;
  font-size: 12px;
}
.search-list-diva-item__short-info span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}.feedback-textarea-field {
  position: relative;
  width: 100%;
}
.feedback-textarea-field__label {
  margin-bottom: 5px;
  width: max-content;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
}
.feedback-textarea-field__textarea-wrap {
  height: 146px;
  padding: 11px 5px 11px 11px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
}
.feedback-textarea-field__textarea-wrap textarea {
  width: 100%;
  height: 100%;
  padding: 0 8px 0 0;
  border: none;
  resize: none;
  outline: none;
  color: #4C4C4C;
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.35;
}
.feedback-textarea-field__textarea-wrap textarea::-webkit-scrollbar {
  width: 5px;
}
.feedback-textarea-field__textarea-wrap textarea::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 3px;
}.calendar-form-field {
  position: relative;
  font-family: Manrope, Roboto, sans-serif;
  width: 100%;
  height: 100%;
}
.calendar-form-field__label {
  margin-bottom: 5px;
  font-size: 12px;
  letter-spacing: 1px;
}
.calendar-form-field__button {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
}
.calendar-form-field__placeholder {
  color: #bfbfbf;
}
.calendar-form-field__icon {
  width: 10px;
  height: 10px;
}
.calendar-form-field__icon--calendar {
  position: absolute;
  left: 10px;
}
.calendar-form-field__tooltip {
  z-index: 400;
}.profile-carousel {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: center;
}
.profile-carousel__holder {
  position: relative;
  height: 100%;
  width: 100%;
}
.profile-carousel__header-text {
  width: 83%;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-carousel__controller {
  position: absolute;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.profile-carousel__controller--right {
  left: -80px;
}
.profile-carousel__controller--left {
  right: -80px;
}
.profile-carousel__image-inner {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  transition: opacity 0.5s;
  opacity: 0;
  overflow: hidden;
}
.profile-carousel__image-inner--active {
  pointer-events: all;
  opacity: 1;
}
.profile-carousel__image, .profile-carousel .lazy-load__error {
  transition: opacity 0.5s;
  object-fit: contain;
  margin: auto auto 0px;
}
.profile-carousel__prev-slide, .profile-carousel__next-slide {
  user-select: none;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 225px;
  height: 150px;
  cursor: pointer;
}
.profile-carousel__prev-slide:hover, .profile-carousel__next-slide:hover {
  background-color: rgba(236, 226, 226, 0.3);
}
.profile-carousel__prev-slide {
  left: calc(50% - 225px);
}
.profile-carousel__next-slide {
  left: 50%;
}.filters-editor {
  height: 786px;
  width: 952px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  color: #808080;
  font-size: 14px;
  text-align: initial;
  overflow: hidden;
}
.filters-editor .filters-editor__header, .filters-editor .filters-editor__footer {
  display: flex;
}
.filters-editor .filters-editor__main-container {
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
}
.filters-editor .filters-editor__btn-container {
  display: flex;
  flex-direction: row;
}
.filters-editor__btn {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 0;
}
.filters-editor__btn--cancel {
  color: #FF5E57;
}
.filters-editor__btn--submit {
  margin-left: 22px;
}
.filters-editor__btn--submit::after {
  content: "";
  mask-image: url("data:image/svg+xml,%3csvg%20id='check'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2011.9'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m5.434%2011.697-5.2-5.2c-.312-.312-.312-.819%200-1.131l1.131-1.132a.8015.8015%200%200%201%201.132%200L6%207.737%2013.503.234c.312-.312.819-.312%201.131%200l1.131%201.132c.313.312.313.819%200%201.131l-9.2%209.2a.7985.7985%200%200%201-1.131%200Z'/%3e%3c/svg%3e");
  mask-size: 20px;
  background-color: #00A6AD;
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.filters-editor__btn--submit:disabled {
  color: #808080;
  cursor: default;
}
.filters-editor__btn--submit:disabled::after {
  background-color: #808080;
}
.filters-editor__input {
  height: 40px;
  width: 100%;
}
.filters-editor__btn {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 0;
}
.filters-editor__btn--cancel {
  color: #FF5E57;
}
.filters-editor__btn--submit {
  margin-left: 22px;
  color: #00A6AD;
}
.filters-editor__btn--submit::after {
  content: "";
  mask-image: url("data:image/svg+xml,%3csvg%20id='check'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2011.9'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m5.434%2011.697-5.2-5.2c-.312-.312-.312-.819%200-1.131l1.131-1.132a.8015.8015%200%200%201%201.132%200L6%207.737%2013.503.234c.312-.312.819-.312%201.131%200l1.131%201.132c.313.312.313.819%200%201.131l-9.2%209.2a.7985.7985%200%200%201-1.131%200Z'/%3e%3c/svg%3e");
  mask-size: 20px;
  background-color: #00A6AD;
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.filters-editor__btn--submit:disabled {
  color: #808080;
  cursor: default;
}
.filters-editor__btn--submit:disabled::after {
  background-color: #808080;
}
.filters-editor__header {
  height: 54px;
  min-height: 54px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  padding: 0 26px;
}
.filters-editor__main-container {
  padding: 14px 26px 26px;
}
.filters-editor__lists-zone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 32px;
  height: 100%;
}
.filters-editor__zone {
  position: relative;
}
.filters-editor__zone--services::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  right: -16px;
  background-color: gray;
}
.filters-editor__zone-title {
  padding: 0 12px;
  margin-bottom: 28px;
  text-transform: capitalize;
}
.filters-editor__zone-title--services {
  text-align: right;
}
.filters-editor__zone-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-top: 1px solid #808080;
  padding: 16px 6px;
}
.filters-editor__list-container {
  display: flex;
  height: 100%;
}
.filters-editor__services {
  height: 100%;
}
.filters-editor__list-wrap {
  height: 100%;
  width: 100%;
}
.filters-editor__list {
  height: 100%;
  list-style: none;
}
.filters-editor__lists-zone {
  overflow: hidden;
}
.filters-editor__search-input {
  width: 189px;
  height: 40px;
  margin-bottom: 16px;
}
.filters-editor__list-item-wrap {
  display: flex;
  border: 2px solid black;
  border-radius: 6px;
  height: 30px;
  justify-content: space-between;
  align-items: center;
  padding: 0 22px;
  color: #000;
  letter-spacing: 1px;
  top: auto !important;
  left: auto !important;
  margin-bottom: 4px;
}
.filters-editor__list-item-wrap--filters {
  border-color: #0996F2;
}
.filters-editor__list-item-wrap--services {
  border-color: #FFBF35;
}
.filters-editor__list-item-wrap--filters-choosen {
  background-color: #B2DEFB;
  border-color: #B2DEFB;
}
.filters-editor__list-item-wrap--services-choosen {
  background-color: #FBEFB6;
  border-color: #FBEFB6;
}
.filters-editor__list-item {
  width: 80%;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filters-editor__add-list-item {
  height: 100%;
  width: 26px;
  position: relative;
  cursor: pointer;
}
.filters-editor__add-list-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 12px;
  background-color: #3BC864;
}
.filters-editor__add-list-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 12px;
  width: 2px;
  background-color: #3BC864;
}
.filters-editor__close-list-item {
  height: 100%;
  width: 26px;
  position: relative;
  cursor: pointer;
}
.filters-editor__close-list-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 12px;
  width: 2px;
  background-color: #FF584F;
}
.filters-editor__close-list-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  height: 12px;
  width: 2px;
  background-color: #FF584F;
}.booking-form__diva-info, .booking-form__requirements-title, .booking-form__client-text-content, .booking-form__status-btn, .booking-form__fields-wrapper-title, .booking-form__select-incall-address, .booking-form__location, .booking-form__location-controls, .booking-form__btn--add-duo, .booking-form__messages-list, .booking-form__booking-details-wrapper--info, .fields-request {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-form {
  width: 1140px;
  max-height: 100vh;
  padding: 30px 0;
}
.booking-form__client-tag {
  background-color: #F3F3F4;
}
.booking-form__main {
  display: flex;
  position: relative;
  height: 800px;
  border-radius: 6px;
  color: #000;
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  font-family: Roboto;
  letter-spacing: 1px;
  background-color: #fff;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
}
.booking-form__avatar-container {
  position: relative;
}
.booking-form__channel-type {
  position: absolute;
  bottom: -10px;
  left: -6px;
  transform: translateX(-50%);
  height: 18px;
  width: 18px;
}
.booking-form__channel-type--telegram, .booking-form__channel-type--robot {
  color: #0092F2;
}
.booking-form__channel-type--whatsapp {
  color: #03c275;
}
.booking-form__channel-type--apple {
  color: #808080;
}
.booking-form__map {
  display: flex;
  justify-content: center;
  align-items: center;
}
.booking-form__map .leaflet-container {
  width: 100%;
  height: 100%;
}
.booking-form__map .leaflet-bottom {
  display: none;
}
.booking-form__map .leaflet-marker-icon {
  display: flex;
  justify-content: center;
}
.booking-form__map--disabled {
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(1);
}
.booking-form__marker {
  position: relative;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 0 50% 50% 50%;
  background: #FF5E57;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.5);
  transform: rotate(-136deg);
}
.booking-form__marker-img {
  position: absolute;
  margin: auto;
  border-radius: 50%;
  transform: rotate(135deg);
  inset: 0;
}
.booking-form__content-wrapper {
  position: relative;
  width: 715px;
  padding: 34px 25px 32px 20px;
  border-right: 1px solid #E5F6F7;
  overflow-y: scroll;
}
.booking-form__content-wrapper::-webkit-scrollbar {
  width: 0;
}
.booking-form__profile-short-info {
  letter-spacing: 0;
  color: #0C201F;
  margin-bottom: 6px;
  display: block;
}
.booking-form__booking-total-rate {
  font-weight: bold;
}
.booking-form__type-input-group {
  display: flex;
  gap: 15px;
}
.booking-form__duo-logo {
  position: absolute;
  top: 11px;
  right: 27px;
  color: #FF41BF;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0;
}
.booking-form__diva-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
.booking-form__diva-control-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.booking-form__diva-control-btns .feedback-contact-field {
  width: auto;
}
.booking-form__diva-control-btns .feedback-contact-field__button {
  border: none;
}
.booking-form__diva-info-block {
  display: flex;
  flex-grow: 1;
  border-radius: 6px;
  overflow: hidden;
  background-color: #F8F8F8;
  border-radius: 6px;
  max-width: 510px;
}
.booking-form__diva-info-block .lazy-load__container {
  width: 64px;
  height: 94px;
}
.booking-form__diva-info-block .lazy-load__image {
  border-radius: 6px;
}
.booking-form__diva-info-block:not(:last-child) {
  margin-bottom: 5px;
}
.booking-form__diva-info {
  position: relative;
  flex-grow: 1;
  height: 100px;
  margin-left: 15px;
  overflow-y: scroll;
  width: 100%;
}
.booking-form__diva-info::-webkit-scrollbar {
  width: 0;
}
.booking-form__requirements-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #0092F2;
  font-size: 12px;
  letter-spacing: 0;
}
.booking-form__requirements-title--has-agent {
  color: #88259C;
}
.booking-form__diva-avatar {
  cursor: pointer;
}
.booking-form__diva-name {
  display: flex;
  align-items: center;
  color: #494656;
  margin: 6px 0;
  cursor: pointer;
}
.booking-form__diva-name::before {
  display: block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 50%;
}
.booking-form__diva-name--available-now::before {
  content: "";
  background-color: #01df85;
}
.booking-form__diva-name--off-today::before {
  content: "";
  background-color: #ff4052;
}
.booking-form__diva-name--has-agent {
  color: #88259C;
}
.booking-form__diva-name-wrapper {
  display: flex;
  align-items: center;
  color: #F8737F;
}
.booking-form__agent-icon {
  width: 10px;
  height: 10px;
  margin-left: 11px;
}
.booking-form__no-tags {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  color: #808080;
  font-size: 10px;
}
.booking-form__client-info {
  display: flex;
}
.booking-form__client-info .lazy-load__container {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.booking-form__client-info-block-wrapper {
  background-color: #F8F8F8;
}
.booking-form__client-info-block {
  padding: 5px;
  width: 292px;
  border-radius: 6px;
  height: 96px;
  cursor: pointer;
  background-color: #F8F8F8;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.booking-form__client-info-block:hover {
  color: rgb(var(--darker-tertiary-color));
  background-color: rgba(var(--tertiary-color), 0.075);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.booking-form__client-info-block::-webkit-scrollbar {
  width: 0;
}
.booking-form__client-text-content {
  display: flex;
  flex-direction: column;
  max-width: 210px;
  margin-left: 10px;
}
.booking-form__client-name {
  overflow: hidden;
  cursor: pointer;
  color: #494656;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
}
.booking-form__client-contact {
  margin-top: 6px;
  overflow: hidden;
  color: #808080;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
}
.booking-form__client-tags-wrapper {
  margin-top: 4px;
  margin-left: 10px;
}
.booking-form__client-tags-wrapper .contact-tags__tag--hidden-count {
  height: 16px;
  line-height: 13px;
  width: 36px;
}
.booking-form__tags {
  display: flex;
  flex-wrap: wrap;
}
.booking-form__services-input {
  outline: none;
  border: none;
  padding: 5px 10px;
}
.booking-form__services-input::placeholder {
  color: #000;
  letter-spacing: 0.9px;
}
.booking-form__services-input-wrap {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E5F6F7;
  width: 250px;
  z-index: 1;
}
.booking-form__tag {
  border-radius: 6px;
  color: #4a4a4a;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  background-color: #F3F3F4;
  margin-right: 0;
  height: 16px;
}
.booking-form__tag > span {
  line-height: 13px;
}
.booking-form__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 26px;
}
.booking-form__btns-wrap {
  display: flex;
  align-items: center;
}
.booking-form__btns-wrap .feedback-contact-field {
  width: 138px;
  margin-left: 60px;
}
.booking-form__btns-wrap .feedback-contact-field__button {
  width: 138px;
  border: none;
}
.booking-form__status-btn {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  background: #fff;
  align-self: flex-start;
  padding: 10px;
  margin-left: 132px;
  font-size: 12px;
  border-radius: 6px;
  text-transform: capitalize;
}
.booking-form__status-btn > svg {
  width: 8px;
}
.booking-form__status-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.booking-form__status-popup {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  width: 240px;
  padding: 12px 15px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.booking-form__status-popup-header {
  color: #808080;
  margin-bottom: 15px;
  text-align: start;
}
.booking-form__status-popup-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 15px;
}
.booking-form__status-popup-list-item {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  margin-right: 15px;
  margin-bottom: 11px;
  cursor: pointer;
}
.booking-form__status-popup-list-item .booking-form__dot {
  margin-left: 5px;
}
.booking-form__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.booking-form__profile-tags-wrapper {
  margin-top: 10px;
}
.booking-form__fields-request-control-wrap {
  display: flex;
  width: 100%;
  height: 30px;
  justify-content: space-between;
}
.booking-form__fields-wrapper {
  display: flex;
  padding: 23px 18px 19px;
  border-bottom: 1px solid #E5F6F7;
  text-align: left;
}
.booking-form__fields-wrapper-title {
  color: #8C8A94;
}
.booking-form__fields-wrapper--time {
  position: relative;
  flex-direction: column;
  padding: 16px 20px;
  gap: 15px;
}
.booking-form__fields-wrapper--is-duo {
  padding: 0 0 15px 0;
  border: 0;
  flex-wrap: wrap;
}
.booking-form__fields-wrapper--is- {
  padding: 0;
}
.booking-form__fields-wrapper--select-fields {
  position: relative;
  gap: 15px;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  border-bottom: none;
  height: 28px;
}
.booking-form__fields-wrapper--services {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  padding: 11px 16px 14px;
  border-bottom: 1px solid #E5F6F7;
}
.booking-form__fields-wrapper--services .debounce-input {
  position: absolute;
  right: 0;
  top: 52px;
}
.booking-form__fields-wrapper--services .debounce-input__input {
  border-color: #808080;
  height: 26px;
}
.booking-form__fields-wrapper--services .debounce-input__input::placeholder {
  color: #808080;
}
.booking-form__fields-wrapper--contacts {
  flex-wrap: nowrap;
  padding: 0 0 34px;
  border-bottom: 1px solid #E5F6F7;
  padding: 0 16px 16px;
  gap: 15px;
  min-height: 131px;
  align-items: flex-start;
}
.booking-form__fields-wrapper--location {
  padding: 23px 15px 20px;
}
.booking-form__select-wrapper {
  width: 100%;
}
.booking-form__select-wrapper .select-form-field {
  width: 100%;
}
.booking-form__select-wrapper .select-form-field--address .field-select__menu {
  width: auto;
}
.booking-form__select-title {
  color: #000;
}
.booking-form__select-incall-address {
  padding: 11px;
  color: #404040;
  font-size: 14px;
  line-height: 19px;
}
.booking-form__field {
  flex-shrink: 0;
}
.booking-form__field:has(input:disabled) {
  cursor: not-allowed;
}
.booking-form__field-select-group {
  height: 28px;
  display: flex;
  gap: 15px;
  width: 100%;
  justify-content: space-between;
}
.booking-form__field--type {
  display: flex;
  position: relative;
  flex-direction: column;
}
.booking-form__field--location {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 30px;
}
.booking-form__field--location .booking-form__location-info {
  margin-right: 30px;
}
.booking-form__field--location .field-select {
  width: 100%;
}
.booking-form__field--location .field-select__control {
  cursor: pointer;
  box-shadow: none;
}
.booking-form__field--location .field-select__control:hover {
  border-color: #bfbfbf;
}
.booking-form__field--location .field-select__value-container {
  padding: 2px 9px;
  padding-right: 0;
  font-size: 14px;
  letter-spacing: 0.88px;
}
.booking-form__field--location .field-select__placeholder {
  color: #bfbfbf;
}
.booking-form__field--location .field-select__input-container, .booking-form__field--location .field-select__single-value {
  color: #404040;
}
.booking-form__field--location .field-select__indicators {
  height: 27px;
}
.booking-form__field--location .field-select__indicator {
  padding: 11px 9px 11px 0;
  color: #808080;
}
.booking-form__field--location .field-select__indicator:hover {
  color: #808080;
}
.booking-form__field--location .field-select__indicator svg {
  width: 16px;
  height: 16px;
  fill: #808080;
}
.booking-form__field--location .field-select__menu {
  left: 5px;
  right: 5px;
  margin: 0;
  width: auto;
  overflow: hidden;
  border-bottom: 2px solid #00A6AD;
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.booking-form__field--location .field-select__menu-list {
  padding: 0;
}
.booking-form__field--location .field-select__option {
  padding: 11px 14px 11px 15px;
  color: #808080;
  font-size: 12px;
  letter-spacing: 1px;
}
.booking-form__field--location .field-select__option:nth-child(even) {
  background-color: #F3F3F4;
}
.booking-form__field--location .field-select__option--is-focused:nth-child(n) {
  background-color: #88D6D9;
}
.booking-form__field--location .field-select__option--is-selected {
  background-color: transparent;
  color: #00A6AD;
}
.booking-form__field--rate .select-form-field, .booking-form__field--taxi .select-form-field, .booking-form__field--discount .select-form-field {
  min-width: 102px;
}
.booking-form__booking-type {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  cursor: pointer;
}
.booking-form__booking-type:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.5;
}
.booking-form__booking-type-name {
  width: 98px;
  text-align: left;
}
.booking-form__booking-type input {
  display: none;
}
.booking-form__booking-type input:disabled + [class*=selected]::before {
  background-color: #bfbfbf;
}
.booking-form__location {
  width: 100%;
  height: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  outline: none;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 19px;
  font-family: Roboto;
  letter-spacing: 0.88px;
}
.booking-form__location-info {
  width: 100%;
}
.booking-form__location-controls {
  color: #0C201F;
  display: flex;
}
.booking-form__location-error {
  display: block;
  margin-top: 2px;
  margin-left: 10px;
  color: #FF5E57;
}
.booking-form__location-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 9px 5px;
  font-size: 12px;
}
.booking-form__location-info-header ~ div {
  width: 100%;
  height: 93px;
  padding: 6px 9px 8px;
  border: 1px solid #E2E2E4;
  border-radius: 6px;
  outline: none;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.88px;
}
.booking-form__booking-radio-field {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  cursor: pointer;
}
.booking-form__booking-radio-field--location {
  margin: 0;
}
.booking-form__booking-radio-field--location:last-child {
  margin-left: 18px;
}
.booking-form__booking-radio-field input {
  display: none;
}
.booking-form__btn {
  padding: 5px 24px;
  font-size: 12px;
  border-radius: 6px;
  text-align: center;
  letter-spacing: 2px;
}
.booking-form__btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.booking-form__btn-icon {
  color: #494656;
  width: 16px;
  height: 16px;
}
.booking-form__btn-icon--add-special {
  width: 26px;
}
.booking-form__btn-icon--location {
  margin: 0;
  margin-right: 9px;
}
.booking-form__btn-icon--edit {
  margin: 0;
}
.booking-form__btn-icon--delete-profile {
  width: 6px;
  height: 6px;
  margin: 0;
  color: #fff;
}
.booking-form__btn-icon--clear-profile {
  width: 20px;
  height: 20px;
  color: #FF3D2B;
}
.booking-form__btn--clear-profile {
  position: absolute;
  top: 9px;
  right: 2px;
  padding: 0;
  transform: rotate(45deg);
}
.booking-form__btn--location {
  display: flex;
  align-items: center;
  padding: 0;
  line-height: normal;
  letter-spacing: normal;
}
.booking-form__btn--location--edit {
  margin: 0;
}
.booking-form__btn--location--delete-profile {
  width: 6px;
  height: 6px;
  margin: 0;
  color: #fff;
}
.booking-form__btn--add-duo {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 8px;
  letter-spacing: 0;
  border-radius: 8px;
  background-color: #fff;
}
.booking-form__btn--add-special {
  display: flex;
  align-items: center;
  max-width: 162px;
  height: 36px;
  margin-left: 22px;
  padding: 0 19px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 1px;
  background-color: #fff;
}
.booking-form__btn--request-messages {
  padding: 0;
  width: 24px;
  height: 24px;
  background-color: #66C9CE;
  border-bottom: #5AB1B5;
}
.booking-form__btn--request-messages svg {
  margin: 0;
  width: 11px;
  height: 11px;
  color: #fff;
}
.booking-form__btn--booking-editor {
  padding: 0;
}
.booking-form__btn--booking-editor svg {
  color: #808080;
}
.booking-form__btn--done, .booking-form__btn--book-another {
  display: block;
  width: 100%;
  height: 40px;
  margin: 55px auto 36px;
  color: #fff;
  font-weight: 600;
  background-color: #00A6AD;
}
.booking-form__btn--done {
  max-width: 110px;
}
.booking-form__btn--book-another {
  max-width: fit-content;
  margin: 0 auto;
}
.booking-form__btn--cancel {
  color: #fff;
  font-weight: 600;
  background-color: #F8737F;
}
.booking-form__btn--submit {
  height: 40px;
  color: #fff;
  font-weight: 600;
  background-color: #00A6AD;
}
.booking-form__btn--edit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 11px;
  padding: 0;
}
.booking-form__btn--zenkit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  background: url(/assets/zenkit-M5QG34ij.png) no-repeat center center;
  background-size: contain;
  margin-right: 17px;
}
.booking-form__btn--delete-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: 17px;
  padding: 0;
  border-radius: 50%;
  background-color: #FF5E57;
}
.booking-form__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-form__radio {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 50%;
  background: #808080;
}
.booking-form__radio--selected::before {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 50%;
  content: "";
  background-color: #3ef18e;
  inset: 0;
}
.booking-form__messages-list {
  max-height: 160px;
  overflow-y: scroll;
}
.booking-form__messages-list::-webkit-scrollbar {
  width: 4px;
}
.booking-form__messages-list::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #E6EBF1;
}
.booking-form__booking-details-wrapper {
  padding: 24px;
}
.booking-form__booking-details-wrapper--messages {
  padding: 0 24px;
  overflow: hidden;
  background-color: transparent;
}
.booking-form__booking-details-wrapper--notes {
  padding: 0 24px 24px;
}
.booking-form__booking-details-wrapper--requirements-duo {
  padding: 0 24px;
}
.booking-form__booking-details-group-block {
  display: flex;
}
.booking-form__booking-details-title {
  margin-right: 8px;
  color: #8C97B2;
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0;
}
.booking-form__booking-details-title-label {
  text-transform: capitalize;
}
.booking-form__booking-details-group {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0;
}
.booking-form__booking-details-group time {
  align-self: center;
}
.booking-form__booking-details-group span {
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0;
}
.booking-form__booking-details-group--request-msg {
  flex-direction: column;
  line-height: 16px;
}
.booking-form__booking-details-group--rate, .booking-form__booking-details-group--extras {
  width: 176px;
  margin-right: 30px;
}
.booking-form__booking-details-group--discount span {
  color: #0E970C;
  font-weight: bold;
}
.booking-form__booking-details-group--girl-name {
  margin-top: 8px;
}
.booking-form__booking-details-group--girl-name > h4 {
  color: #0092F2;
}
.booking-form__booking-details-group--has-agent > h4 {
  color: #88259C;
}
.booking-form__agent-icon {
  width: 10px;
  height: 10px;
  margin-left: 16px;
}
.booking-form__booking-request-msg {
  margin: 6px 0;
  line-height: 16px !important;
}
.booking-form__info-wrapper {
  width: 425px;
  text-align: left;
  overflow-y: scroll;
  border-radius: 0 6px 6px 0;
  background-color: #E5F6F7;
}
.booking-form__info-wrapper::-webkit-scrollbar {
  width: 0;
}
.booking-form__field-error {
  position: absolute;
  bottom: -2px;
  left: 11px;
  transform: translateY(100%);
  color: #FF5E57;
  font-size: 12px;
  letter-spacing: 1px;
}
.booking-form__field-error--type {
  transform: translateY(50%);
}
.booking-form__front-wrap {
  display: flex;
  z-index: 6;
  position: absolute;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 6px;
  background-color: #fff;
  inset: 0;
}
.booking-form__front-wrap-title {
  color: #808080;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}
.booking-form__front-wrap-success {
  display: flex;
  flex-direction: column;
  align-self: start;
  margin-top: 120px;
}
.booking-form::-webkit-scrollbar {
  width: 0;
}
.booking-form__choose-button {
  width: 160px;
  height: 50px;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 23px 0;
}
@media screen and (max-width: 1770px) {
  .booking-form #calendar-form-field[popover] {
    top: calc(anchor(bottom) - 100px);
  }
}

.services-list {
  display: flex;
  flex-wrap: wrap;
}
.services-list__item {
  margin-right: 3px;
  margin-bottom: 5px;
}

.fields-request {
  display: flex;
  gap: 15px;
  font-size: 14px;
  color: #808080;
}
.fields-request__item {
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 8px;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fields-request__item:hover {
  color: rgb(var(--darker-tertiary-color));
  background-color: rgba(var(--tertiary-color), 0.075);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.fields-request input {
  display: none;
}
.fields-request__radio {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #808080;
}
.fields-request__radio--selected {
  background-color: #808080;
}
.fields-request__radio--selected::after {
  content: "";
  position: absolute;
  width: 85%;
  height: 90%;
  left: 1px;
  top: 1px;
  mask-image: url("data:image/svg+xml,%3csvg%20id='check'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='16'%20height='16'%20viewBox='0%200%2016%2011.9'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m5.434%2011.697-5.2-5.2c-.312-.312-.312-.819%200-1.131l1.131-1.132a.8015.8015%200%200%201%201.132%200L6%207.737%2013.503.234c.312-.312.819-.312%201.131%200l1.131%201.132c.313.312.313.819%200%201.131l-9.2%209.2a.7985.7985%200%200%201-1.131%200Z'/%3e%3c/svg%3e");
  mask-size: 100%;
  background-color: #3ef18e;
}.booking-tooltip-add-from__btn {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-tooltip-add-from__btn {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}
.booking-tooltip-add-from__btn svg {
  color: #00A6AD;
}
.booking-tooltip-add-from__list-wrap {
  background-color: #fff;
  border-radius: 6px;
  box-sizing: content-box;
  height: 447px;
  width: 327px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.09);
  padding: 16px 12px 24px 12px;
  z-index: 150;
}
.booking-tooltip-add-from__list {
  padding-right: 14px;
}
.booking-tooltip-add-from__list-container {
  height: 100%;
}
.booking-tooltip-add-from__item {
  margin-bottom: 12px;
  cursor: pointer;
}
.booking-tooltip-add-from__item:hover {
  background-color: #F3F3F4;
}
.booking-tooltip-add-from__item-header {
  display: flex;
  align-items: center;
  padding: 6px 10px 6px 5px;
}
.booking-tooltip-add-from__item-name {
  font-size: 12px;
  line-height: 16px;
  color: #3565FD;
  text-align: left;
}
.booking-tooltip-add-from__item-time {
  margin-left: auto;
  font-size: 10px;
  line-height: 13px;
  color: #808080;
  transform: translateY(3px);
}
.booking-tooltip-add-from__item-body {
  padding: 6px 25px;
  text-align: left;
  font-size: 12px;
}
.booking-tooltip-add-from__icon {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.booking-tooltip-add-from__icon--telegram {
  color: #0092F2;
}
.booking-tooltip-add-from__icon--whatsapp {
  color: #03c275;
}
.booking-tooltip-add-from__no-items {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}.booking-status {
  display: flex;
  font-size: 12px;
  height: 18px;
  align-items: center;
  padding: 1px 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  letter-spacing: 1px;
  text-transform: capitalize;
  cursor: pointer;
}
.booking-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-left: 5px;
}.booking-cancel-form {
  display: flex;
  font-size: 12px;
  width: 500px;
  height: 120px;
  padding: 12px 15px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.booking-cancel-form__reasons {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  width: 50%;
}
.booking-cancel-form__reasons-title {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0;
  text-align: left;
}
.booking-cancel-form__reasons-label {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.booking-cancel-form__reasons-label input {
  margin-right: 5px;
}
.booking-cancel-form__reasons-label span {
  text-transform: none;
}
.booking-cancel-form__radio {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-right: 5px;
}
.booking-cancel-form__actions {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.booking-cancel-form__actions-descr {
  height: 70%;
  padding: 5px 0;
}
.booking-cancel-form__actions-descr textarea {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  font-size: 14px;
  height: 100%;
  outline: none;
  padding: 5px;
  resize: none;
  width: 100%;
}
.booking-cancel-form__actions-btns {
  align-items: center;
  display: flex;
  height: 30%;
  justify-content: space-evenly;
}
.booking-cancel-form__btn {
  border-radius: 4px;
  color: #fff;
  min-width: 72px;
  padding: 5px 15px;
}
.booking-cancel-form__btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.booking-cancel-form__btn--submit {
  background-color: #03c275;
}
.booking-cancel-form__btn--close {
  background-color: #e75d68;
}.overlapped-booking-msg__warning-msg {
  width: 91%;
  margin: 2px;
  padding: 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  background-color: #fff;
}
.overlapped-booking-msg__warning-msg-wrap {
  display: flex;
  border-radius: 6px;
  background-color: #F8737F;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.overlapped-booking-msg__warning-msg-icon {
  width: 19px;
  height: 19px;
  color: #fff;
}
.overlapped-booking-msg__warning-msg-icon-wrap {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.overlapped-booking-msg__warning-msg-link {
  cursor: pointer;
  color: #0092F2;
}.booking-special-request__btn--save, .booking-special-request__btn--cancel {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-special-request {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  z-index: 6;
}
.booking-special-request__control-wrap {
  display: flex;
  align-items: center;
}
.booking-special-request__control-wrap .calendar-form-field {
  width: auto;
  margin-left: auto;
}
.booking-special-request__control-wrap .calendar-form-field__button {
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  background-color: #66C9CE;
  border-bottom: #5AB1B5;
  justify-content: center;
  margin-left: 5px;
  border-radius: 6px;
  transition: all 0.15s ease-in-out;
}
.booking-special-request__control-wrap .calendar-form-field__button > svg {
  color: #fff;
}
.booking-special-request__control-wrap .calendar-form-field__button:hover {
  background-color: #99DBDE;
}
.booking-special-request__control-wrap time {
  flex-grow: 1;
  text-align: right;
}
.booking-special-request__tooltip {
  display: flex;
  z-index: 2;
  flex-direction: column;
  width: 100%;
  max-width: 571px;
  height: 588px;
  border-radius: 6px;
  background-color: #E6EBF1;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.booking-special-request__main {
  flex-grow: 1;
  padding: 29px 14px 10px;
  border-bottom: 2px solid #00A6AD;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.booking-special-request__main-header {
  display: flex;
  justify-content: space-between;
  padding: 0 26px;
  margin-bottom: 5px;
}
.booking-special-request__request {
  position: relative;
  margin-bottom: 15px;
  padding: 22px 12px;
  border-radius: 6px;
  color: #4a4a4a;
  font-style: italic;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
  background-color: #F3F3F4;
}
.booking-special-request__request-wrap {
  flex-grow: 1;
  height: 377px;
  padding: 23px 17px;
}
.booking-special-request__title {
  color: #808080;
  font-size: 14px;
  letter-spacing: 0;
}
.booking-special-request__subtitle {
  color: #808080;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
}
.booking-special-request__btns-wrapper {
  display: flex;
  align-items: center;
}
.booking-special-request__btn {
  font-size: 12px;
  padding: 0;
  border: none;
}
.booking-special-request__btn-icon {
  width: 20px;
}
.booking-special-request__btn-icon--check {
  margin-left: 9px;
}
.booking-special-request__btn-icon--add {
  color: #00A6AD;
  margin-right: 6px;
}
.booking-special-request__btn-icon--request {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 15px;
  color: #808080;
}
.booking-special-request__btn-icon--delete {
  width: 6px;
  height: 6px;
}
.booking-special-request__btn-icon--add-from {
  color: #00A6AD;
  width: 16px;
  margin-right: 9px;
}
.booking-special-request__btn--save {
  padding: 4px 8px;
  border-radius: 8px;
  color: #fff;
  display: flex;
  align-items: flex-end;
  margin-left: 24px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
}
.booking-special-request__btn--save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-special-request__btn--cancel {
  color: #DE2424;
  background-color: #FEF2F2;
  padding: 4px 8px;
  border-radius: 8px;
}
.booking-special-request__btn--add-from {
  display: flex;
  align-items: center;
  color: #808080;
  font-size: 14px;
  margin-right: 15px;
}
.booking-special-request__btn--add-from:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-special-request__btn--delete {
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #fff;
  background-color: #F8737F;
}
.booking-special-request__header {
  display: flex;
  justify-content: space-between;
  padding: 19px 31px;
  align-items: center;
}
.booking-special-request__label {
  margin-bottom: 5px;
  width: max-content;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
}
.booking-special-request__textarea-wrap {
  height: 96px;
  transition: 0.5s ease;
}
.booking-special-request__textarea-wrap--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-special-request__textarea-wrap textarea {
  width: 100%;
  height: 100%;
  padding: 12px 10px;
  border: 1px solid #E2E2E4;
  border-radius: 6px;
  outline: none;
  color: #404040;
  font-size: 14px;
  line-height: 1.35;
  resize: none;
  transition: all 0.15s ease-in-out;
}
.booking-special-request__textarea-wrap textarea::-webkit-scrollbar {
  width: 5px;
}
.booking-special-request__textarea-wrap textarea::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 3px;
}
.booking-special-request__textarea-wrap textarea:focus-visible {
  border-color: #00A6AD;
}
.booking-special-request__list-wrap {
  flex-grow: 1;
  margin-right: -12px;
  margin-top: 23px;
}
.booking-special-request__list {
  padding: 0px 29px 0px 17px;
}
.booking-special-request__list-container {
  height: 100%;
}
.booking-special-request__list-item {
  position: relative;
  margin-bottom: 12px;
  background-color: #F3F3F4;
  padding: 22px 15px 12px;
}
.booking-special-request__list-item-body {
  font-size: 14px;
  line-height: 19px;
  color: #4a4a4a;
  font-style: italic;
  text-align: left;
}.booking-special-request-messages {
  position: relative;
  width: 100%;
}
.booking-special-request-messages__tooltip {
  display: flex;
  z-index: 5;
  flex-direction: column;
  width: 100%;
  max-width: 571px;
  height: 588px;
  border-radius: 6px;
  background-color: #E6EBF1;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.booking-special-request-messages__message {
  display: flex;
  justify-content: space-between;
  min-height: 198px;
  margin-top: 29px;
  margin-bottom: 9px;
  border-bottom: 1px solid #bfbfbf;
}
.booking-special-request-messages__message-field {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.booking-special-request-messages__main {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 534px;
  padding: 0 14px 10px;
  border-bottom: 2px solid #00A6AD;
  border-radius: 6px;
  overflow-y: scroll;
  background-color: #fff;
}
.booking-special-request-messages__main-header {
  display: flex;
  justify-content: space-between;
  padding: 0 17px;
  margin-bottom: 3px;
}
.booking-special-request-messages__main::-webkit-scrollbar {
  width: 5px;
}
.booking-special-request-messages__main::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 3px;
}
.booking-special-request-messages__date-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 190px;
  margin-right: 10px;
  padding-bottom: 25px;
}
.booking-special-request-messages__request {
  position: relative;
  border-radius: 6px;
  background-color: #F3F3F4;
  color: #4a4a4a;
  font-size: 14px;
  font-style: italic;
  line-height: 19px;
  text-align: left;
  padding: 22px 12px;
}
.booking-special-request-messages__request-wrap {
  flex-grow: 1;
  padding: 23px 17px;
}
.booking-special-request-messages__title {
  color: #808080;
  font-size: 14px;
  letter-spacing: 0;
}
.booking-special-request-messages__subtitle {
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
}
.booking-special-request-messages__btns-wrapper {
  display: flex;
  align-items: center;
}
.booking-special-request-messages__btn {
  padding: 0;
  border: none;
  font-size: 12px;
}
.booking-special-request-messages__btn-icon {
  width: 20px;
}
.booking-special-request-messages__btn-icon--check {
  margin-left: 9px;
}
.booking-special-request-messages__btn-icon--clear {
  width: 8px;
  color: #fff;
}
.booking-special-request-messages__btn-icon--add {
  color: #00A6AD;
  margin-right: 6px;
}
.booking-special-request-messages__btn-icon--request {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  color: #808080;
}
.booking-special-request-messages__btn-icon--delete {
  width: 5px;
  height: 5px;
}
.booking-special-request-messages__btn--cancel {
  color: #F8737F;
}
.booking-special-request-messages__btn--save {
  display: flex;
  align-items: flex-end;
  margin-left: 25px;
  padding: 0;
  color: #00A6AD;
}
.booking-special-request-messages__btn--save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-special-request-messages__btn--clear {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  margin-right: 3px;
  border-radius: 50%;
  font-size: 14px;
  background-color: #F8737F;
}
.booking-special-request-messages__btn--clear:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-special-request-messages__btn--add-from {
  display: flex;
  align-items: center;
  align-self: flex-end;
  margin-right: 10px;
  color: #808080;
  font-size: 14px;
  text-transform: capitalize;
}
.booking-special-request-messages__btn--add-from:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-special-request-messages__btn--delete {
  display: flex;
  position: absolute;
  top: 1px;
  right: 2px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #fff;
  background-color: #F8737F;
}
.booking-special-request-messages__header {
  display: flex;
  justify-content: space-between;
  padding: 19px 31px;
  align-items: center;
}
.booking-special-request-messages__label {
  margin-bottom: 5px;
  width: max-content;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
}
.booking-special-request-messages__textarea-wrap {
  flex-grow: 1;
  padding: 0 17px 23px;
}
.booking-special-request-messages__textarea-wrap textarea {
  width: 100%;
  height: 100%;
  padding: 13px 8px 8px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  outline: none;
  color: #808080;
  font-size: 14px;
  line-height: 19px;
  font-family: Roboto;
  letter-spacing: 0.88px;
  resize: none;
}
.booking-special-request-messages__textarea-wrap textarea::placeholder {
  color: #bfbfbf;
}
.booking-special-request-messages__textarea-wrap textarea::-webkit-scrollbar {
  width: 5px;
}
.booking-special-request-messages__textarea-wrap textarea::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 3px;
}.booking-requirements__item-label {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-requirements {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.booking-requirements__error-msg {
  color: #F20C0C;
}
.booking-requirements__symbol {
  position: absolute;
  right: 0;
}
.booking-requirements__symbol--msg-to-client {
  width: fit-content;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.booking-requirements__symbol--save {
  background-color: #80D3D6;
  color: #fff;
  font-weight: bold;
  padding: 2px 5px;
  border-radius: 7px;
  font-size: 15px;
}
.booking-requirements__symbol--success {
  color: #80D3D6;
}
.booking-requirements__api-status-wrap {
  position: relative;
}
.booking-requirements__item {
  width: fit-content;
  border-radius: 6px;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.booking-requirements__item:hover {
  color: rgb(var(--darker-tertiary-color));
  background-color: rgba(var(--tertiary-color), 0.075);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.booking-requirements__item-label {
  background-color: #fff;
  width: fit-content;
  height: 24px;
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.booking-requirements__item-label:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.5;
}
.booking-requirements__item-label span {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.booking-requirements__item-checkbox {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 13.5px;
  height: 13.5px;
  border: 1px solid #00A6AD;
  border-radius: 2px;
  color: #fff;
  background-color: #fff;
}
.booking-requirements__item-checkbox--checked {
  background-color: #00A6AD;
}
.booking-requirements__item-input {
  display: none;
}
.booking-requirements__icon-check {
  width: 10px;
}.services-field-item__label {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.services-field-item__input {
  display: none;
}
.services-field-item__check {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  color: #29F18E;
}
.services-field-item__label {
  display: flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 8px;
  color: #0C201F;
  font-weight: 500;
  font-size: 12px;
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #ECECED;
}
.services-field-item__label--is-paid-service {
  background-color: #B4EFFD;
}
.services-field-item__label--is-paid-service span {
  margin-left: 4px;
}
.services-field-item__label--unchecked::after {
  display: block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  border: 1px solid #8C8A94;
  border-radius: 2px;
  content: "";
}.bookings-list-by-form-list {
  height: 60px;
  gap: 14px;
}
.bookings-list-by-form-list--revealed {
  height: inherit;
}
.bookings-list-by-form-list__more-button {
  bottom: 19px;
}
.bookings-list-by-form .typing-indicator {
  zoom: 5;
}
.bookings-list-by-form strong {
  margin: auto;
  color: #9e9ea1;
  font-size: 36px;
}

@keyframes appearing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}.gorizontal-list {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  width: 100%;
}
.gorizontal-list__pending {
  margin: auto;
}
.gorizontal-list strong {
  margin: auto;
}
.gorizontal-list__more-button {
  position: absolute;
  right: -42px;
  background-color: #88D6D9;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.gorizontal-list__more-button--revealed {
  display: flex;
  height: 22px;
  width: 22px;
  background-color: #fff;
  margin: 2px;
}
.gorizontal-list__more-button > svg {
  margin: auto;
  height: 10px;
  width: 10px;
  color: #4a4a4a;
}.booking-edit-form__title, .booking-edit-form__checkbox, .booking-edit-form__operator, .booking-edit-form__client-text-content, .booking-edit-form__status-btn, .booking-edit-form__booking-summary, .booking-edit-form__note, .booking-edit-form__btn--cancel, .booking-edit-form__btn--delete-booking, .booking-edit-form__booking-details-group {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-edit-form {
  width: 1330px;
  max-height: 100vh;
  padding: 30px 0;
}
.booking-edit-form__client-tags-wrapper {
  position: relative;
}
.booking-edit-form__client-tags-wrapper .overflowed-tags__tags-floating-panel-content {
  padding-left: 10px;
  background-color: rgb(var(--tertiary-color), var(--light-highlighted-opacity));
}
.booking-edit-form__client-tag {
  background-color: #F3F3F4;
}
.booking-edit-form__title {
  color: #fff;
}
.booking-edit-form__main {
  display: flex;
  position: relative;
  height: 800px;
  margin-top: 36px;
  border-radius: 6px;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  font-family: Roboto;
  letter-spacing: 1px;
  background-color: #fff;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
}
.booking-edit-form__requirements-title {
  display: flex;
  align-items: center;
  color: #0092F2;
}
.booking-edit-form__requirements-title--has-agent {
  color: #88259C;
}
.booking-edit-form__spinner-updating {
  margin-left: 20px;
}
.booking-edit-form__content-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 899px;
  padding: 0 10px 0 0;
  overflow-y: scroll;
  background-color: #E5F6F7;
}
.booking-edit-form__content-wrapper::-webkit-scrollbar {
  width: 4px;
  background-color: #E5F6F7;
}
.booking-edit-form__content-wrapper::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #E6EBF1;
}
.booking-edit-form__checkbox {
  background-color: #fff;
  width: fit-content;
  height: 24px;
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.booking-edit-form__checkbox > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.booking-edit-form__checkbox > span:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #8C8A94;
  border-radius: 2px;
}
.booking-edit-form__checkbox-input {
  width: 0;
  visibility: hidden;
}
.booking-edit-form__checkbox-input:checked + span:before {
  border: 1px solid #01DF85;
  background-color: #01DF85;
}
.booking-edit-form__checkbox-list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.booking-edit-form__checkbox-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 20px 32px;
  position: relative;
}
.booking-edit-form__operator {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 0 12px;
}
.booking-edit-form__operator-title {
  margin-right: 6px;
  color: #8C97B2;
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0;
}
.booking-edit-form__operator-name {
  font-size: 12px;
  color: #0092F2;
}
.booking-edit-form__booking-total-rate {
  font-weight: bold;
}
.booking-edit-form__selected-profiles {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-self: stretch;
  margin-left: 30px;
  width: 331px;
}
.booking-edit-form__selected-profiles-spinner-wrapper {
  display: flex;
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
}
.booking-edit-form__selected-profiles--is-no-profiles {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 329px;
  height: 94px;
}
.booking-edit-form__duo-logo {
  position: absolute;
  top: 28px;
  right: 132px;
  color: #FF41BF;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0;
}
.booking-edit-form__diva-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
.booking-edit-form__diva-control-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 40px;
}
.booking-edit-form__diva-control-btns .feedback-contact-field {
  width: auto;
}
.booking-edit-form__diva-control-btns .feedback-contact-field__button {
  border: none;
}
.booking-edit-form__diva-info-block {
  display: flex;
  flex-grow: 1;
  border-radius: 6px;
  overflow: hidden;
  background-color: #E6EBF1;
}
.booking-edit-form__diva-info-block .lazy-load__container {
  width: 64px;
  height: 94px;
}
.booking-edit-form__diva-info-block .lazy-load__image {
  border-radius: 6px;
}
.booking-edit-form__diva-info-block:not(:last-child) {
  margin-bottom: 5px;
}
.booking-edit-form__diva-info {
  position: relative;
  flex-grow: 1;
  width: 250px;
  height: 94px;
  margin-left: 15px;
  overflow-y: scroll;
}
.booking-edit-form__diva-info::-webkit-scrollbar {
  width: 0;
}
.booking-edit-form__diva-name {
  display: flex;
  align-items: center;
  color: #0092F2;
  margin: 6px 0 6px 6px;
}
.booking-edit-form__diva-name::before {
  display: block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 50%;
}
.booking-edit-form__diva-name--available-now::before {
  content: "";
  background-color: #01df85;
}
.booking-edit-form__diva-name--off-today::before {
  content: "";
  background-color: #ff4052;
}
.booking-edit-form__no-tags {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  color: #808080;
  font-size: 10px;
}
.booking-edit-form__client-info {
  display: flex;
  padding: 5px;
}
.booking-edit-form__client-info .lazy-load__container {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.booking-edit-form__client-info-block {
  position: relative;
  height: 100px;
  background-color: #F8F8F8;
  border-radius: 6px;
  width: 292px;
}
.booking-edit-form__client-info-block::-webkit-scrollbar {
  width: 0;
}
.booking-edit-form__client-text-content {
  display: flex;
  flex-direction: column;
  max-width: 210px;
  margin-left: 10px;
}
.booking-edit-form__client-name {
  overflow: hidden;
  cursor: pointer;
  color: #494656;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
}
.booking-edit-form__client-contact {
  margin-top: 6px;
  overflow: hidden;
  color: #808080;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
}
.booking-edit-form__client-tags-wrapper {
  position: relative;
  padding-left: 10px;
}
.booking-edit-form__client-tags-wrapper .contact-tags__tag--hidden-count {
  height: 16px;
  line-height: 13px;
  width: 36px;
}
.booking-edit-form__tags {
  display: flex;
  flex-wrap: wrap;
}
.booking-edit-form__tag {
  border-radius: 6px;
  color: #4a4a4a;
  height: 16px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  background-color: #F3F3F4;
  margin-right: 0;
}
.booking-edit-form__tag > span {
  line-height: 13px;
}
.booking-edit-form__header {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.booking-edit-form__header-block {
  display: flex;
  align-items: center;
  gap: 60px;
}
.booking-edit-form__header-container {
  display: flex;
  align-items: center;
  width: 899px;
  justify-content: space-between;
}
.booking-edit-form__btns-wrap {
  display: flex;
  align-items: center;
}
.booking-edit-form__btns-wrap .feedback-contact-field {
  width: fit-content;
}
.booking-edit-form__btns-wrap .feedback-contact-field__button {
  border: none;
}
.booking-edit-form__status-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  min-width: fit-content;
  height: 32px;
  gap: 6px;
  background: #fff;
  align-self: flex-start;
  padding: 10px;
  font-size: 12px;
  border-radius: 6px;
  border: 1px solid #ECECED;
  transition: all 0.15s ease-in-out;
}
.booking-edit-form__status-btn:hover {
  background-color: #F8F8F8;
}
.booking-edit-form__status-btn-icon {
  width: 8px;
  height: 8px;
}
.booking-edit-form__booking-summary {
  position: relative;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.booking-edit-form__booking-summary-title {
  display: flex;
  justify-content: space-between;
  color: #8C8A94;
}
.booking-edit-form__booking-summary-title > span {
  font-weight: 500;
}
.booking-edit-form__booking-summary-title .icon-button, .booking-edit-form__booking-summary-title .content {
  background-color: transparent;
}
.booking-edit-form__status-popup {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  width: 240px;
  padding: 12px 15px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.booking-edit-form__status-popup-header {
  color: #808080;
  margin-bottom: 15px;
  text-align: start;
}
.booking-edit-form__status-popup-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.booking-edit-form__status-popup-list-item {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  margin-right: 15px;
  margin-bottom: 11px;
  cursor: pointer;
}
.booking-edit-form__status-popup-list-item .booking-form__dot {
  margin-left: 5px;
}
.booking-edit-form__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.booking-edit-form__profile-tags-wrapper {
  margin-top: 10px;
}
.booking-edit-form__note {
  margin-top: 10px;
  outline: none;
}
.booking-edit-form__note-caption {
  display: flex;
  color: #8C8A94;
}
.booking-edit-form__note-icon {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}
.booking-edit-form__note-attach-icon {
  width: 15px;
  height: 15px;
  color: #00A6AD;
}
.booking-edit-form__note-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 2px;
  color: #000;
  font-size: 12px;
  line-height: 16px;
}
.booking-edit-form__note-textarea {
  max-width: 326px;
  height: 96px;
  overflow-y: scroll;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  word-wrap: break-word;
  resize: none;
}
.booking-edit-form__note-textarea::-webkit-scrollbar {
  width: 4px;
}
.booking-edit-form__note-textarea::-webkit-scrollbar-track {
  background: transparent;
}
.booking-edit-form__note-textarea::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.booking-edit-form__note-textarea::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.booking-edit-form__note-textarea-wrap {
  border: 1px solid #E2E2E4;
  height: 259px;
  margin-top: 4px;
  padding: 8px;
}
.booking-edit-form__attachment-list {
  margin: 12px;
}
.booking-edit-form__attachment-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.booking-edit-form__attachment-item:hover * {
  visibility: visible;
}
.booking-edit-form__atachment-link-clear {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 0;
  color: #FF5E57;
  visibility: hidden;
}
.booking-edit-form__attachment-link {
  color: blue;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.booking-edit-form__fields {
  height: 100%;
  background-color: #fff;
}
.booking-edit-form__fields-group-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  background-color: #fff;
}
.booking-edit-form__fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px 32px;
  text-align: left;
  border-top: 1px solid #E5F6F7;
}
.booking-edit-form__fields-wrapper-title {
  margin-bottom: 17px;
}
.booking-edit-form__fields-wrapper--contacts {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.booking-edit-form__fields-wrapper--booking-details {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.booking-edit-form__fields-wrapper--special-request {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.booking-edit-form__fields-wrapper--booking-address {
  position: relative;
  justify-content: space-between;
}
.booking-edit-form__fields-wrapper--messages {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 629px;
}
.booking-edit-form__fields-wrapper--prebookings {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  background-color: #fff;
}
.booking-edit-form__field--type {
  display: flex;
  position: relative;
  flex-direction: column;
}
.booking-edit-form__field--duration {
  margin-left: 15px;
}
.booking-edit-form__booking-type {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  cursor: pointer;
}
.booking-edit-form__booking-type input {
  display: none;
}
.booking-edit-form__btn {
  padding: 5px 24px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  transition: all 0.15s ease-in-out;
}
.booking-edit-form__btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.booking-edit-form__btn-icon {
  width: 11px;
  height: 11px;
}
.booking-edit-form__btn-icon--add-special {
  width: 26px;
}
.booking-edit-form__btn-icon--edit {
  margin: 0;
}
.booking-edit-form__btn-icon--delete-profile {
  width: 6px;
  height: 6px;
  margin: 0;
  color: #fff;
}
.booking-edit-form__btn-icon--operator {
  width: 14px;
  margin: 0;
}
.booking-edit-form__btn-icon--cancel {
  width: 13px;
  margin-right: 9px;
  color: #fff;
}
.booking-edit-form__btn--add-escort {
  display: flex;
  align-items: center;
  padding: 18px 21px;
  color: #000;
  text-transform: capitalize;
  letter-spacing: 1px;
  background: #88D6D9;
  gap: 20px;
}
.booking-edit-form__btn--edit-address {
  position: absolute;
  right: 36px;
  padding: 0;
  width: 24px;
  height: 24px;
  background-color: #66C9CE;
  border-bottom: #5AB1B5;
  color: #fff;
}
.booking-edit-form__btn--edit-details {
  position: absolute;
  right: 36px;
  top: 18px;
  padding: 0;
  width: 24px;
  height: 24px;
  background-color: #66C9CE;
  border-bottom: #5AB1B5;
  color: #fff;
}
.booking-edit-form__btn--edit-details:hover {
  background-color: #99DBDE;
}
.booking-edit-form__btn--operator {
  display: flex;
  align-items: center;
  margin-left: 22px;
  padding: 0;
  color: #494656;
}
.booking-edit-form__btn--add-duo {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 138px;
  height: 36px;
  padding: 5px 18px;
  letter-spacing: 1px;
  background-color: #fff;
}
.booking-edit-form__btn--add-special {
  display: flex;
  align-items: center;
  max-width: 162px;
  height: 36px;
  margin-left: 22px;
  padding: 0 19px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 1px;
  background-color: #fff;
}
.booking-edit-form__btn--request-messages {
  padding: 0;
}
.booking-edit-form__btn--request-messages svg {
  margin: 0;
}
.booking-edit-form__btn--done, .booking-edit-form__btn--book-another {
  display: block;
  width: 100%;
  height: 40px;
  margin: 55px auto 36px;
  color: #fff;
  font-weight: 600;
  background-color: #00A6AD;
}
.booking-edit-form__btn--done {
  max-width: 110px;
}
.booking-edit-form__btn--book-another {
  max-width: 160px;
  margin: 0 auto;
}
.booking-edit-form__btn--cancel {
  display: flex;
  align-items: center;
  color: #8C8A94;
  background-color: #fff;
  padding: 0 10px;
  border-radius: 100px;
  height: 32px;
  justify-content: center;
  gap: 8px;
  line-height: 2px;
}
.booking-edit-form__btn--cancel svg {
  color: #FF7373;
  margin: 0;
  width: 11px;
  height: 11px;
}
.booking-edit-form__btn--submit {
  height: 40px;
  color: #fff;
  font-weight: 600;
  background-color: #00A6AD;
}
.booking-edit-form__btn--edit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 11px;
  padding: 0;
}
.booking-edit-form__btn--delete-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background-color: #FF5E57;
}
.booking-edit-form__btn--delete-booking {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  color: #0C201F;
  border: 1px solid #ECECED;
  background-color: #FFE0E0;
  gap: 6px;
  transition: all 0.15s ease-in-out;
}
.booking-edit-form__btn--delete-booking > svg {
  color: #494656;
}
.booking-edit-form__btn--delete-booking:hover {
  background-color: #ECECED;
}
.booking-edit-form__btn--zenkit {
  padding: 0;
  background-color: #fff;
  margin-left: 70px;
}
.booking-edit-form__btn--zenkit svg {
  width: 32px;
  height: 32px;
  padding: 4px;
  color: #FF8C37;
}
.booking-edit-form__radio {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 50%;
  background: #808080;
}
.booking-edit-form__radio--selected::before {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 50%;
  content: "";
  background-color: #3ef18e;
  inset: 0;
}
.booking-edit-form__agent-icon {
  width: 10px;
  height: 10px;
  margin-left: 11px;
}
.booking-edit-form__booking-details-wrapper {
  padding: 10px 0 0 0;
  border-radius: 6px;
}
.booking-edit-form__booking-details-wrapper--messages {
  background-color: transparent;
}
.booking-edit-form__booking-details-type {
  margin-left: 3px;
  text-transform: capitalize;
}
.booking-edit-form__booking-details-title {
  margin-right: 8px;
  color: #8C97B2;
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0;
}
.booking-edit-form__booking-details-title--diva-name {
  color: #0092F2;
}
.booking-edit-form__booking-details-title--has-agent {
  color: #88259C;
}
.booking-edit-form__booking-details-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-grow: 1;
}
.booking-edit-form__booking-details-group-block {
  display: flex;
  flex-wrap: wrap;
}
.booking-edit-form__booking-details-group span {
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0;
}
.booking-edit-form__booking-details-group--request-msg {
  line-height: 16px;
  gap: 4px;
}
.booking-edit-form__booking-details-group--taxi {
  margin-right: 23px;
}
.booking-edit-form__booking-details-group--taxi {
  margin-left: 23px;
}
.booking-edit-form__booking-details-group--rate {
  margin-right: 23px;
}
.booking-edit-form__booking-details-group--address-full {
  flex-grow: 1;
}
.booking-edit-form__booking-details-group--discount span {
  color: #0E970C;
  font-weight: bold;
}
.booking-edit-form__booking-details-group--taxi-note span {
  width: 565px;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
}
.booking-edit-form__booking-request-msg {
  margin: 6px 0;
  line-height: 16px !important;
}
.booking-edit-form__info-block-wrapper {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
  padding: 9px 30px 10px 25px;
  overflow: hidden;
  text-align: left;
  flex-grow: 1;
}
.booking-edit-form__booking-summary {
  position: relative;
  padding: 20px 30px 12px 25px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.booking-edit-form__booking-summary-title {
  display: flex;
  justify-content: space-between;
}
.booking-edit-form__booking-summary-title > span {
  font-weight: 500;
  font-style: italic;
}
.booking-edit-form__info-wrapper {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
  padding: 9px 30px 10px 10px;
  overflow: hidden;
  text-align: left;
  flex-grow: 1;
  background-color: #E5F6F7;
}
.booking-edit-form__field-error {
  position: absolute;
  bottom: -2px;
  left: 11px;
  transform: translateY(100%);
  color: #FF5E57;
  font-size: 12px;
  letter-spacing: 1px;
}
.booking-edit-form__field-error--type {
  transform: translateY(50%);
}
.booking-edit-form__front-wrap {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #fff;
  inset: 0;
}
.booking-edit-form__front-wrap-title {
  color: #808080;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}
.booking-edit-form__front-wrap-success {
  display: flex;
  flex-direction: column;
  align-self: start;
  margin-top: 120px;
}
.booking-edit-form::-webkit-scrollbar {
  width: 0;
}
.booking-edit-form__avatar-container {
  position: relative;
}
.booking-edit-form__channel-type {
  position: absolute;
  bottom: -10px;
  left: calc(5px * -1);
  transform: translateX(-50%);
  height: 18px;
  width: 18px;
}
.booking-edit-form__channel-type--telegram, .booking-edit-form__channel-type--robot {
  color: #0092F2;
}
.booking-edit-form__channel-type--whatsapp {
  color: #03c275;
}
.booking-edit-form__channel-type--apple {
  color: #808080;
}
.booking-edit-form__open-map-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 15px;
  background-color: #80D3D6;
  border-bottom: 1px solid #70b9bc;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  justify-content: center;
  width: 94px;
  transition: all 0.15s ease-in-out;
}
.booking-edit-form__open-map-btn > svg {
  height: 11px;
  width: 11px;
}
.booking-edit-form__open-map-btn:hover {
  background-color: #99DBDE;
}
.booking-edit-form #booking-special-request-messages-calendar[popover] {
  left: calc(anchor(right) + 10px);
  translate: 0 -60%;
}
@media screen and (max-width: 1770px) {
  .booking-edit-form #booking-edit-fields-item-calendar[popover] {
    top: calc(anchor(bottom) - 60px);
  }
}

.services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.services-list__icon-check {
  width: 10px;
  height: 10px;
  margin-left: 5px;
  color: #29F18E;
}
.services-list__item {
  margin-right: 3px;
  margin-bottom: 5px;
}
.services-list__item-input {
  display: none;
}
.services-list__item-label {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  background-color: #808080;
  cursor: pointer;
}
.services-list__item-label--is-paid-service {
  background-color: #3565FD;
}
.services-list__item-label--is-paid-service span {
  margin-left: 4px;
}
.services-list__item-label--unchecked::after {
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border: 1px solid #fff;
  border-radius: 2px;
  content: "";
}.booking-log__list, .booking-log__title {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-log__list-container {
  padding-left: 19px;
  padding-top: 24px;
  height: 100%;
  margin-left: -18px;
}
.booking-log__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 16px;
}
.booking-log__title {
  display: flex;
  color: #8C8A94;
  padding-top: 20px;
  gap: 6px;
}
.booking-log__title > svg {
  width: 15px;
  height: 15px;
}
.booking-log__item {
  display: flex;
  flex-direction: column;
}
.booking-log__operator {
  color: #0092F2;
  font-style: italic;
  font-weight: 500;
}
.booking-log__spinner {
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}
.booking-log__date {
  margin-left: 18px;
  color: #8C97B2;
  letter-spacing: 0;
}
.booking-log__label-icon {
  height: 10px;
  vertical-align: middle;
  margin-left: -19px;
  margin-right: 3px;
}
.booking-log__label-icon--plus {
  color: #01DF85;
}
.booking-log__label-icon--minus {
  color: #FF5E57;
  clip-path: inset(4px 0);
}
.booking-log__log-description {
  margin-top: 6px;
  color: #000;
  letter-spacing: 0;
  word-wrap: break-word;
}
.booking-log__log-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: baseline;
}
.booking-log__log-label {
  font-weight: 400;
  white-space: pre;
  line-height: 20px;
}
.booking-log__log-services {
  display: flex;
  flex-flow: row wrap;
  gap: 2px;
}
.booking-log__log-deleted {
  display: flex;
  align-items: center;
  height: 14px;
  background-color: transparent;
  font-variant: small-caps;
  font-size: 16px;
  font-weight: bold;
  color: #FF5E57;
}
.booking-log::-webkit-scrollbar {
  width: 4px;
}
.booking-log::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #E6EBF1;
}
.booking-log__girl-name {
  font-weight: 600;
  margin-right: 8px;
  line-height: 20px;
}.prebookings-list__tab-list {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.prebookings-list {
  position: relative;
  width: 510px;
}
.prebookings-list__tabs {
  width: 100%;
}
.prebookings-list__tab {
  padding: 8px;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  background-color: #F3F3F4;
  color: #0C201F;
}
.prebookings-list__tab-panel--selected {
  height: 150px;
}
.prebookings-list__tab--selected {
  background-color: #80D3D6;
  color: #fff;
}
.prebookings-list__tab-list {
  display: flex;
  gap: 8px;
}
.prebookings-list__booking-details-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.prebookings-list__booking-details-title {
  margin-right: 8px;
  color: #8C97B2;
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0;
  max-width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prebookings-list__toggle-wrap {
  display: flex;
  align-items: center;
  color: #8C97B2;
  font-size: 12px;
  letter-spacing: 0;
  gap: 5px;
}
.prebookings-list__toggle-wrap .toggle-switch {
  width: 48px;
  height: 20px;
}
.prebookings-list__toggle-wrap .toggle-switch__slider {
  background-color: #808080;
  transition: none;
}
.prebookings-list__toggle-wrap .toggle-switch__slider-inner {
  right: 29px;
  width: 16px;
  height: 16px;
  background-color: #01DF85;
}
.prebookings-list__toggle-wrap .toggle-switch__checkbox:checked + .toggle-switch__slider {
  background-color: #808080;
}
.prebookings-list__toggle-wrap .toggle-switch__checkbox:checked + .toggle-switch__slider > .toggle-switch__slider-inner {
  right: 1px;
}
.prebookings-list__no-items {
  justify-content: center;
}
.prebookings-list__spinner-wrap {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.prebookings-list__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 10px;
}
.prebookings-list__list-container {
  width: 100%;
  height: 150px;
  padding: 0;
}
.prebookings-list__header {
  display: flex;
  justify-content: space-between;
  padding: 19px 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #E6EBF1;
}
.prebookings-list__text {
  font-size: 14px;
  color: #808080;
}
.prebookings-list__btn-esc {
  display: flex;
  font-size: 12px;
  color: #808080;
}
.prebookings-list__icon-close {
  width: 13px;
  height: 13px;
  margin-left: 10px;
  fill: #808080;
}.duo-booking-form__header-top, .duo-booking-form__diva-name, .duo-booking-form__taxi-note {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.duo-booking-form__main {
  display: flex;
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  max-width: 571px;
  border-radius: 15px;
  background-color: #E5F6F7;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.12);
  transform: translate(-50%, -50%);
}
.duo-booking-form__main::-webkit-scrollbar {
  width: 0;
}
.duo-booking-form__select-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 11px 16px 24px;
  margin: 0 16px;
  border-bottom: 1px solid #99DBDE;
}
.duo-booking-form__header-top-block {
  display: flex;
  justify-content: space-between;
}
.duo-booking-form__btns-wrapper {
  display: flex;
  align-items: center;
  background-color: #fff;
  justify-content: flex-end;
  padding: 24px;
  border-radius: 0 0 15px 15px;
  box-shadow: 0 -2px 10px -2px rgba(0, 0, 0, 0.08);
}
.duo-booking-form__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 15px 0;
}
.duo-booking-form__header-top {
  display: flex;
  padding: 3px 0 10px;
  justify-content: space-between;
}
.duo-booking-form__header-top-text {
  color: #8C8A94;
  display: flex;
  align-items: center;
  gap: 12px;
}
.duo-booking-form__header-top-text > svg {
  width: 12px;
  height: 12px;
}
.duo-booking-form__header-info {
  display: flex;
  gap: 15px;
}
.duo-booking-form__total {
  color: #808080;
}
.duo-booking-form__total span {
  margin-left: 5px;
  color: #000;
}
.duo-booking-form__title {
  color: #FF41BF;
  font-weight: bold;
  font-size: 16px;
}
.duo-booking-form__diva-name {
  margin-bottom: 10px;
  color: #88259C;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0;
}
.duo-booking-form__fields {
  flex-grow: 1;
  text-align: left;
  background-color: #fff;
  height: 632px;
  overflow-y: scroll;
}
.duo-booking-form__fields::-webkit-scrollbar {
  width: 4px;
}
.duo-booking-form__fields::-webkit-scrollbar-track {
  background: transparent;
}
.duo-booking-form__fields::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.duo-booking-form__fields::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.duo-booking-form__taxi-note {
  max-width: 92px;
  resize: none;
  outline: none;
  font-size: 12px;
  letter-spacing: 1px;
}
.duo-booking-form__taxi-note::-webkit-scrollbar {
  width: 4px;
}
.duo-booking-form__taxi-note::-webkit-scrollbar-track {
  background: transparent;
}
.duo-booking-form__taxi-note::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.duo-booking-form__taxi-note::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.duo-booking-form__taxi-note {
  outline-color: #fff;
  outline: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  transition: outline 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.duo-booking-form__taxi-note:focus-within {
  outline-color: rgba(0, 166, 173, 0.5);
}
.duo-booking-form__taxi-note {
  border: 1px solid #D9D8DC;
  border-radius: 8px;
  padding: 5px;
}
.duo-booking-form__taxi-note::placeholder {
  opacity: 0.3;
}
.duo-booking-form__taxi-note {
  transition: 0.3s;
  margin: 0;
  height: 39px;
}
.duo-booking-form__fields-part--calendar {
  height: 100%;
  width: 312px;
}
.duo-booking-form__fields-part--time {
  font-size: 12px;
}
.duo-booking-form__fields-part--time .booking-form__field--type {
  color: #067BF9;
  text-transform: capitalize;
}
.duo-booking-form__fields-part--time .booking-form__booking-type {
  margin-bottom: 5px;
}
.duo-booking-form__fields-part--rate, .duo-booking-form__fields-part--discount, .duo-booking-form__fields-part--taxi {
  width: auto;
}
.duo-booking-form__field-item:last-child > .duo-booking-form__fields-wrapper:last-child {
  border: none;
}
.duo-booking-form__fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.duo-booking-form__fields-wrapper--calendar {
  height: 27px;
  gap: 10px;
}
.duo-booking-form__fields-wrapper--services {
  flex-direction: column;
  font-size: 12px;
  text-align: left;
  padding: 0;
}
.duo-booking-form__fields-wrapper .calendar-form-field__label {
  letter-spacing: 0;
}.booking-location-editor__title {
  font-family: Manrope, Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.booking-location-editor {
  position: relative;
}
.booking-location-editor__tooltip {
  display: flex;
  flex-direction: column;
}
.booking-location-editor__main {
  flex-grow: 1;
  padding: 0 15px 2px;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.booking-location-editor__main-header {
  display: flex;
  justify-content: space-between;
  padding: 0 17px;
  margin-bottom: 3px;
}
.booking-location-editor__title {
  color: #8C8A94;
}
.booking-location-editor__title > span {
  text-transform: capitalize;
}
.booking-location-editor__subtitle {
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
}
.booking-location-editor__btns-wrapper {
  display: flex;
  align-items: center;
}
.booking-location-editor__btn {
  font-size: 12px;
  padding: 0;
  border: none;
}
.booking-location-editor__btn-icon {
  width: 20px;
}
.booking-location-editor__btn-icon--check {
  margin-left: 9px;
}
.booking-location-editor__btn-icon--add {
  color: #00A6AD;
  margin-right: 6px;
}
.booking-location-editor__btn-icon--request {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  color: #808080;
}
.booking-location-editor__btn-icon--delete {
  width: 5px;
  height: 5px;
}
.booking-location-editor__btn--save {
  display: flex;
  align-items: flex-end;
  margin-left: 25px;
  padding: 0;
  color: #00A6AD;
}
.booking-location-editor__btn--save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-location-editor__btn--cancel {
  color: #F8737F;
}
.booking-location-editor__btn--add-from {
  display: flex;
  align-items: center;
  color: #808080;
  font-size: 14px;
}
.booking-location-editor__btn--add-from:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-location-editor__btn--delete {
  display: flex;
  position: absolute;
  top: 1px;
  right: 2px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #fff;
  background-color: #F8737F;
}
.booking-location-editor__header {
  display: flex;
  justify-content: space-between;
  padding: 19px 31px 5px;
  align-items: center;
}
.booking-location-editor__fields-wrapper {
  padding: 0 15px 21px;
  border-bottom: 1px solid #99DBDE;
}
.booking-location-editor__map {
  position: relative;
  flex-grow: 1;
  margin-top: 20px;
}
.booking-location-editor__map .spinner {
  position: absolute;
  margin: auto;
  inset: 0;
}.booking-zenkit-field {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-left: 70px;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: normal;
  text-align: center;
  background-color: #F6F6F8;
  color: #4a4a4a;
}
.booking-zenkit-field:hover .booking-zenkit-field__zenkit-btn-edit {
  display: flex;
}
.booking-zenkit-field__zenkit-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.booking-zenkit-field__zenkit-btn--disabled img {
  filter: grayscale(100%);
}
.booking-zenkit-field__zenkit-btn img {
  width: 23px;
  height: 23px;
}
.booking-zenkit-field__zenkit-btn-edit {
  position: absolute;
  right: 36px;
  top: -7px;
  left: -45px;
  width: 45px;
  height: 36px;
  display: none;
  transform: translateY(-50%);
  justify-content: center;
  align-items: center;
}
.booking-zenkit-field__zenkit-btn-edit svg {
  width: 16px;
  height: 16px;
  color: #00A6AD;
}
.booking-zenkit-field__links-list {
  position: absolute;
  bottom: -6px;
  transform: translateY(100%);
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 10px;
  gap: 10px;
  z-index: 1;
}
.booking-zenkit-field__link-item {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 10px;
  transition: all 0.2s ease-in-out;
}
.booking-zenkit-field__link-item:hover {
  color: #00A6AD;
}
.booking-zenkit-field__link-item:hover .lazy-load__container img {
  border: 1px solid #00A6AD;
}
.booking-zenkit-field__link-item .lazy-load__container {
  width: 35px;
  height: 35px;
}
.booking-zenkit-field__link-item .lazy-load__container img {
  border-radius: 50%;
  object-position: top;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
}
.booking-zenkit-field__link-item span {
  font-weight: bold;
}
.booking-zenkit-field__tooltip {
  display: flex;
  z-index: 8;
  flex-direction: column;
  width: 100%;
  max-width: 571px;
  border-radius: 6px;
  background-color: #E6EBF1;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.booking-zenkit-field__header {
  display: flex;
  justify-content: space-between;
  padding: 19px 31px;
  align-items: center;
}
.booking-zenkit-field__title {
  color: #808080;
  font-size: 16px;
  letter-spacing: 0;
}
.booking-zenkit-field__btns-wrapper {
  display: flex;
  align-items: center;
}
.booking-zenkit-field__btn {
  font-size: 12px;
  padding: 0;
  border: none;
}
.booking-zenkit-field__btn-icon {
  width: 20px;
}
.booking-zenkit-field__btn-icon--check {
  margin-left: 9px;
}
.booking-zenkit-field__btn--save {
  display: flex;
  margin-left: 25px;
  padding: 0;
  color: #00A6AD;
}
.booking-zenkit-field__btn--save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-zenkit-field__btn--cancel {
  color: #F8737F;
}
.booking-zenkit-field__main {
  flex-grow: 1;
  padding: 29px 14px;
  border-bottom: 2px solid #00A6AD;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.booking-zenkit-field__main-header {
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 5px;
  gap: 10px;
}
.booking-zenkit-field__main-header .lazy-load__container {
  width: 35px;
  height: 35px;
}
.booking-zenkit-field__main-header .lazy-load__container img {
  border-radius: 50%;
  object-position: top;
}
.booking-zenkit-field__subtitle {
  color: #808080;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 16px;
}
.booking-zenkit-field__subtitle span {
  font-weight: bold;
}
.booking-zenkit-field__textarea-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 17px 23px;
  gap: 10px;
}
.booking-zenkit-field__textarea-wrap textarea {
  width: 100%;
  height: 75px;
  padding: 12px 10px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  outline: none;
  color: #404040;
  font-size: 14px;
  line-height: 1.35;
  font-family: Roboto;
  resize: none;
}
.booking-zenkit-field__textarea-wrap textarea::-webkit-scrollbar {
  width: 5px;
}
.booking-zenkit-field__textarea-wrap textarea::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 3px;
}
.booking-zenkit-field__error {
  position: absolute;
  bottom: 16px;
  color: #F8737F;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: left;
  padding-left: 12px;
}.girls-map {
  --btn-gap: 14px;
  --inner-map-btn-size: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 12px;
  font-family: Manrope, Roboto, sans-serif;
}
.girls-map__street-view {
  height: 100%;
  width: 100%;
}
.girls-map__street-view--fallback {
  position: absolute !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #F3F3F4;
  z-index: 2;
}
.girls-map__radius-select {
  width: 110px;
}
.girls-map__footer-side {
  display: flex;
  height: 100%;
  flex-direction: row;
  gap: var(--btn-gap);
  align-items: center;
  white-space: nowrap;
}
.girls-map__content {
  flex-grow: 1;
  display: grid;
  position: relative;
  min-height: 0;
  grid-template-columns: 30% 70%;
  grid-template-rows: 35% 65%;
}
.girls-map__content > :only-child {
  grid-area: 1/1/-1/-1;
}
.girls-map__content-preview {
  grid-area: 1/1/1/-1;
  background-color: #fff;
  display: flex;
  position: relative;
}
.girls-map__content-preview > div {
  position: relative;
  height: 100%;
  width: 100%;
}
.girls-map__content-preview > div > div:first-child {
  position: absolute;
}
.girls-map__content-contact {
  grid-area: 2/1/-1/2;
  overflow: scroll;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.girls-map__content-contact::-webkit-scrollbar {
  width: 4px;
}
.girls-map__content-contact::-webkit-scrollbar-track {
  background: transparent;
}
.girls-map__content-contact::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.girls-map__content-contact::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.girls-map__content-contact .tag {
  background-color: #F3F3F4;
}
.girls-map__content-contact .contact-info {
  width: 100%;
}
.girls-map__content-map {
  grid-area: 2/2/-1/-1;
  position: relative;
}
.girls-map__description {
  font-size: 14px;
  color: #fff;
}
.girls-map__filters {
  display: flex;
  height: 100%;
  gap: var(--btn-gap);
}
.girls-map__filter-label {
  position: absolute;
  top: -23px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: capitalize;
  text-align: left;
}
.girls-map__filter-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.girls-map__filter-wrap > div {
  height: 100%;
}
.girls-map__filter {
  width: 182px;
}
.girls-map__filter .content {
  width: 100%;
}
.girls-map__buttons-wrap {
  display: flex;
  height: 100%;
  gap: var(--btn-gap);
}
.girls-map__subway-button {
  position: absolute;
  height: var(--inner-map-btn-size);
  min-width: var(--inner-map-btn-size);
  z-index: 50;
  top: 10px;
  left: 186px;
}
.girls-map__recenter-button {
  position: absolute;
  height: var(--inner-map-btn-size);
  min-width: var(--inner-map-btn-size);
  z-index: 50;
  right: 10px;
  bottom: 209px;
}
.girls-map__similar-button {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  height: 24px;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.girls-map__bestmatch-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transform: translateX(-50%);
  height: 22px;
  font-size: 13px;
  letter-spacing: 0.88px;
  background-color: #0092F2;
  color: #fff;
  border-radius: 6px;
  z-index: 2;
  padding: 5px;
  transform: translateY(-50%);
}
.girls-map__bestmatch-label--low {
  background-color: #ff4052;
}
.girls-map__bestmatch-label--medium {
  background-color: #fbbc06;
}
.girls-map__bestmatch-label--high {
  background-color: #008F14;
}
.girls-map__back-btn {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 16px;
  margin-right: 10px;
  white-space: pre;
}
.girls-map__back-btn > svg {
  height: 20px;
  width: 20px;
  transform: rotate(-90deg);
}
.girls-map__esc-btn {
  display: flex;
  position: absolute;
  align-items: center;
  height: 36px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.88px;
  padding: 0;
  right: 0;
  transform: translateX(calc(100% + 40px));
}
.girls-map__esc-btn-icon {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}
.girls-map__spinner-wrap {
  position: absolute;
  top: 9px;
  left: 230px;
  z-index: 500;
}
.girls-map__tooltip {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 150px;
}
.girls-map__tooltip-header {
  height: 14px;
  margin-bottom: 14px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.girls-map__tooltip-header button {
  color: #00A6AD;
}
.girls-map__tooltip-content {
  width: 150px;
  text-align: left;
  font-size: 13px;
}
.girls-map__tooltip-content svg {
  margin: auto;
}
.girls-map__tooltip-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-right: 5px;
}.booked-zone {
  display: flex;
  flex-direction: column;
  width: 660px;
  height: 540px;
  border-radius: 6px;
  background-color: #E6EBF1;
}
.booked-zone__list-container {
  height: 100%;
  padding: 24px 15px 0 15px;
  border-radius: 6px;
  background-color: #fff;
  border-bottom: 2px solid #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.booked-zone__header {
  display: flex;
  justify-content: space-between;
  padding: 19px 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #E6EBF1;
}
.booked-zone__text {
  font-size: 14px;
  color: #808080;
}
.booked-zone__btn-esc {
  display: flex;
  font-size: 12px;
  color: #808080;
}
.booked-zone__icon-close {
  width: 13px;
  height: 13px;
  margin-left: 10px;
  fill: #808080;
}
.booked-zone .booked-editor {
  position: relative;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 0;
}
.booked-zone .booked-editor-select__list {
  max-height: 200px;
  margin-bottom: 10px;
}.booking-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 25px;
  min-height: 41px;
  background-color: #fff;
  border-top: 1px solid #E6EBF1;
  padding: 4px 13px 4px 8px;
  margin-bottom: 6px;
  font-size: 12px;
  cursor: pointer;
}
.booking-item--deleted {
  opacity: 0.5;
}
.booking-item--deleted .booking-item__text-status {
  color: #F20C0C;
}
.booking-item--is-prebooking {
  gap: 10px;
  cursor: default;
}
.booking-item--is-prebooking-gap {
  gap: 2px;
  cursor: default;
}
.booking-item--displayed-with-marker {
  margin-left: 50px;
}
.booking-item--displayed-with-date-marker {
  margin-top: 38px;
}
.booking-item--by-date-modal .booking-item__client-name {
  width: 139px;
}
.booking-item--profiles-booked .booking-item__info-wrap {
  width: 123px;
}
.booking-item--calendar-two-days {
  gap: 15px;
}
.booking-item--calendar-two-days .booking-item__client {
  width: 70px;
}
.booking-item--calendar-timeline .booking-item__name {
  width: 70px;
}
.booking-item--calendar-timeline .booking-item__client {
  width: 235px;
}
.booking-item__hour-marker {
  position: absolute;
  left: -10px;
  top: 0;
  transform: translateX(-100%);
  font-size: 14px;
  color: #8C97B2;
}
.booking-item__date-marker {
  position: absolute;
  transform: translate(-9px, -40px);
  font-size: 14px;
  color: #8C97B2;
}
.booking-item__color-line {
  position: absolute;
  height: 100%;
  left: 0;
  width: 3px;
  border-radius: 6px;
}
.booking-item__column {
  display: flex;
  flex-direction: column;
}
.booking-item__column--grow {
  flex-grow: 1;
}
.booking-item__column--is-prebooking {
  cursor: pointer;
}
.booking-item__name {
  width: 50px;
}
.booking-item__name > span {
  cursor: pointer;
}
.booking-item__name--duo {
  cursor: pointer;
  margin-top: 3px;
}
.booking-item__name--is-prebooking {
  width: 70px;
  cursor: pointer;
}
.booking-item__name--is-prebooking-escort {
  width: 100%;
}
.booking-item__operator {
  width: 70px;
}
.booking-item__name, .booking-item__operator {
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #0092F2;
}
.booking-item__badge {
  display: flex;
  align-items: center;
  font-weight: bold;
  width: 25px;
}
.booking-item__badge--duo {
  color: #FF41BF;
}
.booking-item__price {
  display: flex;
  color: #000;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.booking-item__requirements-indicator-box {
  display: flex;
  justify-content: center;
  width: 40px;
}
.booking-item__requirements-indicator {
  width: 2.5px;
  height: 7.5px;
  background-color: #FF8C37;
}
.booking-item__requirements-indicator:not(:last-child) {
  margin-right: 3.5px;
}
.booking-item__type {
  text-transform: capitalize;
}
.booking-item__date {
  text-align: left;
  text-transform: lowercase;
  color: #8C97B2;
  width: 111px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.booking-item__client-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.booking-item__client {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
}
.booking-item__client .lazy-load__container {
  width: 32px;
  height: 32px;
}
.booking-item__client-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  border-radius: 50%;
}
.booking-item__client-name {
  flex-grow: 1;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3565FD;
}
.booking-item__info-wrap {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-end;
  width: 167px;
}
.booking-item__info-wrap--booking-modal {
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.booking-item__statuses-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.booking-item__text-status {
  flex-grow: 1;
  text-align: start;
  text-transform: capitalize;
  color: #0092F2;
  font-style: italic;
}
.booking-item__text-status--finished {
  color: #0E970C;
}
.booking-item__text-status--in-progress {
  color: #FF6F01;
}
.booking-item__text-status--cancelled {
  color: #F20C0C;
}
.booking-item__icons-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  height: 18px;
  margin-right: 10px;
}
.booking-item__icons-list-item {
  width: 15px;
  height: 15px;
}
.booking-item__icons-list-item--prebooking {
  color: #F77FBE;
}
.booking-item__status {
  display: flex;
  align-items: center;
  padding: 1px 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  margin-left: 10px;
  letter-spacing: 1px;
  text-transform: capitalize;
  cursor: pointer;
}
.booking-item__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-left: 5px;
}
.booking-item__additional-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 4px;
}
.booking-item__date {
  width: auto;
}
.booking-item__date--client {
  color: #3565FD;
}
.booking-item__operator {
  text-align: right;
}
.booking-item__requirements-indicator {
  width: 2.5px;
  height: 7.5px;
  background-color: #FF8C37;
}
.booking-item__requirements-indicator:not(:last-child) {
  margin-right: 3.5px;
}
.booking-item__operator {
  text-align: right;
}.transferred-or-assistance-session-modal {
  display: flex;
  width: 470px;
  height: 264px;
  background-color: #F6F9FC;
  box-shadow: 0 2px 0 0 #00A6AD;
}
.transferred-or-assistance-session-modal__wrapper {
  width: 100%;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.transferred-or-assistance-session-modal__header {
  display: flex;
  padding: 23px 17px;
  margin-bottom: 24px;
  background-color: #E6EBF1;
  font-size: 18px;
  line-height: 24px;
  color: #808080;
  border-radius: 6px;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.transferred-or-assistance-session-modal__icons {
  margin-right: 12px;
}
.transferred-or-assistance-session-modal__icon {
  width: 20px;
  height: 18px;
}
.transferred-or-assistance-session-modal__icon:not(:last-child) {
  margin-right: 10px;
}
.transferred-or-assistance-session-modal__content {
  display: flex;
  justify-content: space-between;
  margin: 24px 30px 36px;
}
.transferred-or-assistance-session-modal__contact-info {
  display: flex;
  padding: 5px;
  width: 196px;
  background-color: #fff;
  border-radius: 6px;
}
.transferred-or-assistance-session-modal__image {
  width: 36px;
  height: 36px;
  min-width: 36px;
}
.transferred-or-assistance-session-modal__box {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  align-items: flex-start;
  overflow: hidden;
}
.transferred-or-assistance-session-modal__name {
  width: 100%;
  margin-bottom: 5px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  color: #3565FD;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transferred-or-assistance-session-modal__name--operator {
  color: #88259C;
}
.transferred-or-assistance-session-modal__text {
  width: 100%;
  color: #808080;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transferred-or-assistance-session-modal__btn {
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 21px;
  color: #fff;
}
.transferred-or-assistance-session-modal__btn-decline {
  margin-right: 40px;
  padding: 4px 20px;
  background-color: #bfbfbf;
}
.transferred-or-assistance-session-modal__btn-accept {
  padding: 14px 52px;
  background-color: #00A6AD;
}.mailing {
  --outer-background-color: rgb(var(--primary-color));
  display: flex;
  flex-direction: row;
  height: 764px;
  width: 1330px;
  position: relative;
  background-color: var(--outer-background-color);
  font-size: 14px;
  font-family: Manrope, Roboto, sans-serif;
}
.mailing__dialog-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-top: 0;
  gap: 28px;
}
.mailing__contacts-wrapper {
  background-color: rgba(var(--secondary-color), 0.1);
  padding: 16px;
}
.mailing__messages-container {
  flex-grow: 1;
  border-radius: 6px;
  overflow: hidden;
}
.mailing__input-container {
  position: relative;
  border-radius: 6px;
  font-size: 12px;
}
.mailing__selected-username-labels {
  visibility: hidden;
  width: 100%;
}
.mailing__selected-username-labels--hidden {
  pointer-events: none;
}
.mailing__selected-username-container {
  display: flex;
  max-width: 94%;
}
.mailing__value-container {
  display: flex;
  flex-flow: row wrap;
}
.mailing__forwarding-message {
  display: flex;
  align-items: center;
  position: absolute;
  left: 14px;
  top: -22px;
  color: #000;
  gap: 6px;
}
.mailing__forwarding-message--hidden {
  visibility: collapse;
}
.mailing__forwarding-message svg {
  width: 20px;
  height: 15px;
}
.mailing__error-message {
  display: flex;
  color: #FF5E57;
  align-items: center;
  gap: 16px;
}
.mailing__error-message--hidden {
  visibility: collapse;
}
.mailing__error-message svg {
  transform: rotate(90deg);
}
.mailing__message-header {
  display: flex;
  align-items: center;
  padding: 0 12px;
  min-height: 40px;
  justify-content: space-between;
  width: 100%;
  border: 1px dashed rgb(var(--secondary-color));
  border-radius: 8px;
  background-color: rgb(var(--primary-color));
}
.mailing__message-header--hidden {
  display: none;
}
.mailing .search-list {
  overflow: hidden;
}
.mailing .search-list__header {
  margin-bottom: 24px;
  padding: 0;
}
.mailing .search-list__list-label {
  margin-bottom: 16px;
}
.mailing .sending-message-form {
  margin-top: 16px;
}
.mailing :has(> .username-label) {
  gap: 8px;
  margin: 4px;
}.mailing-log__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.mailing-log__list-container, .mailing-log__load-wrap {
  display: flex;
  height: 100%;
  justify-content: center;
}
.mailing-log__no-items {
  align-self: center;
  width: fit-content;
  font-size: 24px;
}.mailing-log__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  line-height: 1.4;
  letter-spacing: 0.88px;
  border-radius: 12px;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mailing-log__item--forwarded {
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
}
.mailing-log__item--redirected .mailing-log__redirect-btn {
  color: #00A6AD;
}
.mailing-log__item--redirected .mailing-log__message {
  background-color: #a7d7db;
}
.mailing-log__item--loading {
  position: relative;
  opacity: 0.7;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #fafafa 0%, #e2e2e2 34%, #fafafa 48%);
  background-size: 1000px 640px;
}
.mailing-log__load-wrap {
  display: flex;
}
.mailing-log__load-wrap svg {
  margin: auto;
}
.mailing-log__message {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 80px;
  width: 100%;
  overflow-wrap: anywhere;
  padding: 12px;
  line-height: 24px;
  text-align: left;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}.mailing-log__message-header {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 8px 16px 0;
}
.mailing-log__message-header-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.mailing-log__username-labels {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
  flex-grow: 1;
  max-width: 608px;
}
.mailing-log__redirect-btn {
  height: 32px;
  aspect-ratio: 1;
}
.mailing-log__message-header-users {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
  flex-grow: 1;
}
.mailing-log__message-header-date-btn {
  height: 24px;
}.users-count {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 62px;
  width: 62px;
}
.users-count--hidden {
  visibility: hidden;
}
.users-count__number {
  display: flex;
  color: #000;
  white-space: nowrap;
  margin-left: 8px;
  font-size: 14px;
  font-family: Manrope, Roboto, sans-serif;
}
.users-count svg {
  color: rgba(var(--tertiary-color), 0.7);
  height: 16px;
}.photo-gallery {
  display: flex;
  flex-direction: column;
  color: rgb(var(--primary-color));
  pointer-events: auto !important;
  user-select: text !important;
}
.photo-gallery__header {
  position: static;
  margin-bottom: 32px;
}
.photo-gallery__photos-count {
  position: absolute;
  left: 0;
}
.photo-gallery__esc-btn {
  position: absolute;
  right: 0;
}
.photo-gallery__btn-sections-wrapper {
  display: flex;
  align-items: center;
  max-width: 1050px;
  height: 100%;
  width: 100%;
  margin-right: 16px;
  justify-content: space-between;
}
.photo-gallery__btn-section {
  display: flex;
  position: relative;
  height: 100%;
  font-size: 12px;
}
.photo-gallery__btn-section--left {
  width: 200px;
  align-items: flex-end;
  justify-content: space-evenly;
  border-bottom: 1px solid rgb(var(--secondary-color));
}
.photo-gallery__btn-section--right {
  gap: 16px;
}
.photo-gallery__content-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  color: #fff;
}
.photo-gallery:has(.photo-gallery__image)::after {
  content: "";
  display: block;
  fill: green;
  position: absolute;
  height: 32px;
  width: 32px;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20d='M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016Zm5.01-9.7-5.93%205.94c-.2.2-.53.2-.74%200L3%208.88a.52.52%200%200%201%200-.73l.73-.73c.2-.2.53-.2.73%200l2.26%202.26%204.84-4.84c.2-.2.53-.2.73%200l.73.73c.2.2.2.53%200%20.73Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  mask-size: cover;
  background-color: green;
  bottom: 32px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.photo-gallery__no-items, .photo-gallery__pending {
  height: 100%;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.photo-gallery__media-container {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.photo-gallery__carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  animation: fade 0.3s;
}
.photo-gallery__carousel-inner {
  display: flex;
  white-space: nowrap;
  gap: 30px;
  transition: transform 0.3s;
  height: 100%;
}
.photo-gallery__carousel-item {
  display: grid;
  position: absolute;
  inset: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  box-sizing: border-box;
  row-gap: 8px;
  column-gap: 16px;
}
.photo-gallery__carousel-item .lazy-load__container::after {
  content: "";
  fill: green;
  position: absolute;
  height: 32px;
  width: 32px;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20d='M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016Zm5.01-9.7-5.93%205.94c-.2.2-.53.2-.74%200L3%208.88a.52.52%200%200%201%200-.73l.73-.73c.2-.2.53-.2.73%200l2.26%202.26%204.84-4.84c.2-.2.53-.2.73%200l.73.73c.2.2.2.53%200%20.73Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  mask-size: cover;
  background-color: green;
  bottom: 32px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.photo-gallery__carousel-item .lazy-load__container--selected::after {
  opacity: 1;
}
.photo-gallery__carousel-item .lazy-load__container--selected img {
  filter: brightness(0.4);
}
.photo-gallery__carousel-item img {
  cursor: pointer;
}
.photo-gallery__carousel-controller {
  position: absolute;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.photo-gallery__carousel-controller--right {
  left: -80px;
}
.photo-gallery__carousel-controller--left {
  right: -80px;
}

@keyframes fade {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}.new-tasks-or-reminders-modal {
  width: 600px;
  background-color: #fff;
  border-radius: 6px;
  border-bottom: 2px solid #00A6AD;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
}
.new-tasks-or-reminders-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  margin-bottom: 24px;
  background-color: #F3F3F4;
  height: 54px;
}
.new-tasks-or-reminders-modal__header-title {
  font-size: 14px;
  color: #808080;
}
.new-tasks-or-reminders-modal__btns {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.new-tasks-or-reminders-modal__btn-cancel {
  margin-right: 30px;
  color: #F8737F;
}
.new-tasks-or-reminders-modal__btn-done {
  display: flex;
  align-items: center;
  color: #00A6AD;
}
.new-tasks-or-reminders-modal__btn-done:disabled {
  color: #808080;
  cursor: not-allowed;
}
.new-tasks-or-reminders-modal__btn-done svg {
  margin-left: 7px;
}
.new-tasks-or-reminders-modal__form {
  padding: 0 45px 35px 25px;
}
.new-tasks-or-reminders-modal__form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #404040;
}
.new-tasks-or-reminders-modal__form-header:after {
  content: "";
  background-color: #E6EBF1;
  display: block;
  height: 1px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  left: 20px;
}
.new-tasks-or-reminders-modal__btn-set {
  padding: 5px 14px;
  border-radius: 6px;
  background-color: #00A6AD;
  color: #fff;
  font-size: 12px;
}
.new-tasks-or-reminders-modal__icon-bell {
  width: 20px;
  height: 18px;
  margin-right: 7px;
  fill: #FF5E57;
}
.new-tasks-or-reminders-modal__reminders-wrapper {
  display: flex;
  align-items: center;
  height: 20px;
}
.new-tasks-or-reminders-modal__reminders-text {
  margin-right: 30px;
  font-size: 12px;
  color: #404040;
}
.new-tasks-or-reminders-modal__reminders-text--date {
  font-weight: bold;
  font-style: italic;
}
.new-tasks-or-reminders-modal__date-btns #close {
  width: 13px;
  height: 13px;
  margin-right: 25px;
  fill: #FF5E57;
  cursor: pointer;
}
.new-tasks-or-reminders-modal__date-btns #edit {
  fill: #00A6AD;
  cursor: pointer;
}
.new-tasks-or-reminders-modal__box {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #404040;
}
.new-tasks-or-reminders-modal__input {
  width: 100%;
  padding: 12px 10px;
  margin-top: 8px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  outline: none;
  color: #404040;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
}
.new-tasks-or-reminders-modal__input:focus {
  border: 1px solid #00A6AD;
}
.new-tasks-or-reminders-modal__description {
  width: 100%;
  margin-top: 8px;
  padding: 12px 10px;
  outline: none;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  min-height: 144px;
  color: #404040;
  font-size: 14px;
  resize: none;
  transition: all 0.15s ease-in-out;
}
.new-tasks-or-reminders-modal__description:focus {
  border: 1px solid #00A6AD;
}
.new-tasks-or-reminders-modal__description-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 17px;
  padding-left: 20px;
  text-align: start;
}
.new-tasks-or-reminders-modal__description-wrapper:after {
  content: "";
  background-color: #E6EBF1;
  display: block;
  height: 1px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  left: 20px;
}
.new-tasks-or-reminders-modal__description textarea {
  max-height: 118px;
}
.new-tasks-or-reminders-modal__label {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.new-tasks-or-reminders-modal__label-text {
  font-size: 14px;
  margin-left: 10px;
  color: #808080;
}
.new-tasks-or-reminders-modal__label-wrapper {
  position: relative;
  padding-bottom: 17px;
  padding-left: 20px;
  margin-bottom: 12px;
}
.new-tasks-or-reminders-modal__label-wrapper:after {
  content: "";
  background-color: #E6EBF1;
  display: block;
  height: 1px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  left: 20px;
}
.new-tasks-or-reminders-modal__icon-adrBook {
  margin-left: 20px;
  fill: #00A6AD;
}
.new-tasks-or-reminders-modal__btn-add {
  height: 40px;
  width: 110px;
  margin-left: 30px;
  font-size: 12px;
  font-family: Manrope, Roboto, sans-serif;
}
.new-tasks-or-reminders-modal__btn-add .icon-button__text {
  text-align: center;
}
.new-tasks-or-reminders-modal__client-info {
  position: relative;
  display: flex;
  height: 70px;
  align-items: center;
  padding-left: 28px;
  margin-bottom: 12px;
}
.new-tasks-or-reminders-modal__client-info:after {
  content: "";
  background-color: #E6EBF1;
  display: block;
  height: 1px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  left: 20px;
}
.new-tasks-or-reminders-modal__client {
  display: flex;
  width: 100%;
  padding: 8px 5px;
  font-size: 12px;
}
.new-tasks-or-reminders-modal__client .lazy-load__container {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.new-tasks-or-reminders-modal__client--selected {
  position: relative;
  background-color: #F3F3F4;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
}
.new-tasks-or-reminders-modal__client--selected #close {
  position: absolute;
  top: 20px;
  left: -20px;
  width: 13px;
  height: 13px;
  margin-right: 25px;
  fill: #FF5E57;
  cursor: pointer;
}
.new-tasks-or-reminders-modal__client-text-content {
  display: flex;
  flex-direction: column;
  max-width: 210px;
  margin-left: 10px;
}
.new-tasks-or-reminders-modal__client-name {
  max-width: 200px;
  overflow: hidden;
  color: #3565FD;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
}
.new-tasks-or-reminders-modal__client-contact {
  margin-top: 10px;
  text-align: start;
  overflow: hidden;
  color: #808080;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
}
.new-tasks-or-reminders-modal__date-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  font-size: 12px;
  color: #8C97B2;
}
.new-tasks-or-reminders-modal__date-info:not(:last-child) {
  margin-bottom: 5px;
}
.new-tasks-or-reminders-modal__date {
  font-size: 12px;
  color: #8C97B2;
}
.new-tasks-or-reminders-modal__date span {
  margin-left: 5px;
  color: #0092F2;
}
.new-tasks-or-reminders-modal__field {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 140px;
  margin-bottom: 0 !important;
  border: 1px solid #E6EBF1;
  padding: 4px 5px 4px 9px;
  background-color: #fff;
  border-radius: 6px;
  color: #808080;
  font-size: 13px;
  transition: all 0.15s ease-in-out;
  margin-left: 6px;
}
.new-tasks-or-reminders-modal__field:focus-within {
  border-color: #00A6AD;
}
.new-tasks-or-reminders-modal__field .react-select__single-value {
  font-size: 10px;
  color: #3565FD;
}
.new-tasks-or-reminders-modal__field .react-select__dropdown-indicator {
  padding: 0;
  color: #808080;
}
.new-tasks-or-reminders-modal__field .react-select__single-value {
  font-size: 12px;
  text-align: left;
  width: 100px;
}
.new-tasks-or-reminders-modal__assigned-message {
  margin: 0 10px;
}

.assigned-message {
  cursor: auto;
}
.assigned-message__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 6px;
  font-size: 12px;
  color: #3565FD;
}
.assigned-message__content {
  background-color: rgba(136, 214, 217, 0.3);
  line-height: 1.5;
  padding: 6px 25px;
  border-radius: 6px;
  overflow-wrap: anywhere;
  max-height: 157px;
  overflow-y: auto;
}
.assigned-message__content::-webkit-scrollbar {
  width: 4px;
}
.assigned-message__content::-webkit-scrollbar-track {
  background: transparent;
}
.assigned-message__content::-webkit-scrollbar-button {
  height: 10px;
}
.assigned-message__content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 5px;
}
.assigned-message__caller {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.assigned-message__icon {
  height: 18px;
  width: 18px;
}
.assigned-message__icon--telegram, .assigned-message__icon--robot {
  color: #0092F2;
}
.assigned-message__icon--whatsapp {
  color: #03c275;
}
.assigned-message__icon--apple {
  color: #808080;
}
.assigned-message__delete-btn {
  font-size: 10px;
  transition: all 0.15s ease-in-out;
  padding: 0 8px;
  color: #808080;
}
.assigned-message__delete-btn svg {
  width: 10px;
  height: 10px;
}
.assigned-message__delete-btn:hover {
  color: #FF5E57;
}
.assigned-message:after {
  content: "";
  background-color: #E6EBF1;
  display: block;
  height: 1px;
  width: calc(100% - 32px);
  margin: auto;
  margin-top: 10px;
}
.assigned-message__attachments .pinned-msgs-attachments__image-wrapper {
  width: 48px;
  height: 48px;
  min-width: 48px;
}
* + .assigned-message__attachments {
  margin-top: 4px;
}.buffer-search {
  display: flex;
  flex-direction: column;
  width: 252px;
  margin-top: 30px;
}
.buffer-search__input {
  width: 230px;
  padding: 11px 50px 10px 10px;
  border: none;
  border-radius: 6px;
  outline: none;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 19px;
  font-family: Roboto;
  letter-spacing: 0.88px;
}
.buffer-search__buffer-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #fff;
}
.buffer-search__buffer-icon--active {
  color: #88D6D9;
}
.buffer-search__contacts-list {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  width: 274px;
  overflow-y: scroll;
  gap: 10px;
}
.buffer-search__contacts-list::-webkit-scrollbar {
  width: 4px;
}
.buffer-search__contacts-list::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background-color: #E6EBF1;
}
.buffer-search__contacts-item {
  position: relative;
  margin-left: -19px;
}
.buffer-search .contact-item {
  position: relative;
  width: 252px;
  margin: 0;
  padding-right: 25px;
}
.buffer-search .contact-item__last-msg {
  font-style: italic;
}

.buffer-chats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1500px;
  height: 700px;
  text-align: left;
}
.buffer-chats .chat {
  border-radius: 6px;
}
.buffer-chats .chat__wrapper {
  overflow: hidden;
}
.buffer-chats .chat-header {
  background-color: #E6EBF1;
  border-radius: 0;
}
.buffer-chats .chat-header__header {
  background-color: inherit;
}
.buffer-chats .chat-header__contact-groups-title-list {
  background-color: #E6EBF1;
}
.buffer-chats-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 56px;
}
.buffer-chats__chat-wrapper {
  width: 550px;
}
.buffer-chats__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.buffer-chats__btns-wrapper {
  display: flex;
  gap: 16px;
}
.buffer-chats__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 40px;
  padding: 11px 24px;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  background-color: #00A6AD;
}
.buffer-chats__btn--booking-details {
  color: #000;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.88px;
  background-color: #fff;
  transition: 0.3s;
  gap: 21px;
}
.buffer-chats__btn--booking-details svg {
  color: #00A6AD;
}
.buffer-chats__btn--booking-details:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.buffer-chats__btn--esc {
  display: flex;
  align-items: center;
  margin-left: 60px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.88px;
  background: transparent;
  padding: 11px 0px;
}
.buffer-chats__btn--esc svg {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}
.buffer-chats .title__content {
  color: #fff;
}
.buffer-chats .chat {
  max-width: 550px;
  width: 100%;
}
.buffer-chats .chat:first-child .chat__wrapper {
  border-radius: 6px;
}

.chat-buffer-tabs {
  display: flex;
  flex-grow: 1;
  max-width: 375px;
  overflow-x: scroll;
  color: #fff;
  gap: 6px;
}
.chat-buffer-tabs-wrapper {
  display: flex;
  z-index: 99;
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
}
.chat-buffer-tabs__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  padding: 0;
  border-radius: 6px;
  color: #00A6AD;
  background-color: #fff;
}
.chat-buffer-tabs__btn svg {
  width: 10px;
  height: 10px;
}
.chat-buffer-tabs__btn--right {
  transform: rotate(180deg);
}
.chat-buffer-tabs__remove-img {
  display: none;
  position: absolute;
  top: 7px;
  right: 6px;
  color: #404040;
  font-size: 12px;
  cursor: pointer;
}
.chat-buffer-tabs__item {
  position: relative;
  min-width: 82px;
  max-width: 100px;
  padding: 6px;
  padding-right: 15px;
  border: 1px solid;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  color: #4a4a4a;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background-color: #E6EBF1;
}
.chat-buffer-tabs__item--active {
  border: 1px solid #00A6AD;
  color: #fff;
  font-weight: 500;
  background: #00A6AD;
}
.chat-buffer-tabs__item--active:hover .chat-buffer-tabs__remove-img {
  color: #fff;
}
.chat-buffer-tabs__item:hover .chat-buffer-tabs__remove-img {
  display: inline;
}
.chat-buffer-tabs::-webkit-scrollbar {
  height: 0;
}.block-form {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 10px;
  width: 600px;
  border-bottom: 2px solid #00A9AF;
  border-radius: 6px;
  overflow: hidden;
}
.block-form__btn {
  color: #fff;
  background-color: #00A9AF;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  width: 100%;
  margin-top: 15px;
}
.block-form__btn[disabled] {
  background-color: #E6EBF1;
}
.block-form__title span {
  color: #00A9AF;
}

.block-form-input {
  display: block;
  width: 100%;
  height: 80px;
  margin: 20px 0;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #808080;
  background-color: #fff;
  background-image: none;
  border: 1px solid #808080;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.block-form-input .form-textarea__input {
  height: 100%;
}
.block-form-input--error {
  border-color: #F8737F;
}
.block-form-input__wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.block-form-input__error-wrap {
  position: absolute;
  bottom: -3px;
  z-index: 1;
  width: 100%;
}
.block-form-input__error-text {
  color: #F8737F;
  font-size: 12px;
  position: absolute;
  left: 0;
}.conflicting-bookings-modal {
  width: 600px;
  height: 395px;
  padding: 16px 16px 50px 16px;
  background-color: #fff;
  border-radius: 6px;
  border-bottom: 2px solid #00A6AD;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
}

.conflicting-bookings-modal-list__list-container {
  width: 100%;
  height: 100%;
}.bookings-list-item {
  border-radius: 6px;
  border-top: 2px solid #FF5E57;
  border-right: 1px solid #FF5E57;
  border-left: 1px solid #FF5E57;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  box-sizing: content-box;
  overflow: hidden;
}
.bookings-list-item--g-tab {
  background-color: #FF5E57;
}
.bookings-list-item--g-tab .bookings-list-item__content {
  box-sizing: border-box;
  height: 72px;
  border-top: 2px solid #FF5E57;
  background-color: #fff;
  border-radius: 6px;
}
.bookings-list-item--g-tab .bookings-list-item__header {
  border-radius: 6px;
  background-color: #fff;
  border-right: 1px solid #FF5E57;
  border-left: 1px solid #FF5E57;
}
.bookings-list-item--calendar {
  height: 114px;
}
.bookings-list-item--calendar .bookings-list-item__header-info {
  background-color: #fff;
}
.bookings-list-item--calendar .bookings-list-item__content {
  background-color: #f6f6f6;
}
.bookings-list-item--calendar .bookings-list-item__time {
  background-color: #f6f6f6;
}
.bookings-list-item--selected {
  box-shadow: 0px 0px 0px 6px #88D6D9;
  transition: box-shadow 0.5s;
}
.bookings-list-item__header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.bookings-list-item__time {
  display: flex;
  justify-content: space-between;
  min-width: 130px;
  height: 20px;
  align-items: center;
  flex-grow: 1;
  padding: 0 6px;
}
.bookings-list-item__operator-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #0092F2;
}
.bookings-list-item__content {
  padding: 7px 15px 11px 15px;
  height: 100%;
}
.bookings-list-item__info, .bookings-list-item__girl-name, .bookings-list-item__client-name {
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.bookings-list-item__info {
  color: #8C97B2;
}
.bookings-list-item__timeline {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
.bookings-list-item__girl-name {
  display: flex;
  align-items: center;
  position: relative;
  margin: 5px 0;
  color: #0092F2;
  max-width: 100%;
}
.bookings-list-item__girl-message-counter {
  position: absolute;
  left: -10px;
}
.bookings-list-item__client-name {
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}
.bookings-list-item__type {
  text-transform: capitalize;
}
.bookings-list-item__icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.bookings-list-item__requirements-list {
  text-align: left;
}
.bookings-list-item__requirements-marks {
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  height: 100%;
}
.bookings-list-item__requirements-marks-wrapper {
  display: flex;
  flex-direction: row-reverse;
  height: 100%;
}
.bookings-list-item__requirement-mark {
  display: block;
  width: 3px;
  height: 65%;
  border-radius: 2px;
}
.bookings-list-item__icon-pre-booking {
  width: 14px;
  height: 14px;
  min-width: 14px;
  fill: #F77FBE;
}
.bookings-list-item__header-info {
  display: flex;
  overflow: hidden;
  min-width: 76px;
  height: 20px;
  align-items: center;
  flex-grow: 1;
  padding: 0 6px;
}
.bookings-list-item__header-info > * {
  width: 50%;
}
.bookings-list-item__info-icons {
  display: flex;
  align-items: center;
  width: 50%;
}
.bookings-list-item__requirements {
  width: 50%;
  height: 80%;
}

.bookings-list .scrollbars-track {
  right: 3px;
}.edit-contact-form-img-cropper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #fff;
  width: 470px;
  border-radius: 6px;
  overflow: hidden;
}
.edit-contact-form-img-cropper.close {
  animation: translateDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.edit-contact-form-img-cropper__header {
  display: flex;
  justify-content: space-between;
  background-color: #E6EBF1;
  padding: 23px 21px 23px 15px;
  color: #808080;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.08);
}
.edit-contact-form-img-cropper__header-btn {
  color: #808080;
}
.edit-contact-form-img-cropper__header-btn svg {
  width: 12px;
  height: 12px;
}
.edit-contact-form-img-cropper__toggle-wrap {
  color: #000;
  font-size: 16px;
}
.edit-contact-form-img-cropper__ava-editor-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background-color: #fff;
}
.edit-contact-form-img-cropper__ava-cropper {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 180px;
  width: 180px;
}
.edit-contact-form-img-cropper__ava-cropper > div > img {
  width: inherit;
  min-width: unset;
  height: inherit;
  object-fit: unset;
}
.edit-contact-form-img-cropper__ava-cropper-wrap {
  position: relative;
  width: 470px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  height: 776px;
  flex-direction: column;
  background-color: #D8D8D8;
  animation: translateUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.edit-contact-form-img-cropper__ava-cropper-avatars {
  flex-grow: 1;
  background-color: #F6F9FC;
  padding: 30px 10px 20px 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  max-height: 402px;
  overflow-y: scroll;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list::-webkit-scrollbar {
  width: 4px;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list::-webkit-scrollbar-track {
  background: transparent;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list .spinner {
  position: absolute;
  inset: 0;
  margin: auto;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-list-item {
  width: 96px;
  height: 96px;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EEEEEE;
}
.edit-contact-form-img-cropper__ava-cropper-avatars-title {
  color: #808080;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
}
.edit-contact-form-img-cropper__ava-cropper-options-bar {
  position: absolute;
  bottom: 60px;
  align-items: center;
  width: 250px;
  height: 26px;
  transform: rotate(90deg);
  right: 0;
  bottom: 44%;
  left: 146px;
  width: 184px;
}
.edit-contact-form-img-cropper__ava-cropper-navigation-bar {
  display: flex;
  gap: 12px;
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.edit-contact-form-img-cropper__ava-cropper-btn-file-cancel, .edit-contact-form-img-cropper__ava-cropper-btn-file-upload, .edit-contact-form-img-cropper__ava-cropper-btn-file-save {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 170px;
  margin: 0 5px;
  padding: 0;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: 0.14s all;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 21px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.edit-contact-form-img-cropper__ava-cropper-btn-file-cancel {
  background-color: #bfbfbf;
}
.edit-contact-form-img-cropper__ava-cropper-btn-file-upload {
  background-color: #0092F2;
}
.edit-contact-form-img-cropper__ava-cropper-btn-file-save {
  background-color: #00A6AD;
}.computer-modal {
  background-color: #fff;
  padding: 96px 36px;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.computer-modal__title {
  font-size: 23px;
  color: #808080;
  font-weight: bold;
}
.computer-modal__btns {
  margin-top: 15px;
  display: flex;
}
.computer-modal__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 50px;
  margin: 65px 10px 0 10px;
  padding: 15px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  background: #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}.contact-card {
  background-color: rgb(var(--primary-color));
  font-family: Manrope, Roboto, sans-serif;
  font-size: 12px;
  width: 403px;
}
.contact-card__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 80px;
}
.contact-card__header-wrapper {
  padding: 12px;
}
.contact-card__header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-card__header-row--top {
  height: 20px;
  font-size: 9.5px;
  color: var(--dimmed-font-color);
}
.contact-card__header-row--bottom {
  height: 40px;
}
.contact-card__feedbacks-tab {
  position: relative;
  height: calc(100% - 50px);
}
.contact-card__header-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.contact-card__tabs-list {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  height: 32px;
  gap: 16px;
  border-bottom: 1px solid rgba(var(--secondary-color), var(--selected-opacity));
  font-size: 12px;
  font-weight: bold;
}
.contact-card__tab-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background-color: rgba(var(--secondary-color), var(--strong-highlighted-opacity));
  height: auto;
  width: 100%;
}
.contact-card__tab-header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  height: 32px;
}
.contact-card__tab-panel-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  margin: 16px 12px 0;
}
.contact-card__group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 16px;
  line-height: 1.5;
  text-align: left;
  background-color: rgba(var(--tertiary-color), var(--light-highlighted-opacity));
  border-radius: 6px;
  color: var(--dimmed-font-color);
}
.contact-card__group--tags {
  flex-flow: row wrap;
  padding: 4px 8px;
}
.contact-card__group--note {
  white-space: pre-wrap;
  word-break: break-all;
}
.contact-card__group-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
}
.contact-card__contact-label {
  display: flex;
  align-items: center;
  height: 24px;
}
.contact-card__contact-label span {
  height: 16px;
}
.contact-card__group-row-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  min-height: 24px;
}
.contact-card__information-title {
  width: 74px;
}
.contact-card__actions {
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.contact-card__avatar-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  height: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.contact-card__avatar-wrapper .lazy-load__container {
  border-radius: 50%;
  overflow: hidden;
}
.contact-card__avatar-wrapper::before {
  content: attr(data-contact-name);
  position: absolute;
  left: 48px;
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 12px;
}
.contact-card__contact-info {
  text-align: left;
}
.contact-card__id {
  color: var(--dimmed-font-color);
}
.contact-card__dates {
  display: flex;
  align-items: center;
  gap: 2px;
}
.contact-card__dates, .contact-card__age {
  transform: scaleX(0.95);
  transform-origin: left;
}
.contact-card .react-tabs {
  display: flex;
  flex-direction: column;
  height: 80vh;
  max-height: 1100px;
}
.contact-card .react-tabs__tab-list {
  display: flex;
  justify-content: space-between;
  padding: 0 1px;
}
.contact-card .react-tabs__tab-panel--selected {
  display: flex;
  flex-direction: column;
  height: 100%;
}.edit-contact-form {
  position: relative;
  color: #404040;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.83px;
  margin-top: 14px;
}
.edit-contact-form::-webkit-scrollbar {
  width: 4px;
}
.edit-contact-form::-webkit-scrollbar-track {
  background: transparent;
}
.edit-contact-form::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.edit-contact-form::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.edit-contact-form__main {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
.edit-contact-form__error-msg {
  color: #FF5E57;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edit-contact-form__error-msg-wrapper {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: -15px;
  max-width: 330px;
  margin: auto;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #FF5E57;
  border-radius: 4px;
}
.edit-contact-form__checkbox-wrapper {
  justify-content: space-around;
  display: flex;
  gap: 20px;
}
.edit-contact-form__checkbox-block {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
}
.edit-contact-form__information, .edit-contact-form__types, .edit-contact-form__girl-agent {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  gap: 5px;
  margin-bottom: 8px;
}
.edit-contact-form__information .contact-form-via-item {
  display: flex;
}
.edit-contact-form__girl-agent {
  padding-top: 14px;
}
.edit-contact-form__girl-agent .react-select {
  width: 100%;
}
.edit-contact-form__girl-agent .react-select .react-select__menu {
  left: -49px;
  width: calc(100% + 54px);
}
.edit-contact-form__girl-agent .react-select .react-select__control {
  width: 100%;
  cursor: pointer;
}
.edit-contact-form__girl-agent .react-select .react-select__single-value {
  text-align: center;
  font-weight: normal;
  color: #0092F2;
}
.edit-contact-form__types {
  margin-top: 14px;
  gap: 15px;
}
.edit-contact-form__spinner-wrapper {
  margin-top: 15px;
}
.edit-contact-form__field-title {
  padding-right: 16px;
  color: #808080;
  font-size: 14px;
  line-height: 24px;
  font-family: Roboto;
  letter-spacing: 0;
  text-align: left;
}
.edit-contact-form__field-title--via {
  text-align: left;
}
.edit-contact-form__field--not-for {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 23px 0;
}
.edit-contact-form__field--via {
  padding: 16px 15px 10px;
}
.edit-contact-form__field--via .react-select__menu {
  right: auto;
}
.edit-contact-form__field--via .contact-form-via-item:not(:first-child) {
  margin-left: 18px;
}
.edit-contact-form__field--via .contact-form-via-item__btn-title {
  font-size: 12px;
}
.edit-contact-form__field--contact-type, .edit-contact-form__field--agent, .edit-contact-form__field--category, .edit-contact-form__field--type {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 204px;
  margin-bottom: 0 !important;
  border: 1px solid #E6EBF1;
  padding: 4px 5px 4px 9px;
  background-color: #fff;
  border-radius: 6px;
  color: #808080;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
}
.edit-contact-form__field--contact-type:focus-within, .edit-contact-form__field--agent:focus-within, .edit-contact-form__field--category:focus-within, .edit-contact-form__field--type:focus-within {
  border-color: #00A6AD;
}
.edit-contact-form__field--contact-type .react-select__single-value, .edit-contact-form__field--agent .react-select__single-value, .edit-contact-form__field--category .react-select__single-value, .edit-contact-form__field--type .react-select__single-value {
  font-size: 10px;
  color: #00A6AD;
}
.edit-contact-form__field--contact-type .react-select__dropdown-indicator, .edit-contact-form__field--agent .react-select__dropdown-indicator, .edit-contact-form__field--category .react-select__dropdown-indicator, .edit-contact-form__field--type .react-select__dropdown-indicator {
  padding: 0;
  color: #808080;
}
.edit-contact-form__field--contact-type .react-select__single-value, .edit-contact-form__field--agent .react-select__single-value, .edit-contact-form__field--category .react-select__single-value, .edit-contact-form__field--type .react-select__single-value {
  font-size: 12px;
}
.edit-contact-form__field--agent {
  width: 100%;
}
.edit-contact-form__field--type {
  width: 50%;
  justify-content: flex-start;
  gap: 5px;
}
.edit-contact-form__field--type .react-select {
  width: 100%;
}
.edit-contact-form__field--type .react-select .react-select__menu {
  left: -49px;
  width: calc(100% + 54px);
}
.edit-contact-form__field--type .react-select .react-select__control {
  width: 100%;
  cursor: pointer;
}
.edit-contact-form__field--type .react-select .react-select__single-value {
  text-align: start;
  font-weight: normal;
  color: #0092F2;
}
.edit-contact-form__field--subtype {
  width: 50%;
}
.edit-contact-form__field--subtype .react-select .react-select__menu {
  left: -70px;
  width: 156px;
}
.edit-contact-form__field--category {
  width: 50px;
  padding: 4px;
}
.edit-contact-form__field--category .react-select {
  margin-left: 0;
}
.edit-contact-form__field--category .react-select .react-select__control {
  cursor: pointer;
}
.edit-contact-form__field--category .react-select .react-select__menu {
  left: -5px;
  width: 43px;
}
.edit-contact-form__field--category .react-select .react-select__single-value {
  color: #808080;
}
.edit-contact-form__field--category .react-select .react-select__dropdown-indicator {
  padding: 0;
}
.edit-contact-form__field--category .react-select .react-select__dropdown-indicator svg {
  width: 16px;
  height: 16px;
}
.edit-contact-form__field--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.edit-contact-form__input-wrap {
  display: flex;
  position: relative;
  margin-top: 14px;
  padding: 0 20px;
  height: 40px;
  margin-top: 6px;
}
.edit-contact-form__input-wrap--description {
  width: 100%;
}
.edit-contact-form__girl-fn {
  line-height: 16px;
  color: #000;
  max-height: 62px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.edit-contact-form__input-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 29px;
  height: fit-content;
  margin: auto;
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
  z-index: 3;
}
.edit-contact-form__btn-clear {
  display: flex;
  z-index: 2;
  position: absolute;
  top: 11px;
  right: 26px;
  padding: 6px;
}
.edit-contact-form__btn-clear-icon {
  width: 8px;
  height: 8px;
  color: #808080;
}
.edit-contact-form__header {
  display: flex;
  padding: 0 20px;
  align-items: center;
}
.edit-contact-form__via-list {
  display: flex;
  margin-top: 14px;
  gap: 15px;
}
.edit-contact-form__avatar-wrapper {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.edit-contact-form-avatar__icon {
  opacity: 0;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s linear, background-color 0.2s linear;
}
.edit-contact-form-avatar__control-icons {
  display: flex;
  z-index: 5;
  position: absolute;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity 0.2s linear, background-color 0.2s linear;
}
.edit-contact-form-avatar__image-input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  gap: 8px;
}
.edit-contact-form-avatar__img-wrap {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.edit-contact-form-avatar__img-wrap .lazy-load__container {
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.edit-contact-form-avatar__img-container {
  display: flex;
  border-radius: 50%;
  padding-bottom: 10px;
}
.edit-contact-form-avatar__img-container:hover .edit-contact-form-avatar__control-icons {
  background-color: rgba(0, 0, 0, 0.8);
}
.edit-contact-form-avatar__img-container:hover .edit-contact-form-avatar__icon {
  opacity: 1;
}
.edit-contact-form .contact-address-tab__input-wrap--address {
  margin: 0 0 15px 0;
  padding: 0;
}
.edit-contact-form__id {
  flex: 2;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #E6EBF1;
  color: #404040;
  font-size: 14px;
  text-align: left;
  letter-spacing: 1px;
  background-color: #fff;
  margin-right: 15px;
}
.edit-contact-form__header-group {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  margin-left: 11px;
  color: #808080;
  font-size: 14px;
  gap: 4px;
}
.edit-contact-form .form-error-text__wrap {
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  color: #F20C0C;
  font-weight: 300;
  font-size: 11px;
}
.edit-contact-form__tel, .edit-contact-form__mail, .edit-contact-form__telegram-nickname {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
.edit-contact-form__tel:not(:first-child), .edit-contact-form__mail:not(:first-child), .edit-contact-form__telegram-nickname:not(:first-child) {
  margin: 20px 0 0;
}
.edit-contact-form__tel .react-select__control, .edit-contact-form__mail .react-select__control, .edit-contact-form__telegram-nickname .react-select__control {
  border-radius: 6px;
  border-color: #E6EBF1;
}
.edit-contact-form__tel-wrapper {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.edit-contact-form__textarea-wrapper {
  flex-grow: initial;
  margin-bottom: 10px;
  padding: 9px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  background-color: #fff;
  transition: all 0.15s ease-in-out;
  height: 100%;
}
.edit-contact-form__textarea-wrapper:focus-within {
  border-color: #00A6AD;
}
.edit-contact-form__textarea-wrapper--short-name {
  position: relative;
}
.edit-contact-form__textarea-wrapper--short-name::before {
  content: "Name:";
  position: absolute;
  letter-spacing: 1px;
  left: 10px;
  z-index: 2;
  top: 48%;
  transform: translateY(-50%);
}
.edit-contact-form__phone-numbers, .edit-contact-form__mails, .edit-contact-form__telegram-nickname {
  width: 100%;
}
.edit-contact-form__phone-numbers {
  padding: 18px 19px 8px;
}
.edit-contact-form__mails {
  padding: 0 19px 8px;
}
.edit-contact-form__telegram-nicknames {
  padding: 0 19px 18px;
  border-bottom: 1px solid #808080;
}
.edit-contact-form__addresses {
  padding: 0 !important;
  border-bottom: 1px solid #808080;
  text-align: left;
  margin-bottom: 5px;
}
.edit-contact-form__notes .form-textarea {
  border-radius: 6px;
  outline: 1px solid #E6EBF1;
}
.edit-contact-form__notes .form-textarea:focus-within {
  outline-color: #00A6AD;
}
.edit-contact-form__field-content {
  display: flex;
  align-items: center;
}
.edit-contact-form__field-type-error {
  position: absolute;
  bottom: -13px;
  right: 20px;
  font-size: 13px;
  color: #FF5E57;
}
.edit-contact-form__input-field-btn {
  display: flex;
  position: absolute;
  top: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: #808080;
  transform: translateY(-50%);
}
.edit-contact-form__input-field-btn--field-action {
  right: 30px;
}
.edit-contact-form__input-field-btn--field-action > svg {
  width: 12px;
  height: 12px;
}
.edit-contact-form__input-field-btn--del {
  z-index: 1;
  right: 8px;
  padding: 5px;
  color: #FF5E57;
}
.edit-contact-form__input-field-btn--del > svg {
  width: 8px;
  height: 8px;
}
.edit-contact-form__add-field-btn {
  display: flex;
  position: relative;
  align-items: center;
  margin: 10px 0;
  color: #808080;
  font-size: 14px;
}
.edit-contact-form__add-field-btn > svg {
  width: 20px;
  height: 20px;
  fill: #00A6AD;
}
.edit-contact-form__item-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.edit-contact-form__btn {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
}
.edit-contact-form__btn-add-icon {
  width: 12px;
  height: 12px;
  color: #fff;
  position: absolute;
  margin: auto;
  inset: 0;
}
.edit-contact-form__btn-add-icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: #00A6AD;
  border-bottom: 1px solid #70b9bc;
  margin-right: 6px;
}
.edit-contact-form__btn-wrapper {
  flex-basis: 100%;
}
.edit-contact-form__btn-undo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  width: 100%;
  max-width: 180px;
  margin: 13px auto 0 19px;
  padding: 5px 16px;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0.88px;
  background-color: #E6EBF1;
}
.edit-contact-form__btn-undo > svg {
  width: 12px;
}
.edit-contact-form__input {
  width: 100%;
  padding: 9px 75px 9px 10px;
  border: 1px solid #E6EBF1;
  border-radius: 6px;
  outline: none;
  color: #404040;
  font-size: 14px;
  line-height: 19px;
  font-family: Roboto;
  letter-spacing: 0;
  transition: all 0.15s ease-in-out;
}
.edit-contact-form__input::-webkit-scrollbar {
  width: 4px;
}
.edit-contact-form__input::-webkit-scrollbar-track {
  background: transparent;
}
.edit-contact-form__input::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
  margin: 5px;
}
.edit-contact-form__input::-webkit-scrollbar-thumb:hover {
  background: rgb(178.25, 178.25, 178.25);
}
.edit-contact-form__input--error {
  border: 1px solid #F20C0C !important;
}
.edit-contact-form__input--fn {
  height: 18px;
  min-height: 18px;
  max-height: 40px;
  padding: 0;
  border: none;
  resize: none;
}
.edit-contact-form__input--emoji {
  width: 190px;
}
.edit-contact-form__input--short-name {
  margin-bottom: 5px;
}
.edit-contact-form__input--fb-letters, .edit-contact-form__input--location, .edit-contact-form__input--emoji, .edit-contact-form__input--nationality, .edit-contact-form__input--short-name, .edit-contact-form__input--prices {
  padding: 0;
  position: relative;
}
.edit-contact-form__input--fb-letters::before, .edit-contact-form__input--location::before, .edit-contact-form__input--emoji::before, .edit-contact-form__input--nationality::before, .edit-contact-form__input--short-name::before, .edit-contact-form__input--prices::before {
  position: absolute;
  letter-spacing: 1px;
  left: 10px;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  color: #808080;
}
.edit-contact-form__input--fb-letters .input, .edit-contact-form__input--location .input, .edit-contact-form__input--emoji .input, .edit-contact-form__input--nationality .input, .edit-contact-form__input--short-name .input, .edit-contact-form__input--prices .input {
  position: relative;
  border: 1px solid transparent;
}
.edit-contact-form__input--fb-letters:focus-within, .edit-contact-form__input--location:focus-within, .edit-contact-form__input--emoji:focus-within, .edit-contact-form__input--nationality:focus-within, .edit-contact-form__input--short-name:focus-within, .edit-contact-form__input--prices:focus-within {
  border-color: #00A6AD;
}
.edit-contact-form__input--short-name::before {
  content: "Name:";
}
.edit-contact-form__input--short-name .input {
  padding-left: 55px;
}
.edit-contact-form__input--prices::before {
  content: "Prices:";
}
.edit-contact-form__input--prices .input {
  padding-left: 58px;
}
.edit-contact-form__input--fb-letters::before {
  content: "FB letters:";
}
.edit-contact-form__input--fb-letters .input {
  padding-left: 84px;
}
.edit-contact-form__input--location::before {
  content: "Location:";
}
.edit-contact-form__input--location .input {
  padding-left: 77px;
}
.edit-contact-form__input--nationality::before {
  content: "Nat-ty:";
}
.edit-contact-form__input--nationality .input {
  padding-left: 57px;
}
.edit-contact-form__input--emoji::before {
  content: "Emoji:";
}
.edit-contact-form__input--emoji .input {
  padding-left: 57px;
}
.edit-contact-form__input--description {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  border: 1px solid #E6EBF1;
  padding: 9px 6px 9px 10px;
}
.edit-contact-form__input--description .input {
  background: #fff;
  padding: 11px 23px 11px 100px;
  text-overflow: ellipsis;
  font-weight: bold;
  height: 99%;
}
.edit-contact-form__input--description .input:focus-visible {
  border-color: transparent;
}
.edit-contact-form__input--custom_id {
  padding: 0;
  width: 155px;
}
.edit-contact-form__input--custom_id::before {
  content: "ID:";
  position: absolute;
  letter-spacing: 1px;
  left: 10px;
  z-index: 2;
  top: 48%;
  transform: translateY(-50%);
}
.edit-contact-form__input--custom_id .input {
  position: relative;
  border: 1px solid transparent;
  padding-left: 34px;
}
.edit-contact-form__input--custom_id .input:focus-visible {
  border-color: #00A6AD;
}
.edit-contact-form__input:focus-visible {
  border-color: #00A6AD;
}
.edit-contact-form__input-wrapper {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
}
.edit-contact-form__select-tel-label {
  width: 90px;
}
.edit-contact-form__select-tel-label--pending {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
}
.edit-contact-form__select-tel-label menu {
  width: 200px;
}
.edit-contact-form__select-tel-label .react-select__indicators {
  padding: 0 8px;
}
.edit-contact-form__select-tel-label .react-select__indicators > svg {
  width: 10px;
  height: 10px;
}
.edit-contact-form-select__control {
  width: 70px;
}
.edit-contact-form-select__menu {
  width: 160px;
}
.edit-contact-form-select__single-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit-contact-form .tags-field {
  margin: 10px 0;
}
.edit-contact-form .tags-field__value-container {
  min-height: 70px;
  text-align: left;
  align-content: baseline;
}
.edit-contact-form .tags-field__control {
  border: 1px solid #E6EBF1;
  background-color: #fff;
  box-shadow: none;
  transition: all 0.15s ease-in-out;
}
.edit-contact-form .tags-field__control:focus-within {
  border-color: #00A6AD;
}
.edit-contact-form .tags-field__multi-value__remove:hover {
  color: #404040;
  background-color: #dae0e6;
}
.edit-contact-form .tags-field-container {
  padding: 14px 21px 22px;
  border-bottom: 1px solid #808080;
}
.edit-contact-form .tags-field__menu {
  top: auto;
  right: 0;
  left: 0;
  width: 328px;
  margin: auto;
}
.edit-contact-form__notes-textarea-container {
  height: 150px;
  padding: 14px;
}
.edit-contact-form__notes-textarea-container textarea {
  height: 100%;
}
.edit-contact-form__agent-btn {
  width: 100%;
}.comm-module-modal {
  background-color: #fff;
  padding: 96px 36px;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.comm-module-modal__title {
  font-size: 23px;
  color: #808080;
  font-weight: bold;
}
.comm-module-modal__button {
  margin: 20px 0;
  padding: 20px 10px;
  font-size: 16px;
  color: #808080;
  font-weight: bold;
}
.comm-module-modal__button:hover {
  opacity: 90%;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}.confirm-logout-modal {
  background-color: #fff;
  padding: 41px;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.confirm-logout-modal__title {
  font-size: 23px;
  color: #808080;
  font-weight: bold;
  text-align: start;
}
.confirm-logout-modal__subtitle {
  font-size: 17px;
  color: #808080;
  text-align: start;
  margin-top: 17px;
}
.confirm-logout-modal__btns {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.confirm-logout-modal__btn--logout {
  min-width: 160px;
  min-height: 50px;
  padding: 15px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  background: #00A6AD;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}
.confirm-logout-modal__btn--cancel {
  color: #fff;
  font-weight: 600;
  background-color: #bfbfbf;
  padding: 5px 21px;
  border-radius: 4px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
}.tutorials-gallery-modal {
  display: flex;
  flex-direction: column;
  width: 80vw;
  height: 80vh;
  font-family: Manrope;
}
.tutorials-gallery-modal__header-title {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding-left: 20px;
}
.tutorials-gallery-modal__content {
  display: flex;
  flex: 1;
  height: 100%;
  gap: 120px;
}
.tutorials-gallery-modal__sidebar {
  width: 378px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
}
.tutorials-gallery-modal__sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 16px;
  gap: 16px;
}
.tutorials-gallery-modal__sidebar-header .search-input__content {
  background-color: #F8F8F8;
}
.tutorials-gallery-modal__filters {
  display: flex;
  height: 24px;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.tutorials-gallery-modal__tutorials-list {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tutorials-gallery-modal__module {
  max-height: 500px;
  overflow: scroll;
}
.tutorials-gallery-modal__module-header {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}
.tutorials-gallery-modal__module-header:hover {
  background-color: #F8F8F8;
}
.tutorials-gallery-modal__module-header--expanded {
  background-color: #CCEDEE;
}
.tutorials-gallery-modal__module-header--expanded .tutorials-gallery-modal__module-chevron {
  transform: rotate(180deg);
  color: #00A6AD;
}
.tutorials-gallery-modal__module-icon {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.tutorials-gallery-modal__module-icon svg {
  height: 16px;
  width: 16px;
  color: #8C8A94;
  flex-shrink: 0;
}
.tutorials-gallery-modal__module-title {
  flex-grow: 1;
  color: #8C8A94;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  text-align: start;
}
.tutorials-gallery-modal__module-chevron {
  width: 12px;
  height: 12px;
  color: #8C8A94;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.tutorials-gallery-modal__module-links {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  gap: 16px;
}
.tutorials-gallery-modal__tutorial-link {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
  background-color: #F8F8F8;
}
.tutorials-gallery-modal__tutorial-link:hover {
  background-color: #F0F0F0;
}
.tutorials-gallery-modal__tutorial-link--active {
  background-color: rgba(var(--secondary-color), var(--highlighted-opacity));
}
.tutorials-gallery-modal__tutorial-link-title {
  max-width: 85%;
  padding: 2px 6px;
  color: #8C8A94;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
}
.tutorials-gallery-modal__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.tutorials-gallery-modal__gallery {
  min-width: 0;
  min-height: 0;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background-color: #000;
  position: relative;
  align-items: center;
  justify-content: center;
}
.tutorials-gallery-modal__gallery-content {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tutorials-gallery-modal__gallery-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.tutorials-gallery-modal__gallery-video {
  height: 100%;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tutorials-gallery-modal__gallery-video .video {
  width: 100%;
  height: 100%;
  max-width: 90%;
  max-height: 90%;
}
.tutorials-gallery-modal__gallery-video .video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
}
.tutorials-gallery-modal__nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background-color: #CCEDEE;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background-color 0.2s;
  color: #494656;
}
.tutorials-gallery-modal__nav-button:hover {
  background-color: rgba(204, 237, 238, 0.8);
}
.tutorials-gallery-modal__nav-button--prev {
  left: -60px;
}
.tutorials-gallery-modal__nav-button--prev svg {
  transform: rotate(90deg);
}
.tutorials-gallery-modal__nav-button--next {
  right: -60px;
}
.tutorials-gallery-modal__nav-button--next svg {
  transform: rotate(-90deg);
}
.tutorials-gallery-modal__no-media, .tutorials-gallery-modal__no-tutorial {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-size: 16px;
  opacity: 0.6;
}.modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 120;
}

.modal-container[open] {
  transform: scale(1);
}

.modal-container[open] .modal-background {
  text-align: center;
  background: rgba(0, 0, 0, 0);
  --final-background: rgba(0, 0, 0, 0.5);
}
.modal-container[open] .modal-background--gallery, .modal-container[open] .modal-background--girls-map, .modal-container[open] .modal-background--profile-buffer {
  --final-background: rgba(64, 64, 64, 0.95);
}
.modal-container[open] .modal-background--girls-map:has(.girls-map--selection-mode) {
  --final-background: rgba(37, 124, 125, 0.95);
}
.modal-container[open] .modal-background {
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.modal-container[open] .modal-background .modal-content {
  opacity: 0;
  animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container[open] .modal-background .modal-content--girls-map {
  height: 94vh;
  max-height: 94vh;
}

.modal-container[open] .modal-background--transferred-or-assistance-session {
  background-color: rgba(255, 255, 255, 0.7);
  --final-background: rgba(255, 255, 255, 0.7);
}

.modal-container.closing,
.modal-container[open].closing,
.modal-container[open].out {
  animation: quickScaleDown 0s 0.5s linear forwards;
}
.modal-container.closing::after,
.modal-container[open].closing::after,
.modal-container[open].out::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1000;
  pointer-events: all;
}
.modal-container.closing .modal-background,
.modal-container[open].closing .modal-background,
.modal-container[open].out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.closing .modal-background .modal-content,
.modal-container[open].closing .modal-background .modal-content,
.modal-container[open].out .modal-background .modal-content {
  animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.modal-container .modal-background {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-container .modal-background .modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.modal-content--pending {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: wait;
}

.modal-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-header, .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  height: 32px;
  width: 100%;
  color: rgb(var(--primary-color));
}

.modal-header {
  top: -60px;
}

.modal-footer {
  top: unset;
  bottom: -60px;
}

.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--enter.modal--profile-carousel {
  transform: scale(0.7);
  filter: blur(2px);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--enter-active.modal--profile-carousel {
  transform: scale(1);
  filter: blur(0);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--exit.modal--profile-carousel {
  transform: scale(1);
  filter: blur(0);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--exit-active.modal--profile-carousel {
  transform: scale(0.7);
  filter: blur(2px);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--exit.modal--photo-gallery {
  transform: scale(1);
  filter: blur(2px);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--exit-active.modal--photo-gallery {
  transform: scale(1.3);
  filter: blur(0);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--enter.modal--photo-gallery {
  transform: scale(1.3);
  filter: blur(2px);
}
.modal-content:has(.modal--photo-gallery, .modal--profile-carousel) .modal--enter-active.modal--photo-gallery {
  transform: scale(1);
  filter: blur(0);
}

:is(.modal--photo-gallery, .modal--profile-carousel) {
  height: 77.5vh;
  aspect-ratio: 1;
}
.modal--girlsmap {
  min-height: 760px;
  min-width: 1400px;
  height: calc(100vh - 280px);
  width: calc(100vw - 400px);
}

.modal-close-btn {
  margin-left: 6px;
}
.modal-close-btn svg {
  color: #FF7373;
  margin: 0;
  width: 11px;
  height: 11px;
}

.modal--enter {
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

.modal--enter-active {
  opacity: 1;
  transition: opacity 300ms, transform 300ms;
}

.modal--exit {
  opacity: 1;
  position: absolute;
  transition: opacity 300ms, transform 300ms;
}

.modal--exit-active {
  opacity: 0;
  position: absolute;
  transition: opacity 300ms, transform 300ms;
}

.modal--exit-done {
  display: none !important;
}

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.5);
    background: var(--final-background);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.5);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  100% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
}
@keyframes quickScaleDown {
  0% {
    transform: scale(1);
  }
  99.9% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}.notifications-widget {
  display: flex;
  z-index: 9;
  flex-direction: column;
  width: 300px;
  height: 585px;
  border: 1px solid #00A6AD;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  color: #00A6AD;
  background-color: #E6EBF1;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.06);
}
.notifications-widget__list {
  flex-grow: 1;
  padding: 12px;
}
.notifications-widget__title {
  flex-grow: 1;
  margin-left: 12px;
  color: #00A6AD;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.notifications-widget__header {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 6px 6px 0 0;
  background-color: #88D6D9;
}
.notifications-widget__btn {
  transition: 0.5s;
  display: flex;
  align-items: center;
}
.notifications-widget__btn:hover svg {
  color: #FF5E57;
}
.notifications-widget__icon {
  width: 20px;
  height: 20px;
  color: #00A6AD;
}
.notifications-widget__list-container {
  height: 100%;
}
.notifications-widget__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.notifications-item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.12);
  color: #000;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.8px;
}
.notifications-item__body {
  padding: 16px 12px;
  text-wrap: balance;
}
.notifications-item__body--task {
  min-height: 42px;
}
.notifications-item__body .lazy-load__container {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  margin-bottom: 0px;
}
.notifications-item__img {
  border-radius: 5px;
}
.notifications-item__footer {
  padding: 9px 10px;
  border-radius: 0 0 6px 6px;
  background-color: #F8737F;
}
.notifications-item__btns-wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
}
.notifications-item__btn {
  padding: 2px 8px;
  border-radius: 4px;
  color: #4C4C4C;
  font-size: 12px;
  line-height: 16px;
  font-family: Roboto;
  text-align: center;
  letter-spacing: 1px;
  background-color: #fff;
}
.notifications-item__icon-task {
  fill: #fff;
  margin-right: auto;
}