@charset "UTF-8";@font-face {
  font-family: OpenSansRegular;
  src: url('/v5/assets/OpenSansRegular-B-dCXNyc.ttf');
}
@font-face {
  font-family: Warownia;
  src: url('/v5/assets/Warownia-DKRxLDEH.otf');
}
@font-face {
  font-family: OpenSansBold;
  src: url('/v5/assets/OpenSansBold-fo1ORDhe.ttf');
}
body {
  margin: 0;
  font-family: OpenSansRegular, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.AccountMenu {
  position: relative;
  font-family: var(--font-sans);
}
.AccountMenu .menu-toggle {
  position: relative;
  display: flex;
  padding: 7px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  transition: all 300ms ease-out;
  cursor: pointer;
}
.AccountMenu .menu-toggle .online-status-view, .AccountMenu .menu-toggle .read-only-view {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  bottom: 5px;
  right: 6px;
  visibility: hidden;
}
.AccountMenu .menu-toggle .read-only-view.READONLY {
  width: 16px;
  height: 16px;
  visibility: visible;
  background: #373E46;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AccountMenu .menu-toggle .read-only-view.READONLY img {
  width: 16px;
  height: 16px;
  filter: invert(1);
}
.AccountMenu .menu-toggle .ONLINE {
  visibility: visible;
  background: #01bb69;
}
.AccountMenu .menu-toggle .OFFLINE {
  visibility: visible;
  background: #d82c0d;
}
.AccountMenu .menu-toggle .AWAY {
  visibility: visible;
  background: #f5d73c;
}
.AccountMenu .menu-toggle:hover {
  background-color: rgba(255, 255, 255, 0.25);
  opacity: 1;
}
.AccountMenu .menu-toggle.open {
  opacity: 1 !important;
}
.AccountMenu .menu-toggle.open > svg {
  fill: var(--color-dark);
}
.AccountMenu .menu-toggle > svg {
  fill: var(--color-white);
}
.AccountMenu .menu-toggle > svg > path {
  transform: translateY(-8px);
}
.AccountMenu .menu {
  width: 600%;
  position: absolute;
  background: var(--color-white);
  top: 110%;
  right: 0;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  height: 0;
  opacity: 0;
  transition: all 300ms ease-out;
  z-index: 999;
}
.AccountMenu .menu.open {
  height: auto;
  opacity: 1;
  width: 600%;
}
.AccountMenu .menu .menu-content {
  max-width: 300px;
}
.AccountMenu .menu .menu-content .block {
  padding: 15px 20px;
}
.AccountMenu .menu .menu-content .block:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.AccountMenu .menu .menu-content .change-account {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.AccountMenu .menu .menu-content .change-account .AccountDropdownButtonSelection .button {
  border: solid 1px #ccc;
  width: unset;
}
.AccountMenu .menu .menu-content .change-account .AccountDropdownButtonSelection .button p {
  padding: 3px 8px;
}
.AccountMenu .menu .menu-content .change-account .AccountDropdownButtonSelection .menu {
  width: 100%;
  margin-top: unset !important;
  background-color: unset !important;
  top: 100%;
  max-height: 400px;
}
.AccountMenu .menu .menu-content .change-account .AccountDropdownButtonSelection .menu .menu-items {
  margin: unset;
}
.AccountMenu .menu .menu-content .change-account .AccountDropdownButtonSelection .menu .menu-items .menu-item {
  margin-bottom: unset;
  padding: 3px 8px;
}
.AccountMenu .menu .menu-content .account-name {
  text-align: center;
}
.AccountMenu .menu .menu-content .account-name > h1 {
  font-size: 18px;
  margin-bottom: 4px;
}
.AccountMenu .menu .menu-content .account-name > p {
  font-size: 12px;
  color: var(--color-grey);
  display: flex;
  justify-content: center;
  align-items: center;
}
.AccountMenu .menu .menu-content .account-name > p > span {
  color: black;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}
.AccountMenu .menu .menu-content .account-name > p:last-child {
  margin-top: 10px;
}
.AccountMenu .menu .menu-content .mode {
  display: flex;
  align-items: center;
  user-select: none;
}
@media (min-width: 768px) {
  .AccountMenu .menu .menu-content .mode {
    min-width: max-content;
    text-align: center;
  }
}
.AccountMenu .menu .menu-content .mode label {
  font-size: 12px;
  transition: color 200ms ease-out;
}
.AccountMenu .menu .menu-content .mode label.active {
  color: var(--color-soft-blue);
}
.AccountMenu .menu .menu-content .mode input {
  margin: 0 12px;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container {
  position: relative;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .account-menu___online-status-select,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .account-menu___online-status-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: var(--color-white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  top: -15px;
  left: -105%;
  width: 210px;
  height: 230px;
  border-radius: 5px;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .current-status,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .current-status {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .select,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .select {
  width: 100%;
  height: 75px;
  border-radius: 5px;
  display: grid;
  grid-template-columns: auto 15px;
  padding: 8px;
  align-items: center;
  font-weight: normal;
  cursor: pointer;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .select .status-item,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .select .status-item {
  display: flex;
  gap: 10px;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .select .status-item .status-item-label,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .select .status-item .status-item-label {
  text-align: start;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .select .status-item .status-item-label .status-item-description,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .select .status-item .status-item-label .status-item-description {
  font-size: 10px;
  line-height: 1.2;
  color: #8e91a4;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .select:hover,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .select:hover {
  background: #efefef;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .actual-status,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .actual-status {
  display: grid;
  grid-template-columns: 15px auto 15px;
}
.AccountMenu .menu .menu-content .links-1 .account-menu___read-only-container .actual-status .selected-menu-item,
.AccountMenu .menu .menu-content .links-1 .account-menu___online-status-container .actual-status .selected-menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.AccountMenu .menu .menu-content .links-1 ul {
  margin: 10px 0;
  list-style-type: none;
}
.AccountMenu .menu .menu-content .links-1 ul li {
  font-size: 13px;
  padding: 4px 0;
  cursor: pointer;
  transition: color 200ms ease-out;
}
.AccountMenu .menu .menu-content .links-1 ul li:hover {
  color: var(--color-grey);
}
.AccountMenu .menu .menu-content .links-1 ul li:not(:last-child) {
  margin-bottom: 15px;
}
.AccountMenu .menu .menu-content .logout {
  padding-left: 30px;
  padding-right: 30px;
}
.AccountMenu .menu .menu-content .logout button {
  width: 100%;
}
.AccountMenu .menu .menu-content .links-2 {
  padding: 10px 0px;
  color: var(--color-grey);
}
.AccountMenu .menu .menu-content .links-2 ul {
  font-size: 10px;
  text-align: center;
  padding: 0 20px;
  list-style-type: none;
}
.AccountMenu .menu .menu-content .links-2 ul li {
  display: inline;
  cursor: pointer;
  position: relative;
  transition: color 200ms ease-out;
}
.AccountMenu .menu .menu-content .links-2 ul li:not(:last-child) {
  margin-right: 18px;
}
.AccountMenu .menu .menu-content .links-2 ul li:not(:last-child)::after {
  content: "•";
  position: absolute;
  right: -10px;
  pointer-events: none;
}
.AccountMenu .menu .menu-content .links-2 ul li:hover {
  color: var(--color-lightgrey);
}
.AccountMenu .modal-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0;
  z-index: 100;
}

.links-1 .account-menu___read-only-container .account-menu___read-only-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: var(--color-white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  top: -15px;
  left: -105%;
  width: 210px;
  height: 160px;
  border-radius: 5px;
}

.status-item svg {
  color: #373E46;
}.DropdownButton {
  display: inline-block;
  position: relative;
}
.DropdownButton .DropdownButton__caret-container {
  border-left: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
.DropdownButton .button {
  display: flex;
  user-select: none;
  cursor: pointer;
  align-items: stretch;
  background-color: #0047ff;
  color: white;
  border-radius: 8px;
  position: relative;
  z-index: 120;
  transition: background-color 200ms ease-out;
}
.DropdownButton .button:hover {
  background-color: #406cbd;
}
.DropdownButton .button.open {
  background-color: #1C1C1B;
  height: auto;
}
.DropdownButton .button.open span img {
  transform: rotate(180deg);
}
.DropdownButton .button p {
  display: inline;
  padding: 12px 16px;
  margin: auto;
}
.DropdownButton .button p:first-letter {
  text-transform: capitalize;
}
.DropdownButton .button span {
  display: flex;
}
.DropdownButton .button span img {
  transition: transform 200ms ease-out;
}
.DropdownButton .menu {
  position: absolute;
  background: #eef3fd;
  top: 80%;
  right: 0;
  left: 0;
  border-radius: 8px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
  z-index: 110;
}
.DropdownButton .menu.open {
  height: auto;
  opacity: 1;
  z-index: 1000 !important;
}
.DropdownButton .menu .menu-items {
  padding: 15px 0;
  margin: 0;
}
.DropdownButton .menu .menu-items li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 0;
  text-transform: capitalize;
  color: var(--color-soft-blue);
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 1;
}
.DropdownButton .menu .menu-items li:hover {
  opacity: 0.7;
}
.DropdownButton .menu .menu-items li:not(:last-child) {
  border-bottom: 2px solid var(--color-white);
}
.DropdownButton .menu .menu-items li img {
  margin-right: 10px;
  width: 22px;
}
.DropdownButton .menu .menu-items li p.danger {
  color: var(--color-red);
}.ActivityEmail {
  font-family: var(--font-sans);
  border: 1px solid var(--color-soft-blue);
  border-radius: 5px;
  display: flex;
  padding: 20px;
}
.ActivityEmail .data {
  flex-grow: 1;
  flex-basis: 0;
}
.ActivityEmail .data > header {
  display: flex;
  align-items: center;
  color: var(--color-soft-blue);
}
.ActivityEmail .data > header > img {
  padding-right: 10px;
  border-right: 1px solid var(--color-grey);
}
.ActivityEmail .data > header > span {
  margin-left: 10px;
}
.ActivityEmail .data > article {
  font-size: 14px;
  margin-top: 15px;
  color: var(--color-grey);
}
.ActivityEmail .data > article > aside {
  margin-top: 7px;
  color: var(--color-black);
  font-size: 12px;
}
.ActivityEmail > .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  flex-basis: 200px;
}.ActivitySms {
  font-family: var(--font-sans);
  border: 1px solid var(--color-soft-blue);
  border-radius: 5px;
  display: flex;
  padding: 20px;
}
.ActivitySms .data {
  flex-grow: 1;
  flex-basis: 0;
}
.ActivitySms .data > header {
  display: flex;
  align-items: center;
  color: var(--color-soft-blue);
}
.ActivitySms .data > header > img {
  padding-right: 10px;
  border-right: 1px solid var(--color-grey);
}
.ActivitySms .data > header > span {
  margin-left: 10px;
}
.ActivitySms .data > article {
  font-size: 14px;
  margin-top: 15px;
  color: var(--color-grey);
}
.ActivitySms .data > article > aside {
  margin-top: 7px;
  color: var(--color-black);
  font-size: 12px;
}
.ActivitySms > .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  flex-basis: 200px;
}.ActivityAudience {
  font-family: var(--font-sans);
  border: 1px solid var(--color-soft-blue);
  border-radius: 5px;
  display: flex;
  padding: 20px;
}
.ActivityAudience .data {
  flex-grow: 1;
  flex-basis: 0;
}
.ActivityAudience .data > header {
  display: flex;
  align-items: center;
  color: var(--color-soft-blue);
}
.ActivityAudience .data > header > img {
  padding-right: 10px;
  border-right: 1px solid var(--color-grey);
}
.ActivityAudience .data > header > span {
  margin-left: 10px;
}
.ActivityAudience .data > article {
  font-size: 14px;
  margin-top: 15px;
  color: var(--color-grey);
}
.ActivityAudience .data > article > ul {
  margin-left: 40px;
}
.ActivityAudience .data > article > ul li {
  display: flex;
}
.ActivityAudience .data > article > ul li:not(:last-child) {
  margin-bottom: 13px;
}
.ActivityAudience .data > article > ul li img {
  margin-right: 8px;
}
.ActivityAudience > .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  flex-basis: 200px;
}.ActivitySelection {
  border-radius: 8px;
  max-width: 600px;
  font-family: var(--font-sans);
  cursor: pointer;
  user-select: none;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  transition: background-color 200ms ease-out;
}
.ActivitySelection:hover {
  background-color: var(--color-lightgrey);
}
.ActivitySelection.active {
  background-color: var(--color-lightgrey);
  border: 2px solid var(--color-soft-blue);
}
.ActivitySelection.active .container-icon img {
  filter: grayscale(0);
}
.ActivitySelection.active .container-text h3 {
  color: var(--color-soft-blue);
}
.ActivitySelection .container-icon {
  flex-shrink: 0;
  padding: 20px;
  background: var(--color-white);
  border-radius: 8px;
  margin-right: 18px;
  border: 1px solid var(--color-lightgrey);
}
.ActivitySelection .container-icon img {
  width: 30px;
  filter: grayscale(1);
  transition: all 200ms ease-out;
}
.ActivitySelection .container-text h3 {
  font-size: 18px;
  color: var(--color-disabled);
  margin-bottom: 8px;
  transition: all 200ms ease-out;
}
.ActivitySelection .container-text p {
  color: var(--color-grey);
  font-size: 14px;
  line-height: 1.25;
}* {
  margin: 0;
  padding: 0;
}

.BreadCrumb {
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  background: #0f151c;
  font-size: 12px;
  color: #989aac;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.BreadCrumb .bread-crumb-routes .bread-crumb-path {
  float: left;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #989aac;
}
.BreadCrumb .bread-crumb-routes .bread-crumb-path .arrow-path {
  display: inline-block;
  transform: rotate(45deg);
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-color: #989aac;
  width: 6px;
  height: 6px;
  margin: 0 5px;
}
.BreadCrumb .bread-crumb-routes .bread-crumb-path .bread-crumb-link {
  text-decoration: none;
  color: #989aac;
}
.BreadCrumb .bread-crumb-routes .bread-crumb-path:hover .bread-crumb-link {
  color: #dadce0;
}
.BreadCrumb .bread-crumb-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.BreadCrumb .bread-crumb-buttons .bread-crumb-button {
  float: right;
  height: 25px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  margin-left: 10px;
  background-color: #007bff;
  border: 1px solid #007bff;
  color: white;
}.web-components-button {
  font-family: var(--heading-font-family);
  border: none;
  cursor: pointer;
  font-weight: 500;
  border-radius: 5px;
  box-shadow: var(--button-box-shadow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease-in-out;
  padding: 8px 16px;
  border: 1px solid transparent;
}
.web-components-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.web-components-button--small {
  font-size: 0.875rem;
  padding: 4px 8px;
  min-height: 32px;
}

.web-components-button--medium {
  font-size: 1rem;
  padding: 8px 16px;
  min-height: 40px;
}

.web-components-button--large {
  font-size: 1.125rem;
  padding: 12px 24px;
  min-height: 48px;
}

.web-components-button--primary {
  background-color: #007bff;
  color: white;
}
.web-components-button--primary:hover:not(:disabled) {
  background-color: rgb(0, 98.4, 204);
}

.web-components-button--secondary {
  background-color: var(--secondary-background-components);
  color: white;
}
.web-components-button--secondary:hover:not(:disabled) {
  filter: brightness(110%);
}

.web-components-button--tertiary {
  background-color: transparent;
  border: 2px solid var(--primary-background-components);
  color: var(--primary-background-components);
}
.web-components-button--tertiary:hover:not(:disabled) {
  background-color: var(--primary-background-components);
  color: white;
}

.web-components-button--ghost {
  background-color: transparent;
  color: var(--primary-background-components);
}
.web-components-button--ghost:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.05);
}

.web-components-button--danger {
  background-color: #dc3545;
  color: white;
}
.web-components-button--danger:hover:not(:disabled) {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}

.web-components-button--success {
  background-color: #28a745;
  color: white;
}
.web-components-button--success:hover:not(:disabled) {
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}

.web-components-button--info {
  background-color: #17a2b8;
  color: white;
}
.web-components-button--info:hover:not(:disabled) {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}

.web-components-button--warning {
  background-color: #ffc107;
  color: #212529;
}
.web-components-button--warning:hover:not(:disabled) {
  background-color: rgb(211, 158.25, 0);
}

.web-components-button--outline {
  background-color: transparent;
  border: 1px solid #007bff;
  color: #007bff;
}
.web-components-button--outline:hover:not(:disabled) {
  background-color: #007bff;
  color: white;
}

.web-components-button--link {
  background-color: transparent;
  border: none;
  color: #007bff;
  padding: 0;
  text-decoration: none;
}
.web-components-button--link:hover:not(:disabled) {
  text-decoration: underline;
  color: rgb(0, 98.4, 204);
}

.web-components-button--full-width {
  width: 100%;
}

.web-components-button--icon-only {
  padding: 8px;
}

.button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.button-label {
  display: inline-block;
}

.web-components-button--icon-left .button-icon {
  margin-right: 8px;
}

.web-components-button--icon-right .button-icon {
  margin-left: 8px;
}.DropdownButtonSelection {
  display: inline-block;
  position: relative;
  width: 100%;
  border: solid 1px var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  box-shadow: var(--default-box-shadow);
}
.DropdownButtonSelection .button {
  padding: 0px;
  border: none !important;
  display: flex;
  user-select: none;
  cursor: pointer;
  align-items: stretch;
  background-color: #ffffff;
  color: #606060;
  border-radius: var(--border-radius-components);
  position: relative;
  z-index: 120;
  transition: background-color 200ms ease-out;
}
.DropdownButtonSelection .button.open {
  height: auto;
}
.DropdownButtonSelection .button.open span img {
  transform: rotate(180deg);
}
.DropdownButtonSelection .button p {
  display: inline;
  padding: 12px 16px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  color: var(--tertiary-text-components);
}
.DropdownButtonSelection .button p:first-letter {
  text-transform: capitalize;
}
.DropdownButtonSelection .button span {
  display: flex;
  border-left: 1px solid white;
  padding: 0 15px;
}
.DropdownButtonSelection .button span img {
  transition: transform 200ms ease-out;
}
.DropdownButtonSelection .menu {
  position: absolute;
  background: #eef3fd;
  right: 0;
  left: 0;
  border-radius: 8px;
  height: 0;
  opacity: 0;
  transition: all 300ms ease-out;
  z-index: 110;
  overflow: hidden;
}
.DropdownButtonSelection .menu.open {
  opacity: 1;
  z-index: 1000 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  font-size: 14px;
  min-height: 150px;
  height: fit-content;
  max-height: 400px;
  overflow: scroll !important;
}
.DropdownButtonSelection .menu .menu-items {
  margin: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  color: #606060;
  background: #ffffff;
}
.DropdownButtonSelection .menu .menu-items .menu-item {
  font-weight: normal;
}
.DropdownButtonSelection .menu .menu-items .selected {
  background: #e5eeff;
}
.DropdownButtonSelection .menu .menu-items li {
  height: 40px;
  font-size: 14px;
  color: #606060;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 5px 15px;
  text-transform: capitalize;
  color: var(--tertiary-text-components);
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 1;
}
.DropdownButtonSelection .menu .menu-items li:hover {
  opacity: 0.7;
  background: #f8f8f8;
}
.DropdownButtonSelection .menu .menu-items li:not(:last-child) {
  border-bottom: 2px solid var(--color-white);
}
.DropdownButtonSelection .menu .menu-items li img {
  margin-right: 10px;
  width: 22px;
}
.DropdownButtonSelection .menu .menu-items li p.danger {
  color: var(--color-red);
}.MainMenu {
  display: flex;
  height: 60px;
  align-items: center;
  box-sizing: border-box;
  background-color: #1C1C1B;
}
.MainMenu .logo {
  padding: 10px;
  height: 80%;
  min-width: 170px;
}
.MainMenu .menuItems {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.MainMenu .menuItems > ul {
  margin-top: auto;
}
@media (max-width: 768px) {
  .MainMenu .menuItems {
    justify-content: flex-end;
  }
  .MainMenu .menuItems > li {
    width: max-content;
  }
  .MainMenu .menuItems > li .icon {
    padding-bottom: 0;
    height: 25px;
  }
  .MainMenu .menuItems .label {
    display: none;
  }
}

.MainMenuMobile {
  display: flex;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background-color: #1C1C1B;
}
.MainMenuMobile .logo {
  padding: 10px;
  height: 80%;
  min-width: 170px;
}
.MainMenuMobile .icon {
  padding: 15px;
}.MainMenuItem {
  background-color: #1C1C1B;
  color: #F8F8F8;
  font-size: 10px;
  width: 110px;
  height: 100%;
  padding: 10px;
  user-select: none;
  text-align: center;
  cursor: pointer;
  transition: opacity 150ms ease-out;
  box-sizing: border-box;
  opacity: 0.5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.MainMenuItem > img {
  flex-grow: 1;
  flex-basis: 0;
  height: 28px; /* TODO: make this percentage based */
  padding-bottom: 10px;
}
.MainMenuItem > span {
  height: 12px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MainMenuItem:hover {
  opacity: 0.9;
}
.MainMenuItem.active {
  opacity: 1;
}.MainMegaMenu {
  display: flex;
  height: 60px;
  align-items: center;
  box-sizing: border-box;
  background-color: #1C1C1B;
  width: 100%;
}
.MainMegaMenu .logo {
  margin: 16px;
  width: 120px;
}
.MainMegaMenu .megaMenuItems {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.MainMegaMenu .megaMenuItems > ul {
  margin-top: auto;
}
@media (max-width: 768px) {
  .MainMegaMenu .megaMenuItems {
    justify-content: flex-end;
  }
  .MainMegaMenu .megaMenuItems > li {
    width: max-content;
  }
  .MainMegaMenu .megaMenuItems > li .icon {
    padding-bottom: 0;
    height: 25px;
  }
  .MainMegaMenu .megaMenuItems .label {
    display: none;
  }
}.MainMegaMenuItem {
  background-color: #1C1C1B;
  color: #f8f8f8 !important;
  font-size: 10px;
  width: 110px;
  height: 100%;
  padding: 10px;
  user-select: none;
  text-align: center;
  cursor: pointer;
  transition: opacity 150ms ease-out;
  box-sizing: border-box;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.MainMegaMenuItem > img, .MainMegaMenuItem svg {
  flex-grow: 1;
  flex-basis: 0;
  height: 30px; /* TODO: make this percentage based */
  width: 24px;
  padding-bottom: 5px;
}
.MainMegaMenuItem > span {
  height: 12px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MainMegaMenuItem:hover {
  opacity: 1;
}
.MainMegaMenuItem.active {
  color: #20B9DB !important;
  opacity: 1;
}
.MainMegaMenuItem .containerCf {
  display: flex;
  justify-content: center;
}
.MainMegaMenuItem .containerCf .ItemTitle {
  font-size: 12px;
  padding: 0px;
  color: #ffffff !important;
  font-weight: bold;
}
.MainMegaMenuItem .mainMegaMenu {
  background: #0e1319;
  opacity: 1;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  left: 0;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 2000;
  margin-top: 50px;
}
.MainMegaMenuItem .mainMegaMenu h3 {
  color: #444;
}
.MainMegaMenuItem .mainMegaMenu ul {
  float: left;
  margin: 30px 30px 30px 0px;
  padding: 0px 30px 0px 0px;
  border-right: solid 1px #373e46;
}
.MainMegaMenuItem .mainMegaMenu ul:last-child {
  margin-right: 0;
}
.MainMegaMenuItem .mainMegaMenu .subitem-child {
  color: #e0e3e8 !important;
  display: block;
  padding: 6px 0px 6px 15px;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
}
.MainMegaMenuItem .mainMegaMenu .subitem-child:hover {
  color: #e0e3e8;
  background-color: #373e46;
  border-radius: 2px;
}
.MainMegaMenuItem .mainMegaMenu .menuSeparator {
  border-bottom: 1px solid #373e46;
}

.droppable-reach {
  position: static;
  margin: 0px;
  width: 90px;
  cursor: pointer;
}
.droppable-reach > a {
  color: white !important;
}
.droppable-reach > a:after {
  font-family: FontAwesome;
  font-size: 12px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}
.droppable-reach:hover {
  background-color: #0e1319;
}
.droppable-reach:hover .mainMegaMenu {
  visibility: visible;
  opacity: 1;
}

.cf:before {
  content: " ";
  display: table;
}
.cf:after {
  content: " ";
  display: table;
  clear: both;
}.Dashboard {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Dashboard .label {
  font-family: var(--font-sans);
  padding: 10px 0;
}

.DashboardShortcut {
  color: var(--color-black);
  border: 1px solid var(--color-lightgrey);
  border-radius: 8px;
  font-family: var(--font-sans);
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: auto;
  user-select: none;
  cursor: pointer;
  transition: all 500ms ease-in-out;
  height: 100%;
  /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1); */
}
.DashboardShortcut:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.22);
}
.DashboardShortcut > img {
  margin-right: 10px;
  width: 40px;
  max-height: 40px;
}
.DashboardShortcut > p {
  font-weight: bold;
  font-size: 16px;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0px;
  overflow: hidden;
  max-height: 100%;
}
.DashboardShortcut.small {
  padding: 10px 20px;
}
.DashboardShortcut.small > img {
  margin-right: 10px;
  width: 20px;
  max-height: 20px;
}
.DashboardShortcut.small > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DashboardShortcutMore {
  display: flex;
  flex-direction: column;
}
.DashboardShortcutMore .more-toggler {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-soft-blue);
  font-family: var(--font-sans);
  cursor: pointer;
  transition: opacity 200ms ease-out;
}
.DashboardShortcutMore .more-toggler:hover {
  opacity: 0.7;
}
.DashboardShortcutMore .more-toggler > p {
  margin-right: 6px;
}
.DashboardShortcutMore .more-toggler > img {
  width: 12px;
  transition: transform 100ms ease-out;
  transform: rotate(-90deg);
}
.DashboardShortcutMore .more-toggler > img.open {
  transform: rotate(0deg);
}
.DashboardShortcutMore .more-toggler .spacer {
  flex-grow: 1;
}
.DashboardShortcutMore .more-links {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
  display: flex;
  font-family: var(--font-sans);
  flex-wrap: wrap;
  min-width: max-content;
  margin-bottom: 40px;
}
.DashboardShortcutMore .more-links.open {
  height: auto;
  opacity: 1;
}
.DashboardShortcutMore .more-links > a {
  display: block;
}
.DashboardShortcutMore .more-links .links-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  flex-basis: 200px;
}
.DashboardShortcutMore .more-links .links-block > a {
  padding: 3px 0;
  text-decoration: none;
  color: var(--color-soft-blue);
  transition: opacity 200ms ease-in;
  cursor: pointer;
  user-select: none;
}
.DashboardShortcutMore .more-links .links-block > a:hover {
  opacity: 0.7;
}

.DashboardShortcutRow {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.DashboardShortcutRow .shortcuts-grid {
  display: flex;
  height: 100px;
}
@media (max-width: 768px) {
  .DashboardShortcutRow .shortcuts-grid {
    flex-wrap: wrap;
  }
}
.DashboardShortcutRow .shortcuts-grid > div:not(:last-child) {
  margin-right: 15px;
}
.DashboardShortcutRow .shortcuts-grid .shortcut-nested {
  display: flex;
  flex-direction: column;
}
.DashboardShortcutRow .shortcuts-grid .shortcut-nested > * {
  flex-grow: 1;
}
.DashboardShortcutRow .shortcuts-grid .shortcut-nested > *:not(:last-child) {
  margin-bottom: 10px;
}.Detail {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}.Block {
  font-family: var(--font-sans);
  width: 100%;
}
.Block > * {
  margin-bottom: 10px;
}
.Block .header {
  width: 100%;
  display: flex;
  height: 30px;
  align-items: center;
}
.Block .header span {
  flex-grow: 1;
  font-weight: bold;
}
.Block .header button {
  border-radius: 5px;
  cursor: pointer;
  width: 125px;
  background-color: var(--color-soft-blue);
  border: none;
  color: #FFF;
  padding: 10px 20px;
}

.Simple {
  width: 100%;
  height: 100%;
  font-family: var(--font-sans);
}
.Simple .item {
  border-top: 1px solid var(--color-lightgrey);
  border-left: 1px solid var(--color-lightgrey);
  border-right: 1px solid var(--color-lightgrey);
  padding: 10px 20px;
  display: grid;
  grid-template-columns: 150px auto;
  grid-gap: 10px;
}
.Simple .item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.Simple .item:last-of-type {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.Simple .item > span:first-child {
  font-weight: bold;
  width: 150px;
}
.Simple .item > span:last-child {
  flex-grow: 1;
  color: var(--color-grey);
}
.Simple .item a {
  color: var(--color-soft-blue);
  text-decoration: none;
}.GridItemContact {
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border-radius: 5px;
  border: 1px solid var(--color-lightgrey);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--font-sans);
  cursor: pointer;
  position: relative;
}
.GridItemContact:hover .container {
  background-color: var(--color-soft-blue-light-2);
}
.GridItemContact.active {
  background-color: var(--color-soft-blue-light-2);
  border: 1px solid var(--color-soft-blue);
}
.GridItemContact.active .main, .GridItemContact.active .sub {
  color: var(--color-soft-blue);
}
.GridItemContact.active .channels::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: white;
  border-radius: 0 0 5px 5px;
  z-index: 1;
}
.GridItemContact.disabled {
  opacity: 0.4;
}
.GridItemContact.disabled .container {
  cursor: not-allowed;
}
.GridItemContact .main {
  font-weight: bold;
  font-size: 16px;
  color: var(--color-black);
}
.GridItemContact .sub {
  margin: 3px 0 10px;
  font-size: 12px;
  color: var(--color-lightgrey);
}
.GridItemContact .channels {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GridItemContact .channels .cloud {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-lightgrey);
  margin: 5px;
  z-index: 1;
}.CategoryFilter {
  user-select: none;
  font-family: var(--font-sans);
  font-size: 12px;
}
.CategoryFilter .container-title {
  display: flex;
  cursor: pointer;
  color: var(--secondary-text-components);
}
.CategoryFilter .container-title p {
  font-weight: bold;
  font-size: 14px;
}
.CategoryFilter .container-title img {
  margin-left: auto;
  transition: transform 100ms ease-out;
  transform: rotate(-90deg);
}
.CategoryFilter .container-title img.open {
  transform: rotate(0deg);
}
.CategoryFilter .container-filters {
  color: var(--secondary-text-components);
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
}
.CategoryFilter .container-filters.open {
  height: auto;
  opacity: 1;
}
.CategoryFilter .container-filters ul {
  margin: 20px 0 10px;
  max-height: 195px;
  width: 100%;
  overflow-y: auto;
}
.CategoryFilter .container-filters li {
  display: flex;
  align-items: center;
}
.CategoryFilter .container-filters li:not(:last-child) {
  margin-bottom: 7px;
}
.CategoryFilter .container-filters li input {
  width: 21px !important;
  height: 21px !important;
  background: transparent;
  position: relative;
  border: 2px solid var(--secondary-text-components);
  border-radius: 2px;
  margin-right: 10px;
  cursor: pointer;
  transition: border 300ms ease-out;
  outline: none;
  flex-shrink: 1000;
}
.CategoryFilter .container-filters li input:hover, .CategoryFilter .container-filters li input:checked {
  border: 2px solid var(--primary-background-components);
}
.CategoryFilter .container-filters li input:checked::after, .CategoryFilter .container-filters li input:checked::before {
  opacity: 1;
}
.CategoryFilter .container-filters li input::after, .CategoryFilter .container-filters li input::before {
  content: "";
  position: absolute;
  opacity: 0;
  background-color: var(--primary-background-components);
  transform: rotate(45deg);
  transition: opacity 200ms ease-out;
}
.CategoryFilter .container-filters li input::after {
  width: 5px;
  height: 2px;
  left: 2px;
  top: 9px;
}
.CategoryFilter .container-filters li input::before {
  width: 2px;
  height: 11px;
  left: 9px;
  top: 3px;
}
.CategoryFilter .container-filters li label {
  margin: 0 6px 0 0;
  cursor: pointer;
  width: max-content;
  overflow: hidden;
}
.CategoryFilter .container-filters li span {
  font-size: 12px;
  color: var(--tertiary-text-components);
}
.CategoryFilter .reset {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary-background-components);
  cursor: pointer;
  transition: color 300ms ease-out;
}
.CategoryFilter .reset > div:not(:last-child) {
  margin-bottom: 20px;
}
.CategoryFilter .reset:hover {
  color: var(--secondary-text-components);
}

.DateRangeFilter {
  font-family: var(--font-sans);
  font-size: 12px;
  position: relative;
}
.DateRangeFilter .container-title {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.DateRangeFilter .container-title p, .DateRangeFilter .container-title img {
  color: var(--secondary-text-components);
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.DateRangeFilter .container-title img {
  margin-right: 15px;
  transition: transform 100ms ease-out;
  transform: rotate(-90deg);
  margin-left: 60px;
}
.DateRangeFilter .container-title img.open {
  transform: rotate(0deg);
}
.DateRangeFilter .container-filters {
  position: relative;
  transition: all 300ms ease-out;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.DateRangeFilter .container-filters.hide-calendar .rdrMonthAndYearWrapper, .DateRangeFilter .container-filters.hide-calendar .rdrMonths {
  display: none;
}
.DateRangeFilter .container-filters .rdrCalendarWrapper {
  position: relative;
  width: 50%;
  margin-left: 20px;
  height: 30px;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper {
  background-color: transparent;
  height: 100%;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplay {
  margin: 0;
  height: 100%;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplay > span {
  border-radius: 0;
  width: max-content;
  padding: 0;
  display: flex;
  align-items: center;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplay > span:first-child {
  border-top-left-radius: var(--border-radius-components);
  border-bottom-left-radius: var(--border-radius-components);
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplay > span:last-child {
  border-top-right-radius: var(--border-radius-components);
  border-bottom-right-radius: var(--border-radius-components);
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplayItem {
  padding: 5px;
  position: relative;
  z-index: 0;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplayItem + .rdrDateDisplayItem {
  margin: 0;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateDisplayItem:last-child {
  margin-left: -2px;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateInput {
  box-shadow: none;
  border: 2px solid var(--color-grey);
  transition: border 300ms ease-out;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateInput.rdrDateDisplayItemActive {
  border: 2px solid var(--secondary-background-components);
  z-index: 1;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateInput.rdrDateDisplayItemActive input {
  color: var(--secondary-background-components);
  height: 100%;
}
.DateRangeFilter .container-filters .rdrDateDisplayWrapper .rdrDateInput input {
  font-family: var(--font-sans);
  font-size: 11px;
}
.DateRangeFilter .container-filters .rdrMonthAndYearWrapper {
  z-index: 1001;
  position: absolute;
  width: 330px;
  top: 35px;
  height: 21px;
  left: 5px;
}
.DateRangeFilter .container-filters .rdrMonthAndYearWrapper .rdrNextPrevButton {
  margin: 0 16px;
  background: #e8f0fe;
}
.DateRangeFilter .container-filters .rdrInRange {
  background-color: var(--secondary-background-components);
}
.DateRangeFilter .container-filters .rdrEndEdge {
  background-color: var(--secondary-background-components);
}
.DateRangeFilter .container-filters .rdrStartEdge {
  background-color: var(--secondary-background-components);
}
.DateRangeFilter .container-filters .rdrDayStartPreview, .DateRangeFilter .container-filters .rdrDayInPreview, .DateRangeFilter .container-filters .rdrDayEndPreview {
  border: solid var(--secondary-background-components);
  border-width: 1px 0px;
}
.DateRangeFilter .container-filters .rdrDayStartPreview {
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
}
.DateRangeFilter .container-filters .rdrDayEndPreview {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.DateRangeFilter .container-filters .rdrMonths {
  z-index: 1001;
  position: absolute;
  width: 330px;
  height: 250px;
  align-items: center;
  top: 70px;
  left: 5px;
}
.DateRangeFilter .container-filters .filter-btn {
  position: absolute;
  height: 20px;
  width: 35px;
  background-color: var(--secondary-background-components);
  padding: 5px;
  border-radius: var(--border-radius-components);
  cursor: pointer;
  transition: background-color 200ms ease-out;
}
.DateRangeFilter .container-filters .filter-btn:hover {
  background-color: var(--tertiary-background-components);
}
.DateRangeFilter .container-filters .filter-btn img {
  width: 100%;
  height: 100%;
}
.DateRangeFilter .container-filters .fake-modal {
  width: 360px;
  background: white;
  position: absolute;
  z-index: 1000;
  top: 35px;
  left: 5px;
  border-radius: var(--border-radius-components);
  height: 285px;
  box-shadow: var(--default-box-shadow);
}
.DateRangeFilter .container-filters .hide-calendar {
  display: none;
}
.DateRangeFilter .download-button-picker {
  margin-left: 5px;
  position: relative;
  background-color: var(--tertiary-background-components);
  padding: 5px;
  border-radius: var(--border-radius-components);
  cursor: pointer;
}
.DateRangeFilter .download-button-picker img {
  width: 100%;
  height: 100%;
}
.DateRangeFilter .GENERATING {
  cursor: progress;
  background-color: transparent;
  color: var(--secondary-background-components);
}
.DateRangeFilter .NOT-SELECTED, .DateRangeFilter .RELOAD {
  cursor: pointer;
  background: var(--secondary-background-components);
  color: white;
}
.DateRangeFilter .READY {
  border: solid 1px #01bb69;
  background: #ffffff;
}
.DateRangeFilter .report-download-gg-spinner {
  transform: scale(var(--ggs, 1));
}
.DateRangeFilter .report-download-gg-spinner,
.DateRangeFilter .report-download-gg-spinner::after,
.DateRangeFilter .report-download-gg-spinner::before {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.DateRangeFilter .report-download-gg-spinner::after,
.DateRangeFilter .report-download-gg-spinner::before {
  content: "";
  position: absolute;
  border-radius: 100px;
}
.DateRangeFilter .report-download-gg-spinner::before {
  animation: spinner 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
  border: 3px solid transparent;
  border-top-color: currentColor;
}
.DateRangeFilter .report-download-gg-spinner::after {
  border: 3px solid;
  opacity: 0.2;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.DateRangeFilter .report-download-gg-sync {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-radius: 40px;
  border: 2px solid;
  margin: 1px;
  border-left-color: transparent;
  border-right-color: transparent;
  width: 18px;
  height: 18px;
}
.DateRangeFilter .report-download-gg-sync::after,
.DateRangeFilter .report-download-gg-sync::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(-45deg);
}
.DateRangeFilter .report-download-gg-sync::before {
  border-left: 6px solid;
  bottom: -1px;
  right: -3px;
}
.DateRangeFilter .report-download-gg-sync::after {
  border-right: 6px solid;
  top: -1px;
  left: -3px;
}

.Filter {
  margin: 10px 0;
  width: auto;
}

.MenuFilter {
  user-select: none;
  font-family: var(--font-sans);
  font-size: 12px;
  width: 200px;
}
.MenuFilter .container-title {
  display: flex;
  cursor: pointer;
}
.MenuFilter .container-title p {
  color: var(--secondary-text-components);
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.MenuFilter .container-filter {
  color: var(--tertiary-text-components);
}
.MenuFilter .container-filter ul {
  margin: 0;
  margin-bottom: 7px;
  cursor: pointer;
}
.MenuFilter .container-filter li {
  display: flex;
  align-items: center;
  height: 40px !important;
}
.MenuFilter .container-filter li label {
  margin: 0 0 0 20px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.MenuFilter .container-filter li:hover {
  color: var(--secondary-text-components);
}
.MenuFilter .container-filter li.active {
  font-weight: bold;
  color: var(--secondary-text-components);
  background-color: var(--tertiary-background-components);
  border-radius: 0 5px 5px 0;
}
.MenuFilter .container-filter li.active label {
  font-weight: bold;
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

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

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

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

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

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

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
.RadioFilter > div > ul > li.custom-radio {
  display: flex;
  justify-items: flex-start;
  align-items: center;
}
.RadioFilter > div > ul > li.custom-radio input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
.RadioFilter > div > ul > li.custom-radio label {
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 6px 0 0;
  cursor: pointer;
  width: max-content;
  overflow: hidden;
}
.RadioFilter > div > ul > li.custom-radio label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 4px;
}
.RadioFilter > div > ul > li.custom-radio input[type=checkbox]:checked + label:before {
  background-color: #007bff;
  border-color: #007bff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.RadioFilter > div > ul > li.custom-radio label:after {
  content: "";
  position: absolute;
  left: 0.35em;
  top: 0.35em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  top: 9px;
}
.RadioFilter > div > ul > li.custom-radio input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.RadioFilter > div > ul > li.custom-radio {
  /* Custom styles */
}
.RadioFilter > div > ul > li.custom-radio input[type=checkbox] + label {
  font-size: 14px;
}.MenuAndFilter {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: 60px 1fr;
  grid-template-columns: 400px 1fr;
  grid-template-areas: "header header header" "filter content content" "filter content content" "filter content content";
}
.MenuAndFilter *:first-child {
  grid-area: header;
}
.MenuAndFilter *:nth-child(2) {
  grid-area: filter;
}
.MenuAndFilter *:nth-child(3) {
  grid-area: content;
}

.HeaderFilterAndBodyClaro {
  display: grid;
  width: 95%;
  height: 100%;
  grid-template-rows: 60px auto;
  grid-template-columns: 400px 1fr;
  grid-template-areas: "header header header" "filter content content";
}
.HeaderFilterAndBodyClaro > *:first-child {
  grid-area: header;
}
.HeaderFilterAndBodyClaro > *:nth-child(2) {
  grid-area: filter;
  width: "90%";
  height: "90%";
}
.HeaderFilterAndBodyClaro > *:nth-child(3) {
  grid-area: content;
}

.FilterAndBodyClaro {
  display: grid;
  width: 90%;
  height: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 200px;
  grid-template-areas: "content content filter fiter";
}
.FilterAndBodyClaro > *:nth-child(1) {
  grid-area: filter;
}
.FilterAndBodyClaro > *:nth-child(2) {
  grid-area: content;
}
.FilterAndBodyClaro > *:nth-child(2) .pie-charts {
  display: flex;
  flex-wrap: wrap;
}
.FilterAndBodyClaro > *:nth-child(2) .pie-charts .pie-chart {
  border: solid 1px #8e91a4 !important;
  border-radius: 15px;
}
.FilterAndBodyClaro > *:nth-child(2) .pie-charts .pie-chart p {
  color: #49525f;
  font-weight: bold;
  border-bottom: solid 1px #e0e0e0;
  font-size: 16px;
  justify-content: flex-start;
  height: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.FilterAndBodyClaro > *:nth-child(2) .pie-charts .pie-chart .grafic {
  padding: 15px;
}

.MenuOnly {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.MenuOnly *:first-child {
  height: 60px;
  flex-basis: 60px;
}
.MenuOnly *:nth-child(2) {
  flex-grow: 1;
  flex-basis: 0;
}

.MenuWithBack {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MenuWithBack .modal-body {
  position: fixed;
  background-color: #FFF;
  width: 90vw;
  height: 90vh;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.MenuWithBack .modal-body > header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.MenuWithBack .modal-body > header > span:first-child {
  width: 50px;
  flex-basis: 50px;
  cursor: pointer;
}
.MenuWithBack .modal-body > header > span:first-child img {
  transform: scale(-1);
  background-color: var(--color-soft-blue-light-1);
  padding: 5px;
  border-radius: 5px;
  margin-left: 10px;
}
.MenuWithBack .modal-body > header > span:last-child {
  font-family: var(--font-sans);
  flex-grow: 1;
  flex-basis: 0;
  padding-left: 10px;
  text-align: center;
  color: var(--color-black);
  padding-right: 50px;
}
.MenuWithBack .modal-body > main {
  flex-grow: 1;
  flex-basis: 0;
}
.MenuWithBack .modal-body > footer {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.backgroundStyles {
  width: 100vw;
  height: 100vh;
  filter: blur(5px) grayscale(1);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

.MenuWithClose {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MenuWithClose .modal-body {
  position: fixed;
  background-color: #FFF;
  width: 90vw;
  height: 90vh;
  border-radius: 5px;
}
.MenuWithClose .modal-body > header {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid var(--color-grey);
  display: flex;
  align-items: center;
}
.MenuWithClose .modal-body > header > span:first-child {
  font-family: var(--font-sans);
  flex-grow: 1;
  flex-basis: 0;
  padding-left: 10px;
}
.MenuWithClose .modal-body > header > span:last-child {
  width: 50px;
  flex-basis: 50px;
  font-size: 34px;
  text-align: right;
  padding-right: 10px;
  cursor: pointer;
}

.backgroundStylesClose {
  width: 100vw;
  height: 100vh;
  filter: blur(5px) grayscale(1);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

.SimpleModal {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SimpleModal .modal-body {
  position: fixed;
  background-color: #FFF;
  width: 90vw;
  height: 90vh;
  border-radius: 5px;
}.NewEmailTemplate {
  display: flex;
  font-family: var(--font-sans);
}
.NewEmailTemplate > div {
  border-radius: 4px;
  border: 1px solid var(--color-lightgrey);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  width: 250px;
  cursor: pointer;
  transition: border 200ms ease-out;
}
.NewEmailTemplate > div:hover {
  border: 1px solid var(--color-soft-blue);
}
.NewEmailTemplate > div img {
  width: 100px;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.23);
  border-radius: 16px;
  margin-bottom: 40px;
}
.NewEmailTemplate > div h3 {
  font-weight: bold;
  margin-bottom: 6px;
}
.NewEmailTemplate > div p {
  color: var(--color-disabled);
  font-size: 12px;
  text-align: center;
}
.NewEmailTemplate > div + div {
  margin-left: 20px;
}.SelectionSummary {
  width: 100%;
  background-color: var(--color-soft-blue-light-2);
  height: 100%;
  overflow-y: auto;
  padding: 15px;
}
.SelectionSummary .btn {
  margin-bottom: 10px;
  width: 100%;
}

.SelectionSummaryDetail {
  padding: 15px;
  font-family: var(--font-sans);
  user-select: none;
}
.SelectionSummaryDetail .header {
  display: flex;
  cursor: pointer;
}
.SelectionSummaryDetail .header.open img {
  transform: rotate(180deg);
}
.SelectionSummaryDetail .header p {
  font-weight: bold;
}
.SelectionSummaryDetail .header p:first-letter {
  text-transform: capitalize;
}
.SelectionSummaryDetail .header img {
  width: 15px;
  margin-left: auto;
  transition: transform 200ms ease-out;
}
.SelectionSummaryDetail .details {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
}
.SelectionSummaryDetail .details.open {
  height: auto;
  opacity: 1;
  margin-top: 15px;
}
.SelectionSummaryDetail .details > div {
  display: flex;
  background-color: var(--color-white);
  padding: 12px 15px;
  border-radius: 8px;
}
.SelectionSummaryDetail .details > div:not(:last-child) {
  margin-bottom: 14px;
}
.SelectionSummaryDetail .details > div p:first-letter {
  text-transform: capitalize;
}
.SelectionSummaryDetail .details > div .detail-title {
  margin-right: auto;
  color: var(--color-grey);
}
.SelectionSummaryDetail .details > div .detail-info {
  color: var(--color-black);
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}.ListItemActivity {
  display: flex;
  font-family: var(--font-sans);
  align-items: center;
  justify-content: center;
}
.ListItemActivity:hover .container {
  background-color: var(--color-soft-blue-light-2);
}
.ListItemActivity.active .container {
  background-color: var(--color-soft-blue-light-2);
  border: 1px solid var(--color-soft-blue);
}
.ListItemActivity.disabled {
  opacity: 0.4;
}
.ListItemActivity.disabled .container {
  cursor: not-allowed;
}
.ListItemActivity .avatar {
  border-radius: 5px;
  background-color: var(--color-listitem-avatar);
  margin-right: 10px;
  font-weight: bold;
  color: var(--color-white);
  font-size: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ListItemActivity .container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-lightgrey);
  border-radius: 5px;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  transition: all 300ms ease-out;
  height: 40px;
  padding: 0 10px;
}
.ListItemActivity .container > img {
  margin-right: 10px;
  height: 20px;
}
.ListItemActivity .container > span.info {
  font-weight: bold;
  color: var(--color-soft-blue);
  font-size: 14px;
  margin-right: 10px;
  line-height: 12px;
}
.ListItemActivity .container > span.info span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ListItemActivity .container > span.info span:first-child {
  max-width: 200px;
}
.ListItemActivity .container > span.info span:last-child {
  max-width: 500px;
}
.ListItemActivity .container > span.info span.label {
  margin: 0 5px;
  font-weight: normal;
  color: var(--color-disabled);
}
.ListItemActivity .container > span.date {
  margin-left: auto;
  color: var(--color-disabled);
  font-size: 14px;
}

.ListItemLanding {
  width: auto;
  border-bottom: 1px solid #ece9e9;
  margin: 1px;
  border-radius: 7px;
}
.ListItemLanding.active .landing-info {
  color: #0047ff;
  font-weight: bold;
}
.ListItemLanding.active {
  background-color: #cee3ff;
  color: #0047ff;
}
.ListItemLanding.active:hover {
  background-color: #cee3ff;
}
.ListItemLanding.disabled {
  opacity: 0.4;
}
.ListItemLanding.disabled .container {
  cursor: not-allowed;
}
.ListItemLanding:hover {
  background-color: var(--color-soft-blue-light-2);
  border-radius: 7px;
}
.ListItemLanding:hover .buttons {
  display: flex;
}
.ListItemLanding .buttons {
  display: none;
  cursor: pointer;
}
.ListItemLanding .container {
  width: auto;
  display: flex;
  height: 39px;
  flex-grow: 0;
  padding: 10px;
  justify-content: space-between;
}
.ListItemLanding .landing-info {
  font-size: 12px;
  font-weight: normal;
  color: #606060;
  margin: 2px 4.5px 0;
}
.ListItemLanding .published {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  color: #01bb69;
  margin: 2px 4.5px 0;
}
.ListItemLanding .draft {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  color: #0047ff;
  margin: 2px 4.5px 0;
}
.ListItemLanding .stopped {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  color: #8e91a4;
  margin: 2px 4.5px 0;
}
.ListItemLanding .date {
  display: flex;
  margin: 5px 4.5px 0;
  font-size: 12px;
  color: #797979;
}

.ListItemAudience {
  font-family: var(--font-sans);
  display: flex;
  align-items: center;
  border: 1px solid var(--color-lightgrey);
  border-radius: 5px;
  padding: 0 10px;
  height: 40px;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  transition: all 300ms ease-out;
}
.ListItemAudience:hover {
  background-color: var(--color-soft-blue-light-2);
}
.ListItemAudience.active {
  background-color: var(--color-soft-blue-light-2);
  border: 1px solid var(--color-soft-blue);
}
.ListItemAudience.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ListItemAudience > img {
  margin-right: 10px;
  width: 25px;
}
.ListItemAudience > p {
  font-weight: bold;
  color: var(--color-soft-blue);
  font-size: 14px;
  margin-right: 10px;
}
.ListItemAudience > p span {
  margin: 0 5px;
  font-weight: normal;
  color: var(--color-disabled);
}
.ListItemAudience > span {
  margin-left: auto;
  color: var(--color-disabled);
  font-size: 14px;
}

.ListItemContactContainer .ListItemCreateContact {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f7;
  font-weight: bold;
  color: #8e91a4;
  cursor: pointer;
  height: 70px;
  gap: 10px;
}
.ListItemContactContainer .ListItemCreateContact .plus-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
}
.ListItemContactContainer .ListItemCreateContact .plus-icon::before, .ListItemContactContainer .ListItemCreateContact .plus-icon::after {
  content: "";
  position: absolute;
  background-color: currentColor;
  border-radius: 2px;
}
.ListItemContactContainer .ListItemCreateContact .plus-icon::before {
  width: 2px;
  height: 14px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.ListItemContactContainer .ListItemCreateContact .plus-icon::after {
  width: 14px;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ListItemContactContainer .ListItemCreateContact:hover {
  background: #e7e7e7;
}
.ListItemContactContainer .ListItemContact {
  height: 70px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-sans);
  position: relative;
  border-bottom: 1px solid #dfe3e9;
}
.ListItemContactContainer .ListItemContact .contactInfo {
  display: flex;
  flex-direction: column;
  padding: 5px;
  padding-left: 12px;
  padding-top: 10px;
  flex-wrap: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: min-content;
}
.ListItemContactContainer .ListItemContact .contactInfo .more-items {
  font-size: 12px;
  display: flex;
}
.ListItemContactContainer .ListItemContact:hover .container {
  background-color: var(--color-soft-blue-light-2);
}
.ListItemContactContainer .ListItemContact.active {
  background-color: var(--color-soft-blue-light-2);
  border: 1px solid var(--color-soft-blue);
}
.ListItemContactContainer .ListItemContact.active .main, .ListItemContactContainer .ListItemContact.active .sub {
  color: var(--color-soft-blue);
}
.ListItemContactContainer .ListItemContact.active .channels::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: white;
  border-radius: 0 0 5px 5px;
  z-index: 1;
}
.ListItemContactContainer .ListItemContact.disabled {
  opacity: 0.4;
}
.ListItemContactContainer .ListItemContact.disabled .container {
  cursor: not-allowed;
}
.ListItemContactContainer .ListItemContact .main {
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-black);
}
.ListItemContactContainer .ListItemContact .true {
  font-size: 12px;
}
.ListItemContactContainer .ListItemContact .sub {
  width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #8e91a4;
  overflow: hidden;
}
.ListItemContactContainer .ListItemContact .channels {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  flex-wrap: wrap;
}
.ListItemContactContainer .ListItemContact .channels .more-channels {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #606060;
  font-size: 20px;
  font-weight: normal;
  cursor: pointer;
  margin-top: 3px;
  height: 40px;
  width: 40px;
  border-radius: 3px;
  background: #dddddd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.ListItemContactContainer .ListItemContact .channels .more-channels:hover {
  background: #d4d3d3;
}
.ListItemContactContainer .ListItemContact .channels .cloud {
  padding: 2px;
  margin: 2px;
  cursor: pointer;
  border-radius: 5px;
}
.ListItemContactContainer .ListItemContact .channels .cloud:hover {
  background: #dddddd;
}
.ListItemContactContainer .ListItemContact .true {
  width: 100%;
  flex-wrap: nowrap;
}
.ListItemContactContainer .true {
  display: grid;
  grid-template-rows: 20% 80%;
  justify-content: normal !important;
}
.ListItemContactContainer .true .contactInfo {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  width: 100%;
  font-size: 12px;
  padding: 0 8px;
  padding-top: 5px;
}
.ListItemContactContainer .true .contactInfo .show-less {
  text-align: right;
  cursor: pointer;
  color: #606060;
}
.ListItemContactContainer .true .channels {
  width: 100% !important;
  overflow-x: auto !important;
  justify-content: normal !important;
  padding: 0 8px !important;
}

.ListItemProductCategory {
  height: 47px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 15px 10px;
  background-color: var(--white);
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid lightgray;
  background: white;
}
.ListItemProductCategory h2 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #878a8d;
}
.ListItemProductCategory .product-count {
  font-size: 10px;
  background-color: #dedede;
  color: black;
  border-radius: 50%;
  padding: 2px 7px;
}
.ListItemProductCategory .arrow {
  transform: rotate(-90deg);
  height: 9px;
  object-fit: unset;
  width: auto;
  margin-left: 5px;
}

.ListItemSingleLine {
  height: 47px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 10px 10px 8px 13px;
  padding: 15px 10px;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--white);
  cursor: pointer;
}
.ListItemSingleLine h2 {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #49525f;
}

.ListItemCustom {
  margin: 8px 10px 10px 13px;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  min-height: 125px;
  height: 125px;
}
.ListItemCustom .actions-overlay {
  position: absolute;
  width: 100%;
  padding: 8px 7px 11px 8px;
  border-radius: 4px;
  background-color: rgba(40, 49, 58, 0.75);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ListItemCustom .actions-overlay button {
  padding: 15px 10px;
  border-radius: 5px;
  background-color: var(--white);
  color: #606060;
  margin: 0 5px;
}
.ListItemCustom .actions-overlay span {
  width: 44px;
}
.ListItemCustom .item-info {
  padding: 8px;
}
.ListItemCustom h1 {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #49525f;
}
.ListItemCustom .container {
  display: flex;
  justify-content: space-between;
}
.ListItemCustom .container img {
  width: 51px;
  height: 51px;
  object-fit: cover;
}
.ListItemCustom .container span {
  font-size: 12px;
  color: #0047ff;
  font-weight: bold;
}
.ListItemCustom pre {
  font-size: 12px;
  color: #49525f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  overflow: hidden;
  font-family: inherit;
}

.ListItemProduct {
  background-color: white;
  display: flex;
  max-width: 364px;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}
.ListItemProduct .product-info {
  padding: 8px;
}
.ListItemProduct .product-arrow {
  transform: rotate(-90deg);
  object-fit: unset;
  width: auto;
}
.ListItemProduct .product-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 7px 13px 7px;
  gap: 40px;
}
.ListItemProduct .product-actions.no-cart {
  justify-content: flex-end;
}
.ListItemProduct .product-actions .cart-count {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 130px;
  border: 1px solid #20B9DB;
  border-radius: 5px;
}
.ListItemProduct .product-actions .cart-count button {
  width: 34px;
}
.ListItemProduct .product-actions .cart-count input {
  width: 51px !important;
  text-align: center;
  height: 27px !important;
  border: none;
}
.ListItemProduct .product-actions.multi-variant-mode {
  justify-content: flex-end;
}
.ListItemProduct .product-actions .cart-multi-variant {
  font-weight: 600;
  color: #2e7d32;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e8f5e9;
  border-radius: 6px;
  border: 1px solid #c8e6c9;
  cursor: pointer;
  padding: 4px 12px;
}
.ListItemProduct .product-actions button {
  padding: 5px 10px;
  max-width: 137px;
  margin: 0;
}
.ListItemProduct .product-actions button.solid {
  background: white;
  border-radius: 5px;
  color: gray;
  border: 1px solid lightgray;
}
.ListItemProduct .product-actions button.inverted {
  background: white;
  border: 1px solid #20B9DB;
  border-radius: 5px;
  color: #20B9DB;
}
.ListItemProduct .product-actions button.add-minus {
  background: white;
  color: #20B9DB;
  border: none;
  font-size: 23px;
  line-height: 0;
  padding: 0;
}
.ListItemProduct h1 {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #49525f;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: pre-line;
  overflow: hidden;
  font-family: inherit;
}
.ListItemProduct .top-container .product-image-container {
  width: 80px;
  height: 80px;
}
.ListItemProduct .top-container .product-title {
  width: 100%;
}
.ListItemProduct .top-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.ListItemProduct .top-container .product-featured-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  max-width: unset;
}
.ListItemProduct .top-container .product-image-count {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(73, 82, 95, 0.6);
  width: 18px;
  padding: 3px 2px;
  border-top-left-radius: 3px;
  position: relative;
  bottom: 14px;
  left: calc(100% - 18px);
}
.ListItemProduct .top-container .product-image-count span {
  font-size: 7px;
  color: #fff;
  font-weight: normal;
  padding-right: 2px;
  line-height: 1;
}
.ListItemProduct .top-container .product-image-count img {
  width: 8px;
}
.ListItemProduct .top-container span {
  font-size: 12px;
  color: #0047ff;
  font-weight: bold;
}
.ListItemProduct .top-container .product-stock-price-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.ListItemProduct .top-container .product-stock-price-container .product-sku-price {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.ListItemProduct .top-container .product-stock-price-container strong {
  font-size: 15px;
  color: #49525f;
}
.ListItemProduct .top-container .product-stock-price-container span {
  color: #606060;
  font-weight: normal;
  font-size: 10px;
}
.ListItemProduct .top-container .product-stock-price-container span.stock {
  color: #5b8eed;
  font-weight: bold;
}
.ListItemProduct pre {
  font-size: 11px;
  color: #49525f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  overflow: hidden;
  font-family: inherit;
}

.list-item-product-button {
  max-width: 50%;
}

.pick-btn {
  height: 30px;
  width: 30px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  font-size: 16px;
  cursor: pointer;
  background-color: #0047ff !important;
  color: white !important;
}

.pick-btn:hover {
  background-color: #6e9cf2 !important;
}.profile-channel {
  position: relative;
  width: 40px;
  height: 40px;
  user-select: none;
}
.profile-channel .profile {
  position: relative;
  width: 35px !important;
  height: 35px !important;
}
.profile-channel .true {
  cursor: not-allowed;
}
.profile-channel .true .disabled {
  position: absolute;
  z-index: 1000;
  background: rgba(171, 171, 171, 0.51);
  width: 100%;
  height: 100%;
}
.profile-channel .checked-icon {
  background: #0047ff;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-channel .imageContainer, .profile-channel .channelImage {
  position: relative;
  top: 0;
  left: 0;
}
.profile-channel .channelImage {
  border-radius: 50%;
  border: solid 1.5px lightgrey;
  object-fit: cover;
  width: 35px !important;
  height: 35px !important;
}
.profile-channel .checkedBackground {
  position: absolute;
  background-color: #1e96c8;
  opacity: 0.5;
  top: 0px;
  left: 0px;
  height: 35px;
  width: 35px;
}
.profile-channel .checkedImage {
  position: absolute;
  opacity: 0.8;
  top: 10px;
  left: 0px;
  width: 15px;
  height: 15px;
  z-index: 1;
}
.profile-channel .channel {
  background: white;
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff !important;
}
.profile-channel .WHATSAPP {
  background: #0acf83;
}
.profile-channel .WABA {
  background: #0acf83;
}
.profile-channel .INSTAGRAM {
  background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
  transform: rotate(206deg);
}
.profile-channel .INSTAGRAM img {
  transform: rotate(153deg) !important;
}
.profile-channel .TELEGRAM {
  background: linear-gradient(to bottom, #37aee2, #1e96c8);
}
.profile-channel .WEBCHAT {
  background: #8048c7;
  padding: 3px;
}
.profile-channel .TIKTOK {
  background: #000000;
  padding: 3px;
}.chat-container {
  width: 100%;
  height: 100%;
}
.chat-container .Chat {
  height: 100%;
  background-color: var(--color-soft-blue-light-2);
  position: relative;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.chat-container .Chat .chat-header {
  height: 50px;
  background-color: var(--color-white);
  flex-basis: 50px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  z-index: 5;
  display: flex;
  justify-content: space-between;
}
.chat-container .Chat .chat-header .userName {
  user-select: none;
  font-size: 14px;
  font-weight: bold;
  color: #49525f;
  padding-left: 10px;
  display: grid;
  grid-template-columns: 25px calc(100% - 25px);
  margin-top: auto;
  margin-bottom: auto;
}
.chat-container .Chat .chat-header .userName .channelIcon {
  border-radius: 50px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  border: solid 1px var(--white);
  background: #FFFFFF;
  padding: 3px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.chat-container .Chat .chat-header .userName .whatsapp {
  background: #0acf83;
  padding-right: 2px;
}
.chat-container .Chat .chat-header .userName .waba {
  background: #0acf83;
  padding-right: 2px;
}
.chat-container .Chat .chat-header .userName .webchat {
  background: #8048c7;
  padding-right: 2px;
}
.chat-container .Chat .chat-header .userName .instagram {
  background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
  transform: rotate(206deg);
  padding-right: 2px;
}
.chat-container .Chat .chat-header .userName .instagram img {
  transform: rotate(154deg);
  margin-right: 1px;
}
.chat-container .Chat .chat-header .userName .telegram {
  padding: 0;
  background: #2AABEE;
  border: none;
}
.chat-container .Chat .chat-header .userName .tiktok {
  background: #000000;
  padding-right: 2px;
}
.chat-container .Chat .chat-header .endConversation {
  margin-top: auto;
  margin-bottom: auto;
  padding: 0px 5px;
  margin-right: 5px;
}
.chat-container .Chat .chat-header .endConversation .endConversationButton {
  padding: 5px;
  background: transparent;
  border: 1px solid #01bb69;
  color: #01bb69;
  border-radius: 7px;
}
.chat-container .Chat .chat-header .endConversation .endConversationButton .finnishButtonContainer {
  padding-top: 3px;
  padding-bottom: 4px;
  display: flex;
}
.chat-container .Chat .chat-header .endConversation .endConversationButton .finnishButtonContainer img {
  padding: 0px 5px;
}
.chat-container .Chat .chat-header .endConversation .endConversationButton .finnishButtonContainer p {
  padding: 0px 5px;
}
.chat-container .Chat .chat-header .endConversation .endConversationButton:hover {
  background: white;
}
.chat-container .Chat .waba {
  background: #315563;
}
.chat-container .Chat .waba .userName {
  color: #FFFFFF;
}
.chat-container .Chat .telegram {
  background: #212121;
}
.chat-container .Chat .telegram .userName {
  color: white;
}
.chat-container .Chat .mobileHeader {
  background: #1C1C1B;
  color: white;
  height: 65px;
}
.chat-container .Chat .mobileHeader .finishMobile {
  padding: 0px;
  background: none;
  font-weight: normal;
}
.chat-container .Chat .mobileHeader .mobileChannelIcon {
  height: 15px;
  margin-right: 10px;
}
.chat-container .Chat .mobileHeader .endConversationMobile {
  padding: 5px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 15px;
}
.chat-container .Chat .mobileHeader .userName {
  margin-top: auto;
  margin-bottom: auto;
  width: 80%;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-container .Chat .mobileHeader {
  /*     .userName:hover{
        background-color: #6d7c90;
      } */
}
.chat-container .Chat .mobileHeader .backArrow {
  width: 12%;
  font-size: 28px;
  background: #1C1C1B;
  border-radius: 0px;
}
.chat-container .Chat .mobileHeader {
  /*     .backArrow:hover{
        background-color: #6d7c90;
      } */
}
.chat-container .Chat .mobileFooter {
  padding: 0px 5px 25px 5px !important;
}
.chat-container .Chat > ul {
  padding: 10px;
  flex-grow: 1;
  flex-basis: 0;
  overflow-y: scroll;
  z-index: 1;
}
.chat-container .Chat > ul.block {
  overflow-y: hidden;
  padding: 0px;
}
.chat-container .Chat > ul li + li {
  margin-top: 20px;
}
.chat-container .Chat > ul .placeholderImage {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.chat-container .Chat > ul .previewOpen {
  height: 100%;
}
.chat-container .Chat > ul .previewOpen .attach {
  height: 50px;
  background: #FFFFFF;
  background-color: var(--color-soft-blue-light-2);
  padding: 8px;
  color: var(--color-disabled);
  display: flex;
  transition: color 300ms ease-in-out;
  border-radius: 4px;
  justify-content: flex-end;
}
.chat-container .Chat > ul .previewOpen .attach .templatesTitle {
  display: inline;
  float: left;
}
.chat-container .Chat > ul .previewOpen .attach .templatesTitle .titleText {
  display: inline-block;
}
.chat-container .Chat > ul .previewOpen .attach .templatesTitle .updateArrow {
  display: inline-block;
  padding-left: 5px;
  cursor: pointer;
}
.chat-container .Chat > ul .previewOpen .attach .templatesTitle .update-time__arrow {
  cursor: pointer;
}
.chat-container .Chat > ul .previewOpen .attach .templatesTitle .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.chat-container .Chat > ul .previewOpen .attach .rotateContainer {
  margin-right: 10px;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.chat-container .Chat > ul .previewOpen .attach .rotateContainer .rotate {
  transform: rotate(90deg);
}
.chat-container .Chat > ul .previewOpen .attach .rotateContainer .action-icon {
  margin: 0 10px;
  max-height: 16px;
}
.chat-container .Chat > ul .previewOpen .gifPreview {
  text-align: center;
  cursor: pointer;
}
.chat-container .Chat > ul .previewOpen .gifPreview img {
  position: static;
  width: auto;
  height: 320px;
}
.chat-container .Chat > ul .previewOpen .filePreview {
  width: auto;
  height: 320px;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardFileContainer {
  display: flex;
  width: 275px;
  height: 100px;
  background-color: var(--color-white);
  margin: auto;
  border-radius: 3px;
  border: solid 1px var(--color-soft-blue);
  text-align: center;
  align-items: center;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardFileContainer img {
  padding: 6px;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardFileContainer .fileName {
  cursor: pointer;
  width: -webkit-fill-available;
  text-align: center;
  align-items: center;
  user-select: none;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardFileContainer .fileName h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #434343;
  word-break: break-all;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardActions {
  display: flex;
  align-items: flex-end;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardActions .send {
  height: 50px;
  margin-right: 10px;
  width: 50px;
  background-color: #03ba68;
  display: flex;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 300ms ease-in-out;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardActions .send:hover {
  background-color: #02de7b;
}
.chat-container .Chat > ul .previewOpen .filePreview .cardActions .send img {
  margin: auto;
}
.chat-container .Chat > ul .previewOpen .container-input {
  display: flex;
  background-color: #EEF3FD;
  width: 90%;
  margin: auto;
  margin-top: 40px;
}
.chat-container .Chat > ul .previewOpen .container-input img {
  height: 24px;
  width: 24px;
}
.chat-container .Chat > ul .previewOpen .container-input input {
  border-bottom: solid 1px #1C1C1B !important;
  background-color: #EEF3FD;
  width: 90%;
  height: 100%;
  appearance: none;
  outline: none;
  border: none;
  font-size: 16px;
  border-radius: unset;
  margin: auto;
}
.chat-container .Chat > ul .previewOpen .imagePreview {
  height: calc(100% - 45px);
  width: 100%;
  object-fit: contain;
  padding: 25px;
  padding-bottom: 45px;
}
.chat-container .Chat > ul .previewOpen.true .attach {
  background-color: #FFFFFF !important;
  justify-content: space-between !important;
}
.chat-container .Chat > ul .previewOpen.true .attach h1 {
  margin-top: auto;
  padding-left: 5px;
  color: #1C1C1B;
  font-size: 18px;
  font-weight: bold;
}
.chat-container .Chat > ul .loadMore {
  background: none;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.chat-container .Chat > ul .loadMore.sms button {
  background-color: var(--color-sms);
}
.chat-container .Chat > ul .loadMore.whatsapp button {
  background-color: var(--color-whatsapp);
}
.chat-container .Chat > ul .loadMore.webchat button {
  background-color: #8048c7;
}
.chat-container .Chat > ul .loadMore.messenger button {
  background-color: var(--color-messenger);
}
.chat-container .Chat > ul .loadMore.email button {
  background-color: var(--color-email);
}
.chat-container .Chat > ul .loadMore.rcs button {
  background-color: var(--color-rcs);
}
.chat-container .Chat > ul .loadMore.tiktok button {
  background-color: #000000;
}
.chat-container .Chat > ul .noMoreMessages {
  text-align: center;
  padding: 10px;
}
.chat-container .Chat > footer {
  height: auto;
  flex-basis: 56px;
  z-index: 5;
  background-color: var(--color-soft-blue-light-2);
  margin: 6px;
}
.chat-container .waba {
  background: #d9e8ea;
}

.ChatBubble {
  display: flex;
  width: 100%;
  font-family: var(--font-sans);
  margin: 8px 0px;
}
.ChatBubble .replyBubble {
  margin-top: 10px;
  border-radius: 5px;
  background: #FFFFFF;
  color: #8e91a4;
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.ChatBubble .replyBubble .repliedContent {
  margin-right: 5px;
}
.ChatBubble .replyBubble .repliedContent .repliedFrom {
  display: flex;
  font-size: 12px;
  margin-bottom: 5px;
}
.ChatBubble .replyBubble .show_more {
  font-size: 12px;
  padding: 5px;
  padding-bottom: 10px;
  width: 100%;
}
.ChatBubble .replyBubble .repliedMultimediaContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ChatBubble .replyBubble .repliedMultimediaContainer .repliedMultimedia {
  border-radius: 5px;
  width: 215px;
  height: 190px;
  background: #c4c4c4;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.ChatBubble .replyBubble .repliedMultimediaContainer .repliedMultimedia img {
  max-height: 185px !important;
  max-width: 175px !important;
}
.ChatBubble .replyBubble .repliedMultimediaContainer .repliedMultimedia .video-player {
  width: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ChatBubble .replyBubble .repliedMultimediaContainer .repliedMultimedia .video-player video {
  outline: none !important;
}
.ChatBubble .replyBubble .repliedMultimediaContainer .repliedMultimedia .video-player__thumbnail-container {
  margin: 0 -100px !important;
}
.ChatBubble .replyBubble .repliedMultimediaContainer .repliedMultimedia audio:focus {
  outline: none !important;
}
.ChatBubble .replyBubble {
  /*     &.true{
        display: flex;
        flex-direction: column-reverse;
        .repliedMultimedia {
          width: 180px;
          height: 180px;
          .video-player{
            width: 90px !important;
          }
          .video-player__thumbnail-container{
            margin: 0 -90px !important;
          }
        }
      } */
}
.ChatBubble.right {
  justify-content: flex-end;
}
.ChatBubble.right .message .reply {
  top: 0;
  right: 8px;
}
.ChatBubble.right .message {
  border-bottom-left-radius: 8px;
  word-break: break-all;
}
.ChatBubble.right .message.sms {
  background-color: var(--color-sms);
  color: var(--color-white);
}
.ChatBubble.right .message.whatsapp {
  background-color: #defff0;
  color: #2c2c2c;
}
.ChatBubble.right .message.whatsapp .referenceAlias {
  color: var(--color-whatsapp);
  font-weight: bold;
}
.ChatBubble.right .message.whatsapp .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.right .message.webchat {
  background-color: #8048c7;
  color: #FFFFFF;
}
.ChatBubble.right .message.webchat .referenceAlias {
  color: var(--color-whatsapp);
  font-weight: bold;
}
.ChatBubble.right .message.webchat .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.right .message.waba {
  color: #FFFFFF;
}
.ChatBubble.right .message.waba a {
  color: #78a5f7 !important;
}
.ChatBubble.right .message.instagram {
  background: linear-gradient(to top, #dfe2ff, #ffe0f3, #ffece0, #fff4dd);
  color: #2c2c2c;
}
.ChatBubble.right .message.instagram .referenceAlias {
  color: #797979;
  font-weight: bold;
}
.ChatBubble.right .message.instagram .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #797979 !important;
}
.ChatBubble.right .message.messenger {
  background: linear-gradient(to top, #e1f3ff, #f2e3ff, #ffe5ec, #ffe7e4);
  color: #2c2c2c;
}
.ChatBubble.right .message.messenger .referenceAlias {
  color: var(--color-messenger);
  font-weight: bold;
}
.ChatBubble.right .message.messenger .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.right .message.email {
  background-color: var(--color-email);
  color: var(--color-white);
}
.ChatBubble.right .message.rcs {
  background-color: var(--color-rcs);
  color: var(--color-white);
}
.ChatBubble.right .message.true {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ChatBubble.right .message.telegram {
  background: #e9f5e9;
  color: #434343;
}
.ChatBubble.right .message.tiktok {
  background: linear-gradient(to right, rgba(0, 242, 234, 0.2), rgba(255, 0, 80, 0.2));
  color: #2c2c2c;
}
.ChatBubble.right .message.tiktok .referenceAlias {
  color: #000000;
  font-weight: bold;
}
.ChatBubble.right .message.tiktok .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.right .container-image {
  margin-left: 15px;
}
.ChatBubble.left .message {
  background-color: var(--color-white);
  border-bottom-right-radius: 8px;
  word-break: break-all;
}
.ChatBubble.left .message.whatsapp .referenceAlias {
  color: var(--color-whatsapp);
  font-weight: bold;
}
.ChatBubble.left .message.whatsapp .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.left .message.webchat .referenceAlias {
  color: #8048c7;
  font-weight: bold;
}
.ChatBubble.left .message.webchat .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.left .message.messenger .referenceAlias {
  color: var(--color-messenger);
  font-weight: bold;
}
.ChatBubble.left .message.messenger .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.left .message.tiktok .referenceAlias {
  color: #000000;
  font-weight: bold;
}
.ChatBubble.left .message.tiktok .referenceAlias .referenceDatetime {
  font-weight: normal !important;
  color: #8e91a4 !important;
}
.ChatBubble.left .message .reply {
  top: 0;
  right: 8px;
}
.ChatBubble.left .message .replyBubble {
  border: solid 1px #cecece;
}
.ChatBubble.left .message.whatsapp p span {
  color: #03ba68;
}
.ChatBubble.left .message.webchat p span {
  color: #8048c7;
}
.ChatBubble.left .message.facebook p span {
  color: #4b86f4;
}
.ChatBubble.left .message p {
  margin-top: 8px;
  font-size: 12px;
  color: var(--color-disabled);
  margin-bottom: 10px;
}
.ChatBubble.left .container-image {
  margin-right: 15px;
}
.ChatBubble .file {
  display: flex;
  height: 100px;
  background-color: var(--color-white);
  border-radius: 6px;
  border: solid 1px var(--color-soft-blue);
  text-align: center;
  align-items: center;
}
.ChatBubble .file .name {
  cursor: pointer;
  padding: 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #434343;
}
.ChatBubble .file img {
  padding: 10px;
}
.ChatBubble .message {
  padding: 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  max-width: 336px;
}
.ChatBubble .message .reply {
  position: absolute;
  visibility: hidden;
  cursor: pointer;
}
.ChatBubble .message .reply img {
  padding: 5px;
  padding-top: 10px;
  height: 25px;
}
.ChatBubble .message div.bad {
  display: flex;
  margin-top: 15px;
  font-weight: bold;
  font-size: 12px;
}
.ChatBubble .message div.bad p:last-of-type {
  margin-left: auto;
}
.ChatBubble .message div.telegram-status {
  display: flex;
  margin-top: 15px;
  font-weight: bold;
  font-size: 12px;
  justify-content: space-between;
}
.ChatBubble .message div.telegram-status p:last-of-type {
  margin-left: auto;
}
.ChatBubble .message:hover .reply {
  visibility: visible;
}
.ChatBubble .message:has(.message-container):has(.audioLabel) {
  box-shadow: none;
  background-color: transparent;
  background: transparent;
  padding: 15px 15px 0px 15px;
}
.ChatBubble .container-image {
  position: relative;
  display: flex;
  flex-shrink: 0;
}
.ChatBubble .container-image img {
  border-radius: 999px;
  margin-top: auto;
  width: 45px;
  height: 45px;
}
.ChatBubble .container-image .useless-dots {
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0;
  top: 0;
  border-radius: 50%;
  background: #cfdcfb;
  cursor: pointer;
  outline: none;
}
.ChatBubble .container-image .useless-dots:focus {
  opacity: 0.7;
}
.ChatBubble .container-image .useless-dots:focus + .useless-menu {
  display: block;
}
.ChatBubble .container-image .useless-dots .useless-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #6092ed;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
}
.ChatBubble .container-image .useless-dots .useless-dot:nth-child(1) {
  top: 10px;
}
.ChatBubble .container-image .useless-dots .useless-dot:nth-child(2) {
  top: 20px;
}
.ChatBubble .container-image .useless-dots .useless-dot:nth-child(3) {
  top: 30px;
}
.ChatBubble .container-image .useless-menu {
  display: none;
  position: absolute;
  width: 200px;
  margin-right: 60px;
  right: 0;
  background: white;
  border-radius: 5px;
}
.ChatBubble .container-image .useless-menu:hover {
  display: block;
}
.ChatBubble .container-image .useless-menu li {
  padding: 10px 20px;
  cursor: pointer;
  color: #77a1f0;
  border: 1px solid #9dbbf4;
}
.ChatBubble .container-image .useless-menu li:not(:last-child) {
  border-bottom: none;
}
.ChatBubble .container-image .useless-menu li:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.ChatBubble .container-image .useless-menu li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.ChatBubble .message-container {
  word-break: break-word;
  line-height: normal;
  white-space: break-spaces;
  padding-top: 10px;
}
.ChatBubble .message-container .react-audio-player:focus {
  outline: none !important;
}

.ChatBubbleContainer {
  width: 100%;
  font-family: var(--font-sans);
}
.ChatBubbleContainer .messageStatus {
  padding-top: 5px;
  display: flex;
  font-size: 10px;
  padding-left: 5px;
}
.ChatBubbleContainer .messageStatus img {
  padding-right: 3px !important;
}
.ChatBubbleContainer .messageStatus .errorStatus {
  color: red;
  padding-right: 3px;
}
.ChatBubbleContainer .messageStatus .delivered, .ChatBubbleContainer .messageStatus .sent {
  color: #8e91a4;
}
.ChatBubbleContainer .messageStatus .separator {
  border-left: solid 1px grey;
  margin-top: auto;
  margin-bottom: auto;
  height: 8px;
}
.ChatBubbleContainer .messageStatus .retry {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
  padding-left: 3px;
}
.ChatBubbleContainer .messageStatus .viewIcon {
  width: 13px;
}
.ChatBubbleContainer .messageStatus .viewed {
  color: #0047ff;
}
.ChatBubbleContainer .message-with-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 320px;
}
.ChatBubbleContainer .message-with-header .header-image {
  width: 100%;
}
.ChatBubbleContainer .message-with-header .header-image img {
  max-width: 100%;
  height: auto;
  cursor: pointer;
}
.ChatBubbleContainer .message-with-header .message-content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ChatBubbleContainer .message-with-header .cta-button {
  display: inline-block;
  padding: 8px 16px;
  background-color: #0066cc;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
  transition: background-color 0.2s;
}
.ChatBubbleContainer .message-with-header .cta-button:hover {
  background-color: #0052a3;
}

.MainChatFooter .drag-hover {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(6.5px);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  padding: 5px;
  z-index: 1000;
}
.MainChatFooter .drag-hover .drop-zone {
  width: 100%;
  height: 100%;
  border: solid 2px #0047ff;
  border-style: dashed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MainChatFooter .drag-hover .drop-zone h1 {
  color: #0047ff;
  font-weight: bold;
  font-size: 12px;
}
.MainChatFooter .true {
  visibility: visible;
}
.MainChatFooter .ChatFooter {
  background-color: #FFFFFF;
  padding: 5px;
  display: flex;
  border-radius: 5px;
  width: 100%;
  height: 56px;
}
.MainChatFooter .ChatFooter .attach {
  background-color: var(--color-soft-blue-light-2);
  padding: 8px;
  color: var(--color-disabled);
  width: 40px;
  text-align: center;
  font-size: 30px;
  display: flex;
  line-height: 1;
  justify-content: center;
  align-items: center;
  transition: color 300ms ease-in-out;
  border-radius: 4px;
}
.MainChatFooter .ChatFooter .attach:hover {
  color: var(--color-black);
}
.MainChatFooter .ChatFooter .attach img {
  transform: rotate(45deg);
}
.MainChatFooter .ChatFooter .attach.open {
  background-color: var(--color-soft-blue);
  transition: background-color 200ms ease-out;
}
.MainChatFooter .ChatFooter .attach.open .menu {
  display: none;
}
.MainChatFooter .ChatFooter .attach.open img {
  transform: rotate(90deg);
  color: #FFFFFF;
}
.MainChatFooter .ChatFooter .attach.selected {
  background-color: var(--color-soft-blue);
  transition: background-color 200ms ease-out;
}
.MainChatFooter .ChatFooter .attach.selected .menu {
  display: none;
}
.MainChatFooter .ChatFooter .attach.selected img {
  transform: rotate(90deg);
  color: #FFFFFF;
}
.MainChatFooter .ChatFooter .container-input {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  padding: 0 5px;
  right: 0;
  top: 0;
  background-color: #FFFFFF;
}
.MainChatFooter .ChatFooter .container-input input {
  width: 100%;
  height: 100%;
  appearance: none;
  padding-left: 10px;
  outline: none;
  border: none;
  font-size: 16px;
}
.MainChatFooter .ChatFooter .container-input textarea {
  width: 100%;
  background: transparent !important;
  border: none;
  resize: none;
  outline: none !important;
  border-radius: 5px;
}
.MainChatFooter .ChatFooter .container-input textarea :focus {
  outline: none !important;
  border: none !important;
}
.MainChatFooter .ChatFooter .container-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.MainChatFooter .ChatFooter .container-icon img {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out;
}
.MainChatFooter .ChatFooter .container-icon:hover img {
  opacity: 1;
}
.MainChatFooter .ChatFooter .sendVoice {
  width: 40px;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 300ms ease-in-out;
}
.MainChatFooter .ChatFooter .sendVoice:hover {
  background-color: #D6EBDF;
}
.MainChatFooter .ChatFooter .recording {
  width: 120px;
  display: flex;
  align-items: center;
}
.MainChatFooter .ChatFooter .recording .cancel,
.MainChatFooter .ChatFooter .recording .check {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}
.MainChatFooter .ChatFooter .recording .cancel {
  background-color: rgba(213, 75, 61, 0.168627451);
  margin-right: 5px;
}
.MainChatFooter .ChatFooter .recording .red {
  width: 10px;
}
.MainChatFooter .ChatFooter .recording .red .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #d54b3d;
  animation: blink-animation 500ms steps(5, start) infinite;
}
.MainChatFooter .ChatFooter .recording .time {
  flex-grow: 1;
  flex-basis: 0;
  font-family: monospace;
}
.MainChatFooter .ChatFooter .recording .check {
  background-color: rgba(49, 173, 99, 0.168627451);
  margin-left: 5px;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.MainChatFooter .ChatFooter .menu {
  position: absolute;
  right: 0;
  left: 6px;
  border-radius: 4px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
  z-index: 110;
  bottom: 70px;
  width: fit-content;
  width: 209px;
  border-radius: 5px;
  border: solid 1px #dfe3e9;
  background-color: #FFFFFF;
}
.MainChatFooter .ChatFooter .menu.open {
  height: auto;
  opacity: 1;
}
.MainChatFooter .ChatFooter .menu .menu-items {
  padding: 10px 0;
}
.MainChatFooter .ChatFooter .menu .menu-items label {
  cursor: pointer;
}
.MainChatFooter .ChatFooter .menu .menu-items li input[type=file] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  cursor: pointer;
}
.MainChatFooter .ChatFooter .menu .menu-items li {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 15px;
  text-transform: capitalize;
  color: var(--color-dark);
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 1;
}
.MainChatFooter .ChatFooter .menu .menu-items li:hover {
  opacity: 0.7;
}
.MainChatFooter .ChatFooter .menu .menu-items li:not(:last-child) {
  border-bottom: 2px solid var(--color-white);
}
.MainChatFooter .ChatFooter .menu .menu-items li img {
  margin-right: 10px;
  width: 22px;
}
.MainChatFooter .ChatFooter .menu.selected {
  display: none;
}
.MainChatFooter .EmojiPanelContainer {
  height: 200px;
  transition: background-color 600ms ease-out;
}
.MainChatFooter .GifPanelContainer {
  display: contents;
  transition: background-color 600ms ease-out;
}
.MainChatFooter .GifPanelContainer .gifs {
  margin: auto;
  height: 100%;
  width: 100% !important;
  background-color: #dfe3e9;
}
.MainChatFooter .StickersPanelContainer {
  display: contents;
  transition: background-color 600ms ease-out;
}
.MainChatFooter .send {
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  width: 50px;
  background-color: #03ba68;
  display: flex;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 300ms ease-in-out;
}
.MainChatFooter .send:hover {
  background-color: #02de7b;
}
.MainChatFooter .send img {
  margin: auto;
}

.ChatSourceSelect {
  font-family: var(--font-sans);
  display: inline-block;
  position: relative;
}
.ChatSourceSelect .button {
  padding: 12px 16px;
  display: flex;
  user-select: none;
  cursor: pointer;
  align-items: center;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 4px;
  border: 1px solid #dfe3e9;
  position: relative;
  transition: background-color 200ms ease-out;
}
.ChatSourceSelect .button:hover {
  background-color: var(--color-lightgrey);
}
.ChatSourceSelect .button.open {
  background-color: var(--color-lightgrey);
}
.ChatSourceSelect .button.open span {
  transform: rotate(180deg);
}
.ChatSourceSelect .button img {
  margin-right: 10px;
  width: 22px;
}
.ChatSourceSelect .button p {
  display: inline;
  margin: auto;
}
.ChatSourceSelect .button p:first-letter {
  text-transform: capitalize;
}
.ChatSourceSelect .button span {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--color-disabled);
  border-radius: 8px;
  margin-left: 15px;
}
.ChatSourceSelect .menu {
  position: absolute;
  background: var(--color-white);
  top: 100%;
  right: 0;
  left: 0;
  border-radius: 4px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
  z-index: 110;
}
.ChatSourceSelect .menu.open {
  height: auto;
  opacity: 1;
}
.ChatSourceSelect .menu .menu-items {
  padding: 10px 0;
}
.ChatSourceSelect .menu .menu-items li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  text-transform: capitalize;
  color: var(--color-dark);
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 1;
}
.ChatSourceSelect .menu .menu-items li:hover {
  opacity: 0.7;
}
.ChatSourceSelect .menu .menu-items li:not(:last-child) {
  border-bottom: 2px solid var(--color-white);
}
.ChatSourceSelect .menu .menu-items li img {
  margin-right: 10px;
  width: 22px;
}

.audioLabel {
  margin-top: 10px;
  font-size: 13px;
  color: #b7b3b3;
  font-style: italic;
}
.audioLabel audio::-webkit-media-controls-panel {
  background-color: var(--color-white);
}

.showReply {
  user-select: none;
}
.showReply .replyContainer {
  display: none;
  width: 100%;
  height: 70px;
  padding: 5px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.showReply .replyContainer .replyPreview {
  padding: 5px;
  display: flex;
  border-left: solid 5px var(--color-whatsapp);
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
}
.showReply .replyContainer .replyPreview .replyMessage {
  width: 100%;
  padding: 5px;
}
.showReply .replyContainer .replyPreview .replyMessage .replyingTo {
  font-size: 10px;
  padding: 0px 0px 5px 0px;
  font-weight: bold;
  color: var(--color-whatsapp);
}
.showReply .replyContainer .replyPreview .replyMessage .replyText {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.showReply .replyContainer .replyPreview .replyMessage .replyText .replyMultimediaContainer {
  display: flex;
}
.showReply .replyContainer .replyPreview .replyMessage .replyText .replyMultimediaContainer img {
  width: 13px;
  margin-right: 5px;
}
.showReply .replyContainer .replyPreview .replyMessage .replyText .replyMultimediaContainer p {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #8e91a4;
}
.showReply .replyContainer .replyTextType {
  border-radius: 5px;
  width: 50px;
  height: 50px;
  background: #cecece;
  margin: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showReply .replyContainer .closeReply {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.showReply .replyContainer .closeReply:hover {
  background: rgba(0, 0, 0, 0.1);
}
.showReply.true .replyContainer {
  display: block;
}

.button-message {
  margin-top: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.button-message .message {
  min-width: 48% !important;
  max-width: 100% !important;
  width: fit-content;
  padding: 2px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border-radius: 5px;
  margin: 2px 0px;
}
.button-message .message .message-container {
  padding: 0;
}

.item-action {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.emoji-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
}
.emoji-container .emoji-selector .picker-container .emoji-picker-react {
  height: 256px !important;
  width: 300px !important;
  margin-bottom: 70px !important;
  right: 35px !important;
}

.message-no-available {
  color: grey;
  font-style: oblique 40deg;
  font-size: 15px;
  font-weight: bold;
  cursor: help;
}

.read-only-open-conversation {
  text-align: center;
  margin: 10px 0 20px;
  font-style: italic;
  color: #434343;
}span.show-more-less-clickable {
    cursor:pointer;
    text-decoration:underline;
}

span.show-more-less-clickable:hover{
    text-decoration:none;
}.video-player {
  width: 100%;
  position: relative;
  text-align: center;
}

.video-player__video {
  margin-top: 1rem;
  max-width: 100%;
  margin: 0 auto;
}

.video-player__thumbnail-container {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 0;
}

.video-player__thumbnail-container__thumbnail {
  position: relative;
  display: inline-block;
}


.video-player__icon-container {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;

}

.video-player__icon-container__play-icon {
  width: 10rem;
  height: 10rem;
  fill: white;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}


.react-thumbnail-generator {
  display: block;
}

.react-thumbnail-generator img {
  display: block;
  max-width: 100%;
}.EmojiPanel {
  font-family: var(--font-sans);
  width: 100%;
  height: 100%;
}
.EmojiPanel aside.emoji-picker-react {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background-color: #dfe3e9;
  padding-top: 10px;
}
.EmojiPanel aside.emoji-picker-react button {
  width: 35px;
}
.EmojiPanel aside.emoji-picker-react .content-wrapper::before {
  display: none;
}
.EmojiPanel aside.emoji-picker-react .emoji-categories {
  display: none;
}
.EmojiPanel aside.emoji-picker-react .emoji-group:first-child {
  display: none;
}
.EmojiPanel aside.emoji-picker-react .emoji-group::before {
  display: none;
}.StickersPanel {
  font-family: var(--font-sans);
  width: 100%;
  height: 100%;
}
.StickersPanel .gifs {
  margin: auto;
  height: 100%;
  width: 100% !important;
  background-color: #dfe3e9;
}
.StickersPanel .gifs .gif-search {
  padding: 10px;
}
.StickersPanel .gifs .gif-search input {
  height: 40px;
  width: 100%;
  border-radius: 5px;
  border: none;
  padding-left: 10px;
}
.StickersPanel .gifs .gif-list {
  padding-left: 5px;
}
.StickersPanel .gifs .gif {
  background-color: transparent !important;
  border: none;
}
.StickersPanel .gifs .gif img {
  cursor: pointer;
  border-radius: 5px;
}.emoji-selector {
  width: 30px;
  height: 30px;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.emoji-selector .emoji-clickable {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emoji-selector .picker-container .emoji-picker-react {
  width: 90% !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 10% !important;
}.voicer-recorder-component .voicer-recoder-container {
  background: white;
  width: auto;
  height: 56px;
  display: inline-grid;
  align-items: center;
  padding: 0 10px;
  grid-gap: 10px;
  grid-template-columns: 40px;
  transition: all ease-in-out 0.25s;
}
.voicer-recorder-component .voicer-recoder-container.recording {
  grid-template-columns: 40px auto 40px;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-delete {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 3px;
  background: #f8e2e0 url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17%205V4C17%202.89543%2016.1046%202%2015%202H9C7.89543%202%207%202.89543%207%204V5H4C3.44772%205%203%205.44772%203%206C3%206.55228%203.44772%207%204%207H5V18C5%2019.6569%206.34315%2021%208%2021H16C17.6569%2021%2019%2019.6569%2019%2018V7H20C20.5523%207%2021%206.55228%2021%206C21%205.44772%2020.5523%205%2020%205H17ZM15%204H9V5H15V4ZM17%207H7V18C7%2018.5523%207.44772%2019%208%2019H16C16.5523%2019%2017%2018.5523%2017%2018V7Z'%20fill='%23d82c0d'/%3e%3cpath%20d='M9%209H11V17H9V9Z'%20fill='%23d82c0d'/%3e%3cpath%20d='M13%209H15V17H13V9Z'%20fill='%23d82c0d'/%3e%3c/svg%3e") no-repeat center;
  background-size: initial;
  margin: 0 !important;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 3px;
  background: #3390ec url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9%204C9%202.34315%2010.3431%201%2012%201C13.6569%201%2015%202.34315%2015%204V12C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012V4ZM13%204V12C13%2012.5523%2012.5523%2013%2012%2013C11.4477%2013%2011%2012.5523%2011%2012V4C11%203.44772%2011.4477%203%2012%203C12.5523%203%2013%203.44772%2013%204Z'%20fill='white'/%3e%3cpath%20d='M18%2012C18%2014.973%2015.8377%2017.441%2013%2017.917V21H17V23H7V21H11V17.917C8.16229%2017.441%206%2014.973%206%2012V9H8V12C8%2014.2091%209.79086%2016%2012%2016C14.2091%2016%2016%2014.2091%2016%2012V9H18V12Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center;
  background-size: initial;
  margin: 0 !important;
  transition: background 0.5s ease;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-button.active {
  background: #dff2e7 url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%207H8V17H11V7Z'%20fill='black'/%3e%3cpath%20d='M13%2017H16V7H13V17Z'%20fill='black'/%3e%3c/svg%3e") no-repeat center;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-button.send {
  background: #dff2e7 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3cpath%20id='Rectángulo_560'%20fill='%23fff'%20stroke='%23707070'%20d='M0%200H14V14H0z'%20data-name='Rectángulo%20560'%20transform='translate(1091%20-15786)'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Enmascarar_grupo_36'%20clip-path='url(%23clip-path)'%20data-name='Enmascarar%20grupo%2036'%20transform='translate(-1091%2015786)'%3e%3cpath%20id='svg_xml_base64_PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZ'%20fill='%2331ad63'%20d='M13.345%202.556L5.291%2010.61%202.332%207.65a.367.367%200%200%200-.52%200l-.866.866a.367.367%200%200%200%200%20.52l4.085%204.085a.367.367%200%200%200%20.52%200l9.18-9.18a.367.367%200%200%200%200-.52l-.866-.866a.367.367%200%200%200-.52.001z'%20data-name='svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZ'%20transform='translate(1090.162%20-15786.839)'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-timer {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-template-columns: 200px;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-timer .voice-recorder-animation {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-template-columns: 40px auto;
  grid-gap: 10px;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-preview {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-template-columns: 30px 100px 50px;
  grid-gap: 10px;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-preview .play-record-label {
  margin-bottom: 0px;
}
.voicer-recorder-component .voicer-recoder-container .voice-recorder-preview .play-record-status {
  appearance: auto !important;
}
.voicer-recorder-component .voicer-recoder-container .blob {
  height: 15px;
  width: 15px;
  background: rgb(255, 82, 82);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgb(255, 82, 82);
  transform: scale(1);
  animation: pulse-red 1s infinite;
}
.voicer-recorder-component .voicer-recoder-container .blob.no-animation {
  animation: none;
}
@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}
.voicer-recorder-component .voicer-recoder-container .react-mic-no-display {
  display: none;
}
.voicer-recorder-component .voicer-recoder-container .play-record {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #3390ec url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%2012.3301L9%2016.6603L9%208L15%2012.3301Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.voicer-recorder-component .light {
  width: 25px;
  height: 25px;
  padding: 0;
}
.voicer-recorder-component .light.recording {
  height: 40px;
  width: auto;
}
.voicer-recorder-component .light .voice-recorder-button {
  width: 25px;
  height: 25px;
  background: #ffffff;
  padding: 0;
}
.voicer-recorder-component .light .active {
  height: 25px;
  width: 25px;
  margin: auto !important;
  padding: 0px;
  background-size: 20px;
}
.voicer-recorder-component .light .voice-recorder-delete {
  height: 25px;
  width: 25px;
  margin: auto !important;
  padding: 0px;
  background-size: 20px;
}
.voicer-recorder-component .voicer-recoder-container .light .recording .voice-recorder-button {
  width: 25px;
  height: 25px;
  background: #ffffff;
  padding: 0;
}
.voicer-recorder-component .voicer-recoder-container .light .recording .active {
  height: 25px;
  width: 25px;
  margin: auto !important;
  padding: 0px;
  background-size: 20px;
}
.voicer-recorder-component .voicer-recoder-container .light .recording .voice-recorder-delete {
  height: 25px;
  width: 25px;
  margin: auto !important;
  padding: 0px;
  background-size: 20px;
}
.voicer-recorder-component .react-mic-no-display {
  display: none;
}.spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.spinner-container .spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner-container .spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #e8f0fe;
  border-radius: 50%;
  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e8f0fe transparent transparent transparent;
}
.spinner-container .spinner div:nth-child(1) {
  animation-delay: -0.45s;
}
.spinner-container .spinner div:nth-child(2) {
  animation-delay: -0.3s;
}
.spinner-container .spinner div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.conversation-templates-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #d9e8ea;
  overflow-y: auto;
}
.conversation-templates-container .template-message-preview-container, .conversation-templates-container .variables-detail-container, .conversation-templates-container .templates-list-container {
  margin: 5px 0;
}
.conversation-templates-container .template-message-preview-container h2, .conversation-templates-container .variables-detail-container h2, .conversation-templates-container .templates-list-container h2 {
  font-size: 17px !important;
  color: #315563 !important;
  margin: 5px 0 !important;
}
.conversation-templates-container .templates-list-container.show-me {
  display: block !important;
}
.conversation-templates-container .templates-list-container.hide-me {
  display: none !important;
}
.conversation-templates-container .template-message-preview-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
.conversation-templates-container .template-message-preview-container .template-message-preview {
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: transparent;
  width: 350px;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .conversation-templates-container .template-message-preview-container .template-message-preview {
    width: 275px;
  }
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-content {
  float: left;
  width: auto;
  height: auto;
  border: solid 1px #8e91a4;
  background: #ffffff;
  color: #606060;
  border-radius: 5px;
  padding: 10px;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-actionables {
  float: left;
  width: 100%;
  height: 35px;
  display: table;
  border-spacing: 10px 0px;
  padding: 10px 0px;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-actionables .actionable-row {
  display: table-row;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-actionables .actionables {
  display: table-cell;
  background-color: white;
  border-radius: 10px;
  height: 35px;
  color: #0047ff;
  font-weight: 600;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
  width: 2%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-header .preview {
  float: left;
  width: 100%;
  height: 125px;
  background-color: #eff2f7;
  margin-bottom: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-header .preview.IMAGE {
  background: #eff2f7 url("data:image/svg+xml,%3csvg%20width='267'%20height='113'%20viewBox='0%200%20267%20113'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0)'%3e%3crect%20width='267'%20height='113'%20rx='6'%20fill='%23EFF2F7'/%3e%3cpath%20d='M-1%2089.2083L67.2613%2042.6607L136.443%2087.6054M100.5%20115L210.75%2029L321%20115'%20stroke='%23D3DCE6'%20stroke-width='3'/%3e%3ccircle%20cx='26.5'%20cy='20.5'%20r='8'%20stroke='%23D3DCE6'%20stroke-width='3'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='267'%20height='113'%20rx='6'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;
  background-size: cover;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-header .preview.DOCUMENT {
  background: #eff2f7 url("data:image/svg+xml,%3csvg%20width='267'%20height='64'%20viewBox='0%200%20267%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0)'%3e%3crect%20width='267'%20height='64'%20rx='6'%20fill='%23EFF2F7'/%3e%3cpath%20d='M44.875%2027.313H28.25C26.9902%2027.313%2025.782%2027.8464%2024.8912%2028.7957C24.0004%2029.7451%2023.5%2031.0328%2023.5%2032.3755V72.8752C23.5%2074.2178%2024.0004%2075.5055%2024.8912%2076.4549C25.782%2077.4043%2026.9902%2077.9376%2028.25%2077.9376H56.75C58.0098%2077.9376%2059.218%2077.4043%2060.1088%2076.4549C60.9996%2075.5055%2061.5%2074.2178%2061.5%2072.8752V45.0316L44.875%2027.313Z'%20stroke='%23D3DCE6'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.875%2027.313V45.0316H61.5'%20stroke='%23D3DCE6'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1)'%3e%3cpath%20d='M41.4159%2021.8265L41.4159%2026.3226M28.7422%2026.3226L28.7422%2021.8265C28.7422%2020.6323%2029.1873%2019.4871%2029.9796%2018.6427C30.7718%2017.7984%2031.8464%2017.324%2032.9668%2017.324C34.0872%2017.324%2035.1617%2017.7984%2035.954%2018.6427C36.7463%2019.4871%2037.1913%2020.6323%2037.1913%2021.8265L37.1839%2036.4555C37.1839%2037.0526%2036.9613%2037.6252%2036.5652%2038.0474C36.1691%2038.4696%2035.6318%2038.7067%2035.0716%2038.7067C34.5114%2038.7067%2033.9741%2038.4696%2033.578%2038.0474C33.1819%2037.6252%2032.9593%2037.0526%2032.9593%2036.4555L32.9668%2022.9561'%20stroke='%23D3DCE6'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='267'%20height='64'%20rx='6'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1'%3e%3crect%20width='26.1798'%20height='26.1798'%20fill='white'%20transform='matrix(0.684243%20-0.729254%200.684243%200.729254%2017.1658%2030.0918)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-body {
  margin: 10px 0px;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-footer {
  font-size: 13px;
  color: #929292;
  font-weight: 400;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-status {
  float: left;
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-status .message-read {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #0047ff;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-status .message-date {
  font-size: 13px;
  color: #606060;
}
.conversation-templates-container .template-message-preview-container .template-message-preview .template-status .double-check {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 7px 0 0;
  background: url("data:image/svg+xml,%3csvg%20width='8'%20height='10'%20viewBox='0%200%208%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m7.891%203.573-.619-.696a.345.345%200%200%200-.53%200L3.002%207.086l-1.74-1.96a.345.345%200%200%200-.53%200l-.62.698a.46.46%200%200%200%200%20.598l2.624%202.954a.345.345%200%200%200%20.53%200L7.89%204.17a.462.462%200%200%200%20.001-.597zM2.824%205.436a.23.23%200%200%200%20.353%200l3.25-3.66a.308.308%200%200%200%200-.397L5.721.583a.23.23%200%200%200-.353%200L3%203.246l-.866-.976a.23.23%200%200%200-.353%200l-.708.796a.308.308%200%200%200%200%20.398l1.75%201.972z'%20fill='%235087EC'/%3e%3c/svg%3e") no-repeat center;
  align-self: center;
}
.conversation-templates-container .variables-detail-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.conversation-templates-container .variables-detail-container .variables-list .variable-input, .conversation-templates-container .variables-detail-container .variables-list .template-variable {
  color: #404040 !important;
  font-weight: bold !important;
  font-size: 16px !important;
}
.conversation-templates-container .variables-detail-container .variables-list .template-variable {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
}
.conversation-templates-container .variables-detail-container .variables-list .template-variable .variable-input {
  margin-left: 5px;
  border: solid 1px #8e91a4 !important;
  height: 40px !important;
  width: 200px !important;
  border-radius: 5px;
  padding: 0 5px !important;
}
.conversation-templates-container .variables-detail-container .variables-list .template-variable .variable-input::placeholder {
  color: #929292 !important;
  font-weight: normal !important;
}
.conversation-templates-container .variables-detail-container .variables-list .template-variable input:focus {
  outline: none;
}
.conversation-templates-container .variables-detail-container .variables-list .btn-multimedia {
  float: left;
  background-color: #dddddd;
  color: #606060;
  border-radius: 5px;
  width: auto;
  padding: 3px 10px;
  cursor: pointer;
  margin-right: 5px;
}
.conversation-templates-container .variables-detail-container .variables-list.multimedia {
  width: 50%;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  background-color: white;
  color: #606060 !important;
  border: solid 1px #8e91a4 !important;
  border-radius: 5px;
}
.conversation-templates-container .content-preview {
  float: left;
  width: 100%;
  height: auto;
  display: block;
}
.conversation-templates-container .content-preview .template-message-preview-container {
  float: left;
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .conversation-templates-container .content-preview .template-message-preview-container {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.conversation-templates-container .content-preview .variables-detail-container {
  float: left;
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .conversation-templates-container .content-preview .variables-detail-container {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.conversation-templates-container .content-preview .send-template-icon {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m7.819%2013.355-4.4-4.406a.678.678%200%200%201%200-.959l.959-.959a.678.678%200%200%201%20.959%200L8.305%2010l6.358-6.358a.677.677%200%200%201%20.959%200l.959.96a.678.678%200%200%201%200%20.958l-7.8%207.8a.677.677%200%200%201-.962-.004z'%20fill='%23fff'/%3e%3c/svg%3e") no-repeat center;
  align-self: center;
}
.conversation-templates-container .content-preview .valid-icon {
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m7.819%2013.355-4.4-4.406a.678.678%200%200%201%200-.959l.959-.959a.678.678%200%200%201%20.959%200L8.305%2010l6.358-6.358a.677.677%200%200%201%20.959%200l.959.96a.678.678%200%200%201%200%20.958l-7.8%207.8a.677.677%200%200%201-.962-.004z'%20fill='%23fff'/%3e%3c/svg%3e") no-repeat center;
}
.conversation-templates-container .content-preview .invalid-icon, .conversation-templates-container .content-preview .processing-icon, .conversation-templates-container .content-preview .error-icon {
  background: url("data:image/svg+xml,%3csvg%20width='10'%20height='11'%20viewBox='0%200%2010%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m5%206.688%203.565%203.566a.84.84%200%200%200%201.189-1.189L6.188%205.5l3.566-3.565A.84.84%200%201%200%208.565.746L5%204.312%201.435.746A.84.84%200%200%200%20.246%201.935L3.812%205.5.246%209.065a.84.84%200%200%200%201.189%201.189L5%206.688z'%20fill='%23fff'/%3e%3c/svg%3e") no-repeat center;
}
.conversation-templates-container .content-preview .template-spinner .spinner div {
  width: 18px;
  height: 18px;
  margin: 0px;
  border: 3px solid #e8f0fe;
  border-color: #e8f0fe transparent transparent transparent;
}
.conversation-templates-container .content-preview .template-spinner .spinner {
  width: 18px;
  height: 18px;
  padding-right: 10px;
}
.conversation-templates-container .content-preview .button-send-container {
  float: left;
  width: 100%;
  margin-top: 15px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.conversation-templates-container .content-preview .button-send-container .send-message-template {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  width: auto;
  padding: 5px 15px;
  color: #ffffff;
  background: #01bb69;
}
.conversation-templates-container .content-preview .button-send-container .send-message-template .send-button-container {
  min-width: 201px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.conversation-templates-container .content-preview .button-send-container .true {
  background: #01bb69;
}
.conversation-templates-container .content-preview .button-send-container .valid-status {
  background: #01bb69;
}
.conversation-templates-container .content-preview .button-send-container .invalid-status, .conversation-templates-container .content-preview .button-send-container .processing-status, .conversation-templates-container .content-preview .button-send-container .error-status {
  min-width: 220px;
  background: #d82c0d;
}
.conversation-templates-container .content-preview .button-send-container .waiting-status {
  min-width: 220px;
  background: #8e91a4;
}
.conversation-templates-container .drag-hover-template {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(6.5px);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  padding: 5px;
  z-index: 1000;
}
.conversation-templates-container .drag-hover-template .drop-zone-template {
  width: 100%;
  height: 100%;
  border: solid 2px #0047ff;
  border-style: dashed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversation-templates-container .drag-hover-template .drop-zone-template h1 {
  color: #0047ff;
  font-weight: bold;
  font-size: 12px;
}
.conversation-templates-container .true {
  visibility: visible;
}
.conversation-templates-container .upload-template-file-container {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.conversation-templates-container .upload-template-file-container .drag-zone {
  position: relative;
  float: left;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 10px;
  width: 400px;
  height: 400px;
  background: url("/v5/assets/attached-files-CI20B0EM.svg") no-repeat center;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0.05);
}
.conversation-templates-container .upload-template-file-container .go-back {
  position: absolute;
  top: -2%;
  right: 98%;
  width: 25px;
  margin: 5px 0 0 5px;
  height: 25px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.41%206.664%205.304-5.043A.93.93%200%200%200%208%20.948a.931.931%200%200%200-.294-.67A1.027%201.027%200%200%200%207.002%200c-.264%200-.517.098-.705.274L.292%205.99A.93.93%200%200%200%200%206.641a.926.926%200%200%200%20.263.663l6.029%205.755c.188.176.441.275.705.274.264%200%20.517-.1.704-.278a.931.931%200%200%200%20.294-.67.93.93%200%200%200-.286-.672L2.411%206.664z'%20fill='%23606060'/%3e%3c/svg%3e") no-repeat center;
}
.conversation-templates-container .upload-template-file-container .caption-drag {
  font-size: 13px;
  user-select: none;
  color: #606060;
  font-weight: 500;
}
.conversation-templates-container .upload-template-file-container .btn-multimedia {
  height: 35px;
  width: auto;
  padding: 5px 35px;
  margin: 25px 0px;
  color: #ffffff;
  background: #0047ff;
  border-radius: 3px;
}
.conversation-templates-container .template-header-value {
  color: #262626;
  font-size: 14.6px;
  font-weight: bold;
}.opt-btn {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  border-radius: 9999px;
  overflow: visible; /* allow dropdown to escape button bounds */
  background: linear-gradient(180deg, #1a73e8, #1a5bd6);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.opt-btn.primary .opt-btn__main, .opt-btn.primary .opt-btn__toggle {
  background-color: transparent; /* inherit from container */
  color: #fff;
  border: 0;
}
.opt-btn.primary .opt-btn__main:hover, .opt-btn.primary .opt-btn__toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.opt-btn.primary .opt-btn__main.disabled, .opt-btn.primary .opt-btn__toggle.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.opt-btn.secondary .opt-btn__main, .opt-btn.secondary .opt-btn__toggle {
  background-color: #f8f9fa;
  color: #374151;
  border: 1px solid #d1d5db;
}
.opt-btn.secondary .opt-btn__main:hover, .opt-btn.secondary .opt-btn__toggle:hover {
  background-color: #e9ecef;
}
.opt-btn.secondary .opt-btn__main.disabled, .opt-btn.secondary .opt-btn__toggle.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.opt-btn .opt-btn__main, .opt-btn .opt-btn__toggle {
  padding: 10px 18px;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  height: 44px;
}
.opt-btn .opt-btn__toggle {
  padding-left: 14px;
  padding-right: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  min-width: 44px;
  position: relative;
}
.opt-btn .caret {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #ffffff;
  transform: translate(-50%, -40%);
  transition: transform 0.18s ease;
}
.opt-btn.open .caret {
  transform: translate(-50%, -60%) rotate(180deg);
}
.opt-btn .opt-btn__menu {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14);
  min-width: 220px;
  z-index: 1000;
  padding: 6px;
  overflow: hidden;
  pointer-events: auto;
}
.opt-btn .opt-btn__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 6px;
  cursor: pointer;
  color: #111827;
}
.opt-btn .opt-btn__item:hover {
  background: #f3f4f6;
}.dtp-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dtp-container .dtp-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dtp-container .dtp-label {
  min-width: 56px;
  font-size: 14px;
  color: #374151;
}
.dtp-container .dtp-input {
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #111827;
}
.dtp-container .dtp-error {
  color: #b91c1c;
  font-size: 12px;
}.DropdownButton {
  display: inline-block;
  position: relative;
}
.DropdownButton .button {
  display: flex;
  user-select: none;
  cursor: pointer;
  align-items: stretch;
  background-color: white;
  border: 1.5px solid #0047ff;
  color: #0047ff;
  border-radius: 8px;
  position: relative;
  z-index: 120;
  transition: background-color 200ms ease-out;
}
.DropdownButton .button:hover {
  background-color: white;
}
.DropdownButton .button .arrow-down {
  position: relative;
  background-color: #0047ff;
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
}
.DropdownButton .button .arrow-down:before,
.DropdownButton .button .arrow-down:after {
  content: "";
  position: absolute;
  background-color: inherit;
}
.DropdownButton .button .arrow-down,
.DropdownButton .button .arrow-down:before,
.DropdownButton .button .arrow-down:after {
  width: 5px;
  height: 5px;
  border-top-right-radius: 30%;
}
.DropdownButton .button .arrow-down {
  transform: rotate(0deg) skewX(-30deg) scale(1, 0.866);
}
.DropdownButton .button .arrow-down:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.DropdownButton .button .arrow-down:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
.DropdownButton .button.open {
  background-color: #0047ff;
  color: white;
  height: auto;
}
.DropdownButton .button.open span img {
  transform: rotate(180deg);
}
.DropdownButton .button.open .arrow-down {
  position: relative;
  background-color: white;
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
}
.DropdownButton .button p {
  display: inline;
  padding: 5px 9px;
  margin: auto;
}
.DropdownButton .button p:first-letter {
  text-transform: capitalize;
}
.DropdownButton .button span {
  display: flex;
  border-left: 1px solid #0047ff;
  padding: 0 8px;
}
.DropdownButton .button span img {
  transition: transform 200ms ease-out;
}
.DropdownButton .menu {
  position: absolute;
  background: #eef3fd;
  top: 80%;
  right: 0;
  left: 0;
  border-radius: 8px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
  z-index: 110;
}
.DropdownButton .menu.open {
  height: auto;
  opacity: 1;
  z-index: 1000 !important;
}
.DropdownButton .menu .menu-items {
  padding: 15px 0;
  margin: 0;
}
.DropdownButton .menu .menu-items li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 0;
  text-transform: capitalize;
  color: var(--color-soft-blue);
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 1;
}
.DropdownButton .menu .menu-items li:hover {
  opacity: 0.7;
}
.DropdownButton .menu .menu-items li:not(:last-child) {
  border-bottom: 2px solid var(--color-white);
}
.DropdownButton .menu .menu-items li img {
  margin-right: 10px;
  width: 22px;
}
.DropdownButton .menu .menu-items li p.danger {
  color: var(--color-red);
}

/* .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f00;
  border-radius: 10px;
  margin-top: auto;
    margin-bottom: auto;
} */.show-description {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-right: 45px;
}.containerItemTemp {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  display: flex;
  flex-direction: column;
  position: relative;
}

.title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #49525f;
  padding: 5px;
  padding-left: 0px;
}

.containerBody {
  display: flex;
  flex-direction: row;
}
.containerBody:hover .hide {
  visibility: visible;
}
.containerBody:hover .previewMedia {
  z-index: 100;
}
.containerBody {
  position: relative;
}

.body {
  z-index: -1;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #49525f;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.previewMedia {
  z-index: 100;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  height: 85%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  margin-top: 10px;
}
.previewMedia .hide {
  visibility: hidden;
}
.previewMedia:hover .hide {
  visibility: visible;
}
.previewMedia .previewMediaContainer {
  display: flex;
  height: "40px";
  border-radius: "10px";
}
.previewMedia.true .previewMediaContainer {
  background: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.user {
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  text-align: left;
  color: #8e91a4;
  padding-bottom: 5px;
}

.line {
  border-bottom: 1px solid #dfe3e9;
  margin-bottom: 10px;
  z-index: -5;
}

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

.clickable-template {
  position: absolute;
  cursor: pointer;
  width: 90%;
  height: 85%;
  z-index: 180;
  bottom: 15px;
}

.more_options .more_container {
  width: 30px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}
.more_options.true .more_container:hover {
  border-radius: 6px;
  background: #dcdeef;
}

.show_options .options_container {
  display: none;
}
.show_options .options_container .item_options {
  color: #8e91a4;
  width: 150px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-radius: 10px;
  -webkit-user-select: none;
}
.show_options .options_container .item_options span {
  height: 100%;
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-radius: 6px;
}
.show_options .options_container .item_options .separator {
  height: 30px;
  width: 1px;
  background: #cecece;
}
.show_options .options_container .item_options span:hover {
  background: #dcdeef;
}
.show_options.true .options_container {
  display: block;
}

.titleTemp {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #49525f;
  padding: 10px 15px;
  border-left: 1px solid #dfe3e9;
  margin: 5px;
}

.detailTemplate {
  display: flex;
  flex-direction: column;
  padding: 15px;
  justify-content: center;
}

.labelItem {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  display: flex;
  justify-content: left;
  margin-bottom: 10px;
  border: none;
}

.detailTextArea {
  width: 100%;
  border: none;
  resize: none;
}

.detailTextArea:focus {
  outline: none !important;
}

.containerButtonsActions {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.buttonAction {
  margin-right: 30px;
  background-color: #0047ff;
  border-radius: 12px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: white;
  padding: 15px 30px;
  cursor: pointer;
}
.buttonAction:hover {
  box-shadow: 0 0 6px #6d8fcd;
}

.buttonCancel {
  margin-left: 30px;
  background-color: #49525f;
  border-radius: 12px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: white;
  padding: 15px 30px;
  cursor: pointer;
}
.buttonCancel:hover {
  box-shadow: 0 0 6px #6a7079;
}

.inputName {
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #dfe3e9;
  padding: 5px;
}
.inputName input {
  justify-content: center;
  width: 100%;
  border: none;
}
.inputName input:focus {
  outline: none !important;
}

.borderText {
  padding: 5px;
  background-color: white;
  border: 1px solid #dfe3e9;
  border-radius: 5px;
}.containerSender {
  display: flex;
  flex-direction: row;
  height: 75px;
}

.buttonSender {
  width: 20%;
  margin-left: 10px;
  background-color: #0047ff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: white;
  padding: 5% 0;
  cursor: pointer;
}
.buttonSender .svgCheck {
  height: 2em;
  width: 3em;
}

.textSend {
  margin-top: 10px;
}

.borderTextSender {
  padding: 5px 10px;
  border: 1px solid #dfe3e9;
  width: 100%;
  height: 65px;
  border-radius: 5px;
  background: #eff3fd;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.borderTextSender .senderContainer {
  width: 100%;
  height: 40px;
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  padding: 6px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.borderTextSender .senderContainer .buttonContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.borderTextSender .senderContainer .buttonContainer button {
  width: 30px;
  height: 30px;
  background-color: #ebefff;
  color: #84898f;
  font-size: 15px;
  padding: 2px;
  font-weight: lighter;
}
.borderTextSender .senderContainer .textArea {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  border: none;
  resize: none;
  padding: 5px;
  font-size: 15px;
}
.borderTextSender .senderContainer .textArea:focus {
  outline: none !important;
}

.sendButton {
  width: 40px !important;
  height: 40px !important;
  background: white;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  margin-left: 10px !important;
  cursor: pointer;
  background: #0047ff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-top: 3px;
}.containerSimpleSearch {
  display: grid;
  grid-template-columns: auto auto;
  width: 100%;
  background: #ffffff;
  justify-content: space-between;
  height: 60px;
  padding: 12px;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16);
}
.containerSimpleSearch input {
  border: 1px solid #dfe3e9 !important;
  border-radius: 5px !important;
  padding: 5px !important;
}

.sendButton {
  width: 35px;
  font-size: 17px;
  height: 35px;
  margin-left: 10px;
}

.main_title {
  /*     position: absolute !important;
      top: 0 !important;
      padding: 7px !important;
      font-size: 18px !important;
      font-weight: bold !important; */
}

input {
  height: 35px !important;
  width: 100% !important;
}

.titleSS {
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #49525f;
  width: 50%;
  padding: 15px 0;
}

.componentSearch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 50%;
}
.componentSearch:hover .borderSearch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background-color: white;
  border-style: solid;
  border-color: #dfe3e9;
  border-width: 1px;
  border-radius: 5px;
  padding: 10px 5px;
  max-height: 40px;
}
.componentSearch:hover .borderSearch .img {
  width: 50%;
  height: 100%;
}
.componentSearch:hover .hideSimpleSearch {
  justify-content: center;
  display: flex;
}
.componentSearch:hover .hideSimpleSearch input {
  border: none;
}

.borderSearch img {
  width: 50%;
  height: 100%;
}

.hideSimpleSearch {
  display: none;
  background-color: white;
  margin-left: 10px;
}

.componentAdd {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.buttonContainer {
  height: 100%;
  margin-left: 5px;
}
.buttonContainer button {
  background-color: #01bb69;
  color: #ffffff;
  width: fit-content;
  height: 100%;
  font-size: 22px;
  padding: 2px;
  font-weight: lighter;
}
.buttonContainer button .buttonLabel {
  padding: 0px 5px;
  font-size: 17px;
}.containerItems {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  padding: 10px;
}

.containerSenderTemplate {
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
}.cronosContainer {
  width: max-content;
  line-height: 1.15;
}
.cronosContainer .cronosComponent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 18px;
}
.cronosContainer .cronosComponent .timeLeftLabel {
  font-size: 10px;
}
.cronosContainer .cronosComponent .timeLeftUnit {
  font-size: 16px;
}
.cronosContainer .greenTimer {
  color: #31ad63;
}
.cronosContainer .yellowTimer {
  color: #e4c381;
}
.cronosContainer .redTimer {
  color: #fb787a;
  text-shadow: 0px 0px 0px #e93a3d;
}.uploadimage-container {
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: white;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 50px auto 80px;
  align-items: flex-start;
}
.uploadimage-container .ui-header {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.uploadimage-container .ui-header .ui-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M6.2253%204.81108C5.83477%204.42056%205.20161%204.42056%204.81108%204.81108C4.42056%205.20161%204.42056%205.83477%204.81108%206.2253L10.5858%2012L4.81114%2017.7747C4.42062%2018.1652%204.42062%2018.7984%204.81114%2019.1889C5.20167%2019.5794%205.83483%2019.5794%206.22535%2019.1889L12%2013.4142L17.7747%2019.1889C18.1652%2019.5794%2018.7984%2019.5794%2019.1889%2019.1889C19.5794%2018.7984%2019.5794%2018.1652%2019.1889%2017.7747L13.4142%2012L19.189%206.2253C19.5795%205.83477%2019.5795%205.20161%2019.189%204.81108C18.7985%204.42056%2018.1653%204.42056%2017.7748%204.81108L12%2010.5858L6.2253%204.81108Z'%20fill='currentColor'%20/%3e%3c/svg%3e") no-repeat center;
  cursor: pointer;
}
.uploadimage-container .ui-image-box {
  height: 100%;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  border-style: dashed;
  background-color: #fafafa;
  color: #bdbdbd;
  outline: none;
  user-select: none;
  transition: border 0.24s ease-in-out 0s;
  overflow: hidden;
}
.uploadimage-container .ui-image-box .ui-current-image {
  height: auto;
  max-height: 450px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.uploadimage-container .ui-carousel-footer {
  width: 100%;
  height: 75px;
  margin: 10px 0;
  display: grid;
  grid-template-columns: auto 80px;
  align-items: center;
  box-sizing: border-box;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel {
  box-sizing: border-box;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
  min-height: 0;
  min-width: 0;
  justify-content: center;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
@media only screen and (max-width: 600px) {
  .uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion {
    max-width: 225px;
  }
}
@media only screen and (min-width: 768px) {
  .uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion {
    max-width: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1200px) {
  .uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion {
    max-width: 550px;
  }
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion .ui-name-tag {
  display: none;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion::-webkit-scrollbar-thumb {
  background-color: darkgray;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-accordion::-webkit-scrollbar-track {
  background: white;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item {
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin: 5px 10px;
  border: 1px solid #d1d7db;
  border-radius: 5px;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item .ui-image-tag {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 500px;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item .ui-file-tag {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item .ui-name-tag {
  font-weight: bold;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item.active {
  border: 3px solid #00a884;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item .close-span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(10deg, rgba(0, 0, 0, 0.0536589636) 0%, rgba(0, 0, 0, 0.6783088235) 100%);
  cursor: pointer;
  display: none;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item .ui-delete-image {
  opacity: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 100;
  margin: 2px 2px 0 0;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M6.2253%204.81108C5.83477%204.42056%205.20161%204.42056%204.81108%204.81108C4.42056%205.20161%204.42056%205.83477%204.81108%206.2253L10.5858%2012L4.81114%2017.7747C4.42062%2018.1652%204.42062%2018.7984%204.81114%2019.1889C5.20167%2019.5794%205.83483%2019.5794%206.22535%2019.1889L12%2013.4142L17.7747%2019.1889C18.1652%2019.5794%2018.7984%2019.5794%2019.1889%2019.1889C19.5794%2018.7984%2019.5794%2018.1652%2019.1889%2017.7747L13.4142%2012L19.189%206.2253C19.5795%205.83477%2019.5795%205.20161%2019.189%204.81108C18.7985%204.42056%2018.1653%204.42056%2017.7748%204.81108L12%2010.5858L6.2253%204.81108Z'%20fill='%23ffff'%20/%3e%3c/svg%3e") no-repeat center;
  cursor: pointer;
  top: 0;
  right: 0;
  margin: 5px 5px 0px 0px;
  display: none;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item:hover .close-span {
  display: block;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-item:hover .ui-delete-image {
  display: block;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-add {
  float: left;
  min-width: 55px;
  min-height: 55px;
  border-radius: 5px;
  margin: 8px 5px;
  border: 1px solid #d1d7db;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.uploadimage-container .ui-carousel-footer .ui-image-carousel .ui-image-add .ui-add-icon {
  float: left;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M12%204C11.4477%204%2011%204.44772%2011%205V11H5C4.44772%2011%204%2011.4477%204%2012C4%2012.5523%204.44772%2013%205%2013H11V19C11%2019.5523%2011.4477%2020%2012%2020C12.5523%2020%2013%2019.5523%2013%2019V13H19C19.5523%2013%2020%2012.5523%2020%2012C20%2011.4477%2019.5523%2011%2019%2011H13V5C13%204.44772%2012.5523%204%2012%204Z'%20fill='%2354656f'%20/%3e%3c/svg%3e") no-repeat center;
}
.uploadimage-container .ui-carousel-footer .ui-button-send {
  float: left;
  width: 60px;
  height: 60px;
  min-height: 60px;
  min-width: 60px;
  margin-left: 10px;
  border-radius: 5px;
  background: #03ba68 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20fill='white'%20d='M2.01%2021L23%2012%202.01%203%202%2010l15%202-15%202z'/%3e%3c/svg%3e") no-repeat center;
}
.uploadimage-container .ui-carousel-footer .ui-button-send:disabled {
  opacity: 0.5;
}.ListButton {
  background-color: var(--color-soft-blue);
  font-family: var(--font-sans);
  font-weight: bold;
  color: white;
  padding: 10px 30px;
  border-radius: 8px;
  cursor: pointer;
  align-self: stretch;
  display: flex;
  align-items: center;
  transition: background-color 200ms ease-out;
}
.ListButton:hover {
  background-color: var(--color-soft-blue-dark-1);
}
.ListButton:active {
  background-color: var(--color-soft-blue-dark-2);
}
@media (max-width: 500px) {
  .ListButton {
    width: min-content;
  }
}

.ListHeader {
  display: flex;
  align-items: center;
  padding: 14px 0;
}
.ListHeader .label {
  margin-right: auto;
  font-family: var(--font-sans);
  font-weight: bold;
  user-select: none;
  font-size: 18px;
  padding-right: 20px;
}

.SearchInput {
  border-radius: 8px;
  border: 1px solid var(--color-grey);
  padding: 10px 13px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  align-self: stretch;
}
.SearchInput img {
  margin-right: 10px;
}
.SearchInput input {
  border: none;
  font-family: var(--font-sans);
  padding: 5px;
  outline: none;
  position: relative;
  width: 100%;
  transition: width 200ms ease-out;
}
.SearchInput input::placeholder {
  color: var(--color-grey);
}
@media (min-width: 500px) {
  .SearchInput input {
    width: 200px;
  }
  .SearchInput input:focus {
    width: 400px;
  }
}.CampaingSelectionType1 {
  border-radius: 8px;
  max-width: 450px;
  font-family: var(--font-sans);
  cursor: pointer;
  padding: 10px;
  transition: background-color 200ms ease-out;
  border: 2px solid var(--color-lightgrey);
}
.CampaingSelectionType1 span {
  width: 127px;
  height: 9px;
  font-size: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #90949c;
}
.CampaingSelectionType1.active {
  border: 2px solid var(--color-soft-blue);
}
.CampaingSelectionType1 .header_1 h3 {
  width: 113px;
  height: 16px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #434343;
}
.CampaingSelectionType1 .content_1 {
  display: flex;
}
.CampaingSelectionType1 .content_1 .element {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: solid 1px #dfe3e9;
  margin-right: 10px;
}
.CampaingSelectionType1 .content_1 .element .elementSpan {
  display: flex;
}
.CampaingSelectionType1 .content_1 .element .elementSpan span {
  text-align: center;
  margin-top: 8px;
}
.CampaingSelectionType1 .content_1 .element img {
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 10px;
}
.CampaingSelectionType1 .footer_1 {
  padding: 6px;
  display: flex;
  flex-direction: row-reverse;
}
.CampaingSelectionType1 .footer_1 .share {
  display: flex;
  width: 82px;
  height: 25px;
  border-radius: 5px;
  border: solid 2px var(--color-soft-blue);
}
.CampaingSelectionType1 .footer_1 .share h3 {
  font-size: 10px;
  line-height: 2;
  margin-left: auto;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-soft-blue);
}
.CampaingSelectionType1 .footer_1 .share img {
  margin: 0 auto;
}

.CampaingSelectionType2 {
  border-radius: 8px;
  max-width: 450px;
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background-color 200ms ease-out;
  border: 1px solid var(--color-lightgrey);
}
.CampaingSelectionType2 span {
  width: 127px;
  height: 9px;
  font-size: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #90949c;
}
.CampaingSelectionType2.active {
  border: 1px solid var(--color-soft-blue);
}
.CampaingSelectionType2.active .header {
  background-color: var(--color-soft-blue-light-1);
}
.CampaingSelectionType2.active .header h3 {
  color: var(--color-soft-blue);
}
.CampaingSelectionType2 .header {
  background-color: var(--color-lightgrey);
  padding: 10px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.CampaingSelectionType2 .header h3 {
  width: 113px;
  height: 16px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #434343;
}
.CampaingSelectionType2 .content {
  display: flex;
  padding: 10px;
}
.CampaingSelectionType2 .content .tableContainer {
  padding-right: 10px;
  padding-bottom: 10px;
}
.CampaingSelectionType2 .content .tableContainer table {
  width: 325px;
  height: 56px;
  padding: 6px;
}
.CampaingSelectionType2 .content .tableContainer table tr {
  line-height: 2;
  font-size: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-grey);
  border-bottom: solid 1px var(--color-lightgrey);
}
.CampaingSelectionType2 .content .tableContainer table tr td {
  padding: 1px;
}
.CampaingSelectionType2 .content .tableContainer table tr .icon {
  width: 25px;
}
.CampaingSelectionType2 .content .tableContainer table tr img {
  width: 10px;
  height: 10px;
}
.CampaingSelectionType2 .content .campaingIcons {
  width: 325px;
  height: 56px;
  display: flex;
}
.CampaingSelectionType2 .content .campaingIcons .element {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: solid 1px #dfe3e9;
  margin-right: 10px;
}
.CampaingSelectionType2 .content .campaingIcons .element .elementSpan {
  display: flex;
}
.CampaingSelectionType2 .content .campaingIcons .element .elementSpan span {
  text-align: center;
  margin-top: 8px;
}
.CampaingSelectionType2 .content .campaingIcons .element img {
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 10px;
}
.CampaingSelectionType2 .content .share {
  width: 100px;
  height: 56px;
  border: solid 1px #e8f0fe;
  border-radius: 8px;
}
.CampaingSelectionType2 .content .share .imgContainer {
  display: flex;
  margin-top: 16px;
}
.CampaingSelectionType2 .content .share .imgContainer img {
  margin: auto;
}
.CampaingSelectionType2 .content .share .shareText {
  display: flex;
}
.CampaingSelectionType2 .content .share .shareText h3 {
  font-size: 10px;
  line-height: 2;
  margin: auto;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-soft-blue);
}
.CampaingSelectionType2 .content .share:hover {
  border: 1px solid var(--color-soft-blue);
}

.CampaingSelectionType4 {
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background-color 200ms ease-out;
  border: 2px solid var(--color-lightgrey);
  width: 425px;
  height: min-content;
  border-radius: 8px;
}
.CampaingSelectionType4 .createdBy {
  width: 127px;
  height: 9px;
  font-size: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-grey);
}
.CampaingSelectionType4 .header {
  padding: 5px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom: solid 1px var(--color-lightgrey);
}
.CampaingSelectionType4 .header h3 {
  width: 115px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #434343;
}
.CampaingSelectionType4 .content .tableContainer table {
  width: -webkit-fill-available;
  height: auto;
}
.CampaingSelectionType4 .content .tableContainer table tr {
  line-height: 2;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-grey);
  border-bottom: solid 1px var(--color-lightgrey);
}
.CampaingSelectionType4 .content .tableContainer table tr td {
  padding: 6px;
}
.CampaingSelectionType4 .content .tableContainer table tr .icon {
  width: 25px;
}
.CampaingSelectionType4 .content .tableContainer table tr img {
  width: 10px;
  height: 10px;
}
.CampaingSelectionType4 .content .tableContainer table tr .borderName {
  color: #49525f;
}
.CampaingSelectionType4 .content .tableContainer table tr .borderName div {
  border-right: solid 1px var(--color-lightgrey);
}
.CampaingSelectionType4 .content .tableContainer table tr .borderSend div {
  border-right: solid 1px var(--color-lightgrey);
}
.CampaingSelectionType4 .content .tableContainer table tr .buttonContainer {
  display: flex;
  flex-direction: row-reverse;
}
.CampaingSelectionType4 .content .tableContainer table tr .buttonStyle {
  width: 50px;
  height: 17px;
  border-radius: 3px;
  border: solid 1px var(--color-lightgrey);
  text-align: center;
}
.CampaingSelectionType4 .content .tableContainer table tr:last-child {
  border-bottom: none;
}.BigButton {
  display: flex;
  background-color: #FFFFFF;
  border: none;
  cursor: pointer;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
  width: 300px;
  height: 75px;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: var(--color-grey);
  margin: auto;
  font-weight: bold;
}
.BigButton img {
  padding: 12px;
}
.BigButton .label {
  margin: auto;
}.simple {
  height: 80px;
  border-radius: 5px;
  cursor: pointer;
}
.simple.large {
  width: 165px;
}
.simple.medium {
  width: 140px;
}
.simple .dot {
  display: flex;
  justify-content: flex-end;
  padding: 4px;
  cursor: pointer;
}
.simple .label {
  margin: auto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #49525f;
}
.simple .item {
  margin: auto;
  padding: 4px;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--color-soft-blue);
}.ReportStats {
  width: 336px;
  height: min-content;
  border-radius: 5px;
}
.ReportStats .header {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: left;
  color: #49525f;
  margin-left: 12px;
}
.ReportStats .content .container {
  padding: 8px;
}
.ReportStats .content .container .channel {
  display: flex;
  padding: 6px;
  margin: 10px 0;
}
.ReportStats .content .container .channel img {
  height: 25px;
  max-width: 20px;
  margin: auto;
  margin-right: 10px;
}
.ReportStats .content .container .channel .total {
  width: 335px;
  height: 25px;
  border-radius: 4px;
  position: relative;
}
.ReportStats .content .container .channel .total.sms {
  border: solid 1px var(--color-sms);
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.whatsapp {
  border: solid 1px var(--color-whatsapp);
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.facebook {
  border: solid 1px var(--color-soft-blue);
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.facebook {
  border: solid 1px var(--color-soft-blue);
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.email {
  border: solid 1px var(--color-email);
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.instagram {
  border: solid 1px #d6499e;
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.webchat {
  border: solid 1px #8048c7;
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.tiktok {
  border: solid 1px #000000;
  background-color: var(--color-white);
}
.ReportStats .content .container .channel .total.rcs {
  background-color: var(--color-rcs);
}
.ReportStats .content .container .channel .total .porcentage {
  border-radius: 2px;
  height: 100%;
}
.ReportStats .content .container .channel .total .porcentage.sms {
  background-color: var(--color-sms);
}
.ReportStats .content .container .channel .total .porcentage.whatsapp {
  background-color: var(--color-whatsapp);
}
.ReportStats .content .container .channel .total .porcentage.facebook {
  background-color: var(--color-soft-blue);
}
.ReportStats .content .container .channel .total .porcentage.instagram {
  background: linear-gradient(to right, #3845d1, #d6499e, #ee772f, #f7c55c);
}
.ReportStats .content .container .channel .total .porcentage.webchat {
  background: #8048c7;
}
.ReportStats .content .container .channel .total .porcentage.tiktok {
  background: linear-gradient(to right, #00f2ea, #ff0050);
}
.ReportStats .content .container .channel .total .porcentage.email {
  background-color: var(--color-email);
}
.ReportStats .content .container .channel .total .porcentage.rcs {
  background-color: var(--color-rcs);
}
.ReportStats .content .container .channel .total .porcentage {
  min-height: 15px;
  width: fit-content;
}
.ReportStats .content .container .channel .total .porcentage .text {
  position: absolute !important;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  color: #606060;
  font-size: 13px;
  font-weight: bold;
}
.ReportStats .content .container .channel .total .porcentage .text.special {
  color: var(--color-grey);
  width: max-content;
}
.ReportStats .content .container .channel .total .porcentage .text:after {
  /* This value is the OPPOSITE color of our background */
  color: rgb(0, 255, 255);
  mix-blend-mode: difference;
}
.ReportStats .content .container .channel .total .count {
  font-size: 10px;
  color: #888888;
  margin: 3px 0;
  text-align: end;
}.Collapse {
  user-select: none;
  font-size: 12px;
}
.Collapse .container-title {
  cursor: pointer;
  display: grid;
  grid-template-columns: 45% 45% 10%;
  grid-gap: 10px;
}
.Collapse .container-title p {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  height: 39px;
  padding: 10px;
}
.Collapse .container-title .title {
  display: flex;
}
.Collapse .container-title .subLabel {
  display: grid;
  grid-template-columns: auto auto auto auto;
  align-items: center;
  gap: 10px;
}
.Collapse .container-title .subTitle {
  font-weight: normal;
  margin-left: 4px;
}
.Collapse .container-title .left_icon {
  padding: 9px 0px 0px 0px;
}
.Collapse .container-title .right_icon {
  margin: 0 6px;
  transition: transform 100ms ease-out;
  transform: rotate(180deg);
  z-index: -1;
  margin-top: 15px;
}
.Collapse .container-title .right_icon.open {
  transform: rotate(0deg);
}
.Collapse .container-filters {
  color: var(--color-grey);
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
}
.Collapse .container-filters.open {
  height: fit-content;
  opacity: 1;
}
.Collapse .container-filters ul {
  margin: 1px 0 1px;
  height: fit-content;
  overflow-y: auto;
}
.Collapse .container-filters li {
  display: flex;
  align-items: center;
}
.Collapse .container-filters li:not(:last-child) {
  margin-bottom: 7px;
}
.Collapse .container-filters li input {
  appearance: none;
  width: 21px;
  height: 21px;
  background: transparent;
  position: relative;
  border: 2px solid var(--color-grey);
  border-radius: 2px;
  margin-right: 10px;
  cursor: pointer;
  transition: border 300ms ease-out;
  outline: none;
  flex-shrink: 0;
}
.Collapse .container-filters li input:hover, .Collapse .container-filters li input:checked {
  border: 2px solid var(--color-soft-blue);
}
.Collapse .container-filters li input:checked::after, .Collapse .container-filters li input:checked::before {
  opacity: 1;
}
.Collapse .container-filters li input::after, .Collapse .container-filters li input::before {
  content: "";
  position: absolute;
  opacity: 0;
  background-color: var(--color-soft-blue);
  transform: rotate(45deg);
  transition: opacity 200ms ease-out;
}
.Collapse .container-filters li input::after {
  width: 5px;
  height: 2px;
  left: 2px;
  top: 9px;
}
.Collapse .container-filters li input::before {
  width: 2px;
  height: 11px;
  left: 9px;
  top: 3px;
}
.Collapse .container-filters li label {
  margin-right: 6px;
  cursor: pointer;
  width: max-content;
  overflow: hidden;
}
.Collapse .container-filters li span {
  font-size: 12px;
  color: var(--color-lightgrey);
}
.Collapse .reset {
  font-weight: bold;
  font-size: 14px;
  color: var(--color-soft-blue);
  cursor: pointer;
  transition: color 300ms ease-out;
}
.Collapse .reset > div:not(:last-child) {
  margin-bottom: 20px;
}
.Collapse .reset:hover {
  color: var(--color-black);
}.code-block {
  position: relative;
  background-color: var(--code-block-background, #f5f5f5);
  border: 1px solid var(--code-block-border, #e0e0e0);
  border-radius: var(--border-radius-components, 5px);
  overflow: hidden;
  margin: 16px 0;
  width: fit-content;
  max-width: 80%;
}
.code-block--inline {
  background-color: var(--code-block-inline-background, #ffffff);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
}

.code-block__header {
  display: flex;
  justify-content: flex-end;
  padding: 8px 12px;
  background-color: var(--code-block-header-background, #fafafa);
  border-bottom: 1px solid var(--code-block-border, #e0e0e0);
}

.code-block__copy-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: transparent;
  border: 1px solid var(--code-block-border, #e0e0e0);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--code-block-text-color, #666);
  transition: all 0.2s ease-in-out;
}
.code-block__copy-button:hover {
  background-color: var(--code-block-hover-background, #f0f0f0);
  border-color: var(--code-block-hover-border, #d0d0d0);
  color: var(--code-block-text-color, #333);
}
.code-block__copy-button:active {
  transform: scale(0.98);
}
.code-block__copy-button--copied {
  color: var(--code-block-success-color, #28a745);
  border-color: var(--code-block-success-color, #28a745);
  background-color: var(--code-block-success-background, #f0f9f4);
}

.code-block__copy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.code-block__copy-icon svg {
  width: 100%;
  height: 100%;
}

.code-block__copy-text {
  display: inline-block;
  font-weight: 500;
}

.code-block__pre {
  margin: 0;
  padding: 16px;
  overflow-x: auto;
  background-color: var(--code-block-background, #f5f5f5);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--code-block-text-color, #333);
}
.code-block--inline .code-block__pre {
  padding: 0;
  margin: 0;
  background-color: transparent;
  flex: 1;
  overflow-x: auto;
}

.code-block__code {
  display: block;
  white-space: pre;
  word-wrap: normal;
  overflow-wrap: normal;
  font-family: inherit;
  color: inherit;
}

.code-block--inline .code-block__code {
  white-space: pre-wrap;
  word-break: break-word;
}

.code-block--javascript .code-block__code {
  color: #f7df1e;
}

.code-block--python .code-block__code {
  color: #3776ab;
}

.code-block--html .code-block__code {
  color: #e34c26;
}

.code-block--css .code-block__code {
  color: #264de4;
}

.code-block--json .code-block__code {
  color: #000;
}

.code-block__copy-inline {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.code-block--inline .code-block__copy-button {
  padding: 6px 12px;
  background-color: transparent;
  border: 1px solid var(--code-block-border, #e0e0e0);
  color: var(--code-block-text-color, #333);
  white-space: nowrap;
}
.code-block--inline .code-block__copy-button:hover {
  background-color: var(--code-block-hover-background, #f5f5f5);
  border-color: var(--code-block-hover-border, #d0d0d0);
}.table-container, .table-header, .table-content {
  width: 100%;
  height: 100%;
}

.table-container {
  display: grid;
  grid-template-rows: 8% 92%;
}
.table-container .table-header {
  user-select: none;
  background: #e8f0fe;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-container .table-header h1 {
  font-size: 14px;
  color: #606060;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.table-container .table-header .arrow {
  margin-left: 5px;
  cursor: pointer;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: 300ms ease all;
}
.table-container .table-header .true {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  transition: 300ms ease all;
}
.table-container .table-header .false {
  display: none;
}
.table-container .table-content {
  overflow-y: auto;
  overflow-x: hidden;
  background: white;
}
.table-container .table-content .no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #606060;
  font-size: 20px;
  user-select: none;
}
.table-container .table-content .table-item {
  border-bottom: solid 1px #dddddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 5px 15px;
  color: #606060;
  user-select: text;
}
.table-container .table-content .table-item .table-value {
  user-select: text;
  max-height: 145px;
  overflow-y: auto;
  overflow-x: hidden;
}
.table-container .table-content .table-item:hover {
  background: #e8f0fe;
  color: #0047ff;
}
.table-container .see-more {
  text-align: center;
  color: #0047ff;
  width: 100%;
  background-color: #e3ebfa;
  border: solid 1px #0047ff;
  border-radius: 5px;
  cursor: pointer;
  height: 25px;
}
.table-container .see-more .icon-more {
  width: 20px;
}
.table-container .no-see-more {
  display: none;
}

.checkbox {
  appearance: auto !important;
  height: 20px !important;
  width: 100%;
}

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

.spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #e8f0fe;
  border-radius: 50%;
  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e8f0fe transparent transparent transparent;
}

.spinner div:nth-child(1) {
  animation-delay: -0.45s;
}

.spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.download-component {
  z-index: 1;
  padding: 0px 4px;
}
.download-component .download-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-component .download-button .download-icon {
  vertical-align: middle;
}
.download-component .download-button strong {
  color: #434343;
  font-size: 12px;
  font-weight: lighter;
  padding: 0px 4px;
}
.download-component .download-options {
  position: absolute;
  top: 25%;
  left: -250px;
  background-color: var(--primary-background-components);
  border: 1px solid var(--limit-border-color);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radius-components);
  list-style: none;
  padding: 0;
  margin: 5px 0;
  width: 250px;
  z-index: 2;
}
.download-component .download-options .download-option {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: var(--secondary-text-components);
  cursor: pointer;
  white-space: nowrap;
  font-size: 12px;
  border-bottom: 1px solid var(--limit-border-color);
}
.download-component .download-options .download-option:hover {
  background-color: var(--primary-hover-background-components);
  color: var(--primary-text-components);
}
.download-component .download-options a {
  display: block !important;
  padding: 5px 10px !important;
  text-decoration: none !important;
  color: var(--secondary-text-components) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  background-color: var(--primary-background-components) !important;
  background: var(--primary-background-components) !important;
  border-bottom: 1px solid var(--limit-border-color);
}
.download-component .download-options a:hover {
  background-color: var(--primary-hover-background-components) !important;
  color: var(--primary-text-components) !important;
}.informationCard {
  width: 210px;
  height: 100px;
  border-radius: 5px;
  border: solid 1px #dadce0;
  cursor: pointer;
}
.informationCard .cardHeader {
  height: 40px;
  width: 100%;
  padding: 8px;
}
.informationCard .cardHeader .titleHeader {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #434343;
}
.informationCard .cardItems {
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding: 4px;
}
.informationCard .cardItems .item .objectItem {
  font-size: 20px;
  font-weight: bold;
  color: var(--color-soft-blue);
}
.informationCard .cardItems .item {
  padding: 2px;
  font-size: 11px;
  text-align: center;
  color: var(--color-soft-blue);
}.history-card-container {
  cursor: pointer;
  background: #ffffff;
  border-bottom: solid 1px rgba(229, 231, 235, 0.6);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 10px;
  display: flex;
  gap: 10px;
}
.history-card-container .history-card {
  height: 80px;
  width: 100%;
  user-select: none;
  display: grid;
  grid-template-rows: 45px 23px;
  grid-gap: 5px;
}
.history-card-container .history-card .history-conversation {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: grid;
  grid-template-columns: 50px calc(100% - 50px);
}
.history-card-container .history-card .history-conversation .history-channel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-card-container .history-card .history-conversation .history-chat {
  display: grid;
  grid-template-rows: 30px 20px;
  padding-right: 5px;
  width: 100%;
}
.history-card-container .history-card .history-conversation .history-chat .history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  padding-left: 0;
}
.history-card-container .history-card .history-conversation .history-chat .history-header .history-user {
  color: var(--secondary-text-components);
  font-weight: bold;
  font-size: 14px;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-card-container .history-card .history-conversation .history-chat .history-header .history-status {
  font-size: 9.5px;
}
.history-card-container .history-card .history-conversation .history-chat .history-header .history-status .conversation-status {
  text-transform: uppercase;
  color: #51c172;
}
.history-card-container .history-card .history-conversation .history-chat .history-header .history-status .conversation-status p {
  font-size: var(--small-word-font-size-components);
  font-weight: var(--small-word-font-weight-components);
}
.history-card-container .history-card .history-conversation .history-chat .history-header .history-status .OPEN {
  color: #01bb69;
}
.history-card-container .history-card .history-conversation .history-chat .history-header .history-status .FINISHED {
  color: #d54b3d;
}
.history-card-container .history-card .history-conversation .history-chat .history-content {
  color: #8e91a4;
  font-size: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.history-card-container .history-card .history-conversation .history-chat .history-content .history-message {
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
}
.history-card-container .history-card .history-details {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: space-between;
  height: 23px;
  align-items: center;
}
.history-card-container .history-card .history-details .history-agent, .history-card-container .history-card .history-details .comments-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.history-card-container .history-card .history-details .history-agent {
  font-size: 9.5px;
}
.history-card-container .history-card .history-details .history-agent .unassigned {
  color: #7b8ba1;
  padding-left: 5px;
}
.history-card-container .history-card .history-details .history-agent .agent-name {
  border-left: solid 2px #5087ec;
  padding-left: 5px;
  padding-left: 3px;
  color: #5087ec;
  font-weight: bold;
  max-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-card-container .history-card .history-details .history-tags .comments-container {
  padding-right: 10px;
}
.history-card-container .history-card .history-details .history-tags .comments-container .comments {
  font-size: 10px;
  margin: 0 2px;
  background: #eaa150;
  color: white;
  border-radius: 2px;
  padding: 1px 5px;
}
.history-card-container .history-card .history-details .history-tags .comments-container .comments p {
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-card-container .history-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}.arrow-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8e91a4;
}
.arrow-icon .arrow-svg {
  width: 100%;
  height: 100%;
}
.arrow-icon--small {
  width: 16px;
  height: 16px;
}
.arrow-icon--medium {
  width: 24px;
  height: 24px;
}
.arrow-icon--large {
  width: 32px;
  height: 32px;
}
.arrow-icon--forward {
  transform: rotate(0deg);
}
.arrow-icon--back {
  transform: rotate(180deg);
}.holderContainer {
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: hsla(219, 80%, 62%, 0.9);
  margin: auto;
  padding: 5% 10%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 10px;
}
.holderContainer h1 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #606060;
  font-weight: normal;
}
.holderContainer p {
  color: #606060;
  font-weight: bold;
}
.holderContainer .holderTitle {
  font-size: 1rem;
  font-weight: 600;
  color: white;
  margin-bottom: 1rem;
}
.holderContainer .holderCard {
  width: 100%;
  background: white;
  margin: 20px;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 4px 0px #888888;
}
.holderContainer .holderCard p {
  white-space: break-spaces;
  text-align: initial;
}
.holderContainer .holderCard .holderCard_Icon .icon {
  height: 25px;
  margin: 10px 0px;
}
.holderContainer .holderCard .info_text {
  color: #8e91a4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.holderContainer .holderCard .info_text .info_text_title {
  margin: 0px 10px;
}
.holderContainer .holderCard .info_text .info_text_data {
  font-weight: 700;
}
.holderContainer .holderFooter {
  margin: 5px 0px;
  font-weight: 300;
  color: white;
}
.holderContainer .holderFooter .holderMessage {
  font-size: 0.8rem;
}
.holderContainer .holderFooter .holderConfirmation {
  margin: 10px 0px;
  display: flex;
  justify-content: center;
}
.holderContainer .holderFooter .holderConfirmation .buttonHolderContainer {
  padding: 5px;
  width: 45%;
}
.holderContainer .holderFooter .holderConfirmation .buttonHolderContainer .confirmationButton {
  padding: 7px;
  background: white;
  color: #01bb69;
  border: 1px solid #fff;
}
.holderContainer .holderFooter .holderConfirmation .buttonHolderContainer .cancelationButton {
  padding: 7px;
  background: none;
  border: 1px solid #fff;
  font-weight: 300;
}

button {
  width: 100%;
}.menu-card {
  background: white;
  border-radius: 5px;
  width: 100%;
  border: solid 1px #dddddd;
}
.menu-card .menu-card-title {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #D3D4DC;
  padding: 5px 10px;
  font-weight: bold;
}
.menu-card .menu-card-title .menu-card-option-button {
  cursor: pointer;
  color: #5087ec;
  font-weight: normal;
}
.menu-card .menu-card-items {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.menu-card .menu-card-items .menu-card-item {
  display: flex;
}
.menu-card .menu-card-items .menu-card-item .item-title {
  display: flow;
  width: 45%;
  font-weight: bold;
}
.menu-card .menu-card-items .menu-card-item .item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 170px;
  -webkit-box-orient: vertical;
  display: block;
}.header-button .headerButton-container {
  -webkit-user-select: none;
  width: 100%;
  height: 50px;
  background: transparent;
  display: grid;
  grid-template-columns: 10% 90%;
  grid-template-rows: 100%;
  position: relative;
}
.header-button .headerButton-container button {
  height: 50px;
  border: none;
}
.header-button .headerButton-container .column-separator {
  background: white;
  width: 1px;
  margin: 10px 0px;
}
.header-button .headerButton-container .backButton {
  background: transparent;
  border-radius: 0;
}
.header-button .headerButton-container {
  /*       
  /*         .backButton:hover{
              background: #406CBD;
              background: auto;
          } */
  /*         .backButton:hover{
              background: red;
          }  */
}
.header-button .headerButton-container .backButton:focus {
  outline: none;
}
.header-button .headerButton-container .order-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100% !important;
  justify-content: space-between;
  align-items: center !important;
  height: 100% !important;
  pointer-events: none;
}
.header-button .headerButton-container .order-header .order-status-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-button .headerButton-container .order-header .order-status-container .order-status {
  padding: 2px 5px;
  width: auto;
  border-radius: 5px;
  border: solid 1px #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-button .headerButton-container .order-header .order-status-container .order-status h3 {
  font-size: 12px;
  margin-left: 5px;
  color: #000;
}
.header-button .headerButton-container .order-header .order-status-container .NEEDS_APPROVAL {
  border: solid 1px #FF0096;
}
.header-button .headerButton-container .order-header .order-status-container .NEEDS_APPROVAL h3 {
  color: #FF0096;
}
.header-button .headerButton-container .order-header .order-status-container .REJECTED {
  border: solid 1px #d54b3d;
}
.header-button .headerButton-container .order-header .order-status-container .REJECTED h3 {
  color: #d54b3d;
}
.header-button .headerButton-container .order-header .order-status-container .EXPIRED {
  border: solid 1px #c92efd;
}
.header-button .headerButton-container .order-header .order-status-container .EXPIRED h3 {
  color: #c92efd;
}
.header-button .headerButton-container .order-header .order-status-container .VOID {
  border: solid 1px #8e91a4;
}
.header-button .headerButton-container .order-header .order-status-container .VOID h3 {
  color: #8e91a4;
}
.header-button .headerButton-container .order-header .order-status-container .PAID {
  border: solid 1px #31ad63;
}
.header-button .headerButton-container .order-header .order-status-container .PAID h3 {
  color: #31ad63;
}
.header-button .headerButton-container .order-header .order-status-container .PENDING {
  border: solid 1px #f59f3c;
}
.header-button .headerButton-container .order-header .order-status-container .PENDING h3 {
  color: #f59f3c;
}
.header-button .headerButton-container .order-header .order-status-container .REVERSED {
  border: solid 1px #f1c604;
}
.header-button .headerButton-container .order-header .order-status-container .REVERSED h3 {
  color: #f1c604;
}
.header-button .headerButton-container .order-header .order-status-container .DRAFT {
  border: solid 1px #0047ff;
}
.header-button .headerButton-container .order-header .order-status-container .DRAFT h3 {
  color: #0047ff;
}
.header-button .headerButton-container .order-header .order-status-container .PRODUCTS {
  border: solid 1px #28313a;
}
.header-button .headerButton-container .order-header .order-status-container .PRODUCTS h3 {
  color: #28313a;
}
.header-button .headerButton-container .order-header h1 {
  font-weight: 600;
  font-size: 1rem;
  color: #49525f;
}
.header-button .headerButton-container .order-header .info-button {
  width: 20px;
  height: 20px;
  border: solid 1px white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  cursor: pointer;
}
.header-button .headerButton-container .headerInfo {
  font-size: 15px;
  padding: 10px;
  padding-bottom: 0;
  color: white;
  display: flex;
  justify-content: space-between;
}
.header-button .headerButton-container .cardMoreContainer {
  padding: 0px 7px;
}
.header-button .headerButton-container .cardMoreContainer .cardMore {
  width: 100%;
  height: 25px;
  display: flex;
  font-size: 7px;
  justify-content: space-between;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .messageStatus {
  width: auto;
  border-radius: 3px;
  font-size: 11px;
  background-color: var(--color-soft-blue);
  margin: auto 2px;
  color: var(--color-white);
  margin-top: 5px;
  padding: 5px 3px;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .messageStatus p {
  padding: 1px 3px;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .messageStatus.open {
  background-color: #75b74d;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .messageStatus.closed {
  background-color: #d54b3d;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .messageStatus.finished {
  background-color: #0047ff;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .commentsContainer {
  width: auto;
  display: flex;
  justify-content: flex-end;
}
.header-button .headerButton-container .cardMoreContainer .cardMore .commentsContainer .comments {
  border-radius: 3px;
  font-size: 11px;
  background-color: #f59f3c;
  margin: auto 4px;
  color: var(--color-white);
}
.header-button .headerButton-container .cardMoreContainer .cardMore .commentsContainer .comments p {
  padding: 1px 5px;
}.cardContainer {
  user-select: none;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  margin: 8px 0;
  padding: 10px;
  justify-content: space-between;
  border-radius: 5px;
}
.cardContainer .button {
  background-color: #0047ff;
  color: white;
  border-radius: 5px;
}
.cardContainer.open {
  background-color: #0047ff;
  border-radius: 5px;
  color: white;
}
.cardContainer .button:hover {
  background-color: #0047ff;
  border-radius: 5px;
  color: white;
}
.cardContainer .cardButton {
  color: white;
  font-weight: bold;
  font-size: 14px;
  width: 160px;
  padding: 10px;
  border-radius: 5px;
}
.cardContainer .cardButton:hover {
  background: #85adf2 !important;
}
.cardContainer button:focus {
  outline: none !important;
}
.cardContainer .disconnected {
  display: flex;
  margin-right: 15px;
  align-items: center;
}
.cardContainer .disconnected .disconnected-label {
  text-align: center;
  color: #8e91a4;
  font-size: 12px;
}
.cardContainer .channel {
  display: flex;
  align-items: center;
}
.cardContainer .channel .channelLabel .channelNumber {
  color: #979797;
  font-weight: lighter;
}
.cardContainer .channel .channelLabel {
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}
.cardContainer .channel .channelLabel .description {
  font-size: 12px;
  color: #82878d;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cardContainer .channel .iconContainer {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}.dividerContainer {
  user-select: none;
  display: flex;
  height: 20px;
  align-items: center;
}
.dividerContainer .dividerLabel {
  font-size: 10px;
  margin: 0 5px;
}
.dividerContainer .dividerLine {
  margin-top: 2px;
  width: 100%;
}.wrapperContainer {
  width: 100%;
  border: solid 1px #cee3ff;
  border-radius: 5px;
  user-select: none;
}
.wrapperContainer .wrapperHeader {
  height: 40px;
  background: #cee3ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.wrapperContainer .wrapperHeader h1 {
  margin-left: 5px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
}
.wrapperContainer .wrapperHeader button:focus {
  outline: none !important;
}
.wrapperContainer .wrapperHeader .options {
  display: flex;
  align-items: center;
}
.wrapperContainer .wrapperHeader .options a {
  width: 30px;
  height: 32px;
  background: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
}
.wrapperContainer .wrapperHeader .options a:hover {
  border: solid 2px #b3cff2 !important;
}
.wrapperContainer .wrapperHeader .buttonContainer {
  padding: 0 5px;
}
.wrapperContainer .wrapperHeader .buttonContainer button {
  width: 100% !important;
  background: none !important;
  color: #0047ff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: normal !important;
}
.wrapperContainer .wrapperHeader .buttonContainer .arrowIcon {
  width: 15px;
  margin: 5px;
  transition: transform 0.4s ease-in-out;
}
.wrapperContainer .wrapperHeader .buttonContainer .true {
  transform: rotate(180deg);
  margin-left: 5px;
}
.wrapperContainer .wrapperContent {
  padding: 5px;
  min-height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapperContainer .wrapperContent .filtersContainer {
  width: 100%;
  height: 100%;
  padding: 5px;
}
.wrapperContainer .wrapperContent .filtersContainer .buttonFiltersContainer {
  width: 100%;
  height: 100%;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.wrapperContainer .wrapperContent .filtersContainer .buttonFiltersContainer .buttonFilter {
  width: 200px;
  height: 40px;
  border: solid 1px #cee3ff;
  color: #1C1C1B;
  background: none;
  margin: 10px;
}
.wrapperContainer .wrapperContent .filtersContainer .buttonFiltersContainer :hover {
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.37);
}.errorMessageStatus {
  background-color: #d54b3d !important;
  background: #d54b3d !important;
  color: white !important;
  transition: background-color 0.5s ease;
}

.Card {
  -webkit-user-select: none;
  width: auto;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  padding: 10px;
  border-bottom: solid 1px #D3D4DC;
}
.Card .cardHeader {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: auto;
  padding: 2px;
}
.Card .cardHeader .headerText {
  width: 75%;
  display: flex;
  align-items: center;
}
.Card .cardHeader .headerText .icon {
  margin: auto 4px;
}
.Card .cardHeader .headerText .text {
  font-size: 11px;
  color: #49525f;
}
.Card .cardHeader .headerDate {
  width: 25%;
  display: flex;
  justify-content: flex-end;
}
.Card .cardHeader .headerDate .date {
  margin: auto 4px;
  font-size: 10px;
  color: #49525f;
  font-weight: bold;
}
.Card .cardContent {
  width: auto;
  font-size: 12px;
  color: #8e91a4;
}
.Card .cardContent .fullMessage {
  text-align: right;
  font-size: 10px;
}
.Card .cardContent .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  transition: background-color 0.5s ease;
}
.Card .cardMore {
  width: 100%;
  padding-bottom: 3px;
  display: flex;
  font-size: 7px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Card .cardMore .messageStatus {
  width: auto;
  border-radius: 3px;
  font-size: 11px;
  background-color: var(--color-soft-blue);
  margin: auto 2px;
  color: var(--color-white);
}
.Card .cardMore .messageStatus p {
  padding: 1px 3px;
}
.Card .cardMore .messageStatusError {
  cursor: pointer;
}
.Card .cardMore .messageStatus.open {
  background-color: #75b74d;
}
.Card .cardMore .messageStatus.closed {
  background-color: #d54b3d;
}
.Card .cardMore .messageStatus.finished {
  background-color: #0047ff;
}
.Card .cardMore .commentsContainer {
  width: auto;
  display: flex;
  justify-content: flex-end;
}
.Card .cardMore .commentsContainer .comments {
  border-radius: 3px;
  font-size: 11px;
  background-color: #f59f3c;
  margin: auto 4px;
  color: var(--color-white);
}
.Card .cardMore .commentsContainer .comments p {
  padding: 1px 5px;
}.container-input {
  width: 100%;
  margin-top: 18px;
}
.container-input .input {
  border: 1px solid var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components);
  padding: 22px;
  font-size: 16px;
  flex-basis: calc(50% - 10px);
}.container-checkbox {
  width: 100%;
}
.container-checkbox .custom-checkbox input {
  border: 1px solid var(--tertiary-background-components);
  justify-content: left;
  border-radius: var(--border-radius-components);
}.text-area-container {
  width: 100%;
  margin-top: 18px;
  display: flex;
}
.text-area-container .text-area-label {
  margin-right: 15px;
}
.text-area-container .text-area-custom {
  border: 1px solid var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  padding: 5px 16px;
  outline: none;
}
.search-input {
  width: 100%;
  height: 100%;
  border: solid 1px #ced4da;
  display: grid;
  border-radius: 0.25rem;
  user-select: none;
  align-items: center;
  grid-template-columns: auto 32px 5px 32px;
  padding-left: 5px;
  background: #fff;
  color: #495057;
  font-size: 14px;
}
.search-input img {
  margin: 0 10px;
  cursor: pointer;
  transition: opacity 0.5s ease;
}
.search-input img.hidden {
  opacity: 0; /* Establece la opacidad a 0 cuando está oculto */
}
.search-input input {
  border: none !important;
}
.search-input input:focus {
  outline: none;
}
.search-input .search-divider {
  color: #dddddd;
  font-size: 20px;
}.link-holder {
  width: 100%;
  height: 35px;
  display: grid;
  grid-template-columns: 10% 80% 10%;
  border-radius: 5px;
  border: solid 1px #dddddd;
  background: #dddddd;
}
.link-holder .link-container, .link-holder .link-icon, .link-holder .clip-icon {
  display: flex;
  align-items: center;
}
.link-holder .link-icon {
  background: #dddddd;
  justify-content: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  user-select: none;
}
.link-holder .link-container {
  user-select: text;
  color: #0047ff;
  background: white;
  justify-content: flex-start;
  padding: 5px;
}
.link-holder .link-container p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
.link-holder .clip-icon {
  cursor: pointer;
  background: white;
  justify-content: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  user-select: none;
}
.link-holder .clip-icon:hover {
  background: #e9e7e7;
}.absolute-confirmation-container {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.absolute-confirmation-container .confirmation {
  align-self: center;
}

.confirmation-mobile-contaier {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.confirmation-mobile-contaier .confirmation {
  overflow-y: auto;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 18px;
  border: solid 1px #dddddd;
  background-color: #f5f5f5;
}
.confirmation-mobile-contaier .confirmation .advice {
  display: flex;
  padding: 15px 10px;
  justify-content: space-between;
  background-color: #f5f5f5;
}
.confirmation-mobile-contaier .confirmation .advice .close-button {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.confirmation-mobile-contaier .confirmation .confirmation-content .action {
  width: 100%;
  font-size: 18px;
}
.confirmation-mobile-contaier .confirmation .confirmation-content {
  border-bottom: 1px solid #dddddd;
}
.confirmation-mobile-contaier .confirmation .confirmation-buttons h3 {
  font-size: 14px;
  color: #606060;
}
.confirmation-mobile-contaier .confirmation .confirmation-buttons input {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 15px;
}
.confirmation-mobile-contaier .confirmation .confirmation-buttons input:focus {
  outline: none;
}
.confirmation-mobile-contaier .confirmation .confirmation-buttons .buttons-container {
  width: 100%;
  display: flex;
  display: inline-flex;
  flex-direction: column;
  margin-top: 10px;
}
.confirmation-mobile-contaier .confirmation .warning-container {
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.confirmation-mobile-contaier .confirmation .warning-container .warning {
  font-size: 14px;
  color: #606060;
  padding: 8px 12px;
  background: #fff6bf;
  height: fit-content;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}

.confirmation-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.confirmation-container .confirmation {
  overflow-y: auto;
  width: 390px;
  height: auto;
  max-height: 420px;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 0px;
  border: solid 1px #dddddd;
  background: white;
}
.confirmation-container .confirmation .advice {
  display: flex;
  padding: 15px 10px;
  justify-content: space-between;
  background-color: #f5f5f5;
}
.confirmation-container .confirmation .advice .close-button {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.confirmation-container .confirmation .advice .title {
  font-weight: bold;
  font-size: 18px;
}
.confirmation-container .confirmation .confirmation-content {
  padding: 10px;
}
.confirmation-container .confirmation .confirmation-content .action {
  margin: 40px 0;
  width: 100%;
  font-size: 18px;
  margin: 12px 0;
}
.confirmation-container .confirmation .confirmation-buttons {
  padding: 0px 10px;
}
.confirmation-container .confirmation .confirmation-buttons h3 {
  font-size: 14px;
  color: #606060;
  margin-bottom: 4px;
  margin-top: 10px;
}
.confirmation-container .confirmation .confirmation-buttons input {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 15px;
}
.confirmation-container .confirmation .confirmation-buttons input:focus {
  outline: none;
}
.confirmation-container .confirmation .confirmation-buttons .confirmation-buttons-container {
  width: 100%;
  display: inline-flex;
  margin: 8px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.confirmation-container .confirmation .confirmation-buttons .confirmation-buttons-container button {
  margin: 5px;
  width: fit-content !important;
  height: 36px !important;
  padding: 0px 15px;
}
.confirmation-container .confirmation .confirmation-buttons .confirmation-buttons-container .cancel-button {
  margin: 5px;
  width: fit-content !important;
  height: 36px !important;
  padding: 0px 15px;
  background: white;
  border: solid 1px #49525f;
  color: #49525f;
}
.confirmation-container .confirmation .warning-container {
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.confirmation-container .confirmation .warning-container .warning {
  font-size: 14px;
  color: #606060;
  padding: 8px 12px;
  background: #fff6bf;
  height: fit-content;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}.disclaimer-component {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  width: 100% !important;
  gap: 8px;
}
.disclaimer-component svg {
  flex-shrink: 0;
}
.disclaimer-component .disclaimer-message {
  font-size: 14px;
  line-height: 1.4;
}
.disclaimer-component.info {
  background-color: #F8F9FA;
  color: #6C757D;
  border: 1px solid #DEE2E6;
}
.disclaimer-component.info svg {
  color: #6C757D;
}
.disclaimer-component.warning {
  background-color: #FFF8E6;
  color: #856404;
  border: 1px solid #FFEEBA;
}
.disclaimer-component.warning svg {
  color: #856404;
}
.disclaimer-component.danger {
  background-color: #FFF5F5;
  color: #DC3545;
  border: 1px solid #FFE0E3;
}
.disclaimer-component.danger svg {
  color: #DC3545;
}
.disclaimer-component.success {
  background-color: #F1FDF7;
  color: #28A745;
  border: 1px solid #D4EDDA;
}
.disclaimer-component.success svg {
  color: #28A745;
}.confirm-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1050;
}

.confirm-dialog-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.confirm-dialog-container .confirm-dialog {
  overflow-y: auto;
  width: 390px;
  height: auto;
  max-height: 420px;
  border-radius: var(--border-radius-components, 8px);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 0;
  border: solid 1px #dddddd;
  background: #fff;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__header {
  display: flex;
  padding: 15px 10px;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__header .confirm-dialog__close {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__header .confirm-dialog__title {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__content {
  padding: 10px;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__content .action {
  width: 100%;
  font-size: 18px;
  margin: 12px 0;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions {
  padding: 0 10px;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions h3 {
  font-size: 14px;
  color: #606060;
  margin-bottom: 4px;
  margin-top: 10px;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__validation-input {
  border: solid 2px var(--info-background-components, #0047ff);
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 15px;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__validation-input--error {
  border-color: var(--danger-background-components, #d54b3d);
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__validation-input:focus {
  outline: none;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__validation-error {
  font-size: 12px;
  color: var(--danger-background-components, #d54b3d);
  margin: 3px 0;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 8px 0;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons .confirm-dialog__btn {
  margin: 5px;
  width: fit-content !important;
  height: 36px !important;
  padding: 0 15px;
  border-radius: var(--border-radius-components, 5px);
  font-size: 14px;
  cursor: pointer;
  border: none;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons .confirm-dialog__btn--cancel {
  background: white;
  border: solid 1px #49525f;
  color: #49525f;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons .confirm-dialog__btn--ok {
  background: var(--info-background-components, #0047ff);
  color: white;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons .confirm-dialog__btn--ok:hover {
  background: color-mix(in srgb, var(--info-background-components, #0047ff) 85%, black);
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons .confirm-dialog__btn--disabled {
  background: #606060;
  cursor: not-allowed;
}
.confirm-dialog-container .confirm-dialog .confirm-dialog__actions .confirm-dialog__buttons .confirm-dialog__btn--disabled:hover {
  background: #606060;
}.message-template {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 20% 40% 40%;
  grid-gap: 10px;
}
.message-template .message-variables, .message-template .message-area {
  width: 100%;
  height: 100%;
  padding: 12px 5px;
}
.message-template .message-area, .message-template .message-preview {
  border-radius: 5px;
}
.message-template .message-variables {
  background: white;
  user-select: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.message-template .message-variables h1 {
  font-weight: bold;
  font-size: 16px;
  color: #606060;
  margin-bottom: 10px;
}
.message-template .message-variables input {
  border: solid 2px #dddddd;
  border-radius: 3px;
}
.message-template .message-variables input:focus {
  outline: #c7c5c5;
}
.message-template .message-variables .variable-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 5px;
  background: #f0f3fb;
  border-radius: 5px;
  font-size: 14px;
  color: #606060;
  margin: 5px 0;
  cursor: pointer;
  font-weight: bold;
}
.message-template .message-variables .variable-item img {
  display: none;
  width: 12px;
  transform: scaleX(-1);
}
.message-template .message-variables .variable-item:hover {
  background: #0047ff;
  color: white;
}
.message-template .message-variables .variable-item:hover img {
  display: block;
}
.message-template .message-variables .variable-item:hover .required {
  display: none;
}
.message-template .message-area {
  border: solid 2px #cee3ff;
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-rows: calc(100% - 35px) 35px;
}
.message-template .message-area .text-container {
  width: 100%;
  height: 100%;
  display: flex-end;
  align-items: flex-end;
  justify-content: center;
}
.message-template .message-area .text-container textarea {
  margin-bottom: 5px;
  width: 100%;
  resize: none;
  font-size: 14px;
  padding: 5px 10px;
  height: 100%;
  outline: none;
  border: none;
}
.message-template .message-area .text-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
  position: relative;
}
.message-template .chat-preview {
  display: grid;
  background: #f0f3fb;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.message-template .chat-preview .message-preview {
  width: 100%;
  padding: 12px 15px;
  padding-bottom: 30px;
  background: #f0f3fb;
  display: flex;
  margin-top: auto;
  justify-content: flex-end;
}
.message-template .chat-preview .message-preview .message-bubble {
  word-wrap: break-word;
  padding: 15px;
  white-space: break-spaces;
  max-width: 290px;
  width: fit-content;
  height: fit-content;
  background: #e9fdf2;
  border: solid 1px #cee3ff;
  border-radius: 5px;
  color: #606060;
  font-size: 16px;
  position: relative;
}
.message-template .chat-preview .message-preview .time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  font-size: 12px;
}
.message-template .chat-preview .viewed {
  position: absolute;
  margin-top: 20px;
  display: flex;
  align-items: center;
  left: 0;
  font-size: 12px;
  color: #0047ff;
  justify-content: flex-start;
}
.message-template .chat-preview .viewed img {
  margin-right: 5px;
}

.buttons-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.buttons-container button {
  margin: 5px;
  width: 300px !important;
  height: 36px !important;
  padding: 0;
}
.buttons-container .save-button {
  background: white;
  border: solid 1px #01bb69;
  color: #01bb69;
}
.buttons-container .false {
  border: solid 1px #b8bbba;
  color: #b8bbba;
}
.buttons-container .save-button:hover {
  background: #059b5a;
  color: white;
}
.buttons-container .false {
  cursor: not-allowed;
  border: solid 1px #b8bbba;
  color: #b8bbba !important;
  background: white !important;
}
.buttons-container .restore-button {
  background: white;
  border: solid 1px #d54b3d;
  color: #b63a2c;
}
.buttons-container .restore-button:hover {
  color: white;
  background: #b63a2c;
}

.buttons-container-box {
  display: flex;
  justify-content: center;
  align-items: center;
}.template-preview-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  position: relative;
}
.template-preview-container .title-component {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  color: #0047ff;
  margin-bottom: 15px;
}
.template-preview-container .preview-bubble {
  height: auto;
  width: 100%;
  max-width: 325px;
  background-color: #fff;
  border-radius: 7.5px;
  box-shadow: rgba(0, 0, 0, 0.15);
  min-height: 20px;
  position: relative;
  word-wrap: break-word;
  padding: 5px;
}
.template-preview-container .preview-bubble .pst-relative {
  position: relative;
}
.template-preview-container .preview-bubble .header-media {
  padding: 3px 3px 0 3px;
  border-radius: 4px;
  min-width: 240px;
  min-height: 140px;
  box-sizing: border-box;
}
.template-preview-container .preview-bubble .header-media.IMAGE {
  width: 100%;
  object-fit: contain;
}
.template-preview-container .preview-bubble .header-media.FILE {
  background: url("data:image/png;base64,/9j/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAHEBCwMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP0u3CjdUe6mTyvHE7IhlcDIQEDcfTNdNiCfdxS7qx4vENtvWO5ElhO3Ajul25PoG+6fwJrS3gjIoaa3Encm3Um6o91G73oGSbqN1R7u1G7FFgJN1LuqLdRuosBJuo3VGG96N3FFgJN1G6o91G6iwrkm6jdUe6jdSGSZNG6o91G6mBJuoLVHuo3UASbqM1Huo3c0CJN1G786j3UbqLDJN1G6o91G6iwiTdRuqMtRuosMk3UbsVHuo3UWAk3Uu6q1xdw2kTSzypDGvV5GCgfiar2WrQ6i7eQsrRqM+cYyqN/uk9fqOPeiz3Fc0Nwo3D1qPdRuosMi3Ubqj3UbqokdKqTRlJFDo3BVhkH8Kzf7DjtubCeXTz12RHdEf+AHgfhg+9aG6jdimm0K1zP+26lZf8fNqt5GP+WtocNj1MbH+TE+1WbPWLS+kMcUw84D5oXBSRfqpwR+VT7qr3lhbajHsuYI5lHTeMke4PY+4p3T3DUubqN1ZB067tMmyvWK44huwZV/BuGH4k/Sg6zLacX1lLAo/wCW0P76P9BuH4qKLdhX7mvuo3VWtr2C8iElvMk8Z6NGwYVLuqSiTdRuqPdRuoAk3Ubveo91G6gCTdRurjdS+KGlaZfz2kkV3JJC5jZo0XbkcHGWFVv+FvaP/wA+19/37T/4utfZVH0M/aRXU7vdRurhP+FvaP8A8+19/wB+0/8Ai6taZ8TtI1O9jtgLi2aQ4V51UJn0yGNDpTWtg9pF9Tsd1G6o92aN1ZGhJuo3VHuo3UASbqN1R5o3ZoAk3Ubqj3VUvNYtLBwk0wEp+7EgLyN9FGSfyoSb2Fcv7qN3HWsc3uo3n/HtaLaIf+Wt4ct+CKf5kUv9hx3B3X08t+Tz5ch2xD/gAwD+Oaq1twv2JpPEFr5hitt99MDgx2q78H0LfdX8SKYBqt8AWeLTYiOkf72X8z8oP4NV6NUhjVEVUReAqjAFO3UXS2Qa9Snb6JaQSLM6tdXC9JrljIw+meF/DFaG6o91G6pbb3DYk3Ubqj3UbqBke6jNRbqUtVWAk3Ubqi3UbqVgJd1Jupm6k3UWAk3Uu6ot1Lup2Aq3Oj2l1KZjGYrg/wDLeBjG/wCJHX6GovL1Ozx5c0d/GP4Zx5cn/fSjB/75H1q/upN1O5NikmvQIQt2kmnyE4xcjCk+zjKn860Q4YAg5B7iomw6lWAKnggjiqcGkW1pOJLYNbDOWiiYiNvqvT8gKLJj1NLdRuqLdRuqbDPL/D2n2up/EPV4buBLiLzJ22OMjPmda7z/AIQ/RP8AoF23/fFcV4RP/Fx9X/3rj/0ZXpW6uqs2pKz6GFNJp3Of1fwpo0Ok3siabbo6QOysE5BCnBrgPDHhBPE3h68kiby76GX92xPysNo+U/416nrIL6RfKoyxgcADv8przDwT40tfDFlcQzwTStJJvBjxgDGO5q6Tm4Pl3JmoqSvsbngnxtLaTjRtZLRyofLjll4IP9xv6GvQ91eOeMPEmkeJUE0VrcW98uAJCFw49G5/I12vw21S41Lw6TcyGVoZjCrN12hVIyfxqatPTntYdOevLe5126jdUe6q15DPcKqRXRtV53MiAufoTwPyNctjcnubyCyiMs8yQxjq0jBR+tUv7YluuLGzknH/AD1m/dR/mRuP4A0ttpNrbS+dsM1x/wA9pmLv+BPT6DAq9up6IWpQ/s+7vADe3rBf+eNnmJfxb7x/Aj6Vbs7G209CttCkIPJ2jlvqep/GpN1G7FDbY7Em6jdUe6k3e9KwyXdRuqPd0o3UWAkzRuqPNJuosBLuoyKi3Uu6iwEW6jdUe6jdQIk3Ubqj3UbqAJN1LuqLdRuoAk3Ubqj3UbqAJN1G6o91G6gCTdRuqPdRuoAk3Ubqj3UbqAPPPCRx8RtW/wB+4/8ARlej7q828KHHxD1b/fn/APRldHqlzfTeIGtINSNhClos3EaNubew/iHoBXVVjzS+RjTdo/M6bdVI6JprsWbT7VieSTCuT+lcxp2qarrj2CR6h9kZ7Lz3KwowZg+3oRx+FRf8JJdX0mneZqkekxzWrSO5RCrOH28bvXk1Hs5LZlc6ZseJtH0+Hw/qMkdhaxusDFWWFQQcdQcVnfCo48PXH/X03/oCVo6uW/4Q68L3X21jbO32jaBvBBIOBx0IrL+Fpx4fuP8Ar6b/ANASr19k79yfto7XdRuqPdRurlNiTdRuqPdRuoAk3Uu6os0bqAJN1G7io93vRuoAk3Uu6ot3FLuoAfuo3VGWo3UASbqN1R7qN/vQMj3Ubqi3Uu6qsSSbuKN1R7qN1KwEm6jdUYajdmiwEm6jdUe6jdTsBJuo3VHuqncatbW8hiMnmTf88YgXf8h0+p4oSbDY0N1G6svztQuj+7ijso/70x3vj/dHA/M/SnwaakcqzSzS3MynIaVuAfZRgD8qbjYV+xo7qN1R7qN1TYZwHhU/8XB1X/en/wDRldReaBFqWvm6u7eK4tharGofnDh2PT6GuO0O/t9O8dapLczLDGZJl3OcDO+uz/4SvSP+ghB/33XXUUua8exhC1tSG7sb2x1aK4020gkhW1+zhGk2BPmz0A6VDpnhlrS8sPPWK4hgtGiYsAR5hfdwD261c/4SvSP+ghB/31R/wlek/wDQRg/76rP37WsX7u9yTxKFj8NagiqFUW7AKBgAYrE+GBxoFx/19N/6AlT+IPEmmXOiX0UV9C8jwsqqrck4qt8MjjQbj/r5b/0FKqzVJ37k3vNWOy3Ux7mOORI3kRXfO1WYAtjrgd6TdUVxbw3cZjniSZD/AAuoIrnsbFndRurLGmyW2Psd1JCo/wCWUv72P9TkfgRQNRubXAu7RiveW2/eL/3z94fkfrT5b7Cv3NTdRuqpaX8F8m6CZJQOu08j6jtU+6lawyTdRuqPdRupWAk3Ubqj3UZxTsBJuo3VHuo3UrASbqCTUW6l307AR7qN1RbqXNMB+6l3VFupGlWNSzMFUdSTgUATbqTdWb/bCTcWkUl4f70Ywn/fZ4P4Zo8i9uv9dcLbJn/V23Lfi7D+QFVbuK/YuXV9BZqGnlSIHgbjgk+g9arf2jcXP/HpattP/LW5/dr/AN843H8h9adbafbWjF44x5p6yOSzn6seas7qNEGpU/s6W45vLp5R3ih/dR/ocn8Tj2q3b28NpGI4Y0iQdFRQBS7qTdSbbBIl3Um6o91G6kMl3Ubqi3UbqAOev/AOm395NcvJcRvKxdgjrjJ5PVTUH/CttL/573f/AH2v/wATXU7qTdWvtZrqZ8kexy//AArbS/8Anvd/99r/APE0f8K20v8A573f/fa//E11G6l3c0e1n3Dkj2OW/wCFbaX/AM97v/vtf/ia3dF0e30GzNtbFyhYuWkIJJOB2A9BVvdRuqXOUlZsajFO6RJupd1RbqN1QWS7qTdUe6jdQBFc6fbXbB5Ih5g6SqSrj6MOah8i+tf9RcLcoP8AlncjDY9nH9Qat7qN1O7EVP7ZSDi8iksz03SDMf8A32OPzxV5JVkUMjB1PRgcg0wnPXmqUmlQb2eAtaStyXgO3J9SvQ/iKejDU0d1LurLMl/aklkjvY/VP3cn5Hg/mKkh1a3lkETMYJj/AMs5hsY/TPX8M0WYXNDdRuqPdSbqkZLuo3VFupd1AEe6myy+XGzbWfAztUcn6U3dRuoEVfMv7n7qR2Ufq58yT8hwPzNKmlQFg85a7kHIa4O4D6L90fgKslqN2Kq76CsSZxRmo91G6pGSbqM1Huo3UASbqN3NRlqN1AEmaN1R7qN34UASbqN1R7qN1AEmaN1R7uKM0ASbqN1R7qN3vQBJuo3VHuo3UASbqM1Huo3UASZo3VHupd1AD91G6o93NG6gCTdRuqPdRuoAk3UyaKO4jMcsayoequMg0m6jdTAq/wBnG35tLiS3A/5Zt+8j/I8j8CKmtZbkkrcRxjA4kibIb8DyP1qTdRupt33FYk3UZ96j3UbvepGN7Uf/AF6O1H/16oANA60GgdaOgAaB1oNA60IBO9KO1J3pR2oYAaSlNJR1AU9qSlPakoQC9qKO1FIBKKKKAFH3qPSgfeo9KaASlPekpT3oYCelFHpRR0AUdaD0FA60HoKAE70ppO9KaAAUelAo9KQAOgo7UDoKO1MBKPSij0oAXtSjpSdqUdKTA//Z") no-repeat center;
  background-size: cover;
}
.template-preview-container .preview-bubble .header-media.DOCUMENT {
  background: url("data:image/png;base64,/9j/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAHEBCwMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP0u3CjdUe6mTyvHE7IhlcDIQEDcfTNdNiCfdxS7qx4vENtvWO5ElhO3Ajul25PoG+6fwJrS3gjIoaa3Encm3Um6o91G73oGSbqN1R7u1G7FFgJN1LuqLdRuosBJuo3VGG96N3FFgJN1G6o91G6iwrkm6jdUe6jdSGSZNG6o91G6mBJuoLVHuo3UASbqM1Huo3c0CJN1G786j3UbqLDJN1G6o91G6iwiTdRuqMtRuosMk3UbsVHuo3UWAk3Uu6q1xdw2kTSzypDGvV5GCgfiar2WrQ6i7eQsrRqM+cYyqN/uk9fqOPeiz3Fc0Nwo3D1qPdRuosMi3Ubqj3UbqokdKqTRlJFDo3BVhkH8Kzf7DjtubCeXTz12RHdEf+AHgfhg+9aG6jdimm0K1zP+26lZf8fNqt5GP+WtocNj1MbH+TE+1WbPWLS+kMcUw84D5oXBSRfqpwR+VT7qr3lhbajHsuYI5lHTeMke4PY+4p3T3DUubqN1ZB067tMmyvWK44huwZV/BuGH4k/Sg6zLacX1lLAo/wCW0P76P9BuH4qKLdhX7mvuo3VWtr2C8iElvMk8Z6NGwYVLuqSiTdRuqPdRuoAk3Ubveo91G6gCTdRurjdS+KGlaZfz2kkV3JJC5jZo0XbkcHGWFVv+FvaP/wA+19/37T/4utfZVH0M/aRXU7vdRurhP+FvaP8A8+19/wB+0/8Ai6taZ8TtI1O9jtgLi2aQ4V51UJn0yGNDpTWtg9pF9Tsd1G6o92aN1ZGhJuo3VHuo3UASbqN1R5o3ZoAk3Ubqj3VUvNYtLBwk0wEp+7EgLyN9FGSfyoSb2Fcv7qN3HWsc3uo3n/HtaLaIf+Wt4ct+CKf5kUv9hx3B3X08t+Tz5ch2xD/gAwD+Oaq1twv2JpPEFr5hitt99MDgx2q78H0LfdX8SKYBqt8AWeLTYiOkf72X8z8oP4NV6NUhjVEVUReAqjAFO3UXS2Qa9Snb6JaQSLM6tdXC9JrljIw+meF/DFaG6o91G6pbb3DYk3Ubqj3UbqBke6jNRbqUtVWAk3Ubqi3UbqVgJd1Jupm6k3UWAk3Uu6ot1Lup2Aq3Oj2l1KZjGYrg/wDLeBjG/wCJHX6GovL1Ozx5c0d/GP4Zx5cn/fSjB/75H1q/upN1O5NikmvQIQt2kmnyE4xcjCk+zjKn860Q4YAg5B7iomw6lWAKnggjiqcGkW1pOJLYNbDOWiiYiNvqvT8gKLJj1NLdRuqLdRuqbDPL/D2n2up/EPV4buBLiLzJ22OMjPmda7z/AIQ/RP8AoF23/fFcV4RP/Fx9X/3rj/0ZXpW6uqs2pKz6GFNJp3Of1fwpo0Ok3siabbo6QOysE5BCnBrgPDHhBPE3h68kiby76GX92xPysNo+U/416nrIL6RfKoyxgcADv8przDwT40tfDFlcQzwTStJJvBjxgDGO5q6Tm4Pl3JmoqSvsbngnxtLaTjRtZLRyofLjll4IP9xv6GvQ91eOeMPEmkeJUE0VrcW98uAJCFw49G5/I12vw21S41Lw6TcyGVoZjCrN12hVIyfxqatPTntYdOevLe5126jdUe6q15DPcKqRXRtV53MiAufoTwPyNctjcnubyCyiMs8yQxjq0jBR+tUv7YluuLGzknH/AD1m/dR/mRuP4A0ttpNrbS+dsM1x/wA9pmLv+BPT6DAq9up6IWpQ/s+7vADe3rBf+eNnmJfxb7x/Aj6Vbs7G209CttCkIPJ2jlvqep/GpN1G7FDbY7Em6jdUe6k3e9KwyXdRuqPd0o3UWAkzRuqPNJuosBLuoyKi3Uu6iwEW6jdUe6jdQIk3Ubqj3UbqAJN1LuqLdRuoAk3Ubqj3UbqAJN1G6o91G6gCTdRuqPdRuoAk3Ubqj3UbqAPPPCRx8RtW/wB+4/8ARlej7q828KHHxD1b/fn/APRldHqlzfTeIGtINSNhClos3EaNubew/iHoBXVVjzS+RjTdo/M6bdVI6JprsWbT7VieSTCuT+lcxp2qarrj2CR6h9kZ7Lz3KwowZg+3oRx+FRf8JJdX0mneZqkekxzWrSO5RCrOH28bvXk1Hs5LZlc6ZseJtH0+Hw/qMkdhaxusDFWWFQQcdQcVnfCo48PXH/X03/oCVo6uW/4Q68L3X21jbO32jaBvBBIOBx0IrL+Fpx4fuP8Ar6b/ANASr19k79yfto7XdRuqPdRurlNiTdRuqPdRuoAk3Uu6os0bqAJN1G7io93vRuoAk3Uu6ot3FLuoAfuo3VGWo3UASbqN1R7qN/vQMj3Ubqi3Uu6qsSSbuKN1R7qN1KwEm6jdUYajdmiwEm6jdUe6jdTsBJuo3VHuqncatbW8hiMnmTf88YgXf8h0+p4oSbDY0N1G6svztQuj+7ijso/70x3vj/dHA/M/SnwaakcqzSzS3MynIaVuAfZRgD8qbjYV+xo7qN1R7qN1TYZwHhU/8XB1X/en/wDRldReaBFqWvm6u7eK4tharGofnDh2PT6GuO0O/t9O8dapLczLDGZJl3OcDO+uz/4SvSP+ghB/33XXUUua8exhC1tSG7sb2x1aK4020gkhW1+zhGk2BPmz0A6VDpnhlrS8sPPWK4hgtGiYsAR5hfdwD261c/4SvSP+ghB/31R/wlek/wDQRg/76rP37WsX7u9yTxKFj8NagiqFUW7AKBgAYrE+GBxoFx/19N/6AlT+IPEmmXOiX0UV9C8jwsqqrck4qt8MjjQbj/r5b/0FKqzVJ37k3vNWOy3Ux7mOORI3kRXfO1WYAtjrgd6TdUVxbw3cZjniSZD/AAuoIrnsbFndRurLGmyW2Psd1JCo/wCWUv72P9TkfgRQNRubXAu7RiveW2/eL/3z94fkfrT5b7Cv3NTdRuqpaX8F8m6CZJQOu08j6jtU+6lawyTdRuqPdRupWAk3Ubqj3UZxTsBJuo3VHuo3UrASbqCTUW6l307AR7qN1RbqXNMB+6l3VFupGlWNSzMFUdSTgUATbqTdWb/bCTcWkUl4f70Ywn/fZ4P4Zo8i9uv9dcLbJn/V23Lfi7D+QFVbuK/YuXV9BZqGnlSIHgbjgk+g9arf2jcXP/HpattP/LW5/dr/AN843H8h9adbafbWjF44x5p6yOSzn6seas7qNEGpU/s6W45vLp5R3ih/dR/ocn8Tj2q3b28NpGI4Y0iQdFRQBS7qTdSbbBIl3Um6o91G6kMl3Ubqi3UbqAOev/AOm395NcvJcRvKxdgjrjJ5PVTUH/CttL/573f/AH2v/wATXU7qTdWvtZrqZ8kexy//AArbS/8Anvd/99r/APE0f8K20v8A573f/fa//E11G6l3c0e1n3Dkj2OW/wCFbaX/AM97v/vtf/ia3dF0e30GzNtbFyhYuWkIJJOB2A9BVvdRuqXOUlZsajFO6RJupd1RbqN1QWS7qTdUe6jdQBFc6fbXbB5Ih5g6SqSrj6MOah8i+tf9RcLcoP8AlncjDY9nH9Qat7qN1O7EVP7ZSDi8iksz03SDMf8A32OPzxV5JVkUMjB1PRgcg0wnPXmqUmlQb2eAtaStyXgO3J9SvQ/iKejDU0d1LurLMl/aklkjvY/VP3cn5Hg/mKkh1a3lkETMYJj/AMs5hsY/TPX8M0WYXNDdRuqPdSbqkZLuo3VFupd1AEe6myy+XGzbWfAztUcn6U3dRuoEVfMv7n7qR2Ufq58yT8hwPzNKmlQFg85a7kHIa4O4D6L90fgKslqN2Kq76CsSZxRmo91G6pGSbqM1Huo3UASbqN3NRlqN1AEmaN1R7qN34UASbqN1R7qN1AEmaN1R7uKM0ASbqN1R7qN3vQBJuo3VHuo3UASbqM1Huo3UASZo3VHupd1AD91G6o93NG6gCTdRuqPdRuoAk3UyaKO4jMcsayoequMg0m6jdTAq/wBnG35tLiS3A/5Zt+8j/I8j8CKmtZbkkrcRxjA4kibIb8DyP1qTdRupt33FYk3UZ96j3UbvepGN7Uf/AF6O1H/16oANA60GgdaOgAaB1oNA60IBO9KO1J3pR2oYAaSlNJR1AU9qSlPakoQC9qKO1FIBKKKKAFH3qPSgfeo9KaASlPekpT3oYCelFHpRR0AUdaD0FA60HoKAE70ppO9KaAAUelAo9KQAOgo7UDoKO1MBKPSij0oAXtSjpSdqUdKTA//Z") no-repeat center;
  background-size: cover;
}
.template-preview-container .preview-bubble .header-media.VIDEO {
  width: 100%;
}
.template-preview-container .preview-bubble .header-text {
  padding: 7px 7px 6px 9px;
}
.template-preview-container .preview-bubble .header-text .header-text-value {
  color: #262626;
  font-size: 14.6px;
  font-weight: bold;
}
.template-preview-container .preview-bubble .body-content {
  max-width: 100%;
  color: #262626;
  font-size: 13.6px;
  line-height: 19px;
  padding: 7px 7px 6px 9px;
}
.template-preview-container .preview-bubble .body-content .message {
  overflow-wrap: break-word;
  text-align: initial;
}
.template-preview-container .preview-bubble .body-content .message .variable-chip {
  display: inline-block;
  background-color: #e3f2fd;
  color: #1565c0;
  padding: 1px 8px;
  border-radius: 0.5rem;
  font-size: 12px;
  font-weight: 500;
  margin: 0 2px;
  border: 1px solid #bbdefb;
  vertical-align: baseline;
}
.template-preview-container .preview-bubble .footer-content {
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  line-height: 17px;
  padding: 0 7px 8px 9px;
}
.template-preview-container .preview-bubble .message-time {
  bottom: 3px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  height: 15px;
  position: absolute;
  right: 7px;
}
.template-preview-container .call-to-actions {
  border-top: 1px solid #dadde1;
  background-color: #fff;
  margin: 0 7px 0 9px;
}
.template-preview-container .call-to-actions.rcs {
  border-top: none;
}
.template-preview-container .call-to-actions .action-button {
  color: #00a5f4;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
  padding: 0 16px;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
}
.template-preview-container .call-to-actions .action-button.clicked {
  /*background-color: #f0f2f5;
  color: #65676b;*/
  margin-top: 10px;
}
.template-preview-container .call-to-actions .action-button .click-badge {
  position: absolute;
  top: 4.5px;
  right: -8px;
  background: #1877f2;
  color: white;
  border-radius: 12px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: bold;
  min-width: 20px;
  text-align: center;
}
.template-preview-container .call-to-actions .action-button.rcs {
  border-top: 1px solid #dadde1;
}
.template-preview-container .call-to-actions .action-button .icon-action {
  margin-right: 4px;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.template-preview-container .call-to-actions .action-button .icon-action.PHONE_NUMBER {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.com/svgjs'%20version='1.1'%20width='512'%20height='512'%20x='0'%20y='0'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%20512%20512'%20xml:space='preserve'%3e%3cg%3e%3cpath%20xmlns='http://www.w3.org/2000/svg'%20d='M13,1a1,1,0,0,1,1-1A10.011,10.011,0,0,1,24,10a1,1,0,0,1-2,0,8.009,8.009,0,0,0-8-8A1,1,0,0,1,13,1Zm1,5a4,4,0,0,1,4,4,1,1,0,0,0,2,0,6.006,6.006,0,0,0-6-6,1,1,0,0,0,0,2Zm9.093,10.739a3.1,3.1,0,0,1,0,4.378l-.91,1.049c-8.19,7.841-28.12-12.084-20.4-20.3l1.15-1A3.081,3.081,0,0,1,7.26.906c.031.031,1.884,2.438,1.884,2.438a3.1,3.1,0,0,1-.007,4.282L7.979,9.082a12.781,12.781,0,0,0,6.931,6.945l1.465-1.165a3.1,3.1,0,0,1,4.281-.006S23.062,16.708,23.093,16.739Zm-1.376,1.454s-2.393-1.841-2.424-1.872a1.1,1.1,0,0,0-1.549,0c-.027.028-2.044,1.635-2.044,1.635a1,1,0,0,1-.979.152A15.009,15.009,0,0,1,5.9,9.3a1,1,0,0,1,.145-1S7.652,6.282,7.679,6.256a1.1,1.1,0,0,0,0-1.549c-.031-.03-1.872-2.425-1.872-2.425a1.1,1.1,0,0,0-1.51.039l-1.15,1C-2.495,10.105,14.776,26.418,20.721,20.8l.911-1.05A1.121,1.121,0,0,0,21.717,18.193Z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .call-to-actions .action-button .icon-action.URL, .template-preview-container .call-to-actions .action-button .icon-action.WEB_URL {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.com/svgjs'%20version='1.1'%20width='512'%20height='512'%20x='0'%20y='0'%20viewBox='0%200%20511.904%20511.904'%20style='enable-background:new%200%200%20512%20512'%20xml:space='preserve'%3e%3cg%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M222.025,417.764c-33.872,35.124-89.034,38.364-126.784,7.445c-22.482-19.465-33.966-48.733-30.72-78.293%20c2.811-21.794,12.997-41.97,28.864-57.173l61.355-61.397c12.492-12.496,12.492-32.752,0-45.248l0,0%20c-12.496-12.492-32.752-12.492-45.248,0l-60.053,60.075C22.065,269.57,4.802,304.721,0.649,342.521%20c-7.757,85.138,54.972,160.445,140.11,168.202c45.721,4.166,90.933-12.179,123.42-44.618l64.171-64.149%20c12.492-12.496,12.492-32.752,0-45.248l0,0c-12.496-12.492-32.752-12.492-45.248,0L222.025,417.764z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3cpath%20d='M451.358,31.289C387.651-15.517,299.186-8.179,244.062,48.484L183.667,108.9c-12.492,12.496-12.492,32.752,0,45.248l0,0%20c12.496,12.492,32.752,12.492,45.248,0l61.355-61.291c33.132-34.267,86.738-38.127,124.437-8.96%20c38.803,31.818,44.466,89.067,12.648,127.87c-1.862,2.271-3.833,4.45-5.907,6.53l-64.171,64.171%20c-12.492,12.496-12.492,32.752,0,45.248l0,0c12.496,12.492,32.752,12.492,45.248,0l64.171-64.171%20c60.413-60.606,60.257-158.711-0.349-219.124C461.638,39.727,456.631,35.341,451.358,31.289z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3cpath%20d='M183.667,282.525l99.425-99.425c12.497-12.497,32.758-12.497,45.255,0l0,0c12.497,12.497,12.497,32.758,0,45.255%20l-99.425,99.425c-12.497,12.497-32.758,12.497-45.255,0l0,0C171.17,315.283,171.17,295.022,183.667,282.525z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .call-to-actions .action-button .icon-action.COPY_CODE {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%2019V1H17V5H21V23H7V19H3ZM15%2017V3H5V17H15ZM17%207V19H9V21H19V7H17Z'%20fill='%2300a5f4'%20/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .call-to-actions .action-button .text-action {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.template-preview-container .quick-response {
  height: auto;
  width: 100%;
  max-width: 325px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.template-preview-container .quick-response .quick-button {
  color: #00a5f4;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
  padding: 0 16px;
  white-space: pre-wrap;
  background-color: #fff;
  border-radius: 7.5px;
  box-shadow: rgb(0, 0, 38.25);
  flex-grow: 1;
  margin: 5px 0 0 2px;
  min-width: calc(40% - 2px);
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.template-preview-container .quick-response .quick-button .button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.template-preview-container .suggestions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-x: auto;
  width: 100%;
  height: 56px;
  max-width: 325px;
  gap: 5px;
  margin-top: 5px;
  align-content: flex-start;
}
.template-preview-container .suggestions .suggestion-button {
  padding: 10px 20px;
  background: white;
  border: solid 1px #dadde1;
  border-radius: 20px;
  min-width: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: fit-content;
  height: 40px;
  position: relative;
}
.template-preview-container .suggestions .suggestion-button.clicked {
  /*background-color: #f0f2f5;
  color: #65676b;
  border-color: #65676b;*/
  margin-top: 10px;
}
.template-preview-container .suggestions .suggestion-button .click-badge {
  position: absolute;
  top: -12px;
  right: -8px;
  background: #1877f2;
  color: white;
  border-radius: 12px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: bold;
  min-width: 20px;
  text-align: center;
}
.template-preview-container .suggestions .suggestion-button .icon-action {
  margin-right: 4px;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.template-preview-container .suggestions .suggestion-button .icon-action.PHONE_NUMBER, .template-preview-container .suggestions .suggestion-button .icon-action.DIALACTION {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.com/svgjs'%20version='1.1'%20width='512'%20height='512'%20x='0'%20y='0'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%20512%20512'%20xml:space='preserve'%3e%3cg%3e%3cpath%20xmlns='http://www.w3.org/2000/svg'%20d='M13,1a1,1,0,0,1,1-1A10.011,10.011,0,0,1,24,10a1,1,0,0,1-2,0,8.009,8.009,0,0,0-8-8A1,1,0,0,1,13,1Zm1,5a4,4,0,0,1,4,4,1,1,0,0,0,2,0,6.006,6.006,0,0,0-6-6,1,1,0,0,0,0,2Zm9.093,10.739a3.1,3.1,0,0,1,0,4.378l-.91,1.049c-8.19,7.841-28.12-12.084-20.4-20.3l1.15-1A3.081,3.081,0,0,1,7.26.906c.031.031,1.884,2.438,1.884,2.438a3.1,3.1,0,0,1-.007,4.282L7.979,9.082a12.781,12.781,0,0,0,6.931,6.945l1.465-1.165a3.1,3.1,0,0,1,4.281-.006S23.062,16.708,23.093,16.739Zm-1.376,1.454s-2.393-1.841-2.424-1.872a1.1,1.1,0,0,0-1.549,0c-.027.028-2.044,1.635-2.044,1.635a1,1,0,0,1-.979.152A15.009,15.009,0,0,1,5.9,9.3a1,1,0,0,1,.145-1S7.652,6.282,7.679,6.256a1.1,1.1,0,0,0,0-1.549c-.031-.03-1.872-2.425-1.872-2.425a1.1,1.1,0,0,0-1.51.039l-1.15,1C-2.495,10.105,14.776,26.418,20.721,20.8l.911-1.05A1.121,1.121,0,0,0,21.717,18.193Z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .suggestions .suggestion-button .icon-action.URL, .template-preview-container .suggestions .suggestion-button .icon-action.WEB_URL, .template-preview-container .suggestions .suggestion-button .icon-action.OPENURLACTION {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.com/svgjs'%20version='1.1'%20width='512'%20height='512'%20x='0'%20y='0'%20viewBox='0%200%20511.904%20511.904'%20style='enable-background:new%200%200%20512%20512'%20xml:space='preserve'%3e%3cg%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M222.025,417.764c-33.872,35.124-89.034,38.364-126.784,7.445c-22.482-19.465-33.966-48.733-30.72-78.293%20c2.811-21.794,12.997-41.97,28.864-57.173l61.355-61.397c12.492-12.496,12.492-32.752,0-45.248l0,0%20c-12.496-12.492-32.752-12.492-45.248,0l-60.053,60.075C22.065,269.57,4.802,304.721,0.649,342.521%20c-7.757,85.138,54.972,160.445,140.11,168.202c45.721,4.166,90.933-12.179,123.42-44.618l64.171-64.149%20c12.492-12.496,12.492-32.752,0-45.248l0,0c-12.496-12.492-32.752-12.492-45.248,0L222.025,417.764z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3cpath%20d='M451.358,31.289C387.651-15.517,299.186-8.179,244.062,48.484L183.667,108.9c-12.492,12.496-12.492,32.752,0,45.248l0,0%20c12.496,12.492,32.752,12.492,45.248,0l61.355-61.291c33.132-34.267,86.738-38.127,124.437-8.96%20c38.803,31.818,44.466,89.067,12.648,127.87c-1.862,2.271-3.833,4.45-5.907,6.53l-64.171,64.171%20c-12.492,12.496-12.492,32.752,0,45.248l0,0c12.496,12.492,32.752,12.492,45.248,0l64.171-64.171%20c60.413-60.606,60.257-158.711-0.349-219.124C461.638,39.727,456.631,35.341,451.358,31.289z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3cpath%20d='M183.667,282.525l99.425-99.425c12.497-12.497,32.758-12.497,45.255,0l0,0c12.497,12.497,12.497,32.758,0,45.255%20l-99.425,99.425c-12.497,12.497-32.758,12.497-45.255,0l0,0C171.17,315.283,171.17,295.022,183.667,282.525z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .suggestions .suggestion-button .icon-action.CALENDAR, .template-preview-container .suggestions .suggestion-button .icon-action.CREATECALENDAREVENTACTION {
  background: url("data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.61.44a.562.562%200%200%201%20.563.562v1.05h6.033V1.01a.562.562%200%200%201%201.124%200v1.043h2.175a1.605%201.605%200%200%201%201.605%201.605v11.23a1.605%201.605%200%200%201-1.605%201.605H1.663a1.605%201.605%200%200%201-1.605-1.604V3.657a1.605%201.605%200%200%201%201.605-1.605h2.386V1.001A.562.562%200%200%201%204.611.44zM1.182%206.654v8.234a.481.481%200%200%200%20.482.481h12.842a.481.481%200%200%200%20.481-.481V6.665L1.181%206.654zm4.228%205.52v1.336H4.07v-1.337h1.338zm3.343%200v1.336H7.415v-1.337h1.337zm3.345%200v1.336h-1.338v-1.337h1.338zM5.409%208.98v1.337H4.07V8.981h1.338zm3.343%200v1.337H7.415V8.981h1.337zm3.345%200v1.337h-1.338V8.981h1.338zM4.049%203.175H1.663a.482.482%200%200%200-.482.482V5.53l13.805.011V3.657a.482.482%200%200%200-.481-.482H12.33v.746a.562.562%200%200%201-1.124%200v-.746H5.173v.739a.562.562%200%201%201-1.124%200v-.739z'%20fill='%2300a5f4'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .suggestions .suggestion-button .icon-action.LOCATION, .template-preview-container .suggestions .suggestion-button .icon-action.VIEWLOCATIONACTION {
  background: url("data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.857%200a6.857%206.857%200%200%201%206.857%206.857c0%202.839-2.164%205.814-6.4%208.99a.762.762%200%200%201-.914%200C2.164%2012.672%200%209.697%200%206.858A6.857%206.857%200%200%201%206.857%200zm0%204.571a2.286%202.286%200%201%200%200%204.572%202.286%202.286%200%200%200%200-4.572z'%20fill='%2300a5f4'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.template-preview-container .suggestions .suggestion-button .icon-action.REPLY, .template-preview-container .suggestions .suggestion-button .icon-action.POSTBACK {
  width: 0;
  height: 0;
}
.template-preview-container .suggestions .suggestion-button .text-action {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.template-preview-container .text-message-counter {
  position: absolute;
  bottom: 0;
  right: 20px;
  font-size: 0.75rem;
  color: #6e6e6e;
  background-color: transparent;
  padding: 2px 4px;
  border-radius: 3px;
  pointer-events: none;
}.bubble .multimedia-container {
  margin: 10px;
}
.bubble .message-container__message {
  word-break: break-word;
  white-space: break-spaces;
}
.bubble .reply-container {
  border: solid 1px #dddddd;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.bubble .reply-container .reply-text {
  font-size: 12px;
  color: #8e91a4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}
.bubble .bubble-container {
  padding: 10px 15px;
  width: 100%;
  height: auto;
  display: flex;
  margin: 20px 0;
}
.bubble .bubble-container .profile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.bubble .bubble-container .message {
  position: relative;
}
.bubble .bubble-container .message .time {
  position: absolute;
  font-size: 10px;
  bottom: -15px;
  width: 100%;
  color: grey;
}
.bubble .bubble-container .reaction {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -16px;
  cursor: pointer;
}
.bubble .bubble-container .in-bubble {
  display: flex;
}
.bubble .bubble-container .in-bubble .profile {
  border: solid 2px lightgrey;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bubble .bubble-container .in-bubble .profile img {
  width: 40px;
}
.bubble .bubble-container .in-bubble .bubble-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bubble .bubble-container .in-bubble .bubble-content .message {
  background: #ffffff;
  margin-right: 5px;
  padding: 5px;
  border-radius: 5px;
  border: solid 2px lightgrey;
  max-width: 400px;
  min-width: 120px;
  white-space: break-spaces;
}
.bubble .bubble-container .in-bubble .bubble-content .time {
  text-align: end;
}
.bubble .bubble-container .in-bubble .bubble-content .reply {
  margin-top: auto;
  margin-bottom: 2px;
  height: 30px;
  width: 30px;
  background: lightgray;
  border-radius: 5px;
  display: none;
  cursor: pointer;
}
.bubble .bubble-container .in-bubble .bubble-content:hover .reply {
  display: block;
}
.bubble .bubble-container .out-bubble {
  display: flex;
}
.bubble .bubble-container .out-bubble .profile {
  background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
  transform: rotate(225deg);
  margin-left: 10px;
}
.bubble .bubble-container .out-bubble .profile img {
  transform: rotate(135deg);
}
.bubble .bubble-container .out-bubble .MESSENGER {
  background: #1877f2;
}
.bubble .bubble-container .out-bubble .bubble-content {
  display: flex;
  align-items: center;
}
.bubble .bubble-container .out-bubble .bubble-content .message-container {
  border-radius: 5px;
  padding: 1.5px;
  background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
}
.bubble .bubble-container .out-bubble .bubble-content .message-container .message {
  right: 0;
  padding: 5px;
  border-radius: 5px;
  background: #ffffff;
  max-width: 400px;
  min-width: 120px;
  white-space: break-spaces;
}
.bubble .bubble-container .out-bubble .bubble-content .message-container .message .reaction {
  right: -5px;
}
.bubble .bubble-container .out-bubble .bubble-content .MESSENGER {
  background: #1877f2;
}
.bubble .bubble-container .out-bubble .bubble-content .reply {
  margin-top: auto;
  margin-bottom: 2px;
  margin-right: 2px;
  height: 30px;
  width: 30px;
  background: lightgray;
  border-radius: 5px;
  cursor: pointer;
}
.bubble .bubble-container .out-bubble {
  /*             background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
              transform: rotate(206deg); */
}
.bubble .IN {
  justify-content: flex-start;
}
.bubble .OUT {
  justify-content: flex-end;
}.centrado {
  display: flex;
  flex-direction: column;
}

.editable:empty:before {
  content: attr(data-placeholder);
}

.input-bar {
  width: 100%;
  position: relative;
}
.input-bar .input_options-label {
  font-size: 9px;
  text-align: right;
  margin-top: 5px;
  color: #606060;
}
.input-bar .options-menu {
  background: #ffffff;
  width: 225px;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  bottom: 100%;
  right: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.input-bar .options-menu .options {
  padding: 5px;
  font-size: 12px;
  color: #606060;
  display: flex;
  align-items: center;
}
.input-bar .options-menu .options input {
  appearance: auto !important;
  cursor: pointer;
  width: 29px !important;
  height: 14px !important;
}
.input-bar .options-menu .disabled {
  cursor: not-allowed;
  color: #bababa;
}
.input-bar .quick-answers {
  border-radius: 5px;
  background: #ffffff;
  height: 220px;
  position: absolute;
  bottom: 100%;
  box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.43);
  -webkit-animation: slide 0.5s forwards;
  -webkit-animation-delay: 2s;
  animation: slide 0.5s forwards;
  animation-delay: 2s;
  display: grid;
  grid-template-rows: 80px auto;
  user-select: none;
  width: 100% !important;
  position: absolute !important;
  bottom: 105% !important;
  right: 0% !important;
}
.input-bar .quick-answers .quick-answers__header {
  padding: 10px;
  box-shadow: 0px 2px 7px 0px rgba(189, 181, 181, 0.63);
}
.input-bar .quick-answers .quick-answers__header .quick-answers__header__title {
  font-size: 14px;
  color: #49525f;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.input-bar .quick-answers .quick-answers__header .quick-answers__header__title .header__title__options-buttons {
  display: flex;
  gap: 5px;
}
.input-bar .quick-answers .quick-answers__header .quick-answers__header__title .header__title__options-buttons .header__title__refresh-icon {
  cursor: pointer;
}
.input-bar .quick-answers .quick-answers__header .quick-answers__header__title .header__title__options-buttons .loading svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.input-bar .quick-answers .quick-answers__header .quick-answers__header__title .header__title__options-buttons .header__title__edit-icon {
  cursor: pointer;
}
.input-bar .quick-answers .quick-answers__header .search-input input {
  height: 20px !important;
  color: #49525f;
  font-size: 12px !important;
}
.input-bar .quick-answers .quick-answers__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow-y: auto;
}
.input-bar .quick-answers .quick-answers__list .quick-answers__list__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--body-font-size-components);
  color: var(--body-font-color-components);
}
.input-bar .quick-answers .quick-answers__list .quick-answer-item {
  color: #606060;
  padding: 5px 10px;
  cursor: pointer;
  height: 61px;
}
.input-bar .quick-answers .quick-answers__list .quick-answer-item .quick-answer-item__content__title {
  font-size: 11px;
  font-weight: bold;
}
.input-bar .quick-answers .quick-answers__list .quick-answer-item .quick-answer-item__content__description {
  font-size: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}
.input-bar .quick-answers .quick-answers__list .quick-answer-item .quick-answer-item__content__created_by {
  font-size: 9px;
  color: #aaa4a4;
}
.input-bar .quick-answers .quick-answers__list .selected {
  background: #EEF3FD;
}
.input-bar .quick-answers .quick-answers__list .quick-answer-item:hover {
  background: #EEF3FD;
}
@-webkit-keyframes slide {
  100% {
    left: 0;
  }
}
@keyframes slide {
  100% {
    left: 0;
  }
}
.input-bar .drag-hover {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(6.5px);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  padding: 5px;
  z-index: 1000;
}
.input-bar .drag-hover .drop-zone {
  width: 100%;
  height: 100%;
  border: solid 2px #0047ff;
  border-style: dashed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-bar .drag-hover .drop-zone h1 {
  color: #0047ff;
  font-weight: bold;
  font-size: 12px;
}
.input-bar .true {
  visibility: visible;
}
.input-bar .settings {
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-bar .main-input {
  width: 100%;
  border: 1.5px solid rgba(226, 232, 240, 0.5019607843);
  border-radius: 0.5rem;
}
.input-bar .main-input .open-reply {
  width: 100%;
  margin: 10px 0;
}
.input-bar .main-input .open-reply .reply-container {
  height: 90px;
  border-radius: 5px;
  background: #ffffff;
  color: #8e91a4;
  padding: 10px;
}
.input-bar .main-input .open-reply .reply-container .reply-title {
  font-size: 10px;
  margin-bottom: 5px;
}
.input-bar .main-input .open-reply .reply-container .reply-content-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.input-bar .main-input .open-reply .reply-container .reply-content-container .reply-content {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.input-bar .main-input .open-reply .reply-container .reply-content-container .reply-content .reply-image .reply-image-src {
  max-width: 80px;
  max-height: 55px;
  border-radius: 3px;
}
.input-bar .main-input .open-reply .reply-container .reply-content-container .reply-content .reply-message {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #8e91a4;
}
.input-bar .main-input .open-reply .reply-container .reply-content-container .reply-title__close {
  cursor: pointer;
  font-size: 25px;
}
.input-bar .main-input .input-container {
  display: grid;
  grid-template-columns: auto min-content;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  min-height: 55px;
  max-height: 80px;
  background: #ffffff;
  border-bottom: solid 1px rgba(226, 232, 240, 0.5019607843);
  padding: 0 5px;
}
.input-bar .main-input .input-container .input-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-height: 100px;
  overflow-y: auto;
  min-height: 75px;
  max-height: 75px;
}
.input-bar .main-input .input-container .input-grid span {
  max-height: 75px;
  overflow-x: hidden;
  white-space: break-spaces;
  cursor: text;
  width: 100%;
  font-size: 14px;
  padding: 2px 5px;
  color: #606060;
  outline: none;
  border: none;
  text-align: start;
}
.input-bar .main-input .input-container .settings {
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.7s linear;
}
.input-bar .main-input .input-container .true {
  transform: rotate(180deg);
  transition: transform 0.7s linear;
}
.input-bar .main-input .input-container .emoji-selector {
  height: 100% !important;
}
.input-bar .main-input .input-container .multimedia-options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.input-bar .main-input .emoji-picker-react {
  width: 100% !important;
  position: absolute !important;
  bottom: 105% !important;
  right: 0% !important;
  height: 180px;
}
.input-bar .main-input .emoji-scroll-wrapper {
  padding: 0 5px;
}
.input-bar .main-input .emoji-group:before {
  font-size: 10px;
  line-height: 35px;
}
.input-bar .main-input .multimedia-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 5px;
  gap: 3px;
}
.input-bar .main-input .multimedia-options .multimedia-options__option {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background: none !important;
}
.input-bar .main-input .input-options {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: #f9fafb;
  box-sizing: border-box;
  padding: 0 5px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input-bar .main-input .input-options .chat-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-x: auto;
}
.input-bar .main-input .input-options .chat-options .options-button {
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 5px;
  font-size: 11px;
  color: #606060;
  font-weight: lighter;
  border-radius: 5px;
  gap: 5px;
}
.input-bar .main-input .input-options .chat-options .options-button img {
  width: 12px;
}
.input-bar .main-input .input-options .chat-options .options-button .options-title {
  font-weight: 600;
}
.input-bar .main-input .input-options .chat-options .options-button:hover {
  background: rgba(211, 211, 211, 0.3098039216);
}
.input-bar .main-input .input-options .chat-options .options-separator {
  border-left: solid 1px #dddddd;
  height: 20px;
  margin: 0 5px;
}

.dropzone {
  border: none !important;
  padding: 0 !important;
}

.main-input-bar-container {
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
}
.main-input-bar-container .input-bar-alert {
  width: auto;
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: 1px solid #e5e7eb;
  background-color: #f3f4f6;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  gap: 0.5rem;
  position: relative;
  margin-bottom: 0;
  bottom: -10px;
  gap: 0.5rem;
}
.main-input-bar-container .input-bar-alert-icon {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23374151'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
  flex-shrink: 0;
}
.main-input-bar-container .input-bar-alert-text {
  color: #374151;
  font-size: 0.6875rem;
  line-height: 1.25rem;
}
.main-input-bar-container .input-bar {
  margin-top: 0;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Fade In Up Animation - Subtle */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Fade Out Down Animation - Subtle */
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
.quick-replies-input {
  z-index: 10;
  position: absolute;
  bottom: 105%;
  right: 0%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.949);
  border-radius: calc(0.5rem + 8px);
  border: 1px solid #e5e7eb;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  box-sizing: border-box;
}
.quick-replies-input-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5019607843);
  background-color: #f9fafb;
  box-sizing: border-box;
}
.quick-replies-input-header-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #1e293b;
}
.quick-replies-input-header-options-buttons-area {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.quick-replies-input-header-option-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  width: 1.5rem;
  height: 1.5rem;
  gap: 0.5rem;
  padding: 0;
  border: none;
  border-radius: calc(0.5rem - 2px);
  background-color: transparent;
  color: #1e293b;
  cursor: pointer;
  margin: 0;
}
.quick-replies-input-header-option-button:hover {
  background-color: #f1f5f9;
}
.quick-replies-input-header-option-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.quick-replies-input-header-option-icon.rotate {
  animation: rotation 1.2s infinite linear;
}
.quick-replies-input-search-area {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.5019607843);
  box-sizing: border-box;
}
.quick-replies-input-search-area .quick-replies-relative {
  position: relative;
  box-sizing: border-box;
}
.quick-replies-input-search-area .quick-replies-search-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: #94a3b8;
  transform: translateY(-50%);
}
.quick-replies-input-search-area .quick-replies-search-icon-close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: #94a3b8;
  transform: translateY(-50%);
}
.quick-replies-input-search-area .quick-replies-search-input {
  display: flex;
  width: 100%;
  border: 1px solid rgba(226, 232, 240, 0.6);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
.quick-replies-input-search-area .quick-replies-search-input::placeholder {
  color: #94a3b8;
}
.quick-replies-input-search-area .quick-replies-search-input:focus-visible {
  outline: none;
  border-color: #2563eb;
}
.quick-replies-input-search-area .quick-replies-search-input:focus {
  border-color: #2563eb;
}
.quick-replies-input-search-area .quick-replies-search-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.quick-replies-input-list {
  min-height: 10rem;
  max-height: 10rem;
  overflow-y: auto;
  background-color: white;
}
.quick-replies-input-empty-area {
  padding: 1.5rem;
  text-align: center;
}
.quick-replies-input-empty-area-icon-area {
  height: 3rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: #f1f5f9;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
}
.quick-replies-input-empty-area-icon {
  height: 1.25rem;
  width: 1.25rem;
  color: #94a3b8;
  flex-shrink: 0;
}
.quick-replies-input-empty-area-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #64748b;
}
.quick-replies-input-footer {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #f9fafb;
  border-top: 1px solid rgba(226, 232, 240, 0.5019607843);
  box-sizing: border-box;
}
.quick-replies-input-footer-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
  user-select: none;
}
.quick-replies-input-footer-instructions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.quick-replies-input-footer-instructions kbd {
  background-color: rgba(226, 232, 240, 0.6);
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: calc(0.5rem - 4px);
  color: #64748b;
}

.quick-reply {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  border-bottom: 1px solid rgba(241, 245, 249, 0.5019607843);
  box-sizing: border-box;
}
.quick-reply:last-child {
  border-bottom: none;
}
.quick-reply:hover {
  background-color: #f1f5f9;
}
.quick-reply.selected {
  background-color: #f1f5f9;
}
.quick-reply.disabled {
  cursor: not-allowed;
  opacity: 0.6;
  user-select: none;
}
.quick-reply-main-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.quick-reply-content {
  flex: 1 1 0%;
  min-width: 0px;
}
.quick-reply-content-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #1e293b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.25rem;
}
.quick-reply-content-body {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #475569;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin-bottom: 0.375rem;
}
.quick-reply-created-by {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.quick-reply-created-by-bullet {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 9999px;
  background-color: #cbd5e1;
}
.quick-reply-created-by-name {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #94a3b8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quick-reply-not-allowed {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.quick-reply-not-allowed-bullet {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 9999px;
  background-color: #f87171;
}
.quick-reply-not-allowed-name {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #ef4444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quick-reply-icons {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.quick-reply-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  border-color: transparent;
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #334155;
  margin-left: 0.5rem;
}
.quick-reply-badge.image {
  border-color: #a7f3d0;
  background-color: #ecfdf5;
  color: #047857;
}
.quick-reply-badge.video {
  border-color: #bfdbfe;
  background-color: #eff6ff;
  color: #1d4ed8;
}
.quick-reply-badge.document {
  border-color: #ddd6fe;
  background-color: #f5f3ff;
  color: #6d28d9;
}

.quick-reply-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: rgba(239, 246, 255, 0.8);
  border: 1px solid rgba(191, 219, 254, 0.6);
  border-radius: calc(0.5rem + 4px);
  width: auto;
  height: 55px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
  bottom: -10px;
  /* Animation classes - Subtle */
}
.quick-reply-bar.quick-reply-bar-fade-in {
  animation: fadeInUp 0.4s ease-out forwards;
}
.quick-reply-bar.quick-reply-bar-fade-out {
  animation: fadeOutDown 0.3s ease-in forwards;
}
.quick-reply-bar-data {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 0%;
}
.quick-reply-bar-data-icon {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  flex-shrink: 0;
}
.quick-reply-bar-data-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #1e40af;
}
.quick-reply-bar-view {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.quick-reply-bar-view-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #1d4ed8;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  height: 1.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.5rem;
}
.quick-reply-bar-view-button:hover {
  background-color: #dbeafe;
}
.quick-reply-bar-view-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.new-feature-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  border-color: transparent;
  border-width: 0;
  color: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
  margin-left: 0.5rem;
}.generate-tools {
  position: absolute;
  z-index: 100;
  border-radius: 5px;
  background: #ffffff;
  height: 220px;
  bottom: 100%;
  box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.43);
  -webkit-animation: slide 0.5s forwards;
  -webkit-animation-delay: 2s;
  animation: slide 0.5s forwards;
  animation-delay: 2s;
  display: grid;
  grid-template-rows: 40px auto;
  user-select: none;
  width: 100% !important;
  bottom: 105% !important;
  right: 0% !important;
  padding: 0.2rem 0rem 1rem 0.2rem;
}
.generate-tools .generate-tools__header {
  padding: 10px;
  border-bottom: 1px solid gainsboro;
  padding: 0.2rem 0.2rem;
}
.generate-tools .generate-tools__header .title {
  color: #49525f;
  display: flex;
  font-size: 14px;
  font-weight: normal;
}
.generate-tools .generate-tools__header .title img {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.generate-tools .generate-tools__header .generate-tools__header__title {
  font-size: 14px;
  color: #49525f;
  display: flex;
  justify-content: space-between;
}
.generate-tools .generate-tools__header .generate-tools__header__title .header__title__options-buttons {
  display: flex;
  gap: 5px;
}
.generate-tools .generate-tools__header .generate-tools__header__title .header__title__options-buttons .header__title__refresh-icon {
  cursor: pointer;
}
.generate-tools .generate-tools__header .generate-tools__header__title .header__title__options-buttons .loading svg {
  animation: rotation 0.8s infinite linear;
}
.generate-tools .generate-tools__header .generate-tools__header__title .header__title__options-buttons .header__title__edit-icon {
  cursor: pointer;
}
.generate-tools .generate-tools__header .generate-tools__generate-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.generate-tools .generate-tools__header .generate-tools__generate-tools .title .icon {
  width: 15px;
  height: 20px;
  cursor: pointer;
}
.generate-tools .generate-tools__header .generate-tools__generate-tools .generate-tools__refresh-icon {
  cursor: pointer;
}
.generate-tools .generate-tools__header .search-input input {
  height: 20px !important;
  color: #49525f;
  font-size: 12px !important;
}
.generate-tools .generate-tools__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow-y: auto;
}
.generate-tools .generate-tools__list .response-content .response {
  padding: 10px;
  cursor: pointer;
  background: rgba(22, 22, 22, 0.0196078431);
  font-size: 14px;
  font-family: monospace;
  display: flex;
  flex-direction: column;
}
.generate-tools .generate-tools__list .response-content .context-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 0px 10px;
  font-size: 14px;
}
.generate-tools .generate-tools__list .response-content .context-options button.btn-info {
  padding: 0px 5px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
  background: #2196f3;
  border: none;
  color: #fff;
  cursor: pointer;
}
.generate-tools .generate-tools__list .response-content .context-options button.btn-success {
  padding: 0px 5px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
  background: #4caf50;
  border: none;
  color: #fff;
  cursor: pointer;
}
.generate-tools .generate-tools__list .item {
  color: #606060;
  padding: 5px 10px;
  cursor: pointer;
  height: auto;
}
.generate-tools .generate-tools__list .item .item__content__title {
  font-size: 14px;
  font-weight: bold;
}
.generate-tools .generate-tools__list .item .item__content__description {
  font-size: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}
.generate-tools .generate-tools__list .item .item__content__created_by {
  font-size: 9px;
  color: #aaa4a4;
}
.generate-tools .generate-tools__list .selected {
  background: #EEF3FD;
}
.generate-tools .generate-tools__list .item:hover {
  background: #EEF3FD;
}.request-contact-info {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.949);
  border-radius: calc(0.5rem + 8px);
  border: 1px solid #e5e7eb;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
.request-contact-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5019607843);
  background-color: #f9fafb;
  box-sizing: border-box;
}
.request-contact-info-header-title-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.request-contact-info-header-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #25D366;
}
.request-contact-info-header-title {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #1e293b;
}
.request-contact-info-header-options-buttons-area {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.request-contact-info-header-option-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  width: 1.5rem;
  height: 1.5rem;
  gap: 0.5rem;
  padding: 0;
  border: none;
  border-radius: calc(0.5rem - 2px);
  background-color: transparent;
  color: #1e293b;
  cursor: pointer;
  margin: 0;
}
.request-contact-info-header-option-button:hover {
  background-color: #f1f5f9;
}
.request-contact-info-header-option-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.request-contact-info-body {
  display: flex;
  flex-direction: row;
}
.request-contact-info-editor {
  display: flex;
  flex-direction: column;
  width: 55%;
  padding: 1rem 1rem 1rem;
  border-right: 1px solid #f0f1f2;
}
.request-contact-info-editor-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #9ca3af;
}
.request-contact-info-editor-textarea-wrapper {
  position: relative;
  margin-top: 0.5rem;
}
.request-contact-info-editor-textarea {
  width: 100%;
  resize: none;
  border: none;
  border-radius: 0.5rem;
  background-color: #f9fafb;
  padding: 0.625rem 0.75rem 1.75rem;
  font-size: 14px;
  line-height: 1.5rem;
  color: #111827;
  outline: none;
  box-shadow: 0 0 0 1px transparent;
  transition: background-color 0.15s, box-shadow 0.15s;
  font-family: inherit;
  box-sizing: border-box;
}
.request-contact-info-editor-textarea:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.6);
}
.request-contact-info-editor-counter {
  pointer-events: none;
  position: absolute;
  bottom: 0.5rem;
  right: 0.75rem;
  font-size: 12px;
  color: #9ca3af;
}
.request-contact-info-editor-counter.over-limit {
  color: #dc2626;
}
.request-contact-info-editor-restore {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 0.375rem;
  align-self: flex-start;
  margin-top: 0.5rem;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: color 0.15s;
}
.request-contact-info-editor-restore:hover {
  color: #374151;
}
.request-contact-info-editor-restore-icon {
  width: 14px;
  height: 14px;
}
.request-contact-info-editor-note {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  margin: 0.75rem 0 0;
  font-size: 12px;
  line-height: 1rem;
  color: #9ca3af;
}
.request-contact-info-editor-note-icon {
  flex-shrink: 0;
  margin-top: 2px;
  width: 14px;
  height: 14px;
}
.request-contact-info-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 1rem;
}
.request-contact-info-footer-instructions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
  user-select: none;
}
.request-contact-info-footer-instructions kbd {
  background-color: rgba(226, 232, 240, 0.6);
  padding: 0.125rem 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: calc(0.5rem - 4px);
  color: #64748b;
  font-family: inherit;
}
.request-contact-info-footer-send {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 0.5rem;
  border: none;
  border-radius: 9999px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1fa855;
  cursor: pointer;
  transition: background-color 0.15s;
}
.request-contact-info-footer-send:hover:not(:disabled) {
  background-color: #178c46;
}
.request-contact-info-footer-send:disabled {
  background-color: #d1d5db;
  cursor: not-allowed;
}
.request-contact-info-footer-send-icon {
  width: 16px;
  height: 16px;
}
.request-contact-info-preview-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  padding: 1.25rem 1rem;
  background-color: #f3f4f6;
}

.rci-phone {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 260px;
  height: 480px;
  overflow: hidden;
  border: 6px solid #111827;
  border-radius: 1.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.rci-phone-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  background-color: #f6f7f8;
  border-bottom: 1px solid #eceef0;
}
.rci-phone-header-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #111827;
}
.rci-phone-header-avatar {
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  object-fit: cover;
}
.rci-phone-header-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #075E54;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.rci-phone-header-name {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: #111827;
}
.rci-phone-chat {
  position: relative;
  flex: 1;
  overflow: hidden;
  padding: 0.625rem 0.75rem 0;
  background-color: #fbfbfb;
  background-size: 110px 110px;
}
.rci-phone-notice {
  max-width: 92%;
  margin: 0 auto 0.5rem;
  border-radius: 0.75rem;
  background-color: #d5f2e3;
  padding: 0.375rem 0.625rem;
  text-align: center;
  font-size: 9px;
  line-height: 0.75rem;
  color: #2a4c3b;
}
.rci-phone-date-chip-area {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.rci-phone-date-chip {
  border-radius: 0.375rem;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 500;
  color: #6b7280;
}
.rci-phone-bubble {
  position: relative;
  width: 88%;
  border-radius: 0.5rem;
  border-top-left-radius: 2px;
  background-color: #f0f0f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.rci-phone-bubble-tail {
  position: absolute;
  top: 0;
  left: -5px;
  width: 0;
  height: 0;
  border-top: 8px solid #f0f0f0;
  border-left: 6px solid transparent;
}
.rci-phone-bubble-text-area {
  padding: 0.5rem 0.625rem 0.25rem;
}
.rci-phone-bubble-text {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 11px;
  line-height: 1rem;
  color: #111111;
}
.rci-phone-bubble-time {
  margin: 2px 0 0;
  text-align: right;
  font-size: 9px;
  color: #9ca3af;
}
.rci-phone-bubble-divider {
  border-top: 1px solid #e0e0e0;
}
.rci-phone-bubble-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.5rem 0.625rem;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
}
.rci-phone-bubble-cta-icon {
  width: 14px;
  height: 14px;
  color: inherit;
}
.rci-phone-dim {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.rci-phone-sheet-area {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
.rci-phone-sheet-caption {
  margin: 0 0 0.375rem;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  color: #f9fafb;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.rci-phone-sheet {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  background-color: #ffffff;
  opacity: 0.94;
  padding: 0.5rem 0.875rem 0.75rem;
  box-shadow: 0 -8px 24px -6px rgba(0, 0, 0, 0.3);
}
.rci-phone-sheet-handle {
  width: 36px;
  height: 4px;
  margin: 0 auto 0.5rem;
  border-radius: 9999px;
  background-color: #e5e7eb;
}
.rci-phone-sheet-title-row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0;
}
.rci-phone-sheet-close {
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  color: #374151;
}
.rci-phone-sheet-title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #111827;
}
.rci-phone-sheet-identity {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.rci-phone-sheet-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  background-color: #e5e7eb;
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
}
.rci-phone-sheet-name {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: #111827;
}
.rci-phone-sheet-divider {
  margin: 0.5rem 0;
  border-top: 1px solid #eceef0;
}
.rci-phone-sheet-phone-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rci-phone-sheet-phone-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.rci-phone-sheet-phone-info {
  flex: 1;
  min-width: 0;
}
.rci-phone-sheet-phone-number {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: #111827;
}
.rci-phone-sheet-phone-label {
  margin: 0;
  font-size: 9px;
  color: #9ca3af;
}
.rci-phone-sheet-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #21a45d;
}
.rci-phone-sheet-checkbox svg {
  width: 10px;
  height: 10px;
  color: #ffffff;
}
.rci-phone-sheet-send {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 0.75rem;
  border-radius: 9999px;
  background-color: #21a45d;
  padding: 0.375rem 0;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
}
.rci-phone-sheet-send-icon {
  width: 12px;
  height: 12px;
}
.rci-phone-sheet-later {
  margin-top: 0.375rem;
  padding: 2px 0;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #21a45d;
}

@media (max-width: 640px) {
  .request-contact-info-body {
    flex-direction: column;
  }
  .request-contact-info-editor,
  .request-contact-info-preview-area {
    width: 100%;
    border-right: none;
  }
}
.request-contact-info-option-icon-area {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.request-contact-info-pulse-dot {
  position: absolute;
  top: -3px;
  right: -4px;
  width: 7px;
  height: 7px;
  border-radius: 9999px;
  background-color: #2563eb;
  border: 1.5px solid #ffffff;
  z-index: 1;
}
.request-contact-info-pulse-dot::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 9999px;
  background-color: rgba(37, 99, 235, 0.55);
  animation: request-contact-info-pulse 1.6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  z-index: -1;
}

@keyframes request-contact-info-pulse {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  70%, 100% {
    transform: scale(3);
    opacity: 0;
  }
}.post-header-container .user-header-container {
  display: flex;
  height: 45px;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  background: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.post-header-container .user-header-container .post-username {
  font-size: 14px;
  font-weight: bold;
  display: grid;
  grid-template-columns: 28px auto;
}
.post-header-container .user-header-container .post-username .post-header-username {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.post-header-container .user-header-container .post-username .post-channel {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-header-container .user-header-container .post-username .INSTAGRAM {
  background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
  transform: rotate(206deg);
}
.post-header-container .user-header-container .post-username .INSTAGRAM svg {
  transform: rotate(154deg);
}
.post-header-container .user-header-container .end-interaction {
  width: 150px;
  height: 30px;
  font-size: 12px;
  border-radius: 5px;
  border: solid 1px rgba(231, 240, 228, 0.25);
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.post-header-container .INSTAGRAM {
  color: #ffffff;
  background: #67240f;
}
.post-header-container .FACEBOOK {
  color: #ffffff;
  background: #0c3467;
}
.post-header-container .postHeader-container {
  width: 100%;
  height: 110px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  border-right: solid 1px #dcdbdb;
  padding: 5px 15px;
  display: grid;
  background: #ffffff;
  grid-template-columns: 100px auto;
}
.post-header-container .postHeader-container .post-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-header-container .postHeader-container .post-image img {
  border-radius: 5px;
  width: 85px;
  height: 85px;
}
.post-header-container .postHeader-container .post-details {
  padding: 5px 0;
  margin-left: 10px;
  display: grid;
  grid-template-rows: 15px auto 30px;
  width: 100%;
}
.post-header-container .postHeader-container .post-details .page-name {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
}
.post-header-container .postHeader-container .post-details .post-message {
  color: #8e91a4;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0;
  margin: 2px 0;
}
.post-header-container .postHeader-container .post-details .goto-post {
  cursor: pointer;
  color: #0047ff;
  background: #e8f0fe;
  border-radius: 5px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 25px;
  margin-top: auto;
  font-size: 12px;
}
.post-header-container .postHeader-container .post-interaction {
  width: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.post-header-container .postHeader-container .post-interaction .interactions-title {
  text-align: center;
  color: #8e91a4;
  font-size: 14px;
  margin: 10px 0;
}
.post-header-container .postHeader-container .post-interaction .interactions-total img {
  margin-right: 3px;
}
.post-header-container .postHeader-container .post-interaction .interactions-total {
  font-size: 12px;
  color: #8e91a4;
  font-weight: lighter;
  display: flex;
  justify-content: space-between;
}.post-container {
  width: 100%;
  height: 100%;
  background: none;
  display: flex;
  flex-direction: column;
}
.post-container .comments-list {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 5px;
  overflow-x: hidden;
  background: #eff3fc;
}
.post-container .input-bar {
  padding: 10px;
  background: #eff3fc;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}.profile-card {
  width: 315px;
  height: 288px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  position: relative;
}
.profile-card .channel-header {
  position: absolute;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 75px;
  margin: 0 0 33px;
  background-image: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
}
.profile-card .MESSENGER {
  background: #1877f2;
}
.profile-card .profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.profile-card .profile .profile-img {
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-card .profile .profile-img img {
  border-radius: 50%;
}
.profile-card .profile .profile-name {
  font-weight: bold;
  font-size: 14px;
  color: #606060;
}
.profile-card .profile .goto-profile {
  color: #606060;
  background: #ffffff;
  width: 280px !important;
  height: 40px !important;
  border-radius: 5px;
  border: solid 1px #dddddd;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}.web-chat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.web-chat .back, .web-chat .download, .web-chat .user-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-chat .chat-header {
  padding: 8px;
  width: 100%;
  height: 80px;
  display: grid;
  grid-template-columns: 40px auto 45px;
}
.web-chat .chat-header .agent-info {
  display: grid;
  grid-template-columns: 40px auto;
  height: 45px;
  margin-top: auto;
  margin-bottom: auto;
  user-select: none;
}
.web-chat .chat-header .agent-info .agent-details {
  margin-left: 10px;
}
.web-chat .chat-header .agent-info .agent-details h1 {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.web-chat .chat-header .agent-info .agent-details span {
  font-weight: normal;
  font-size: 14px;
  color: #939393;
}
.web-chat .web-message .web-image-container {
  padding: 5px;
}
.web-chat .web-chat-history {
  width: 100%;
  height: 100%;
  font-size: 16px;
  overflow-y: auto;
  padding: 5px;
}
.web-chat .web-chat-history .web-in-bubble, .web-chat .web-chat-history .web-out-bubble {
  margin: 5px 0;
  border-radius: 5px;
  padding: 5px;
  width: fit-content;
}
.web-chat .web-chat-history .web-message {
  white-space: break-spaces;
  width: 100%;
  line-height: normal;
  white-space: break-spaces;
}
.web-chat .web-chat-history .web-in-bubble {
  display: flex;
  background: #f5f5f5;
  color: #28313a;
  max-width: calc(100% - 40px);
}
.web-chat .web-chat-history .web-in-bubble .user-bubble {
  user-select: none;
  margin-right: 7px;
  margin-top: auto;
  width: 40px;
  height: 40px;
  background: grey;
  border-radius: 20px;
}
.web-chat .web-chat-history .web-out-bubble {
  max-width: 90%;
  text-align: right;
  color: #ffffff;
  margin-left: auto;
}
.web-chat .web-chat-input-container {
  padding: 5px;
  border-top: solid 2px #ece7e7;
  display: flex;
}
.web-chat .web-chat-input-container .emoji-button, .web-chat .web-chat-input-container .file-button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  margin-top: auto;
}
.web-chat .web-chat-input-container .emoji-button:hover, .web-chat .web-chat-input-container .file-button:hover {
  background: #ece7e7;
}
.web-chat .web-chat-input-container .web-chat-input {
  cursor: text;
  width: 100%;
  max-height: 125px;
  overflow-y: auto;
  overflow-x: hidden;
}
.web-chat .web-chat-input-container .web-chat-input span {
  cursor: text;
  width: 100%;
  font-size: 18px;
  color: #606060;
  outline: none;
  border: none;
  white-space: pre;
}.step {
  display: flex;
  align-items: center;
  color: #49525f;
  margin: 5px 0;
}
.step .step-number {
  margin: 10px 0;
}
.step .step-number .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 14px;
  border: solid 2px #dfe3e9;
  border-radius: 50%;
  margin-right: 15px;
}

.step-text .step-text___title, .step-text .step-text___subtitle {
  margin: 0;
}
.step-text .step-text___title {
  font-size: 16px;
}
.step-text .step-text___subtitle {
  font-size: 12px;
}.channel-profile-container {
  margin-left: 10px;
}
.channel-profile-container .channel-profile-info {
  display: flex;
  flex-direction: column;
}
.channel-profile-container .channel-profile-info .channel-profile-image-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}
.channel-profile-container .channel-profile-info .channel-profile-image-container .channel-profile-image {
  background: #858484;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 1px;
}
.channel-profile-container .channel-profile-info .channel-profile-image-container .channel-profile-image .channel-profile-image_file {
  width: 100%;
  border-radius: 50%;
}
.channel-profile-container .channel-profile-info .channel-name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.channel-profile-container .channel-profile-info .channel-name input {
  font-size: 18px;
  margin-bottom: 8px;
  color: #606060;
  padding: 0 5px !important;
  width: 200px !important;
  text-align: center !important;
  border-radius: 5px;
  outline: none;
  border: solid 1px #dfe3e9;
}
.channel-profile-container .channel-profile-info .channel-name input:focus {
  outline: none !important;
}.titleTree {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0f151c;
}

.rowCustom, .rowMenu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: -8px 0px 25px 20px;
  padding: 10px;
  border-radius: 5px;
}

.rowMenu {
  background-color: white;
  border: solid 1px #0047ff;
  float: right;
  color: #0047ff;
}

.rowList {
  border: 2px solid #e8f0fe;
  margin: 10px;
  padding: 10px;
  line-height: 50px;
  border-radius: 7px;
}
.rowList p {
  font-size: 16px;
  font-weight: bold;
}

.rowCol {
  max-height: 50px;
}

.fontMenu {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  width: 100%;
  color: #606060;
}

.fontMenuSon {
  font-weight: normal !important;
}

.iconSort {
  z-index: "1";
  cursor: pointer;
  width: "27px";
  background: "#f8f8f8";
  padding: "5px";
  border-radius: "2px";
}

.iconAction {
  z-index: "1";
  cursor: pointer;
  width: "15px";
}

.row-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  flex-grow: 0;
  margin: 0 10px 0 0;
  padding: 0px 6px 0px 6px;
  background-color: #3b88c3;
  color: white;
  border-radius: 3px;
  font-weight: bold;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.canva {
  background-color: black;
}.organic-query {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--tertiary-background-components);
  box-shadow: var(--button-box-shadow);
  background-color: white;
  position: relative;
  width: 100%;
  padding-left: 15px;
}
.organic-query input {
  border: none;
  outline: none;
}
.organic-query input::placeholder {
  color: var(--tertiary-text-components);
}
.organic-query {
  font-size: 16px;
}

.filtertext {
  width: 100%;
  height: 100%;
  border: solid 1px #8e91a4;
  display: grid;
  border-radius: 5px;
  user-select: none;
  align-items: center;
  grid-template-columns: auto 32px 5px 32px;
  padding-left: 5px;
  background: white;
}
.filtertext img {
  margin: 0 10px;
  cursor: pointer;
}
.filtertext input {
  border: none !important;
}
.filtertext input:focus {
  outline: none;
}
.filtertext .search-divider {
  color: #dddddd;
  font-size: 20px;
}.phoneInput .react-tel-input .form-control {
  height: 38px !important;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--tertiary-background-components);
}
.phoneInput .react-tel-input .flag-dropdown {
  border-radius: var(--border-radius-components);
  border-color: 1px solid #cacaca;
}
.phoneInput .react-tel-input {
  /*.flag-dropdown:hover{
    border-radius: var(--border-radius-components);
    border-color: 1px solid #cacaca;
    background-color: #cacaca;
  }*/
}
.phoneInput .react-tel-input .flag-dropdown.open {
  border-radius: var(--border-radius-components);
  border: 1px solid #F1F1F1;
}
.phoneInput .react-tel-input .flag-dropdown.open .selected-flag {
  background-color: #F1F1F1;
  border: 1px solid #cacaca;
  border-radius: var(--border-radius-components);
}
.phoneInput .react-tel-input .selected-flag:hover {
  background-color: #F1F1F1;
  border-radius: var(--border-radius-components);
}.text-filter {
  width: 70% !important;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.text-filter label {
  margin-bottom: 10px;
}
.text-filter input {
  border-radius: 10px;
  font-weight: bold;
  width: 80% !important;
}
.text-filter {
  margin-bottom: 15px;
}

.createbtn {
  min-width: 18%;
  display: flex;
  justify-content: end;
  align-items: center;
}

@media only screen and (max-width: 850px) {
  .createbtn {
    min-width: 25%;
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .createbtn button {
    width: 100%;
  }
}
.FilterList {
  float: left;
  width: 100%;
  font-family: inherit;
  font-size: 12px;
  width: 100%;
}
.FilterList .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 850px) {
  .FilterList .filter {
    width: auto;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
  }
}
.FilterList .img-filter {
  width: 11.4px;
  height: 10.7px;
  flex-grow: 0;
  margin: 2.6px 8px 2.6px 0;
}
.FilterList .container-title-filter {
  user-select: none;
  width: 75px;
  height: 35px;
  display: grid;
  grid-template-columns: 25px auto;
  flex-grow: 0;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--tertiary-background-components);
  background-color: var(--white);
  box-shadow: var(--button-box-shadow);
  cursor: pointer;
}
.FilterList .container-title-filter p {
  margin-left: 0;
  color: var(--tertiary-text-components);
}
.FilterList .container-title-filter p, .FilterList .container-title-filter img {
  font-weight: bold;
  font-size: 12px;
  margin: auto;
}
.FilterList .container-title-filter img {
  margin-right: 5px;
  transition: transform 100ms ease-out;
  margin-left: 7px;
}
.FilterList .container-title-filter .pLayout, .FilterList .container-title-filter .imgLayout {
  font-weight: bold;
  font-size: 12px;
  margin: 9px;
}
.FilterList .container-title-filter .imgLayout {
  margin-top: 12px;
  transition: transform 100ms ease-out;
  margin-left: 25px;
}
.FilterList .filter-btn {
  position: absolute;
  height: 25px;
  width: 45px;
  background-color: var(--color-soft-blue-two);
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 200ms ease-out;
}
.FilterList .filter-btn:hover {
  background-color: var(--color-soft-blue-three);
}
.FilterList .filter-btn img {
  width: 100%;
  height: 100%;
}
.FilterList .filter-btn {
  position: absolute;
  height: 25px;
  width: 45px;
  background-color: var(--color-soft-blue-two);
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 200ms ease-out;
}
.FilterList .filter-btn:hover {
  background-color: var(--color-soft-blue-three);
}
.FilterList .filter-btn img {
  width: 100%;
  height: 100%;
}
.FilterList .reportes-detalle {
  transition: all 500ms ease-out;
  flex-grow: 0;
  display: grid;
  justify-content: space-between;
  margin-bottom: 15px;
  width: 100%;
}
@media only screen and (max-width: 1050px) {
  .FilterList .reportes-detalle {
    width: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding-left: 0px;
  }
}
.FilterList .dropdown-section {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 10px;
}
.FilterList .dropdown-section .button-label {
  font-size: var(--subtitle-font-size-components);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.FilterList .dropdown-section .item-label {
  font-size: var(--body-font-size-components);
  font-weight: var(--body-font-weight-components);
  color: var(--body-font-color-components);
}
.FilterList .dropdown-section .drop {
  width: 100%;
}
.FilterList .dropdown-section .drop .DropdownButtonSelection .button {
  min-height: 38px;
}
@media only screen and (max-width: 850px) {
  .FilterList .dropdown-section {
    width: 70%;
    border-right: 0px;
    padding-right: 0px;
  }
  .FilterList .dropdown-section .drop {
    margin-top: 0% !important;
    width: 100%;
    color: var(--secondary-background-components);
  }
}
@media only screen and (max-width: 1050px) {
  .FilterList .dropdown-section {
    width: 100% !important;
  }
  .FilterList .dropdown-section .drop {
    margin-top: 0% !important;
    width: 100%;
    color: var(--secondary-background-components);
  }
}
.FilterList .date-section {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding-left: 20px;
  margin-top: 10px;
}
.FilterList .date-section .date-column {
  display: flex;
  flex-direction: column;
}
.FilterList .date-section input {
  border: solid 1px var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components);
  height: 36px !important;
  text-align: center;
  background-color: var(--white) !important;
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
}
.FilterList .date-section .label-date {
  margin-bottom: 5px;
}
.FilterList .date-section .react-datepicker-wrapper {
  border-radius: var(--border-radius-components);
}
@media only screen and (max-width: 850px) {
  .FilterList .date-section {
    width: 70%;
    border-right: 0px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 1050px) {
  .FilterList .date-section {
    width: 100% !important;
    padding-left: 0px !important;
  }
  .FilterList .date-section .date-column {
    width: 100% !important;
  }
}
.FilterList .btn-section {
  float: left;
  width: auto;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-evenly;
  padding-left: 5%;
}
.FilterList .btn-section .btn-clear {
  height: 35px;
  width: auto;
  padding: 0 25px;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  color: var(--tertiary-text-components);
  border-radius: var(--border-radius-components);
  border: solid 1px var(--tertiary-background-components);
  margin-right: 10px;
  max-width: 150px;
  box-shadow: var(--button-box-shadow);
}
.FilterList .btn-section .btn-filter {
  height: 35px;
  width: auto;
  padding: 0 25px;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  border-radius: var(--border-radius-components);
  background-color: var(--secondary-background-components);
  color: var(--primary-text-components);
  box-shadow: var(--button-box-shadow);
  max-width: 150px;
  border: 0px;
}
@media only screen and (max-width: 850px) {
  .FilterList .btn-section {
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    padding-left: 0px;
  }
}
.FilterList .search-section {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 10px;
}
.FilterList .date-input {
  height: 42px !important;
  text-align: center !important;
  background-color: var(--white) !important;
  z-index: 121;
  border: solid 1px #8e91a4 !important;
  border-radius: 5px !important;
}

.separator {
  padding-left: 5px;
}

@media only screen and (max-width: 600px) {
  .Filter {
    padding: 1rem;
    grid-gap: 10px;
  }
  .separator {
    border-right: none;
    padding-left: 0px;
    margin-right: 0px;
  }
}.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
  color: var(--secondary-text-components);
}
.truncate::placeholder {
  color: var(--tertiary-text-components);
}
.truncate.suggestion-input-field {
  border: none;
}
.truncate.suggestion-input-field:focus {
  outline: none;
}

.checked-flag {
  border: 1px solid var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.caret {
  width: 13px;
  height: 17px;
  right: 15px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.caret.open {
  transform: rotate(180deg);
  transition: transform 200ms ease-out;
}

.tag-badge {
  background-color: var(--secondary-background-components);
  color: white;
  font-weight: bolder;
}

.selected-tag {
  height: 35px;
  width: auto;
  background-color: #0047ff;
  color: white;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 5px;
  font-size: 10px;
  padding: 4px;
  cursor: pointer;
}

.autocomplete-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
.autocomplete-container .autocomplete-input {
  position: relative;
  padding: 5px;
  background-color: #ffffff;
  color: #606060;
  border-radius: var(--border-radius-components);
  height: 38px;
  max-height: 300px;
  width: 100%;
  border: solid 1px var(--tertiary-background-components);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.autocomplete-container .autocomplete-input .input-container {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 35px 1fr 1fr;
  grid-area: input-container;
  grid-template-areas: "badge input selected-tags";
}
.autocomplete-container .autocomplete-input .input-container .tag-badge {
  grid-area: badge;
}
.autocomplete-container .autocomplete-input .input-container input {
  grid-area: input;
  padding: 8px;
  border: none;
  border-radius: 4px;
  width: 80% !important;
}
.autocomplete-container .autocomplete-input .input-container input::placeholder {
  color: #606060 !important;
}
.autocomplete-container .autocomplete-input .input-container .selected-tags {
  grid-area: selected-tags;
  overflow-x: scroll;
  z-index: 99999;
}
.autocomplete-container .autocomplete-input .autocomplete-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: var(--border-radius-components);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.autocomplete-container .autocomplete-input .autocomplete-options li {
  padding: 8px;
  cursor: pointer;
  width: 100%;
  border-top: solid 1px #F8F8F8;
  color: var(--tertiary-text-components);
}
.autocomplete-container .autocomplete-input .autocomplete-options li:hover {
  background-color: #f2f2f2;
}
.autocomplete-container .autocomplete-input .autocomplete-options li.selected {
  background-color: #f2f2f2;
}.FilterNumber {
  margin-bottom: 15px;
}
.FilterNumber label {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}
.FilterNumber input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.FilterNumber input:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.FilterNumber .form-text {
  font-size: 80%;
  margin-top: 5px;
  color: var(--tertiary-text-components);
}

.organic-query-number {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--tertiary-background-components);
  box-shadow: var(--button-box-shadow);
  background-color: white;
  position: relative;
  width: 100%;
  padding-left: 15px;
}
.organic-query-number input {
  border: none;
  outline: none;
  width: 100%;
}
.organic-query-number input::placeholder {
  color: var(--tertiary-text-components);
}
.organic-query-number {
  font-size: 16px;
}

.filternumber {
  width: 100%;
  height: 100%;
  border: solid 1px #8e91a4;
  display: grid;
  border-radius: 5px;
  user-select: none;
  align-items: center;
  grid-template-columns: auto 32px;
  padding-left: 5px;
  background: white;
}
.filternumber img {
  margin: 0 10px;
  cursor: pointer;
}
.filternumber input {
  border: none !important;
}
.filternumber input:focus {
  outline: none;
}.chart-card-container {
  background-color: white;
  margin: 10px 0px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 #ccc;
  border: solid 1px #f8f8f8;
}
.chart-card-container .chart-canvas {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.chart-card-container .chart-card-title {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid #e5e5e5;
}
.chart-card-container .chart-card-title h1 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #606060;
  margin: 0;
}
.chart-card-container .chart-card-title .chart-card-title-actions {
  display: flex;
  align-content: flex-end;
  align-items: center;
  padding: 2px;
}
.chart-card-container .chart-info-banner {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: bold;
}
.chart-card-container .chart-info-banner.success {
  color: #51c172;
  background-color: #f1f8f5;
}
.chart-card-container .chart-info-banner.warning {
  color: #f59f3c;
  background-color: #fff5ea;
}
.chart-card-container .chart-info-banner.error {
  color: #d82c0d;
  background-color: #fff0f0;
}
.chart-card-container .chart-card-actions-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  background-color: transparent;
  border: none !important;
}
.chart-card-container .chart-card-actions-container h3 {
  color: #606060;
  font-size: 14px;
  margin: 0 2px;
  font-weight: normal;
}
.chart-card-container .chart-label-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chart-card-container .chart-label-container .chart-label-description {
  color: #8e91a4;
  margin: 5px 0px;
  font-size: 14px;
  font-weight: normal;
}
.chart-card-container .chart-label-container .chart-label-title {
  font-size: 22px;
  font-weight: bold;
  color: #606060;
  margin: 5px 0px;
}
.chart-card-container .chart-label-container .chart-label-trend {
  font-size: 29px;
}
.chart-card-container .chart-label-container .chart-label-trend.positive {
  color: #51c172;
}
.chart-card-container .chart-label-container .chart-label-trend.negative {
  color: #d82c0d;
}
.chart-card-container .chart-label-container .chart-label-right {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.chart-card-container .chart-card-chart-container {
  padding: 18px;
}
.chart-card-container .trends-container {
  margin: 20px 0;
}
.chart-card-container .trends-container .trend-row-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 0.1px solid #f6f6f7;
  border-radius: 4px;
}
.chart-card-container .trends-container .trend-row-container.success .trend-row-description, .chart-card-container .trends-container .trend-row-container.success .trend-row-value {
  color: #51c172;
}
.chart-card-container .trends-container .trend-row-container.success {
  background-color: #f1f8f5;
}
.chart-card-container .trends-container .trend-row-container.warning .trend-row-description, .chart-card-container .trends-container .trend-row-container.warning .trend-row-value {
  color: #f59f3c;
}
.chart-card-container .trends-container .trend-row-container.warning {
  background-color: #fff5ea;
}
.chart-card-container .trends-container .trend-row-container.error .trend-row-description, .chart-card-container .trends-container .trend-row-container.error .trend-row-value {
  color: #d82c0d;
}
.chart-card-container .trends-container .trend-row-container.error {
  background-color: #fff0f0;
}
.chart-card-container .trends-container .trend-row-container .trend-row-description, .chart-card-container .trends-container .trend-row-container .trend-row-value {
  color: #8e91a4;
  font-size: 14px;
  margin: 0 10px;
}
.chart-card-container .trends-container .trend-row-container .trend-row-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.chart-card-container .trends-container .trend-row-container .trend-row-right img {
  height: 15.3px;
  margin-right: 5px;
}
.chart-card-container .trends-container .trend-row-container .trend-row-trend {
  font-size: 20px;
  margin: 0;
}
.chart-card-container .trends-container .trend-row-container .trend-row-trend.positive {
  color: #51c172;
}
.chart-card-container .trends-container .trend-row-container .trend-row-trend.negative {
  color: #d82c0d;
}.questions-list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-sans);
  color: var(--color-grey);
  background-color: #ffffff;
}
.questions-list .ul__questions {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.questions-list .ul__questions .li__questions {
  position: relative;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 5px;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
.questions-list .ul__questions .li__questions .text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.questions-list .ul__questions .li__questions .title {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.questions-list .ul__questions .li__questions.active {
  background: #e9f0fd;
  margin-bottom: 25px;
}
.questions-list .ul__questions .li__questions.active .actions {
  display: flex;
}
.questions-list .ul__questions .li__questions .actions {
  display: none;
  position: absolute;
  bottom: -18px;
  left: 20px;
}
.questions-list .ul__questions .li__questions .actions .action {
  font-size: 12px;
  color: #7399ed;
}
.questions-list .ul__questions .li__questions .actions * + * {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #7399ed;
}

.questions-yes-no {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-sans);
}
.questions-yes-no .question {
  width: 100%;
  margin-bottom: 10px;
}
.questions-yes-no .question .textarea_yes-no {
  width: 100%;
  border: 2px solid #a3a7b1;
  border-radius: 5px;
  padding: 10px 15px;
  outline: none;
  color: var(--color-grey);
  resize: none;
  box-sizing: border-box;
}
.questions-yes-no .options {
  align-self: flex-start;
  width: 100%;
}
.questions-yes-no .options .option {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.questions-yes-no .options .option .span_yes-no {
  position: absolute;
  left: 10px;
  top: 9px;
  font-size: 12px;
  color: var(--color-grey);
}
.questions-yes-no .options .option .input_yes-no {
  width: 70%;
  border: 2px solid #a3a7b1;
  border-radius: 5px;
  height: 30px;
  padding-left: 30px;
  color: var(--color-grey);
  outline: none;
  box-sizing: border-box;
}

.questions-open {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-sans);
}
.questions-open .question {
  width: 100%;
  margin-bottom: 10px;
}
.questions-open .question .quesiton-label {
  font-size: 11px;
  color: #6d7175;
}
.questions-open .question .open-textarea {
  width: 100%;
  border: 2px solid #a3a7b1;
  border-radius: 5px;
  padding: 10px 15px;
  outline: none;
  color: var(--color-grey);
  resize: none;
  box-sizing: border-box;
}

.questions-options {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-sans);
}
.questions-options .question {
  width: 100%;
  margin-bottom: 10px;
}
.questions-options .question .quesiton-label {
  font-size: 11px;
  color: #6d7175;
}
.questions-options .question .textarea__question {
  width: 100%;
  border: 2px solid #a3a7b1;
  border-radius: 5px;
  padding: 10px 15px;
  outline: none;
  color: var(--color-grey);
  resize: none;
  box-sizing: border-box;
}
.questions-options .options {
  align-self: flex-start;
  width: 100%;
}
.questions-options .options .options-label {
  font-size: 11px;
  color: #6d7175;
}
.questions-options .options .option {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.questions-options .options .option .span__question {
  position: absolute;
  left: 15px;
  top: 11px;
  font-size: 12px;
  color: var(--color-grey);
}
.questions-options .options .option .input__question {
  width: 70% !important;
  border: 2px solid #a3a7b1;
  border-radius: 5px !important;
  height: 38px !important;
  padding-left: 30px;
  color: var(--color-grey);
  outline: none;
  box-sizing: border-box;
  background-color: #ffffff !important;
  position: unset !important;
}
.questions-options .options .option .add,
.questions-options .options .option .minus {
  position: absolute;
  color: #a3a6b6;
  font-size: 20px;
  left: 70%;
  top: 4px;
  cursor: pointer;
  margin-left: 5px;
}
.questions-options .options .option .minus {
  margin-left: 25px;
}

.questions-range {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-sans);
}
.questions-range .question {
  width: 100%;
  margin-bottom: 10px;
}
.questions-range .question .quesiton-label {
  font-size: 11px;
  color: #6d7175;
}
.questions-range .question .textarea__range {
  width: 100%;
  border: 2px solid #a3a7b1;
  border-radius: 5px;
  padding: 10px 15px;
  outline: none;
  color: var(--color-grey);
  resize: none;
  box-sizing: border-box;
}
.questions-range .options {
  align-self: flex-start;
  width: 100%;
}
.questions-range .options .option {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.questions-range .options .option .span__range {
  position: absolute;
  left: 17px;
  top: 11px;
  font-size: 12px;
  color: var(--color-grey);
}
.questions-range .options .option .input__range {
  width: 130px !important;
  border: 2px solid #a3a7b1;
  border-radius: 5px !important;
  height: 39px !important;
  padding-left: 55px;
  color: var(--color-grey);
  outline: none;
  box-sizing: border-box;
  background-color: #ffffff !important;
  position: unset !important;
}.phone-preview {
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  height: 600px;
  background: url("data:image/svg+xml,%3csvg%20width='261'%20height='526'%20viewBox='0%200%20261%20526'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M219.796%20525.503H41.203c-21.23%200-38.591-17.36-38.591-38.591V38.608C2.612%2017.377%2019.972%200%2041.203%200h178.593c21.231%200%2038.607%2017.377%2038.607%2038.608v448.304c0%2021.231-17.376%2038.591-38.607%2038.591z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M258.404%2038.608v448.304c0%2021.231-17.377%2038.592-38.608%2038.592H41.204c-10.767%200-20.53-4.46-27.554-11.627%206.976%206.817%2016.5%2011.053%2026.965%2011.053h178.608c21.215%200%2038.592-17.376%2038.592-38.607V38.019c0-10.465-4.221-19.99-11.054-26.965%207.167%207.024%2011.643%2016.787%2011.643%2027.554z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M14.207%20514.434c-7.151-7.008-11.595-16.771-11.595-27.522V38.608C2.612%2017.377%2019.972%200%2041.203%200h178.593c10.751%200%2020.514%204.46%2027.522%2011.611-6.96-6.833-16.501-11.07-26.981-11.07H41.729C20.5.542%203.137%2017.903%203.137%2039.134v448.32c0%2010.464%204.237%2020.005%2011.07%2026.981z'%20fill='%23fff'/%3e%3cpath%20d='M2.612%20470.347h255.791v3.504H2.612v-3.504zM258.404%2057.13H2.612v-3.503h255.792v3.504z'%20fill='%23fff'/%3e%3cpath%20d='M55.825%200h3.504v525.503h-3.504V0zM201.67%200h3.504v525.503h-3.504V0z'%20fill='%23fff'/%3e%3cpath%20d='M215.655%20522.254H45.345c-21.231%200-38.592-17.376-38.592-38.607V41.857c0-21.215%2017.36-38.592%2038.592-38.592h170.31c21.231%200%2038.607%2017.377%2038.607%2038.592v441.79c0%2021.231-17.376%2038.607-38.607%2038.607z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M246.84%2041.761v441.981c0%2016.58-13.57%2030.15-30.15%2030.15H44.31c-16.58%200-30.135-13.57-30.135-30.15V41.762c0-16.565%2013.554-30.135%2030.135-30.135h42.78v6.657c0%206.132%205.001%2011.133%2011.117%2011.133h65.35c6.132%200%2011.133-5%2011.133-11.133v-6.657h42c16.58%200%2030.15%2013.57%2030.15%2030.134z'%20fill='%23fff'/%3e%3cpath%20d='M3.297%20115.648H1.91A1.917%201.917%200%200%201%200%20113.736V97.698c0-1.052.86-1.912%201.911-1.912h1.386c1.051%200%201.911.86%201.911%201.912v16.038c0%201.052-.86%201.912-1.911%201.912z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M.717%20115.218A1.93%201.93%200%200%201%200%20113.736V97.698c0-1.052.86-1.912%201.911-1.912h1.386c.605%200%201.13.271%201.481.701a1.891%201.891%200%200%200-1.194-.43H2.198c-1.051%200-1.911.86-1.911%201.911v16.039c0%20.462.159.876.43%201.211z'%20fill='%23fff'/%3e%3cpath%20d='M3.297%20167.985H1.91A1.917%201.917%200%200%201%200%20166.073v-33.941c0-1.051.86-1.911%201.911-1.911h1.386c1.051%200%201.911.86%201.911%201.911v33.941c0%201.052-.86%201.912-1.911%201.912z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M.717%20167.555A1.906%201.906%200%200%201%200%20166.073v-33.941c0-1.051.86-1.911%201.911-1.911h1.386c.605%200%201.13.271%201.481.717a1.826%201.826%200%200%200-1.194-.43H2.198c-1.051%200-1.911.86-1.911%201.911v33.941c0%20.462.159.876.43%201.195z'%20fill='%23fff'/%3e%3cpath%20d='M3.297%20215.129H1.91A1.917%201.917%200%200%201%200%20213.218v-33.941c0-1.051.86-1.911%201.911-1.911h1.386c1.051%200%201.911.86%201.911%201.911v33.941c0%201.051-.86%201.911-1.911%201.911z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M.7%20214.699c-.43-.35-.7-.892-.7-1.481v-33.941c0-1.051.86-1.911%201.911-1.911h1.386c.59%200%201.13.27%201.481.701a1.902%201.902%200%200%200-1.21-.431H2.182a1.918%201.918%200%200%200-1.911%201.912v33.941c0%20.462.159.876.43%201.21z'%20fill='%23fff'/%3e%3cpath%20d='M259.088%20201.894h-1.385a1.917%201.917%200%200%201-1.911-1.911v-56.208c0-1.051.86-1.911%201.911-1.911h1.385c1.052%200%201.912.86%201.912%201.911v56.208c0%201.051-.86%201.911-1.912%201.911z'%20fill='%23EFF3FC'/%3e%3cpath%20d='M260.999%20143.775v56.207c0%201.051-.86%201.911-1.911%201.911h-1.386a1.887%201.887%200%200%201-1.608-.907c.286.175.637.286%201.003.286h1.386c1.051%200%201.911-.86%201.911-1.911V143.17a1.87%201.87%200%200%200-.302-1.02c.541.351.907.94.907%201.625z'%20fill='%23EFF3FC'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: flex;
}
.phone-preview .content-elements {
  float: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 45px 17px 40px 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.phone-preview .content-elements .url-sidebar {
  float: left;
  width: 90%;
  height: 25px;
  background: #eff3fc url("data:image/svg+xml,%3csvg%20width='384'%20height='384'%20viewBox='0%200%20384%20384'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M144.5%200.621009C73.603%208.23101%2016.795%2060.213%202.81099%20130.272C-0.40001%20146.356%20-0.40001%20173.644%202.81099%20189.728C9.19399%20221.705%2024.284%20250.198%2046.719%20272.633C69.722%20295.636%2096.952%20310.187%20130%20317.134C145.423%20320.376%20173.857%20320.414%20189.728%20317.213C207.671%20313.594%20226.824%20306.381%20240.408%20298.129C244.146%20295.858%20247.484%20294%20247.826%20294C248.168%20294%20267.584%20313.053%20290.974%20336.34C339.278%20384.433%20338.057%20383.491%20352%20383.424C362.035%20383.376%20368.047%20381.001%20374.524%20374.524C381.044%20368.004%20383.398%20362.028%20383.398%20352C383.398%20337.947%20384.403%20339.248%20336.106%20290.739C295.042%20249.495%20293.582%20247.899%20294.945%20245.739C305.618%20228.822%20313.163%20209.801%20317.246%20189.524C320.42%20173.756%20320.392%20146.376%20317.184%20130.272C304.288%2065.52%20254.882%2015.877%20190.5%202.98001C180.702%201.01701%20153.706%20-0.366991%20144.5%200.621009ZM177%2049.455C200.54%2053.029%20221.857%2063.882%20238.988%2081.012C282.841%20124.866%20282.841%20195.134%20238.988%20238.988C205.733%20272.243%20155.205%20281.332%20113.414%20261.577C78.596%20245.118%2055.076%20214.016%2049.455%20177C42.205%20129.262%2065.918%2082.805%20108.854%2060.63C130.185%2049.612%20153.194%2045.839%20177%2049.455Z'%20fill='%236D7175'/%3e%3c/svg%3e") no-repeat;
  background-size: 15px;
  background-position: 95% 50%;
  border-radius: 24px;
  color: #6d7175;
  font-size: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0px 30px 0px 15px;
}
.phone-preview .content-elements .url-sidebar .uri {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone-preview .content-elements .reach-banner {
  float: left;
  width: 100%;
  height: 40px;
  background-color: #0047ff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0px;
}
.phone-preview .content-elements .reach-banner .reach-logo {
  align-self: center;
  width: 100px;
  height: 25px;
}
.phone-preview .content-elements .question-box {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  color: #1C1C1B;
  font-weight: bold;
  padding: 10px 15px;
  line-height: 1.38;
  letter-spacing: normal;
  margin: 5px 0;
}
.phone-preview .content-elements .response-box {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  color: #1C1C1B;
  font-weight: bold;
  padding: 10px 15px;
  line-height: 1.38;
  letter-spacing: normal;
  margin: 5px 0px 50px 0;
  overflow-y: auto;
}
.phone-preview .content-elements .response-box .OPEN {
  float: left;
  width: 100%;
  height: 100px;
  border: 1px solid #dfe3e9;
  border-style: dashed;
  border-radius: 5px;
  color: #8e91a4;
  font-size: 14px;
  font-weight: bold;
  user-select: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.phone-preview .content-elements .response-box .YES_NO {
  float: left;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  column-count: 2;
}
.phone-preview .content-elements .response-box .YES_NO .option {
  display: inline-block;
  background: transparent;
  width: 100%;
  height: 100px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
}
.phone-preview .content-elements .response-box .YES_NO .option.yes {
  background-color: #0047ff;
  color: white;
}
.phone-preview .content-elements .response-box .YES_NO .option.no {
  background-color: #dfe3e9;
  color: #1C1C1B;
}
.phone-preview .content-elements .response-box .OPTIONS {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.phone-preview .content-elements .response-box .OPTIONS .option-custom {
  float: left;
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #dfe3e9;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
  color: #1C1C1B;
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0;
}
.phone-preview .content-elements .response-box .OPTIONS .option-custom .caption {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone-preview .content-elements .response-box .NPS {
  float: left;
  width: 100%;
  height: 100px;
  display: grid;
  grid-template-columns: repeat(5, auto);
}
.phone-preview .content-elements .response-box .NPS .option-score {
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone-preview .content-elements .response-box .NPS .option-score .score-value {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: 30px;
  height: 30px;
  border: 1px solid #707070;
  color: #1C1C1B;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
}
.phone-preview .content-elements .response-box .RANGE {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.phone-preview .content-elements .response-box .RANGE .range-container {
  float: left;
  height: auto;
  width: 100%;
  box-sizing: border-box;
}
.phone-preview .content-elements .response-box .RANGE .range-container .range-slider {
  -webkit-appearance: none;
  width: 100% !important;
  height: 10px !important;
  border-radius: 5px !important;
  background: #dfe3e9 !important;
  outline: none !important;
  -webkit-transition: 0.2s !important;
  transition: opacity 0.2s !important;
}
.phone-preview .content-elements .response-box .RANGE .range-container .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0047ff;
  cursor: pointer;
}
.phone-preview .content-elements .response-box .RANGE .range-values {
  box-sizing: border-box;
  padding: 0 5px;
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  color: #1C1C1B;
  font-size: 15px;
  font-weight: bold;
}
.phone-preview .content-elements .continue-button {
  float: left;
  width: 75%;
  height: 35px;
  border-radius: 30px;
  background-color: #31ad63;
  color: white;
  font-size: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  position: absolute;
  bottom: 45px;
}.ClaroMegaMenu {
  display: flex;
  height: 70px;
  align-items: center;
  box-sizing: border-box;
  background-color: #ffffff;
  border-top: solid 10px #e40001;
  width: 100%;
}
.ClaroMegaMenu .logo {
  margin: 16px;
  width: 90px;
}
.ClaroMegaMenu .megaMenuItems {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.ClaroMegaMenu .megaMenuItems > ul {
  margin-top: auto;
}
@media (max-width: 768px) {
  .ClaroMegaMenu .megaMenuItems {
    justify-content: flex-end;
  }
  .ClaroMegaMenu .megaMenuItems > li {
    width: max-content;
  }
  .ClaroMegaMenu .megaMenuItems > li .icon {
    padding-bottom: 0;
    height: 25px;
  }
  .ClaroMegaMenu .megaMenuItems .label {
    display: none;
  }
}.ClaroMegaMenuItem {
  background-color: #ffffff;
  color: #4c4c4c;
  font-size: 10px;
  width: 110px;
  height: 100%;
  padding: 10px;
  user-select: none;
  text-align: center;
  cursor: pointer;
  transition: opacity 150ms ease-out;
  box-sizing: border-box;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ClaroMegaMenuItem > img {
  flex-grow: 1;
  flex-basis: 0;
  height: 30px; /* TODO: make this percentage based */
  width: 24px;
  padding-bottom: 5px;
}
.ClaroMegaMenuItem > span {
  height: 12px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ClaroMegaMenuItem:hover {
  opacity: 1;
}
.ClaroMegaMenuItem.active {
  opacity: 1;
}

.containerCf {
  display: flex;
  justify-content: center;
}
.containerCf .ItemTitle {
  font-size: 12px;
  padding: 0px;
  color: #434343 !important;
  font-weight: bold;
}

.claroMegaMenu {
  background: #f4f4f4;
  opacity: 1;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  left: 0;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 2000;
  margin-top: 45px;
}
.claroMegaMenu h3 {
  color: #444;
}
.claroMegaMenu ul {
  float: left;
  margin: 30px 30px 30px 0px;
  padding: 0px 30px 0px 0px;
  border-right: solid 1px #4c4c4c;
}
.claroMegaMenu ul:last-child {
  margin-right: 0;
}
.claroMegaMenu .subitem-child {
  color: #4c4c4c;
  display: block;
  padding: 6px 0px 6px 15px;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
}
.claroMegaMenu .subitem-child:hover {
  color: #c50f0f;
  background-color: #f4f4f4;
  border-radius: 2px;
}
.claroMegaMenu .menuSeparator {
  border-bottom: 1px solid #373e46;
}

.claro-droppable {
  position: static;
  margin: 0px;
  width: 90px;
  cursor: pointer;
}
.claro-droppable > a {
  color: white;
}
.claro-droppable > a:after {
  font-family: FontAwesome;
  font-size: 12px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}
.claro-droppable:hover {
  background-color: #f4f4f4;
}
.claro-droppable:hover .claroMegaMenu {
  visibility: visible;
  opacity: 1;
}

.cf:before {
  content: " ";
  display: table;
}
.cf:after {
  content: " ";
  display: table;
  clear: both;
}.TigoMegaMenu {
  display: flex;
  height: 60px;
  align-items: center;
  box-sizing: border-box;
  background-color: #1C1C1B;
  width: 100%;
}
.TigoMegaMenu .logo {
  margin: 16px;
  width: 155px;
}
.TigoMegaMenu .megaMenuItems {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.TigoMegaMenu .megaMenuItems > ul {
  margin-top: auto;
}
@media (max-width: 768px) {
  .TigoMegaMenu .megaMenuItems {
    justify-content: flex-end;
  }
  .TigoMegaMenu .megaMenuItems > li {
    width: max-content;
  }
  .TigoMegaMenu .megaMenuItems > li .icon {
    padding-bottom: 0;
    height: 25px;
  }
  .TigoMegaMenu .megaMenuItems .label {
    display: none;
  }
}.TigoMegaMenuItem {
  background-color: #1C1C1B;
  color: #f8f8f8;
  font-size: 10px;
  width: 110px;
  height: 100%;
  padding: 10px;
  user-select: none;
  text-align: center;
  cursor: pointer;
  transition: opacity 150ms ease-out;
  box-sizing: border-box;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.TigoMegaMenuItem > img {
  flex-grow: 1;
  flex-basis: 0;
  height: 30px; /* TODO: make this percentage based */
  width: 24px;
  padding-bottom: 5px;
}
.TigoMegaMenuItem > span {
  height: 12px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TigoMegaMenuItem:hover {
  opacity: 1;
}
.TigoMegaMenuItem.active {
  background-color: #0f151c;
  opacity: 1;
}

.containerCf {
  display: flex;
  justify-content: center;
}
.containerCf .ItemTitle {
  font-size: 12px;
  padding: 0px;
  color: white;
  font-weight: bold;
}

.tigoMegaMenu {
  background: #0e1319;
  opacity: 1;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  left: 0;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 2000;
  margin-top: 50px;
}
.tigoMegaMenu h3 {
  color: #444;
}
.tigoMegaMenu ul {
  float: left;
  margin: 30px 30px 30px 0px;
  padding: 0px 30px 0px 0px;
  border-right: solid 1px #373e46;
}
.tigoMegaMenu ul:last-child {
  margin-right: 0;
}
.tigoMegaMenu .subitem-child {
  color: #e0e3e8;
  display: block;
  padding: 6px 0px 6px 15px;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
}
.tigoMegaMenu .subitem-child:hover {
  color: #e0e3e8;
  background-color: #373e46;
  border-radius: 2px;
}
.tigoMegaMenu .menuSeparator {
  border-bottom: 1px solid #373e46;
}

.tigo-droppable {
  position: static;
  margin: 0px;
  width: 90px;
  cursor: pointer;
}
.tigo-droppable > a {
  color: white;
}
.tigo-droppable > a:after {
  font-family: FontAwesome;
  font-size: 12px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}
.tigo-droppable:hover {
  background-color: #0e1319;
}
.tigo-droppable:hover .tigoMegaMenu {
  visibility: visible;
  opacity: 1;
}

.cf:before {
  content: " ";
  display: table;
}
.cf:after {
  content: " ";
  display: table;
  clear: both;
}.QuicklyMegaMenu {
  display: flex;
  height: 60px;
  align-items: center;
  box-sizing: border-box;
  background-color: #132d46;
  width: 100%;
}
.QuicklyMegaMenu .logo {
  margin: 16px;
  width: 160px;
}
.QuicklyMegaMenu .megaMenuItems {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.QuicklyMegaMenu .megaMenuItems > ul {
  margin-top: auto;
}
@media (max-width: 768px) {
  .QuicklyMegaMenu .megaMenuItems {
    justify-content: flex-end;
  }
  .QuicklyMegaMenu .megaMenuItems > li {
    width: max-content;
  }
  .QuicklyMegaMenu .megaMenuItems > li .icon {
    padding-bottom: 0;
    height: 25px;
  }
  .QuicklyMegaMenu .megaMenuItems .label {
    display: none;
  }
}.QuicklyMegaMenuItem {
  background-color: #132d46;
  color: #ffffff !important;
  font-size: 10px;
  width: 110px;
  height: 100%;
  padding: 10px;
  user-select: none;
  text-align: center;
  cursor: pointer;
  transition: opacity 150ms ease-out;
  box-sizing: border-box;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.QuicklyMegaMenuItem > img, .QuicklyMegaMenuItem svg {
  flex-grow: 1;
  flex-basis: 0;
  height: 30px; /* TODO: make this percentage based */
  width: 24px;
  padding-bottom: 5px;
}
.QuicklyMegaMenuItem > span {
  height: 12px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.QuicklyMegaMenuItem:hover {
  opacity: 1;
}
.QuicklyMegaMenuItem.active {
  color: #01c38e !important;
  opacity: 1;
}
.QuicklyMegaMenuItem .containerCf {
  display: flex;
  justify-content: center;
}
.QuicklyMegaMenuItem .containerCf .ItemTitle {
  font-size: 12px;
  padding: 0px;
  color: #ffffff !important;
  font-weight: bold;
}
.QuicklyMegaMenuItem .quicklyMegaMenu {
  background: #1a1e29;
  opacity: 1;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  left: 0;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 2000;
  margin-top: 50px;
}
.QuicklyMegaMenuItem .quicklyMegaMenu h3 {
  color: #ffffff;
}
.QuicklyMegaMenuItem .quicklyMegaMenu ul {
  float: left;
  margin: 30px 30px 30px 0px;
  padding: 0px 30px 0px 0px;
  border-right: solid 1px #373e46;
}
.QuicklyMegaMenuItem .quicklyMegaMenu ul:last-child {
  margin-right: 0;
}
.QuicklyMegaMenuItem .quicklyMegaMenu .subitem-child {
  color: #e0e3e8 !important;
  display: block;
  padding: 6px 0px 6px 15px;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
}
.QuicklyMegaMenuItem .quicklyMegaMenu .subitem-child:hover {
  color: #e0e3e8;
  background-color: #1a1e29;
  border-radius: 2px;
}
.QuicklyMegaMenuItem .quicklyMegaMenu .menuSeparator {
  border-bottom: 1px solid #373e46;
}

.droppable-quickly {
  position: static;
  margin: 0px;
  width: 90px;
  cursor: pointer;
}
.droppable-quickly > a {
  color: white !important;
}
.droppable-quickly > a:after {
  font-family: FontAwesome;
  font-size: 12px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}
.droppable-quickly:hover {
  background-color: #1a1e29;
}
.droppable-quickly:hover .quicklyMegaMenu {
  visibility: visible;
  opacity: 1;
}

.cf:before {
  content: " ";
  display: table;
}
.cf:after {
  content: " ";
  display: table;
  clear: both;
}.drag-and-drop-container {
  float: left;
  position: relative;
  width: 100%;
  min-width: 250px;
  min-height: 250px;
  border: 1px solid #0047ff;
  border-style: dashed;
  border-radius: 8px;
  background: url("/v5/assets/drag-drop-CI6thonw.svg") no-repeat center;
  background-position: 50% 50%;
  background-size: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 20px 10px;
  box-sizing: border-box;
}
.drag-and-drop-container .drag-and-drop-text {
  font-size: 12px;
  color: #0047ff;
  font-weight: bold;
  user-select: none;
  margin-bottom: 15px;
  max-width: 80%;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  flex-shrink: 0;
}
.drag-and-drop-container .drag-and-drop-button {
  width: 100%;
  height: 35px;
  background-color: #0047ff;
  border-radius: 4px;
  padding: 0px 10px;
  color: white;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  cursor: pointer;
  margin-top: auto;
  align-self: stretch;
  flex-shrink: 0;
}

.drag-and-drop-container.fixed-height-container {
  height: 100%;
  min-height: 300px;
}
.drag-and-drop-container.fixed-height-container .drag-and-drop-text {
  flex: 1;
  margin-bottom: 20px;
}
.drag-and-drop-container.fixed-height-container .drag-and-drop-button {
  margin-top: 0;
}

.body-box .drag-and-drop-container {
  height: 100%;
  min-height: 300px;
}
.body-box .drag-and-drop-container .drag-and-drop-text {
  flex: 1;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-box .drag-and-drop-container .drag-and-drop-button {
  margin-top: 40px;
  position: relative;
  bottom: 0;
}

.correct {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2014%2014'%3e%3cdefs%3e%3cclipPath%20id='clip-path'%3e%3cpath%20id='Rectángulo_560'%20fill='%23fff'%20stroke='%23707070'%20d='M0%200H14V14H0z'%20data-name='Rectángulo%20560'%20transform='translate(1091%20-15786)'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Enmascarar_grupo_36'%20clip-path='url(%23clip-path)'%20data-name='Enmascarar%20grupo%2036'%20transform='translate(-1091%2015786)'%3e%3cpath%20id='svg_xml_base64_PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZ'%20fill='%2331ad63'%20d='M13.345%202.556L5.291%2010.61%202.332%207.65a.367.367%200%200%200-.52%200l-.866.866a.367.367%200%200%200%200%20.52l4.085%204.085a.367.367%200%200%200%20.52%200l9.18-9.18a.367.367%200%200%200%200-.52l-.866-.866a.367.367%200%200%200-.52.001z'%20data-name='svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZ'%20transform='translate(1090.162%20-15786.839)'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
}

.incorrect {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDEyIDEyIj4KICAgIDxnIGlkPSJwcmVmaXhfX0dydXBvXzE2NjIiIGRhdGEtbmFtZT0iR3J1cG8gMTY2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMCAtMjE3KSI+CiAgICAgICAgPGNpcmNsZSBpZD0icHJlZml4X19FbGlwc2VfNjgiIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iI2Q1NGIzZCIgZGF0YS1uYW1lPSJFbGlwc2UgNjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMCAyMTcpIi8+CiAgICAgICAgPHRleHQgaWQ9InByZWZpeF9fXyIgZmlsbD0iI2ZmZiIgZGF0YS1uYW1lPSIhIiBmb250LWZhbWlseT0iUm9ib3RvLVJlZ3VsYXIsIFJvYm90byIgZm9udC1zaXplPSI4cHgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNSAyMjUuNjQ4KSI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIwIiB5PSIwIj4hPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center;
}

.input-zone-container {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
}
.input-zone-container .drag-and-drop-button {
  float: left;
  width: 100%;
  height: 35px;
  border: 1px solid #0047ff;
  color: #0047ff;
  font-weight: bold;
  border-style: dashed;
  border-radius: 5px;
  padding: 0px 10px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  align-self: flex-end;
  user-select: none;
  cursor: pointer;
}.tp-time-picker-container {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.tp-custom-time-picker-column {
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.tp-hourtile {
  height: 50px !important;
}

.tp-check-filter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tp-check-filter input {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.tp-check-filter .tp-fulltime-checkbox {
  width: 15px !important;
  height: 15px !important;
}
.tp-check-filter small {
  font-size: 12px;
}

.tp-native-time-picker {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.tp-native-time-input {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tp-time-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.tp-time-error-message {
  color: #dc3545;
  font-size: 0.8rem;
  margin-top: 0.25rem;
  width: 100%;
}

.tp-native-time-input:disabled {
  background-color: #e9ecef;
  opacity: 1;
  color: #6c757d;
  background-color: rgba(108, 117, 125, 0.1607843137) !important;
  border-color: #ced4da;
  cursor: not-allowed;
}

.tp-custom-time-picker {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.tp-time-picker-with-minutes {
  display: flex;
  align-items: center;
  width: 100%;
}

.tp-hour-select {
  flex: 1;
  min-width: 65px;
}

.tp-minute-select {
  flex: 1;
  min-width: 65px;
}

.tp-time-separator {
  font-weight: bold;
  padding: 0 2px;
  flex-shrink: 0;
}

.tp-custom-time-picker:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Responsive styles */
@media (max-width: 992px) {
  .tp-time-picker-container {
    flex-wrap: wrap;
  }
  .tp-custom-time-picker-column {
    margin-top: 8px;
  }
}
@media (max-width: 576px) {
  .tp-hour-select, .tp-minute-select {
    min-width: 55px;
  }
}.vertical-menu {
  z-index: 3000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
}
.vertical-menu .vertical-menu-container {
  user-select: none;
  height: 100vh;
}
.vertical-menu .vertical-menu-container .vertical-menu__options-section-title,
.vertical-menu .vertical-menu-container .vertical-menu__options-section-option,
.vertical-menu .vertical-menu-container .vertical-menu__item-label {
  cursor: pointer;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar {
  height: 100vh;
  width: 45px;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-bar__open-close-circle {
  cursor: pointer;
  position: absolute;
  right: -10px;
  background: var(--vertical_menu-open-button-background);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 40px;
  box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.51);
  transform: rotate(270deg);
  transition: transform 0.15s linear;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .true {
  transform: rotate(90deg);
  transition: transform 0.15s linear;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .false {
  transition: all 0.001s ease-in-out;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu {
  transition: all 0.8s ease-in-out;
  background: var(--vertical_menu-secondary-background);
  padding: 15% 0;
  box-shadow: -1px 1px 20px 0px rgba(0, 0, 0, 0.4);
  height: 100vh;
  overflow-y: auto;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section {
  margin: 15px 0;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-title {
  margin: 5px 0;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-title h1 {
  white-space: break-spaces;
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff !important;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-option {
  font-size: 11px;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-title, .vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-option {
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
  color: var(--vertical_menu-secondary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-title:hover, .vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-option:hover {
  background: var(--vertical_menu-secondary-hover);
  color: var(--vertical_menu-tertiary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .vertical-menu__options-section-option.active {
  background: var(--vertical_menu-secondary-hover);
  color: var(--vertical_menu-tertiary-font);
  font-weight: bold;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .change-account {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .change-account .AccountDropdownButtonSelection .button {
  border: solid 1px #ccc;
  width: unset;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .change-account .AccountDropdownButtonSelection .button p {
  padding: 3px 8px;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .change-account .AccountDropdownButtonSelection .menu {
  width: 100%;
  margin-top: unset !important;
  background-color: unset !important;
  top: 99%;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .change-account .AccountDropdownButtonSelection .menu .menu-items {
  margin: unset;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-sub-menu .change-account .AccountDropdownButtonSelection .menu .menu-items .menu-item {
  margin-bottom: unset;
  padding: 3px 8px;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-bar__main-menu {
  height: 100vh;
  background: var(--vertical_menu-primary-background);
  box-shadow: -1px 1px 20px 0px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-bar__icon {
  height: 55px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: flex-start;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu-bar__icon .vertical-menu__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item {
  width: 100%;
  display: grid;
  grid-template-columns: 45px 155px;
  transition: all 0.4s ease-in-out;
  min-height: 45px;
  color: var(--vertical_menu-primary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item svg {
  width: 30px;
  height: 45PX;
  fill: var(--vertical_menu-primary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item .vertical-menu__item-label {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item .vertical-menu__item-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item .vertical-menu__item-icon .vertical-menu__item-icon-title {
  position: absolute;
  display: none;
  background: var(--vertical_menu-primary-background);
  min-width: 75px;
  width: fit-content;
  top: 25%;
  left: calc(100% + 5px);
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item:hover {
  background: var(--vertical_menu-primary-hover);
  color: var(--vertical_menu-secondary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item:hover svg {
  fill: var(--vertical_menu-secondary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item:hover .vertical-menu__item-icon-title {
  color: var(--vertical_menu-primary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item.active {
  background: var(--vertical_menu-primary-hover);
  color: var(--vertical_menu-secondary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item.active svg {
  fill: var(--vertical_menu-secondary-font);
}
.vertical-menu .vertical-menu-container .vertical-menu-bar .vertical-menu__item.active .vertical-menu__item-icon-title {
  color: var(--vertical_menu-primary-font);
}
.vertical-menu .vertical-menu-container .open {
  width: 200px;
}
.vertical-menu .vertical-menu-container .closed {
  width: 45px;
}
.vertical-menu .vertical-menu-container .closed .vertical-menu__item-icon:hover .vertical-menu__item-icon-title {
  display: block;
}
.vertical-menu .vertical-menu-container .submenu {
  width: 550px;
  display: grid;
  grid-template-columns: 250px 300px;
}
.vertical-menu .open {
  /*         display: grid;
          grid-template-columns: 200px 180px; */
}.total-orders {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.total-orders .order-card {
  height: 100%;
  border-radius: 5px;
  width: 18%;
  border: solid 1px red;
  padding: 5px;
  position: relative;
  color: #606060;
  cursor: pointer;
  position: relative;
}
.total-orders .order-card h2, .total-orders .order-card .order-number {
  position: absolute;
  pointer-events: none;
}
.total-orders .order-card h2 {
  font-size: 12px;
  top: 5px;
  width: 50%;
}
.total-orders .order-card .order-number {
  font-size: 24px;
  bottom: 0;
}
.total-orders .order-card .cancel-filter {
  visibility: hidden;
  position: absolute;
  top: -3px;
  right: 5px;
  user-select: none;
}
.total-orders .selected-card {
  color: #ffffff !important;
  font-weight: bold !important;
}
.total-orders .selected-card .cancel-filter {
  visibility: visible;
}
.total-orders .selected-card .order-number {
  font-size: 24px;
  bottom: 0;
  color: white !important;
}
.total-orders .selected-card h2 {
  color: white !important;
  width: calc(100% - 20px);
}
.multi-currency-label {
  display: grid;
  gap: 10px;
}
.multi-currency-label.row-align {
  display: flex; /* Cambiamos a flex cuando currenciesAlign es 'row' */
  flex-direction: row;
}
.multi-currency-label.column-align {
  display: flex; /* Para columna también usamos flex */
  flex-direction: column;
}
.multi-currency-label.single-currency {
  grid-template-columns: 1fr; /* Una sola columna centrada */
  justify-items: center;
  align-items: center;
}
.multi-currency-label.double-currency {
  grid-template-columns: repeat(2, 1fr); /* Dos columnas */
  justify-items: center;
  align-items: center;
}
.multi-currency-label.triple-currency {
  grid-template-columns: repeat(2, 1fr); /* Dos columnas para los primeros dos */
  grid-template-rows: auto auto;
  grid-auto-flow: row;
}
.multi-currency-label.triple-currency .currency-value:nth-child(3) {
  grid-column: span 2; /* El tercer elemento ocupa ambas columnas y se centra debajo */
  justify-self: center;
}
.multi-currency-label.quadruple-currency {
  grid-template-columns: repeat(2, 1fr); /* Dos filas y dos columnas */
  grid-template-rows: repeat(2, auto);
  gap: 15px;
}
.multi-currency-label .currency-value {
  margin: 0 5px;
  transition: color 0.3s ease;
  text-align: center;
}
.multi-currency-label {
  /* Estilos cuando currenciesAlign es 'row' */
}
.multi-currency-label.row-align .currency-value {
  flex-grow: 1;
  margin: 0 10px;
}
.multi-currency-label {
  /* Alineación de columna dinámica según textsAlign */
}
.multi-currency-label.text-align-left {
  align-items: flex-start;
}
.multi-currency-label.text-align-right {
  align-items: flex-end;
}
.multi-currency-label.text-align-center {
  align-items: center;
}
.multi-currency-label {
  /* Alineación de texto cuando el texto se mueve a la derecha o izquierda */
}
.multi-currency-label .align-right {
  justify-self: end;
}
.multi-currency-label .align-left {
  justify-self: start;
}.percent-bar {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: flex;
  animation-name: barGrow;
  animation-duration: 1500ms;
  animation-iteration-count: initial;
  animation-timing-function: linear;
  animation-direction: alternate;
}
.percent-bar .hover-bar {
  position: absolute;
  height: 30px;
  background: hsla(276, 0%, 90%, 0.84);
  right: 30px;
  color: black;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 5px;
  visibility: hidden;
}
.percent-bar .segment {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  position: relative;
}
.percent-bar .segment:hover .hover-bar {
  visibility: visible !important;
  animation: fadeIn ease 0.55s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.percent-bar :nth-child(n) {
  border: 0px 0px !important;
}
.percent-bar :first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.percent-bar :last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}.feedback-collector-container {
  font-size: 0.8rem;
}
.feedback-collector-container .feedback-input-textarea {
  height: auto;
  width: 100%;
  padding: 5px 8px;
  min-height: 100px;
  border-radius: 10px;
  border: 1px solid lightgray;
}
.feedback-collector-container .feedback-option-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.feedback-collector-container .feedback-option-container .check-filter {
  display: flex;
  align-items: center;
  color: #82878d;
  font-size: 12px;
  height: 10px;
}
.feedback-collector-container .feedback-option-container label {
  display: inline-block;
}.short-link-container {
  float: left;
  width: 100%;
  height: auto;
  background-color: white;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.short-link-container .sl-header-content {
  float: left;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: transparent;
  color: #1C1C1B;
  margin: 10px 0;
}
.short-link-container .sl-header-content .sl-header-content-container {
  display: flex;
  align-items: center;
  text-align: center;
}
.short-link-container .sl-header-content .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.short-link-container .sl-header-content .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.short-link-container .sl-header-content .back-content .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.short-link-container .sl-header-content .short-link-alias {
  font-size: 16px;
  color: #6d7175;
  font-weight: bold;
}
.short-link-container .sl-header-content .landing-page-custom {
  margin-right: 15px;
}
.short-link-container .sl-header-content .landing-page-custom .status-caption {
  color: #01BB69;
}
.short-link-container .sl-header-content .short-link-status, .short-link-container .sl-header-content .landing-page-custom {
  float: left;
  width: auto;
  height: auto;
  border-radius: 15px;
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  user-select: none;
  border: 1px solid #1C1C1B;
  color: #1C1C1B;
}
.short-link-container .sl-header-content .short-link-status .status-caption, .short-link-container .sl-header-content .landing-page-custom .status-caption {
  font-size: 14px;
  font-weight: 600;
}
.short-link-container .sl-header-content .short-link-status .ACTIVE, .short-link-container .sl-header-content .landing-page-custom .ACTIVE {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #218656;
  margin-right: 5px;
}
.short-link-container .sl-header-content .short-link-status .INACTIVE, .short-link-container .sl-header-content .landing-page-custom .INACTIVE {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d82c0d;
  margin-right: 5px;
}
.short-link-container .sl-header-content .mobile-status {
  display: none;
}
.short-link-container .sl-header-content .desktop-status {
  display: flex;
}
.short-link-container .sl-details-url {
  float: left;
  width: 100%;
  height: 75px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  padding: 0px 10px;
  box-sizing: border-box;
  margin-top: 20px;
  cursor: pointer;
}
.short-link-container .sl-details-url .sl-link {
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #dddddd;
}
.short-link-container .sl-details-url .sl-link .copy-icon {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,21H8V7H19M19,5H8C6.9,5%206,5.9%206,7V21C6,22.1%206.9,23%208,23H19C20.1,23%2021,22.1%2021,21V7C21,5.9%2020.1,5%2019,5M16,1H4C2.9,1%202,1.9%202,3V17H4V3H16V1Z'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.short-link-container .sl-details-url .sl-link .sl-link-list {
  color: black;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  white-space: pre-wrap;
}
.short-link-container .sl-details-url .sl-link .sl-link-list .sl-link-title {
  color: black;
  margin: 5px 0;
  font-size: 14px;
  font-weight: 500;
}
.short-link-container .sl-details-url .sl-link .sl-link-list .sl-link-adress {
  color: black;
  font-size: 13px;
  font-weight: 100;
}
.short-link-container .sl-details-url .sl-link:hover {
  border-color: gray;
}
.short-link-container .sl-stats {
  float: left;
  width: 100%;
  height: 150px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 10px;
  padding: 0px 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
.short-link-container .sl-stats.has-unique-visits {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.short-link-container .sl-stats.has-short-link-stats {
  margin-top: 30px;
  margin-bottom: 30px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.short-link-container .sl-stats.has-short-link-stats .sl-stat {
  margin-top: 20px;
}
.short-link-container .sl-stats .sl-stat {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.short-link-container .sl-stats .sl-stat .stat-title {
  font-size: 14px;
  margin-bottom: 5px;
}
.short-link-container .sl-stats .sl-stat .start-caption {
  font-size: 25px;
  font-weight: 600;
}
.short-link-container .sl-graphics {
  float: left;
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  padding: 0px 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
.short-link-container .sl-graphics .sl-graphic {
  float: left;
  display: flex;
}
.short-link-container .sl-graphics .sl-graphic .chart-card-container {
  height: auto;
  width: 100%;
}
.short-link-container .sl-graphic-timeline {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0px 10px;
}
.short-link-container .table {
  float: left;
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 10px;
  padding: 0px 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
.short-link-container .table .table-child {
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #dddddd;
}
.short-link-container .sl-created-section {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0px 10px;
  margin: 30px 0 10px 0;
}
.short-link-container .sl-created-section .sl-created-caption {
  font-size: 14px;
  font-weight: 600;
  color: #989aac;
}
@media (max-width: 768px) {
  .short-link-container .sl-header-content {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: 10px;
  }
  .short-link-container .sl-header-content .sl-header-content-container:first-child {
    width: 100%;
    justify-content: space-between;
  }
  .short-link-container .sl-header-content .sl-header-content-container:last-child {
    width: 100%;
    justify-content: space-between;
  }
  .short-link-container .sl-header-content .mobile-status {
    display: flex;
    margin-left: auto;
  }
  .short-link-container .sl-header-content .desktop-status {
    display: none;
  }
  .short-link-container .sl-graphics {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .short-link-container .sl-stats.has-short-link-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
  }
  .short-link-container .sl-details-url {
    height: auto;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .short-link-container .sl-details-url .sl-link {
    height: auto;
    margin-bottom: 10px;
  }
  .short-link-container .extraElementHeader {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}.kpi-group-container {
  border: solid 1px #8e91a4;
  background: #ffffff;
  border-radius: 5px;
  width: fit-content;
}
.kpi-group-container .kpi-group-title, .kpi-group-container .kpi-item-container {
  display: flex;
  align-items: center;
}
.kpi-group-container .kpi-group-title {
  border-bottom: solid 1px #e0e0e0;
  color: #49525f;
  font-weight: bold;
  height: 32px;
  font-size: 16px;
  justify-content: space-between;
  padding: 0 10px;
}
.kpi-group-container .kpi-items-container {
  display: flex;
  flex-wrap: wrap;
}
.kpi-group-container .kpi-items-container .kpi-item-container {
  width: 180px;
  height: 168px;
  padding: 10px;
  display: grid;
  grid-template-rows: 40px 68px 40px;
  border-right: solid 1px #e0e0e0;
}
.kpi-group-container .kpi-items-container .kpi-item-container .kpi-item-detail-container {
  display: flex;
  justify-content: space-between;
  width: 160px;
  font-size: 12px;
}
.kpi-group-container .kpi-items-container .kpi-item-container .kpi-item-detail-container .kpi-item-detail {
  text-align: center;
}
.kpi-group-container .kpi-items-container .kpi-item-container .kpi-item-title {
  font-size: var(--subtitle2font-size-components);
  font-weight: var(--subtitle2font-weight-components);
  color: var(--subtitle2font-color-components);
  text-align: center;
}
.kpi-group-container .kpi-items-container .kpi-item-container .kpi-item-value {
  font-size: 24px;
  text-align: center;
}
.kpi-group-container .kpi-items-container .LOADING {
  display: flex;
  justify-content: center;
  align-items: center;
}.date-picker-component-container input {
  border: solid 1px #989aac !important;
  border-radius: 5px !important;
  height: 36px !important;
  text-align: center;
  background-color: #F8F8F8;
}.custom-range-slider {
  background-color: #dce7fb !important;
  height: 4px !important;
}

.order-checkbox-contanier {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  max-width: 270px;
  margin: 0 auto 20px auto;
  height: auto;
  opacity: 1;
  max-height: 100px;
  transition: max-height 200ms, opacity 5ms ease-in, margin 10ms;
}
.order-checkbox-contanier.hidden {
  max-height: 0;
  opacity: 0;
  margin: 0;
}
.order-checkbox-contanier.hidden input.form-check-input {
  pointer-events: none;
  cursor: initial;
}
.order-checkbox-contanier.hidden label.form-check-label {
  cursor: initial;
}
.order-checkbox-contanier.hidden .order-checkbox {
  max-height: 0;
}
.order-checkbox-contanier .form-check-input {
  -webkit-appearance: checkbox;
  border-radius: 5px !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
}
.order-checkbox-contanier .form-check {
  display: flex;
  align-items: center;
  align-content: center;
  margin: 0;
}
.order-checkbox-contanier .form-check-label {
  font-family: inherit;
  font-size: 13.6px;
  font-weight: bold;
  color: #606060;
  padding-top: 6px;
  padding-left: 5px;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #31ad63 !important;
  background-color: #31ad63 !important;
}.new-ui-tabs-container {
  display: flex;
  background-color: #dedede;
  padding: 5px 0px;
  border-radius: 5px;
  width: fit-content;
  font-size: 11px;
  margin-left: 10px;
}
.new-ui-tabs-container .tab {
  padding: 5px 10px;
  margin: 0 5px;
  border-radius: 5px;
  cursor: pointer;
  color: #1C1C1B;
  background-color: #dedede;
  transition: all 0.3s ease;
}
.new-ui-tabs-container .tab.active {
  color: #dedede;
  background-color: #1C1C1B;
  font-weight: bold;
}

.tabs {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  justify-content: center;
  flex-direction: row;
  flex-flow: inherit;
  text-align: center;
  box-shadow: 0 4px 6px -6px #222;
  height: 51px;
  font-size: 12px;
  margin-bottom: 20px;
}

.tab-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  cursor: pointer;
}

.tab-label .active {
  color: #0047ff;
}

.content-container {
  padding: 10px;
}.collapse-sidebar {
  height: 100%;
  display: flex;
  z-index: 10000;
  position: absolute;
}
.collapse-sidebar .collapse-sidebar__button {
  z-index: 2000;
  width: 40px;
  height: 40px;
  background-color: #1C1C1B;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 0px 10px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.12s ease-in-out;
  margin-left: 5px;
  margin-top: 15px;
}
.collapse-sidebar .collapse-sidebar__button:hover {
  background-color: #1e262f;
}
.collapse-sidebar .collapse-sidebar__content {
  width: fit-content;
  min-height: 40px;
  background-color: transparent;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  width: 0%;
  transition: all 0.12s ease-in-out;
}
.collapse-sidebar .OPEN {
  width: 300px;
}.chat-message-bubble-container {
  width: 100%;
}
.chat-message-bubble-container .message-bubble-reply-icon {
  margin-bottom: auto;
  cursor: pointer;
  width: auto;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-message-bubble-container .message-bubble-incoming, .chat-message-bubble-container .message-bubble-outgoing, .chat-message-bubble-container .on-app-message-content__multimedia-icon {
  display: flex;
  align-items: center;
}
.chat-message-bubble-container .message-bubble-profile-img {
  user-select: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  padding: 2px;
  border: solid 1px #dddddd;
  margin-top: auto;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-message-bubble-container .message-bubble-profile-img img {
  width: 100%;
  border-radius: 50%;
}
.chat-message-bubble-container .message-bubble-profile-img .message-bubble-name {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #b0aaaa;
  font-weight: 500;
}
.chat-message-bubble-container .message-bubble {
  width: fit-content;
  max-width: 320px !important;
  margin: 0 10px;
}
.chat-message-bubble-container .message-bubble .sticker-bubble-container {
  padding: 10px;
  max-width: 120px;
  max-height: 90px;
}
.chat-message-bubble-container .message-bubble .sticker-bubble-container .sticker-bubble-content img {
  max-width: 120px;
  max-height: 90px;
}
.chat-message-bubble-container .message-bubble .unsupported-message-container {
  padding: 0;
  max-height: none;
}
.chat-message-bubble-container .message-bubble .audio-message-container {
  padding: 5px;
  background: white;
  border-radius: 4px;
  padding: 15px;
  padding-top: 10px;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-message__media-container {
  display: grid;
  gap: 5px;
  grid-template-columns: auto 18px;
  justify-content: center;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-message__media-container .voice-note-icon {
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-message__media-container audio {
  height: 30px;
  width: 280px;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-message__media-type {
  font-size: 9px;
  color: #989aac;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-transcription .audio-transcription__options {
  margin: 10px 0;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
  font-style: italic;
  font-weight: normal;
  color: #a1a1a1;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-transcription .audio-transcription__options .options__show-button {
  cursor: pointer;
  color: #407bff !important;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-transcription .audio-transcription__options .options__show-button:hover {
  text-decoration: underline;
}
.chat-message-bubble-container .message-bubble .audio-message-container .audio-transcription .audio-transcription__text {
  font-size: 14px;
  color: #606060;
}
.chat-message-bubble-container .message-bubble .file-message-container {
  border: solid 1px #dddddd;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
  background: white;
  border-radius: 4px;
  width: 220px;
  height: auto;
  gap: 0px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 40px 165px;
  margin: auto;
  padding: 5px;
  gap: 5px;
}
.chat-message-bubble-container .message-bubble .file-message-container .file-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-message-bubble-container .message-bubble .file-message-container .file-icon-container .file-icon {
  width: 30px;
}
.chat-message-bubble-container .message-bubble .file-message-container .file-message__file-details {
  margin: auto;
  margin-left: 0;
}
.chat-message-bubble-container .message-bubble .file-message-container .file-message__file-details .file-message__file-name {
  font-size: 12px;
  color: #606060;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
.chat-message-bubble-container .message-bubble .file-message-container .file-message__file-details .file-message__file-type {
  font-size: 10px;
  color: #989aac;
}
.chat-message-bubble-container .message-bubble .file-caption {
  width: 215px;
  height: auto;
  display: grid;
  grid-template-columns: auto;
  padding: 5px;
}
.chat-message-bubble-container .message-bubble .file-caption .message-caption {
  overflow-wrap: anywhere;
  font-size: 12px;
  color: #49525f;
}
.chat-message-bubble-container .message-bubble .message-bubble-container, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container, .chat-message-bubble-container .message-bubble .quick-button, .chat-message-bubble-container .message-bubble .audio-message-container, .chat-message-bubble-container .message-bubble .unsupported-message-container {
  border: solid 1px #dddddd;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  color: #606060;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  border-radius: 4px;
  width: auto;
  height: fit-content;
  max-width: 380px;
  min-width: 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  padding: 5px;
  min-height: 38px;
  font-size: 14px;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .text-message, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .text-message, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .text-message, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .text-message, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .text-message {
  word-wrap: break-word;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content span[style*="Courier New"], .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content span[style*="Courier New"], .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content span[style*="Courier New"], .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content span[style*="Courier New"], .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content span[style*="Courier New"] {
  font-family: "Courier New", monospace;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content p, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content p, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content p, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content p, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content p {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  word-break: break-word;
  white-space: break-spaces;
  font-size: 14px;
  color: #49525f;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble-multimedia, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble-multimedia, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble-multimedia, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble-multimedia, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble-multimedia {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 5px;
  border: solid 1px #dbdbdb;
  background: #f8f2f2;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble-multimedia .message-bubble-multimedia--image, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble-multimedia .message-bubble-multimedia--image, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble-multimedia .message-bubble-multimedia--image, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble-multimedia .message-bubble-multimedia--image, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble-multimedia .message-bubble-multimedia--image {
  width: 265px;
  border-radius: 5px;
  height: 150px;
  cursor: pointer;
  background-size: cover;
  position: center;
  background-repeat: no-repeat;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble__message-options-container, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble__message-options-container, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble__message-options-container, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble__message-options-container, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble__message-options-container {
  position: relative;
  margin: 0 5px;
  margin-bottom: auto;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble__message-options, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble__message-options, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble__message-options-container .message-bubble__message-options, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble__message-options, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble__message-options {
  cursor: pointer;
  width: 12px;
  height: 10px;
  margin-bottom: auto;
  margin-top: 2px;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble__message-options-container .message-bubble-options, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options {
  transition: all 0.25s ease-in-out;
  right: 15px;
  top: 10px;
  position: absolute;
  border: solid 1px #dddddd;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
  width: 105px;
  background: #ffffff;
  padding: 5px 0;
  border-radius: 4px;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text {
  width: auto;
  font-size: 12px;
  color: #49525f;
  padding: 5px;
  cursor: pointer;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text:hover, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text:hover, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text:hover, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text:hover, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble__message-options-container .message-bubble-options .message-bubble-option .message-bubble-option__text:hover {
  background: #f5f5f5;
}
.chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content .message-bubble__message-options-container .IN, .chat-message-bubble-container .message-bubble .on-app-message-bubble-container .message-bubble-content .message-bubble__message-options-container .IN, .chat-message-bubble-container .message-bubble .quick-button .message-bubble-content .message-bubble__message-options-container .IN, .chat-message-bubble-container .message-bubble .audio-message-container .message-bubble-content .message-bubble__message-options-container .IN, .chat-message-bubble-container .message-bubble .unsupported-message-container .message-bubble-content .message-bubble__message-options-container .IN {
  right: 0;
  left: 15px;
}
.chat-message-bubble-container .message-bubble .ERROR {
  background: #b30101;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.chat-message-bubble-container .message-bubble .ERROR .message-bubble__message {
  color: #ffffff !important;
}
.chat-message-bubble-container .message-bubble .WABA-OUT {
  background: #f3fff4;
}
.chat-message-bubble-container .message-bubble .WHATSAPP-OUT {
  background: #f3fff4;
}
.chat-message-bubble-container .message-bubble .TELEGRAM-OUT {
  background: #f5fcff;
}
.chat-message-bubble-container .message-bubble .MESSENGER-OUT {
  background: #faf1ff;
}
.chat-message-bubble-container .message-bubble .INSTAGRAM-OUT {
  background: #ffe9f6;
}
.chat-message-bubble-container .message-bubble .WEBCHAT-OUT {
  background: #f7f1ff;
}
.chat-message-bubble-container .message-bubble .RCS-OUT {
  background: #fef1dc;
}
.chat-message-bubble-container .message-bubble .TIKTOK-OUT {
  background: #f5f5f5;
}
.chat-message-bubble-container .message-bubble .on-app-message-bubble-container {
  justify-content: flex-start;
  padding: 5px;
  max-width: 230px;
  background: rgba(252, 252, 252, 0.55);
}
.chat-message-bubble-container .message-bubble .on-app-message-bubble-container .on-app-message-content {
  display: grid;
  grid-template-columns: 40px auto;
  gap: 8px;
  font-style: italic;
  font-size: 12px;
  align-items: center;
}
.chat-message-bubble-container .message-bubble .on-app-message-bubble-container .on-app-message-content .on-app-message-content__multimedia-icon {
  user-select: none;
  justify-content: center;
  background: lightgrey;
  padding: 5px;
  border-radius: 50%;
  height: 35px;
  width: 35px;
}
.chat-message-bubble-container .message-bubble .on-app-message-bubble-container .on-app-message-content .on-app-message-content__multimedia-icon .multimedia-icon__icon {
  height: 35px !important;
}
.chat-message-bubble-container .message-bubble .message-status-container {
  margin: 1px 0;
  height: 20px;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status {
  display: flex;
  justify-content: space-between;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status.OUT {
  flex-direction: row;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status.IN {
  flex-direction: row-reverse;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .hour-status-container {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-right: 5px;
  align-items: center;
  margin-top: 0.25rem;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .hour-status-container.OUT {
  flex-direction: row;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .hour-status-container.IN {
  flex-direction: row-reverse;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .hour-status-container .delivery-icon {
  display: flex;
  align-items: center;
  height: auto;
  width: auto;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .hour-status-container .message-datetime, .chat-message-bubble-container .message-bubble .message-status-container .message-status .hour-status-container .message-sent-by {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 10px;
  margin: 0;
  text-align: right;
  white-space: nowrap;
  padding: 0;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-delivery-status {
  display: flex;
  align-items: center;
  font-size: 10px;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status {
  font-size: 10px;
  color: red;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-status-label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-status-label.OUT {
  flex-direction: row;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-status-label.IN {
  flex-direction: row-reverse;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-tooltip-trigger {
  cursor: help;
  text-decoration: none;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-status-separator {
  font-size: 10px;
  font-weight: bolder;
  padding: 0px 2px;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-retry-label {
  cursor: pointer;
  text-decoration: none;
}
.chat-message-bubble-container .message-bubble .message-status-container .message-status .message-error-status .error-retry-label:hover {
  text-decoration: underline;
}
.chat-message-bubble-container .AUDIO {
  max-width: 380px;
}
.chat-message-bubble-container .quick-response {
  height: auto;
  width: 100%;
  max-width: 325px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.chat-message-bubble-container .quick-response .quick-button {
  color: #00a5f4;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
  padding: 0 16px;
  white-space: pre-wrap;
  border-radius: 4px;
  box-shadow: rgb(0, 0, 38.25);
  flex-grow: 1;
  margin: 5px 0 0 2px;
  min-width: calc(40% - 2px);
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  user-select: none;
}
.chat-message-bubble-container .quick-response .quick-button .button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message-bubble-container .quick-response .quick-button.button-click {
  cursor: pointer;
}
.chat-message-bubble-container .quick-response .last-message-bubble-OUT-WABA::before, .chat-message-bubble-container .quick-response .last-message-bubble-OUT-TELEGRAM::before, .chat-message-bubble-container .quick-response .last-message-bubble-OUT-MESSENGER::before,
.chat-message-bubble-container .quick-response .last-message-bubble-OUT-WEBCHAT::before, .chat-message-bubble-container .quick-response .last-message-bubble-OUT-INSTAGRAM::before, .chat-message-bubble-container .quick-response .last-message-bubble-OUT-WHATSAPP::before,
.chat-message-bubble-container .quick-response .last-message-bubble-OUT-TIKTOK::before {
  display: none;
}
.chat-message-bubble-container .call-to-actions {
  height: auto;
  width: 100%;
  max-width: 325px;
  margin: 3px 0 0 0;
  border-radius: 4px;
  border: solid 1px #dddddd;
}
.chat-message-bubble-container .call-to-actions .action-button {
  color: #00a5f4;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
  padding: 0 16px;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  user-select: none;
  cursor: pointer;
}
.chat-message-bubble-container .call-to-actions .action-button .icon-action {
  margin-right: 6px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.chat-message-bubble-container .call-to-actions .action-button .text-action {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}
.chat-message-bubble-container .call-to-actions.WABA-action-button, .chat-message-bubble-container .call-to-actions.WHATSAPP-action-button {
  background: #f3fff4;
}
.chat-message-bubble-container .call-to-actions.TELEGRAM-action-button {
  background: #f5fcff;
}
.chat-message-bubble-container .call-to-actions.MESSENGER-action-button {
  background: #faf1ff;
}
.chat-message-bubble-container .call-to-actions.INSTAGRAM-action-button {
  background: #ffe9f6;
}
.chat-message-bubble-container .call-to-actions.WEBCHAT-action-button {
  background: #f7f1ff;
}
.chat-message-bubble-container .call-to-actions.RCS-action-button {
  background: #fef1dc;
}
.chat-message-bubble-container .call-to-actions.TIKTOK-action-button {
  background: #f5f5f5;
}

.message-bubble:has(.unsupported-message-container) {
  max-width: 360px !important;
}

.message-bubble:has(.quick-response) .last-message-bubble-OUT-TELEGRAM::before, .message-bubble:has(.quick-response) .last-message-bubble-OUT-MESSENGER::before, .message-bubble:has(.quick-response) .last-message-bubble-OUT-WHATSAPP::before,
.message-bubble:has(.quick-response) .last-message-bubble-OUT-WEBCHAT::before, .message-bubble:has(.quick-response) .last-message-bubble-OUT-INSTAGRAM::before, .message-bubble:has(.quick-response) .last-message-bubble-OUT-WABA::before,
.message-bubble:has(.quick-response) .last-message-bubble-OUT-TIKTOK::before {
  display: none;
}
.message-bubble:has(.quick-response) .message-bubble-container {
  width: auto;
}

.message-bubble:has(.call-to-actions) .last-message-bubble-OUT-TELEGRAM::before, .message-bubble:has(.call-to-actions) .last-message-bubble-OUT-MESSENGER::before, .message-bubble:has(.call-to-actions) .last-message-bubble-OUT-WHATSAPP::before,
.message-bubble:has(.call-to-actions) .last-message-bubble-OUT-WEBCHAT::before, .message-bubble:has(.call-to-actions) .last-message-bubble-OUT-INSTAGRAM::before, .message-bubble:has(.call-to-actions) .last-message-bubble-OUT-WABA::before,
.message-bubble:has(.call-to-actions) .last-message-bubble-OUT-TIKTOK::before {
  display: none;
}
.message-bubble:has(.call-to-actions) .message-bubble-container {
  width: auto;
}

.message-bubble-content:has(.footer-message) .message-bubble__message {
  margin-bottom: 3px !important;
}

.message-bubble-content:has(.header-message) .message-bubble__message {
  margin-top: 3px !important;
}

.last-message-bubble-OUT-TELEGRAM, .last-message-bubble-OUT-MESSENGER, .last-message-bubble-OUT-WEBCHAT, .last-message-bubble-OUT-INSTAGRAM,
.last-message-bubble-OUT-WABA, .last-message-bubble-OUT-WHATSAPP, .last-message-bubble-OUT-TIKTOK, .last-message-bubble-IN, .last-message-bubble-IN-error, .last-message-bubble-OUT-error {
  position: relative;
}

.last-message-bubble-OUT-TELEGRAM::before, .last-message-bubble-OUT-MESSENGER::before, .last-message-bubble-OUT-WEBCHAT::before, .last-message-bubble-OUT-INSTAGRAM::before,
.last-message-bubble-OUT-WABA::before, .last-message-bubble-OUT-WHATSAPP::before, .last-message-bubble-OUT-TIKTOK::before, .last-message-bubble-OUT-error::before {
  transform: scaleX(-1);
  content: "";
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent transparent #ffffff;
  right: 0px;
}

.last-message-bubble-OUT-WABA::before {
  border-color: transparent transparent transparent #f3fff4;
}

.last-message-bubble-OUT-WHATSAPP::before {
  border-color: transparent transparent transparent #f3fff4;
}

.last-message-bubble-OUT-TELEGRAM::before {
  border-color: transparent transparent transparent #f5fcff;
}

.last-message-bubble-OUT-MESSENGER::before {
  border-color: transparent transparent transparent #faf1ff;
}

.last-message-bubble-OUT-INSTAGRAM::before {
  border-color: transparent transparent transparent #ffe9f6;
}

.last-message-bubble-OUT-WEBCHAT::before {
  border-color: transparent transparent transparent #f7f1ff;
}

.last-message-bubble-OUT-TIKTOK::before {
  border-color: transparent transparent transparent #f5f5f5;
}

.last-message-bubble-IN::before, .last-message-bubble-IN-error::before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent transparent #ffffff;
  left: 0px;
}

.last-message-bubble-OUT-error::before, .last-message-bubble-IN-error::before {
  border-color: transparent transparent transparent #b30101;
}

.message-reference {
  min-height: 50px;
  width: 100%;
  background: #efefef;
  padding: 10px;
}
.message-reference .message-reference__sended_by {
  font-size: 10px;
}

.message-reference__multimedia--file {
  margin: 5px 0;
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}
.message-reference__multimedia--file img {
  height: 40px !important;
}
.message-reference__multimedia--file .message-reference__multimedia--file-text {
  margin: auto 0;
}

.footer-message {
  font-size: 12px;
  color: #8696a0;
  height: auto;
  font-weight: 500;
}

.header-message {
  font-size: 15px;
  color: #111b21;
  height: auto;
  font-weight: bold;
}

.ad-message-incoming {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center;
  margin-bottom: 5px;
}
.ad-message-incoming .ad-icon-message {
  float: left;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23808080'%20class='bi%20bi-megaphone'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M13%202.5a1.5%201.5%200%200%201%203%200v11a1.5%201.5%200%200%201-3%200v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405%202.712A1%201%200%200%201%205.51%2015.1h-.548a1%201%200%200%201-.916-.599l-1.85-3.49a68.14%2068.14%200%200%200-.202-.003A2.014%202.014%200%200%201%200%209V7a2.02%202.02%200%200%201%201.992-2.013%2074.663%2074.663%200%200%200%202.483-.075c3.043-.154%206.148-.849%208.525-2.199zm1%200v11a.5.5%200%200%200%201%200v-11a.5.5%200%200%200-1%200m-1%201.35c-2.344%201.205-5.209%201.842-8%202.033v4.233c.18.01.359.022.537.036%202.568.189%205.093.744%207.463%201.993V3.85zm-9%206.215v-4.13a95.09%2095.09%200%200%201-1.992.052A1.02%201.02%200%200%200%201%207v2c0%20.55.448%201.002%201.006%201.009A60.49%2060.49%200%200%201%204%2010.065m-.657.975%201.609%203.037.01.024h.548l-.002-.014-.443-2.966a68.019%2068.019%200%200%200-1.722-.082z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-right: 5px;
}
.ad-message-incoming .ad-caption-message {
  font-size: 11px;
  color: #808080;
  user-select: none;
}

.ads_container {
  width: auto;
  max-width: 280px;
  height: 200px;
  background: rgba(138, 138, 138, 0.0901960784);
  display: grid;
  grid-template-rows: 60% 40%;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.ads_container.ad-one-row {
  grid-template-rows: 80% 20%;
}
.ads_container .ads_row {
  overflow: hidden;
}
.ads_container .ads_row.ad_information {
  padding: 10px;
  max-height: 100%;
}
.ads_container .ads_thumbnail {
  width: 100%;
  min-width: 280px;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ads_container .ad_title {
  font-weight: bold;
  font-size: 13px;
  user-select: none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ads_container .ad_body {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  user-select: none;
}

.bubble-meta-ads-container {
  width: 280px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(138, 138, 138, 0.0901960784);
  margin-bottom: 10px;
  cursor: pointer;
}
.bubble-meta-ads-container .bubble-meta-ads-img-top {
  width: 100%;
  height: 125px;
  object-fit: cover;
}
.bubble-meta-ads-container .bubble-meta-ads-img-top-default {
  width: 100%;
  height: 125px;
  background-color: #e5e7eb;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.bubble-meta-ads-container .bubble-meta-ads-img-top-default__icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.5rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239ca3af'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.bubble-meta-ads-container .bubble-meta-ads-img-top-default__title {
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  user-select: none;
}
.bubble-meta-ads-container .bubble-meta-ads-img-top-default__subtitle {
  color: #6b7280;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  margin-top: 0.25rem;
  user-select: none;
}
.bubble-meta-ads-container .bubble-meta-ads-body {
  padding: 1.25rem;
  max-height: 90px;
  overflow: hidden;
  padding: 10px;
  cursor: pointer;
}
.bubble-meta-ads-container .bubble-meta-ads-title {
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  user-select: none;
}
.bubble-meta-ads-container .bubble-meta-ads-caption {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  user-select: none;
  user-select: none;
}

.virutal-assistant-message {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center;
  margin-bottom: 5px;
}
.virutal-assistant-message .virtual-assistant-icon {
  float: left;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1_6)'%3e%3cpath%20d='M10.6055%200.9375C10.6055%208.35969%206.59437%2015%200.9375%2015C6.59437%2015%2010.6055%2021.6408%2010.6055%2029.0625C10.6055%2021.6408%2014.6166%2015%2020.2734%2015C14.6166%2015%2010.6055%208.35969%2010.6055%200.9375Z'%20fill='%23007bff'%20/%3e%3cpath%20d='M24.2287%200.9375C24.2287%204.64859%2022.2239%207.96875%2019.3945%207.96875C22.2234%207.96875%2024.2287%2011.2894%2024.2287%2015C24.2287%2011.2894%2026.2336%207.96875%2029.063%207.96875C26.2336%207.96875%2024.2287%204.64859%2024.2287%200.9375Z'%20fill='%23007bff'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1_6'%3e%3crect%20width='30'%20height='30'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-right: 5px;
}
.virutal-assistant-message .caption-message {
  font-size: 11px;
  color: #808080;
  user-select: none;
}

.ai-agent-message {
  margin-bottom: 5px;
}
.ai-agent-message__badge {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center;
}
.ai-agent-message .ai-agent-icon {
  float: left;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1_6)'%3e%3cpath%20d='M10.6055%200.9375C10.6055%208.35969%206.59437%2015%200.9375%2015C6.59437%2015%2010.6055%2021.6408%2010.6055%2029.0625C10.6055%2021.6408%2014.6166%2015%2020.2734%2015C14.6166%2015%2010.6055%208.35969%2010.6055%200.9375Z'%20fill='%23007bff'%20/%3e%3cpath%20d='M24.2287%200.9375C24.2287%204.64859%2022.2239%207.96875%2019.3945%207.96875C22.2234%207.96875%2024.2287%2011.2894%2024.2287%2015C24.2287%2011.2894%2026.2336%207.96875%2029.063%207.96875C26.2336%207.96875%2024.2287%204.64859%2024.2287%200.9375Z'%20fill='%23007bff'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1_6'%3e%3crect%20width='30'%20height='30'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-right: 5px;
}
.ai-agent-message .caption-message {
  font-size: 11px;
  color: #808080;
  user-select: none;
}

.message-bubble-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.message-bubble-column--IN {
  align-items: flex-start;
}
.message-bubble-column--OUT {
  align-items: flex-end;
}

.ai-agent-chip-wrap {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  margin: 0 10px 4px;
  max-width: min(320px, 85%);
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 9999px;
  width: fit-content;
}
.ai-agent-chip-wrap:hover {
  border-color: #cbd5e1;
}
.ai-agent-chip-wrap.is-expanded {
  border-radius: 10px;
  width: 100%;
}

.ai-agent-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  padding: 3px 10px;
  font-size: 11px;
  line-height: 1;
  color: #6b7280;
  cursor: pointer;
}
.ai-agent-chip__seg {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #6b7280;
}
.ai-agent-chip__divider {
  width: 1px;
  height: 11px;
  background: #e2e8f0;
}

.ai-agent-detail {
  width: 100%;
  padding: 0 10px 8px;
  font-size: 11px;
}
.ai-agent-detail__section {
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}
.ai-agent-detail__section + .ai-agent-detail__section {
  margin-top: 8px;
}
.ai-agent-detail__eyebrow {
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 4px;
}
.ai-agent-detail__row {
  color: #4b5563;
  line-height: 1.5;
  padding: 1px 0;
}

.carousel-wrapper {
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  margin: 10px 0;
}

.carousel-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 10px;
  padding: 10px 0;
}
.carousel-container::-webkit-scrollbar {
  height: 6px;
}
.carousel-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.carousel-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.carousel-item {
  flex: 0 0 auto;
  width: 240px;
  scroll-snap-align: start;
  border-radius: 8px;
  background: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.carousel-item .carousel-image-container {
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.carousel-item .carousel-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-item .carousel-content {
  padding: 12px;
  padding-bottom: 0;
}
.carousel-item .carousel-title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
}
.carousel-item .carousel-subtitle {
  margin: 0 0 12px;
  font-size: 14px;
  color: #666;
}
.carousel-item .carousel-buttons {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.carousel-item .carousel-button {
  padding: 8px 16px;
  border: 1px solid #dfd7d7;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
  width: 100%;
  background: white;
  color: #050505;
  margin: 4px 0;
}
.carousel-item .carousel-button:hover {
  background-color: #f5f5f5;
}
.carousel-item .carousel-button.web_url, .carousel-item .carousel-button.postback {
  background-color: white;
  color: #050505;
  border: 1px solid #dfd7d7;
}
.carousel-item.WABA-OUT, .carousel-item.WHATSAPP-OUT {
  background: #f3fff4;
}
.carousel-item.TELEGRAM-OUT {
  background: #f5fcff;
}
.carousel-item.MESSENGER-OUT {
  background: #faf1ff;
}
.carousel-item.INSTAGRAM-OUT {
  background: #ffe9f6;
}
.carousel-item.WEBCHAT-OUT {
  background: #f7f1ff;
}
.carousel-item.TIKTOK-OUT {
  background: #f5f5f5;
}

.message-bubble-container:has(.carousel-wrapper) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.message-bubble-container.carousel-container-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.message-bubble-rcs-container.OUT {
  margin-left: auto !important;
}
.message-bubble-rcs-container .preview-content {
  float: right !important;
  width: 30% !important;
  height: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
.message-bubble-rcs-container .preview-bubble {
  background: #fef1dc !important;
  border-radius: 5px !important;
  border: solid 1px #dddddd !important;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15) !important;
}
.message-bubble-rcs-container .suggestion-button {
  background: #fef1dc !important;
}
.message-bubble-rcs-container .action-button.rcs {
  background: #fef1dc !important;
}
.message-bubble-rcs-container .message-status-container {
  margin: 1px 5px;
  height: 20px;
}
.message-bubble-rcs-container .message-status-container .message-status {
  display: flex;
  justify-content: space-between;
}
.message-bubble-rcs-container .message-status-container .message-status.OUT {
  flex-direction: row;
}
.message-bubble-rcs-container .message-status-container .message-status.IN {
  flex-direction: row-reverse;
}
.message-bubble-rcs-container .message-status-container .message-status .hour-status-container {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-right: 5px;
}
.message-bubble-rcs-container .message-status-container .message-status .hour-status-container.OUT {
  flex-direction: row;
}
.message-bubble-rcs-container .message-status-container .message-status .hour-status-container.IN {
  flex-direction: row-reverse;
}
.message-bubble-rcs-container .message-status-container .message-status .hour-status-container .delivery-icon {
  display: flex;
  align-items: center;
  height: auto;
  width: auto;
}
.message-bubble-rcs-container .message-status-container .message-status .hour-status-container .message-datetime, .message-bubble-rcs-container .message-status-container .message-status .hour-status-container .message-sent-by {
  display: flex;
  align-items: center;
  color: #4c4d52;
  font-size: 10px;
  margin: 0;
  text-align: right;
  padding: 0;
}
.message-bubble-rcs-container .message-status-container .message-status .message-delivery-status {
  display: flex;
  align-items: center;
  font-size: 10px;
}
.message-bubble-rcs-container .template-preview-container {
  padding-bottom: 0 !important;
  padding-right: 10px !important;
}

.url-preview-container {
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(194, 177, 177, 0.1019607843);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(194, 177, 177, 0.1019607843);
  width: 100%;
  transition: all 0.3s ease;
}
.url-preview-container:hover {
  background: rgba(255, 255, 255, 0.15);
}

.url-preview-content {
  padding: 12px;
}

.url-preview-title {
  font-weight: 500;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.url-preview-description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.4em;
  margin: 0;
  line-height: 1.4;
}

.coexistence-message {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.coexistence-message-icon {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  flex-shrink: 0;
  color: #6b7280;
}
.coexistence-message-muted {
  font-size: 10px;
  color: #6b7280;
}

.footer-message-dot {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  flex-shrink: 0;
  color: #6b7280;
}

.unsupported-message {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 5px;
}
.unsupported-message-icon {
  width: 1rem;
  height: 1rem;
  color: #606060;
  display: block;
  flex-shrink: 0;
}
.unsupported-message-content-area {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 1 0%;
  flex-direction: column;
}
.unsupported-message-text {
  color: #606060;
  font-size: 0.75rem;
  line-height: 1.25rem;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  font-style: italic;
  margin: 0;
}
.unsupported-message-link {
  color: #007BFD;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  font-style: italic;
}

.carousel-scroll-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden; /* Quitar scroll vertical */
  padding: 8px;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #dadde1 transparent; /* Firefox */
}
.carousel-scroll-container::-webkit-scrollbar {
  height: 8px; /* Chrome, Safari and Opera - solo horizontal */
  width: 0px; /* Sin scroll vertical */
}
.carousel-scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.carousel-scroll-container::-webkit-scrollbar-thumb {
  background: #dadde1;
  border-radius: 4px;
}
.carousel-scroll-container::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.carousel-scroll-container .carousel-card-container {
  min-width: 280px;
  max-width: 300px;
  flex-shrink: 0;
}
.carousel-scroll-container .carousel-card-container .carousel-card-content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.carousel-scroll-container .carousel-card-container .carousel-card-content .rcs-action-item:hover {
  background-color: #f5f5f5 !important;
}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.information-component-button {
  font-family: var(--heading-font-family);
  font-size: 13px;
  float: right;
  height: 25px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  margin-left: 10px;
  background-color: #007bff;
  border: 1px solid #007bff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

.tippy-tooltip.tomato-theme {
  background-color: tomato;
  color: yellow;
}

.tippy-tooltip.plain-theme {
  background-color: #f0f0f0;
  color: black;
  border: 1px solid rgb(122, 122, 122);
}

.tippy-tooltip.light-theme {
  background-color: white;
  color: #606060;
  border: 1px solid rgb(122, 122, 122);
}

.tippy-tooltip.light-theme[data-placement^=top] > .tippy-arrow {
  border-top-color: white;
}

.tippy-tooltip.light-theme[data-placement^=bottom] > .tippy-arrow {
  border-bottom-color: white;
}

.tippy-tooltip.light-theme[data-placement^=left] > .tippy-arrow {
  border-left-color: white;
}

.tippy-tooltip.light-theme[data-placement^=right] > .tippy-arrow {
  border-right-color: white;
}

.tippy-tooltip.error-theme {
  background-color: white;
  color: #606060;
  border: 1px solid rgb(251, 78, 78);
}

.tippy-tooltip.error-theme[data-placement^=top] > .tippy-arrow {
  border-top-color: rgb(251, 78, 78);
}

.tippy-tooltip.error-theme[data-placement^=bottom] > .tippy-arrow {
  border-bottom-color: rgb(251, 78, 78);
}

.tippy-tooltip.error-theme[data-placement^=left] > .tippy-arrow {
  border-left-color: rgb(251, 78, 78);
}

.tippy-tooltip.error-theme[data-placement^=right] > .tippy-arrow {
  border-right-color: rgb(251, 78, 78);
}

.tippy-tooltip.rounded-theme {
  background-color: #f8f8f8;
  color: black;
  border: 1px solid #dddddd;
  border-radius: 10px;
  margin-bottom: 5px;
}.information-component-container {
  max-width: 290px;
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.information-component-container .information-component-title {
  font-weight: bold;
}
.information-component-container .markdown-allign {
  text-align: justify;
  margin-top: 10px;
}
.information-component-container .information-title-separator {
  margin-bottom: 10px;
}
.information-component-container .buttons-list-container {
  max-width: 500px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.information-component-container .buttons-list-container .button {
  width: 125px;
  height: 28px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
/* Default icon options */
.leaflet-default-icon-icon {
	background-image: url(~leaflet/dist/images/marker-icon.png), url(~leaflet/dist/images/marker-icon-2x.png); /* normal[, Retina] */
	cursor: url(~leaflet/dist/images/marker-icon.png), url(~leaflet/dist/images/marker-icon-2x.png), auto; /* normal[, Retina], auto for compliance with cursor syntax */
	width: 25px;
	height: 41px;
	margin: -41px -12px; /* margin top and left to reversely position iconAnchor */
	}
.leaflet-default-icon-shadow {
	background-image: url(~leaflet/dist/images/marker-shadow.png); /* normal[, Retina] */
	cursor: url(~leaflet/dist/images/marker-shadow.png), auto; /* normal[, Retina], auto */
	width: 41px;
	height: 41px;
	margin: -41px -12px; /* margin top and left to reversely position shadowAnchor */
	}
.leaflet-default-icon-popup {
	margin: -34px 1px; /* margin top and left to position popupAnchor */
	}
.leaflet-default-icon-tooltip {
	margin: -28px 16px; /* margin top and left to position tooltipAnchor, even if direction 'bottom' or 'right' */
	}
.location-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.location-info .location-details {
  display: grid;
  grid-template-columns: 15px auto;
  grid-gap: 5px;
}
.location-info .location-map {
  z-index: 0;
  border-radius: 3px;
  border: solid 1.5px #cfcfcf;
}
.location-info .clickable {
  cursor: pointer;
}
.location-info .location-name {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.location-info .options-location-button {
  display: flex;
  gap: 10px;
}
.location-info .options-location-button .location-button {
  font-size: 12px;
  width: 100%;
  border-radius: 3px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  text-decoration: auto;
}
/* ── MultimediaGridBubble ────────────────────────── */
/*
 * Override inherited styles from MessageBubble.scss.
 * The original selectors are deeply nested under:
 *   .chat-message-bubble-container .message-bubble .message-bubble-container .message-bubble-content
 * We need matching or higher specificity to override padding, min-height, and flex.
 */
.chat-message-bubble-container .multimedia-grid-bubble {
  padding: 0.5rem !important;
  max-width: 420px !important;
}
.chat-message-bubble-container .multimedia-grid-bubble .message-bubble-container {
  overflow: hidden;
  padding: 0.5rem !important;
  /* Override the inherited padding/flex/min-height from MessageBubble */
}
.chat-message-bubble-container .multimedia-grid-bubble .message-bubble-container .multimedia-grid-content {
  padding: 0 !important;
  min-height: 0 !important;
  display: block !important;
}
.chat-message-bubble-container .multimedia-grid-bubble {
  /* Hide the bubble tail for grid bubbles */
}
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-OUT-WABA::before,
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-OUT-TELEGRAM::before,
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-OUT-MESSENGER::before,
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-OUT-WEBCHAT::before,
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-OUT-INSTAGRAM::before,
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-OUT-WHATSAPP::before,
.chat-message-bubble-container .multimedia-grid-bubble .last-message-bubble-IN::before {
  display: none;
}

/* ── Grid Container ─────────────────────────────── */
.multimedia-grid {
  display: grid;
  gap: 2px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  /* 2 items: side by side */
}
.multimedia-grid.grid-2 {
  grid-template-columns: 8.5rem 8.5rem;
  grid-template-rows: 8.5rem;
}
.multimedia-grid {
  /* 3 items: first full-width, bottom 2 side by side */
}
.multimedia-grid.grid-3 {
  grid-template-columns: 8.5rem 8.5rem;
  grid-template-rows: 8.5rem 8.5rem;
}
.multimedia-grid {
  /* 4+ items: 2x2 grid */
}
.multimedia-grid.grid-4 {
  grid-template-columns: 8.5rem 8.5rem;
  grid-template-rows: 8.5rem 8.5rem;
}

/* ── Grid Cell ──────────────────────────────────── */
.multimedia-grid__cell {
  position: relative;
  overflow: hidden;
  background: #e5e7eb;
  min-width: 0;
  min-height: 0;
  /* For 3-item layout: first cell spans full width */
}
.multimedia-grid__cell--span {
  grid-column: 1/-1;
}
.multimedia-grid__cell:hover .multimedia-grid__media {
  transform: scale(1.03);
}
.multimedia-grid__cell:hover .multimedia-grid__media--bg {
  transform: scale(1.03);
}

/* ── Media Elements ─────────────────────────────── */
.multimedia-grid__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.15s ease;
}

.multimedia-grid__media--bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ── Video Play Overlay ─────────────────────────── */
.multimedia-grid__play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}

.multimedia-grid__play-icon {
  color: #fff;
  font-size: 24px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

/* ── "+N" More Overlay ──────────────────────────── */
.multimedia-grid__more-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.multimedia-grid__more-count {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  user-select: none;
}.input-hover-section {
  background-color: transparent;
  text-align: end;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.conversations-chat-component-container {
  height: 100%;
}
.conversations-chat-component-container .conversations-chat-component-container___header-channel, .conversations-chat-component-container .conversations-chat-component-container___header,
.conversations-chat-component-container .conversations-chat-component-container___end-conversation-button, .conversations-chat-component-container .conversations-chat-component-container___header-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversations-chat-component-container .conversations-chat-container {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-top-left-radius: 5px;
  background: transparent;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header {
  min-height: 45px;
  background: #ffffff;
  justify-content: space-between;
  padding: 0 10px;
  user-select: nones;
  border-top-left-radius: 10px;
  border-bottom: solid 1px #D3D4DC;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user {
  display: grid;
  grid-template-columns: 30px auto;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user {
  grid-gap: 5px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .conversations-chat-component-container___header-channel, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .conversations-chat-component-container___header-channel {
  background: #38C687;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-width: 0px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .MESSENGER, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .MESSENGER {
  background: #ffffff;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .WEBCHAT, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .WEBCHAT {
  background: #8048c7;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .SMS, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .SMS {
  background: #555C68;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .RCS, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .RCS {
  background: #fbb64d;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .INSTAGRAM, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .INSTAGRAM {
  background-image: linear-gradient(30deg, #f6b754 1%, #ec7437 19%, #d6499d 51%, #5e46c5 74%);
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .TELEGRAM, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .TELEGRAM {
  background: #289FD2;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .TELEGRAM svg, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .TELEGRAM svg {
  margin-right: 2px !important;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .TIKTOK, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .TIKTOK {
  background: #000000;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .conversations-chat-component-container___header-name, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .conversations-chat-component-container___header-name {
  font-size: 14px;
  font-weight: bold;
  color: var(--secondary-text-components);
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item .conversations-chat-component-container___end-conversation-button, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___header .conversations-chat-component-container___header-item-user .conversations-chat-component-container___end-conversation-button {
  user-select: none;
  padding: 5px;
  border-radius: 5px;
  background: #ffffff;
  color: var(--secondary-text-components);
  font-size: 12px;
  cursor: pointer;
  width: 145px;
  border: solid 1.5px #dddddd;
  font-weight: bold;
  color: #8e91a4;
}
.conversations-chat-component-container .conversations-chat-container .conversation-info-container {
  border-bottom: solid 5px #ffffff;
}
.conversations-chat-component-container .conversations-chat-container .WABA {
  border-bottom: solid 5px #38C687;
}
.conversations-chat-component-container .conversations-chat-container .WHATSAPP {
  border-bottom: solid 5px #38C687;
}
.conversations-chat-component-container .conversations-chat-container .MESSENGER {
  border-bottom: 5px solid transparent;
  border-image: linear-gradient(to left, #09f -90%, #a033ff 43%, #ff5280 114%, #ff7061 128%) 1;
}
.conversations-chat-component-container .conversations-chat-container .SMS {
  border-bottom: solid 5px #E7ECF2;
}
.conversations-chat-component-container .conversations-chat-container .WEBCHAT {
  border-bottom: 5px solid #472178;
}
.conversations-chat-component-container .conversations-chat-container .RCS {
  border-bottom: solid 5px #fbb64d;
}
.conversations-chat-component-container .conversations-chat-container .INSTAGRAM {
  border-bottom: 5px solid transparent;
  border-image: linear-gradient(83deg, #f6b754 1%, #ec7437 19%, #d6499d 51%, #5e46c5 74%) 1;
}
.conversations-chat-component-container .conversations-chat-container .TELEGRAM {
  border-bottom: solid 5px #37afe2;
}
.conversations-chat-component-container .conversations-chat-container .TIKTOK {
  border-bottom: solid 5px #000000;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container {
  height: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  background: white;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  z-index: 1;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___title, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___title {
  max-width: 360px;
  text-align: center;
  color: #606060;
  font-weight: bold;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons {
  display: flex;
  gap: 20px;
  height: 45px;
  align-items: center;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___cancel, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___confirm, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___cancel, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___confirm {
  width: 80px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___cancel, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___cancel {
  background: rgba(229, 11, 11, 0.81);
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___cancel:hover, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___cancel:hover {
  background: rgba(185, 9, 9, 0.9);
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___confirm, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___confirm {
  background: rgba(12, 169, 12, 0.81);
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___end-conversation-holder .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___confirm:hover, .conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container .conversations-chat-component-container___end-conversation-holder___buttons .conversations-chat-component-container___end-conversation-holder___buttons___confirm:hover {
  background: rgba(9, 185, 9, 0.9);
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container {
  /* Upload preview container inherits styles from end-conversation-holder */
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___upload-preview-container {
  /* Styles are shared with end-conversation-holder */
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(3px);
  z-index: 1;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .preview__location-info {
  width: 100%;
  padding: 20px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .multimedia-preview__options-expand {
  position: absolute;
  cursor: pointer;
  padding: 5px;
  top: 0;
  left: 0;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .multimedia-preview__options {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .multimedia-preview__options .multimedia-preview__options--close-icon {
  cursor: pointer;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .multimedia-preview__image-preview {
  max-width: 80%;
  max-height: 80%;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .conversations-chat-component-container___multimedia-preview___message {
  padding: 0px 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #49525f;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .interactive-list {
  min-width: 350px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .interactive-list th {
  background: #315563;
  color: white;
  user-select: none;
  text-align: left;
  padding: 14px 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .interactive-list td {
  border: 1px solid #dddddd;
  background: white;
  text-align: left;
  padding: 10px 8px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___multimedia-preview .interactive-list tr td:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___chat-list-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background: #ffffff;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___chat-list-container .conversations-chat-component-container___chat-list {
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 6px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-list-container__row-container .conversations-chat-component-container___chat-list-container .conversations-chat-component-container___chat-list .conversations-chat-component-container___chat-list-container__row-container__load-more {
  width: 250px;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  margin: 15px auto;
  color: white;
  background: #49525f;
  cursor: pointer;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-input {
  height: auto;
  max-height: 306px;
  padding: 10px;
  background: #ffffff;
  border-bottom-left-radius: 10px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-input .disclaimer-box {
  background-color: #fff8e6;
  border: 1px solid #ffeeba;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 8px 16px;
  font-style: italic;
  color: #856404;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 8px;
}
.conversations-chat-component-container .conversations-chat-container .conversations-chat-component-container___chat-input .disclaimer-box svg {
  flex-shrink: 0;
  color: #856404;
}
.conversations-chat-component-container .conversations-chat-container .hidden {
  display: none;
  height: 0;
  padding: 0;
}

.conversation-templates-container {
  width: 100%;
}

.assistant-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1335C9 0%, #A120AD 75%, #CF2D55 100%);
  overflow: hidden;
  margin-bottom: 5px;
  cursor: pointer;
  z-index: 10;
}.message-bubble-area {
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  box-sizing: border-box;
}
.message-bubble-area.outgoing {
  flex-direction: row-reverse;
}
.message-bubble-area.outgoing .message-bubble-preview {
  align-items: flex-end;
}
.message-bubble-area.outgoing .message-bubble-preview .message-time {
  align-self: flex-end;
}
.message-bubble-area .avatar-circle {
  width: 32px;
  height: 32px;
  background-color: #E1E8F0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #546375;
  flex-shrink: 0;
  font-weight: bold;
}
.message-bubble-area .message-bubble-preview {
  width: 300px;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.message-bubble-area .message-bubble-preview .title-component {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  color: #0047ff;
  margin-bottom: 15px;
}
.message-bubble-area .message-bubble-preview .preview-bubble {
  height: auto;
  width: 100%;
  max-width: 300px;
  background-color: #fff;
  border: 2px solid;
  border-color: lightgrey;
  border-radius: 7.5px;
  box-shadow: rgba(0, 0, 0, 0.15);
  min-height: 20px;
  position: relative;
  word-wrap: break-word;
  padding: 5px;
  box-sizing: border-box;
}
.message-bubble-area .message-bubble-preview .preview-bubble .pst-relative {
  position: relative;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-media {
  padding: 3px 3px 0 3px;
  background-color: #e2e8f0;
  border-radius: 4px;
  min-width: 240px;
  min-height: 128px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-media .header-media-icon {
  height: 16px;
  width: 16px;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-media .header-media-icon.image {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%230f172a'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-image%20h-4%20w-4'%3e%3crect%20width='18'%20height='18'%20x='3'%20y='3'%20rx='2'%20ry='2'%3e%3c/rect%3e%3ccircle%20cx='9'%20cy='9'%20r='2'%3e%3c/circle%3e%3cpath%20d='m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-media .header-media-icon.document {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%230f172a'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-file-text%20h-4%20w-4'%3e%3cpath%20d='M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z'%3e%3c/path%3e%3cpath%20d='M14%202v4a2%202%200%200%200%202%202h4'%3e%3c/path%3e%3cpath%20d='M10%209H8'%3e%3c/path%3e%3cpath%20d='M16%2013H8'%3e%3c/path%3e%3cpath%20d='M16%2017H8'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-media .header-media-icon.video {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%230f172a'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-video%20h-4%20w-4'%3e%3cpath%20d='m16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5'%20fill='%230f172a'%3e%3c/path%3e%3crect%20x='2'%20y='6'%20width='14'%20height='12'%20rx='2'%20fill='%230f172a'%3e%3c/rect%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-media .header-media-text {
  color: #475569;
  font-size: 12px;
  line-height: 16px;
  margin-left: 0.5rem;
  word-break: break-all;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-text {
  padding: 7px 7px 6px 9px;
}
.message-bubble-area .message-bubble-preview .preview-bubble .header-text .header-text-value {
  color: #262626;
  font-size: 14.6px;
  font-weight: bold;
}
.message-bubble-area .message-bubble-preview .preview-bubble .body-content {
  max-width: 100%;
  color: #262626;
  font-size: 13.6px;
  line-height: 19px;
  padding: 7px 7px 6px 9px;
}
.message-bubble-area .message-bubble-preview .preview-bubble .body-content .message {
  overflow-wrap: break-word;
  text-align: initial;
}
.message-bubble-area .message-bubble-preview .preview-bubble .footer-content {
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  line-height: 17px;
  padding: 0 7px 8px 9px;
}
.message-bubble-area .message-bubble-preview .message-time {
  bottom: 3px;
  color: #64748b;
  font-size: 11px;
  height: 15px;
  align-self: flex-start;
  margin-top: 10px;
}
.message-bubble-area .message-bubble-preview .interactive-message {
  background-color: #fff;
  margin: 0 7px 0 9px;
  border-top: 1px solid #f1f5f9;
}
.message-bubble-area .message-bubble-preview .interactive-message .interactive-message-button {
  color: #00a5f4;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
  padding: 0 16px;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.message-bubble-area .message-bubble-preview .interactive-message .interactive-message-button .interactive-message-icon {
  margin-right: 4px;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.message-bubble-area .message-bubble-preview .interactive-message .interactive-message-button .interactive-message-icon.location-request {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2300a5f4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-map-pinned-icon%20lucide-map-pinned'%3e%3cpath%20d='M18%208c0%203.613-3.869%207.429-5.393%208.795a1%201%200%200%201-1.214%200C9.87%2015.429%206%2011.613%206%208a6%206%200%200%201%2012%200'/%3e%3ccircle%20cx='12'%20cy='8'%20r='2'/%3e%3cpath%20d='M8.714%2014h-3.71a1%201%200%200%200-.948.683l-2.004%206A1%201%200%200%200%203%2022h18a1%201%200%200%200%20.948-1.316l-2-6a1%201%200%200%200-.949-.684h-3.712'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.message-bubble-area .message-bubble-preview .interactive-message .interactive-message-button .interactive-message-icon.cta-url {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.com/svgjs'%20version='1.1'%20width='512'%20height='512'%20x='0'%20y='0'%20viewBox='0%200%20511.904%20511.904'%20style='enable-background:new%200%200%20512%20512'%20xml:space='preserve'%3e%3cg%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M222.025,417.764c-33.872,35.124-89.034,38.364-126.784,7.445c-22.482-19.465-33.966-48.733-30.72-78.293%20c2.811-21.794,12.997-41.97,28.864-57.173l61.355-61.397c12.492-12.496,12.492-32.752,0-45.248l0,0%20c-12.496-12.492-32.752-12.492-45.248,0l-60.053,60.075C22.065,269.57,4.802,304.721,0.649,342.521%20c-7.757,85.138,54.972,160.445,140.11,168.202c45.721,4.166,90.933-12.179,123.42-44.618l64.171-64.149%20c12.492-12.496,12.492-32.752,0-45.248l0,0c-12.496-12.492-32.752-12.492-45.248,0L222.025,417.764z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3cpath%20d='M451.358,31.289C387.651-15.517,299.186-8.179,244.062,48.484L183.667,108.9c-12.492,12.496-12.492,32.752,0,45.248l0,0%20c12.496,12.492,32.752,12.492,45.248,0l61.355-61.291c33.132-34.267,86.738-38.127,124.437-8.96%20c38.803,31.818,44.466,89.067,12.648,127.87c-1.862,2.271-3.833,4.45-5.907,6.53l-64.171,64.171%20c-12.492,12.496-12.492,32.752,0,45.248l0,0c12.496,12.492,32.752,12.492,45.248,0l64.171-64.171%20c60.413-60.606,60.257-158.711-0.349-219.124C461.638,39.727,456.631,35.341,451.358,31.289z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3cpath%20d='M183.667,282.525l99.425-99.425c12.497-12.497,32.758-12.497,45.255,0l0,0c12.497,12.497,12.497,32.758,0,45.255%20l-99.425,99.425c-12.497,12.497-32.758,12.497-45.255,0l0,0C171.17,315.283,171.17,295.022,183.667,282.525z'%20fill='%2300a5f4'%20data-original='%23000000'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.message-bubble-area .message-bubble-preview .interactive-message .interactive-message-button .interactive-message-icon.list-message {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2300a5f4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-list-icon%20lucide-list'%3e%3cpath%20d='M3%2012h.01'/%3e%3cpath%20d='M3%2018h.01'/%3e%3cpath%20d='M3%206h.01'/%3e%3cpath%20d='M8%2012h13'/%3e%3cpath%20d='M8%2018h13'/%3e%3cpath%20d='M8%206h13'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.message-bubble-area .message-bubble-preview .interactive-message .interactive-message-button .text-action {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-bubble-area .message-bubble-preview .quick-response {
  height: auto;
  width: 100%;
  max-width: 300px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 8px;
}
.message-bubble-area .message-bubble-preview .quick-response .quick-button {
  font-size: 14px;
  height: 36px;
  line-height: 20px;
  padding: 0 16px;
  white-space: pre-wrap;
  border-radius: 7.5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
  min-width: calc(40% - 4px);
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.message-bubble-area .message-bubble-preview .quick-response .quick-button:hover {
  opacity: 0.9;
}
.message-bubble-area .message-bubble-preview .quick-response .quick-button .button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
}
.message-bubble-area .message-bubble-preview .quick-response .quick-button .button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}.reach-tab-filter {
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  padding: 0.25rem;
  color: #64748b;
  display: flex;
  overflow-x: auto;
  background-color: #f9fafb;
  outline: none;
}
.reach-tab-filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 4px);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
  width: auto;
  color: #64748B;
  cursor: pointer;
}
.reach-tab-filter-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px var(--ring);
}
.reach-tab-filter-button:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-tab-filter-button[data-state=active], .reach-tab-filter-button.active {
  background-color: hsl(0, 0%, 100%);
  color: hsl(222.2, 84%, 4.9%);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.reach-tab-filter-button:hover:not(:disabled) {
  background-color: rgba(241, 245, 249, 0.8);
}
.reach-tab-filter-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid transparent;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #0f172a;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  margin-left: 0.5rem;
  background-color: #f1f5f9;
}
.reach-tab-filter-badge:focus {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #020817;
}
.reach-tab-filter-badge:hover {
  background-color: rgba(241, 245, 249, 0.8);
}
.reach-tab-filter-catalog {
  display: flex;
  align-items: center;
}
.reach-tab-filter-catalog-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: block;
}
.reach-tab-filter-catalog .reach-tab-filter-label-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-tab-filter-catalog .reach-tab-filter-label-with-icon span:not(:first-child) {
  display: inline;
}

@media (max-width: 768px) {
  .reach-tab-filter {
    height: auto;
    min-height: 2.8rem;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .reach-tab-filter-button {
    font-size: 0.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 1439px) {
  .reach-tab-filter-button .reach-tab-filter-catalog .reach-tab-filter-label-with-icon span:not(:first-child) {
    display: none;
  }
  .reach-tab-filter-button .reach-tab-filter-catalog .reach-tab-filter-label-with-icon svg {
    margin-right: 0;
  }
}.drag-and-drop-container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: fit-content;
  min-height: auto;
}
.drag-and-drop-container .quick-replies-drag-and-drop {
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: #f9fafb;
  width: 100%;
  box-sizing: border-box;
  height: fit-content;
  min-height: auto;
}
.drag-and-drop-container .quick-replies-drag-and-drop:hover {
  border-color: #9ca3af;
  background-color: #f3f4f6;
}
.drag-and-drop-container .quick-replies-drag-and-drop.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.drag-and-drop-container .quick-replies-drag-and-drop.disabled:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.drag-and-drop-container .quick-replies-drag-and-drop .quick-replies-drag-and-drop-icon-area {
  margin-bottom: 1rem;
}
.drag-and-drop-container .quick-replies-drag-and-drop .quick-replies-drag-and-drop-icon-area .quick-replies-drag-and-drop-icon {
  width: 48px;
  height: 48px;
  color: #6b7280;
}
.drag-and-drop-container .quick-replies-drag-and-drop .text-description {
  font-size: 1rem;
  color: #374151;
  margin-bottom: 1rem;
  font-weight: 500;
}
.drag-and-drop-container .quick-replies-drag-and-drop .drang-and-drop-button {
  display: inline-block;
  background-color: #3b82f6;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  transition: background-color 0.2s ease-in-out;
}
.drag-and-drop-container .quick-replies-drag-and-drop .drang-and-drop-button:hover {
  background-color: #2563eb;
}
.drag-and-drop-container .validation-errors {
  margin-top: 1rem;
  border: 2px solid #fecaca;
  border-radius: 8px;
  background-color: #fef2f2;
  overflow: hidden;
}
.drag-and-drop-container .validation-errors .validation-errors-header {
  background-color: #dc2626;
  color: white;
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 0.875rem;
}
.drag-and-drop-container .validation-errors .validation-errors-header .validation-errors-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.drag-and-drop-container .validation-errors .validation-error {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #fecaca;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.drag-and-drop-container .validation-errors .validation-error:last-child {
  border-bottom: none;
}
.drag-and-drop-container .validation-errors .validation-error .error-file-name {
  font-weight: 600;
  color: #dc2626;
  font-size: 0.875rem;
}
.drag-and-drop-container .validation-errors .validation-error .error-message {
  color: #991b1b;
  font-size: 0.875rem;
  line-height: 1.4;
}
.drag-and-drop-container .quick-replies-files {
  width: 100%;
  box-sizing: border-box;
  height: fit-content;
  min-height: auto;
}
.drag-and-drop-container .quick-replies-files .item-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 0.5rem;
  background-color: white;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-data {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__icon {
  background-color: #f3f4f6;
  color: #374151;
  padding: 0.5rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.875rem;
  min-width: 40px;
  text-align: center;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__name {
  font-weight: 500;
  color: #111827;
  margin-bottom: 0.25rem;
  display: block;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__metadata {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__metadata .metadata-badge {
  background-color: #dbeafe;
  color: #1e40af;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-actions .file-button-delete {
  background: none;
  border: none;
  color: #ef4444;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-actions .file-button-delete:hover {
  background-color: #fef2f2;
  color: #dc2626;
}
.drag-and-drop-container .quick-replies-files .item-file .item-file-actions .file-button-delete .file-delete-icon {
  width: 20px;
  height: 20px;
}
.drag-and-drop-container .quick-replies-files .quick-replies-files-actions {
  margin-top: 1rem;
  text-align: center;
}
.drag-and-drop-container .quick-replies-files .quick-replies-files-actions .quick-replies-files-clear-all {
  background-color: #f3f4f6;
  color: #6b7280;
  border: 1px solid #d1d5db;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.drag-and-drop-container .quick-replies-files .quick-replies-files-actions .quick-replies-files-clear-all:hover {
  background-color: #e5e7eb;
  color: #374151;
}
.drag-and-drop-container .reach-form-label-muted {
  font-size: 0.875rem;
  color: #6b7280;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .drag-and-drop-container .quick-replies-drag-and-drop {
    padding: 1.5rem;
  }
  .drag-and-drop-container .quick-replies-drag-and-drop .quick-replies-drag-and-drop-icon-area .quick-replies-drag-and-drop-icon {
    width: 40px;
    height: 40px;
  }
  .drag-and-drop-container .quick-replies-drag-and-drop .text-description {
    font-size: 0.875rem;
  }
  .drag-and-drop-container .quick-replies-files .item-file {
    padding: 0.75rem;
  }
  .drag-and-drop-container .quick-replies-files .item-file .item-file-data {
    gap: 0.75rem;
  }
  .drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__icon {
    padding: 0.375rem;
    min-width: 36px;
    font-size: 0.75rem;
  }
  .drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__name {
    font-size: 0.875rem;
  }
  .drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__metadata {
    font-size: 0.75rem;
  }
  .drag-and-drop-container .quick-replies-files .item-file .item-file-data .item-file-data__metadata .metadata-badge {
    padding: 0.125rem 0.375rem;
    font-size: 0.625rem;
  }
}.schedule-options {
  margin-top: 16px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  width: 100%;
}
.schedule-options .schedule-options-header {
  margin-bottom: 8px;
}
.schedule-options .schedule-options-header .schedule-options-description {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
}
.schedule-options .schedule-options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 12px;
  width: 100%;
  margin-bottom: 16px;
}
.schedule-options .schedule-option {
  cursor: pointer;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: transparent;
  transition: all 0.2s ease;
  position: relative;
}
.schedule-options .schedule-option:hover {
  border-color: #1a73e8;
  background: rgba(26, 115, 232, 0.02);
}
.schedule-options .schedule-option.selected {
  border: 2px solid #1a73e8;
  background: rgba(26, 115, 232, 0.06);
}
.schedule-options .schedule-option.past-time {
  border-color: #dc2626;
  background: rgba(220, 38, 38, 0.05);
  cursor: not-allowed;
}
.schedule-options .schedule-option.past-time:hover {
  border-color: #dc2626;
  background: rgba(220, 38, 38, 0.08);
}
.schedule-options .schedule-option.past-time.selected {
  border: 2px solid #dc2626;
  background: rgba(220, 38, 38, 0.1);
}
.schedule-options .schedule-option .schedule-option-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 4px;
}
.schedule-options .schedule-option .schedule-option-subtitle {
  color: #6b7280;
  font-size: 12px;
}
.schedule-options .schedule-option .past-time-indicator {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #dc2626;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
}
.schedule-options .custom-date-input {
  margin-bottom: 16px;
  width: 100%;
}
.schedule-options .custom-date-input .datetime-input {
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  width: 100%;
  font-size: 14px;
}
.schedule-options .custom-date-input .datetime-input:focus {
  outline: none;
  border-color: #1a73e8;
  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.1);
}
.schedule-options .custom-date-input .schedule-error {
  color: #b91c1c;
  font-size: 12px;
  margin-top: 6px;
}
.schedule-options .schedule-error {
  color: #b91c1c;
  font-size: 12px;
  margin: 8px 0;
  padding: 8px 12px;
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  border-radius: 6px;
}
.schedule-options .schedule-error.past-time-error {
  background: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.3);
}
.schedule-options .schedule-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
}
.schedule-options .schedule-actions .schedule-button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-width: 120px;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  background-color: #007bff;
  color: white;
}
.schedule-options .schedule-actions .schedule-button:hover:not(:disabled) {
  background-color: #0056b3;
}
.schedule-options .schedule-actions .schedule-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.schedule-options .schedule-actions .schedule-button svg {
  flex-shrink: 0;
}.template-simple-preview-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #f5f5f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
}
.template-simple-preview-container .templates-top-bar {
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  flex-shrink: 0;
  min-height: 50px;
  gap: 16px;
}
.template-simple-preview-container .templates-top-bar .template-header {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 48px); /* Account for close button */
}
.template-simple-preview-container .templates-top-bar .template-header .back-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  min-width: 80px;
  max-width: 120px;
}
.template-simple-preview-container .templates-top-bar .template-header .back-button:hover {
  background-color: #f5f5f5;
}
.template-simple-preview-container .templates-top-bar .template-header .back-button .back-icon {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.template-simple-preview-container .templates-top-bar .template-header .template-title-section {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
  align-items: flex-start;
  padding: 0 16px;
  padding-left: 0;
}
.template-simple-preview-container .templates-top-bar .template-header .template-title-section .template-title {
  font-size: 16px;
  font-weight: 600;
  color: #49525f;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.template-simple-preview-container .templates-top-bar .template-header .template-title-section .template-name {
  font-size: 12px;
  color: #666;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.template-simple-preview-container .templates-top-bar .close-component-btn {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.template-simple-preview-container .templates-top-bar .close-component-btn:hover {
  background-color: #f0f0f0;
}
.template-simple-preview-container .templates-top-bar .close-component-btn:active {
  background-color: #e0e0e0;
}
.template-simple-preview-container .templates-top-bar .close-component-btn .close-icon {
  font-size: 20px;
  color: #666;
  font-weight: bold;
  line-height: 1;
  display: block;
}
.template-simple-preview-container .template-two-column-layout {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-gap: 15px;
  padding: 20px;
  overflow: hidden;
  min-height: 0;
  height: 100%;
}
.template-simple-preview-container .template-two-column-layout .template-configuration {
  width: calc(100% - 10px);
  flex-shrink: 0;
  background-color: white;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}
.template-simple-preview-container .template-two-column-layout .template-configuration h3 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0 0 8px 0;
}
.template-simple-preview-container .template-two-column-layout .template-configuration p {
  color: #666;
  font-size: 12px;
  margin: 0 0 24px 0;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section {
  margin-bottom: 24px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 16px 0;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable label {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable label.error-label {
  color: #dc3545;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable label .required-indicator {
  color: #dc3545;
  font-weight: bold;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .variable-input {
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.2s ease;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .variable-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .variable-input.error-input {
  border-color: #dc3545;
  background-color: #fff5f5;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .variable-input.error-input:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25);
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .character-count {
  font-size: 11px;
  color: #6c757d;
  text-align: right;
  margin-top: 2px;
  font-family: monospace;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .character-count:after {
  content: " caracteres";
  font-family: inherit;
  font-size: 10px;
  color: #999;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .format-hint {
  font-size: 11px;
  color: #6c757d;
  font-style: italic;
  margin-top: 2px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list .template-variable .error-message {
  font-size: 12px;
  color: #dc3545;
  margin-top: 2px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list.multimedia .btn-multimedia {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list.multimedia .btn-multimedia:hover {
  background-color: #0056b3;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list.multimedia .btn-multimedia:active {
  background-color: #004085;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .variables-list.multimedia span {
  margin-left: 8px;
  font-size: 12px;
  color: #666;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .no-variables {
  text-align: center;
  padding: 20px;
  color: #666;
  font-style: italic;
  background-color: #f9f9f9;
  border-radius: 8px;
  border: 1px dashed #ddd;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .debug-section {
  margin-top: 24px;
  padding: 16px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .debug-section h4 {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: #495057;
  font-weight: 600;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .debug-section .debug-content {
  font-size: 12px;
  color: #6c757d;
  line-height: 1.4;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .debug-section .debug-content p {
  margin: 4px 0;
  word-break: break-word;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-variables-section .debug-section .debug-content strong {
  color: #495057;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section {
  margin-bottom: 24px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section h3 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia .btn-multimedia {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: fit-content;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia .btn-multimedia:hover {
  background-color: #0056b3;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia .btn-multimedia:active {
  background-color: #004085;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia span {
  font-size: 12px;
  color: #666;
  word-break: break-all;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia span.allowed-formats {
  font-style: italic;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia .error-message {
  font-size: 12px;
  color: #dc3545;
  margin-top: 4px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia .template-multimedia-upload {
  height: fit-content !important;
  min-height: auto !important;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-multimedia-section .variables-list.multimedia .template-multimedia-upload .drag-and-drop-container {
  height: fit-content !important;
  min-height: auto !important;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-actionables-section h3 {
  margin-bottom: 16px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-actionables-section .actionables-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-actionables-section .actionables-list .actionable-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-actionables-section .actionables-list .actionable-item input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.template-simple-preview-container .template-two-column-layout .template-configuration .template-actionables-section .actionables-list .actionable-item span {
  font-size: 14px;
  color: #333;
}
.template-simple-preview-container .template-two-column-layout .template-preview {
  flex: 1;
  min-width: 0;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.template-simple-preview-container .template-two-column-layout .template-preview .message-bubble-preview {
  width: auto !important;
}
.template-simple-preview-container .template-two-column-layout .template-preview .message-preview-container {
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.template-simple-preview-container .template-two-column-layout .template-preview .message-preview-container .dynamic-text-note {
  font-size: 12px;
  color: #666;
  text-align: center;
  max-width: 400px;
  line-height: 1.4;
}
.template-simple-preview-container .template-footer {
  background-color: white;
  border-top: 1px solid #e0e0e0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
.template-simple-preview-container .template-footer .footer-button {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.template-simple-preview-container .template-footer .footer-button.secondary {
  background-color: #f8f9fa;
  color: #666;
  border: 1px solid #ddd;
}
.template-simple-preview-container .template-footer .footer-button.secondary:hover {
  background-color: #e9ecef;
}
.template-simple-preview-container .template-footer .footer-button.primary {
  background-color: #007bff;
  color: white;
}
.template-simple-preview-container .template-footer .footer-button.primary:hover {
  background-color: #0056b3;
}
.template-simple-preview-container .template-footer .footer-button .button-icon {
  font-size: 16px;
}

@media (max-width: 768px) {
  .template-simple-preview-container .templates-top-bar {
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
  .template-simple-preview-container .templates-top-bar .template-header {
    width: 100%;
    justify-content: space-between;
  }
  .template-simple-preview-container .template-two-column-layout {
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
  .template-simple-preview-container .template-two-column-layout .template-configuration,
  .template-simple-preview-container .template-two-column-layout .template-preview {
    max-width: 100%;
  }
}
@media (max-width: 1200px) and (max-height: 800px) {
  .template-simple-preview-container .template-two-column-layout .template-preview .preview-bubble {
    max-width: 180px;
  }
}
@media (max-width: 1000px) {
  .template-simple-preview-container .template-two-column-layout .template-preview .preview-bubble {
    max-width: 160px;
  }
}
@media (max-width: 900px) {
  .template-simple-preview-container .template-two-column-layout .template-preview .preview-bubble {
    max-width: 140px;
  }
}
@media (max-width: 800px) {
  .template-simple-preview-container .template-two-column-layout {
    padding: 12px;
    gap: 12px;
  }
  .template-simple-preview-container .template-two-column-layout .template-configuration {
    padding: 16px;
  }
  .template-simple-preview-container .template-two-column-layout .template-configuration .variables-list .template-variable input {
    max-width: 120px;
  }
  .template-simple-preview-container .template-two-column-layout .template-preview .message-preview-container {
    padding: 16px;
  }
  .template-simple-preview-container .template-two-column-layout .template-preview .message-preview-container .preview-bubble {
    max-width: 120px;
  }
}
.file-upload-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #f5f5f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
}
.file-upload-container .file-upload-header {
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  flex-shrink: 0;
  min-height: 50px;
}
.file-upload-container .file-upload-header .back-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  min-width: 80px;
  max-width: 120px;
}
.file-upload-container .file-upload-header .back-button:hover {
  background-color: #f5f5f5;
}
.file-upload-container .file-upload-header .back-button .back-icon {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.file-upload-container .file-upload-header h2 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.file-upload-container .dropzone {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 2px dashed #ddd;
  border-radius: 12px;
  margin: 20px;
  background-color: white;
  transition: all 0.3s ease;
  cursor: pointer;
}
.file-upload-container .dropzone.dropzoneAccept {
  border-color: #28a745;
  background-color: #f8fff9;
}
.file-upload-container .dropzone.dropzoneReject {
  border-color: #dc3545;
  background-color: #fff8f8;
}
.file-upload-container .dropzone:hover {
  border-color: #007bff;
  background-color: #f8f9ff;
}
.file-upload-container .dropzone .upload-template-file-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 400px;
}
.file-upload-container .dropzone .upload-template-file-container .drag-zone {
  width: 100%;
  height: 200px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.file-upload-container .dropzone .upload-template-file-container .drag-zone:hover {
  border-color: #007bff;
  background-color: #f8f9ff;
}
.file-upload-container .dropzone .upload-template-file-container .drag-zone .drag-hover-template {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.file-upload-container .dropzone .upload-template-file-container .drag-zone .drag-hover-template .drop-zone-template h1 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.file-upload-container .dropzone .upload-template-file-container .drag-zone span {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
}
.file-upload-container .dropzone .upload-template-file-container .btn-multimedia {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-upload-container .dropzone .upload-template-file-container .btn-multimedia:hover {
  background-color: #0056b3;
}
.file-upload-container .dropzone .upload-template-file-container .btn-multimedia:active {
  background-color: #004085;
}

@media (max-width: 768px) {
  .file-upload-container .file-upload-header {
    flex-direction: column;
    gap: 12px;
    padding: 16px;
  }
  .file-upload-container .file-upload-header .back-button {
    align-self: flex-start;
  }
  .file-upload-container .file-upload-header h2 {
    align-self: center;
  }
  .file-upload-container .dropzone {
    margin: 16px;
    padding: 16px;
  }
  .file-upload-container .dropzone .upload-template-file-container .drag-zone {
    height: 150px;
  }
  .file-upload-container .dropzone .upload-template-file-container .drag-zone .drag-hover-template .drop-zone-template h1 {
    font-size: 16px;
  }
}.templates-list-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #f5f5f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.templates-list-container .templates-top-bar {
  position: relative;
  justify-content: space-between;
  background-color: white;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-wrap: nowrap;
}
.templates-list-container .templates-top-bar.search-expanded {
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.templates-list-container .templates-top-bar.search-expanded .top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.templates-list-container .templates-top-bar .category-filter {
  flex: 0 0 auto;
  min-width: 200px;
  max-width: none;
}
.templates-list-container .templates-top-bar .category-filter .templates-tab-filter .reach-tab-filter {
  height: auto;
  min-height: 2.8rem;
  background-color: transparent;
  padding: 0;
}
.templates-list-container .templates-top-bar .search-section {
  flex: 0 0 auto;
  max-width: 400px;
  margin-left: auto;
  margin-right: 0;
}
.templates-list-container .templates-top-bar .search-section .search-input-container {
  position: relative;
  width: 200px !important;
  box-sizing: border-box;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  background-size: contain;
  z-index: 1;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .search-input {
  display: flex;
  border: 1px solid rgba(226, 232, 240, 0.6);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .search-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.templates-list-container .templates-top-bar .search-section .search-input-container .clear-search-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .clear-search-btn:hover {
  background-color: #f0f0f0;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .clear-search-btn:active {
  background-color: #e0e0e0;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .collapse-search-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .collapse-search-btn:hover {
  background-color: #f0f0f0;
}
.templates-list-container .templates-top-bar .search-section .search-input-container .collapse-search-btn:active {
  background-color: #e0e0e0;
}
.templates-list-container .templates-top-bar .search-section .search-icon-button {
  background: none;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  background-color: rgba(255, 255, 255, 0.8);
  margin-right: 0;
}
.templates-list-container .templates-top-bar .search-section .search-icon-button:hover {
  background-color: #f0f0f0;
}
.templates-list-container .templates-top-bar .search-section .search-icon-button:focus {
  outline: none;
}
.templates-list-container .templates-top-bar .search-section .search-icon-button .search-icon {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  background-size: contain;
}
.templates-list-container .templates-top-bar .close-component-btn {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-left: 0;
}
.templates-list-container .templates-top-bar .close-component-btn:hover {
  background-color: #f0f0f0;
}
.templates-list-container .templates-top-bar .close-component-btn:active {
  background-color: #e0e0e0;
}
.templates-list-container .templates-top-bar .close-component-btn:focus {
  outline: none;
}
.templates-list-container .templates-top-bar .close-component-btn .close-icon {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  line-height: 1;
  display: block;
}
.templates-list-container .templates-top-bar .search-expanded-row {
  position: relative;
  width: 100%;
  margin-top: 8px;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  background-size: contain;
  z-index: 1;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .search-input-expanded {
  display: flex;
  border: 1px solid rgba(226, 232, 240, 0.6);
  padding-left: 2.5rem;
  padding-right: 4rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 3rem;
  background-color: transparent;
  border-radius: 3px;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
  width: 100%;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .clear-search-btn {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .clear-search-btn:hover {
  background-color: #f0f0f0;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .clear-search-btn:active {
  background-color: #e0e0e0;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .collapse-search-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .collapse-search-btn:hover {
  background-color: #f0f0f0;
}
.templates-list-container .templates-top-bar .search-expanded-row .search-input-container-expanded .collapse-search-btn:active {
  background-color: #e0e0e0;
}
.templates-list-container .templates-main-content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.templates-list-container .templates-main-content .templates-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  max-width: 100%;
}
.templates-list-container .templates-main-content .template-card {
  background-color: white;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}
.templates-list-container .templates-main-content .template-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.templates-list-container .templates-main-content .template-card.selected {
  border-color: #007bff;
  box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.1);
}
.templates-list-container .templates-main-content .template-card .template-header {
  margin-bottom: 12px;
}
.templates-list-container .templates-main-content .template-card .template-header .template-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.3;
}
.templates-list-container .templates-main-content .template-card .chat-message-container {
  padding: 12px;
  border-radius: 12px;
  background-color: transparent;
  transition: all 0.2s ease;
}
.templates-list-container .templates-main-content .template-card .chat-message-container .chat-content .chat-bubble .message-bubble-area {
  transform: scale(0.95);
  transform-origin: left top;
}
.templates-list-container .templates-main-content .no-templates {
  text-align: center;
  padding: 60px 20px;
  color: #666;
  font-size: 16px;
}
.templates-list-container .template-full-view {
  display: flex;
  flex: 1;
  gap: 24px;
  padding: 20px;
  overflow-y: auto;
}
.templates-list-container .template-full-view .template-configuration {
  flex: 1;
  max-width: 400px;
  background-color: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.templates-list-container .template-full-view .template-configuration h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 8px 0;
}
.templates-list-container .template-full-view .template-configuration p {
  color: #666;
  font-size: 14px;
  margin: 0 0 24px 0;
}
.templates-list-container .template-full-view .template-configuration .template-name-section {
  margin-bottom: 24px;
}
.templates-list-container .template-full-view .template-configuration .template-name-section label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}
.templates-list-container .template-full-view .template-configuration .template-name-section .template-name-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.templates-list-container .template-full-view .template-configuration .template-name-section .template-name-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.templates-list-container .template-full-view .template-configuration .template-name-section .char-counter {
  display: block;
  text-align: right;
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.templates-list-container .template-full-view .template-configuration .template-variables-section {
  margin-bottom: 24px;
}
.templates-list-container .template-full-view .template-configuration .template-variables-section h3 {
  margin-bottom: 16px;
}
.templates-list-container .template-full-view .template-configuration .template-variables-section .variables-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.templates-list-container .template-full-view .template-configuration .template-variables-section .variables-list .template-variable label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}
.templates-list-container .template-full-view .template-configuration .template-variables-section .variables-list .template-variable .variable-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.templates-list-container .template-full-view .template-configuration .template-variables-section .variables-list .template-variable .variable-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.templates-list-container .template-full-view .template-configuration .template-actionables-section h3 {
  margin-bottom: 16px;
}
.templates-list-container .template-full-view .template-configuration .template-actionables-section .actionables-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.templates-list-container .template-full-view .template-configuration .template-actionables-section .actionables-list .actionable-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
}
.templates-list-container .template-full-view .template-configuration .template-actionables-section .actionables-list .actionable-item input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.templates-list-container .template-full-view .template-configuration .template-actionables-section .actionables-list .actionable-item span {
  font-size: 14px;
  color: #333;
}
.templates-list-container .template-full-view .template-preview {
  flex: 1;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.templates-list-container .template-full-view .template-preview .preview-tabs {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}
.templates-list-container .template-full-view .template-preview .preview-tabs .tab-button {
  flex: 1;
  padding: 16px;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
}
.templates-list-container .template-full-view .template-preview .preview-tabs .tab-button.active {
  color: #007bff;
  border-bottom: 2px solid #007bff;
}
.templates-list-container .template-full-view .template-preview .preview-tabs .tab-button:hover:not(.active) {
  background-color: #f5f5f5;
}
.templates-list-container .template-full-view .template-preview .message-preview-container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.templates-list-container .template-full-view .template-preview .message-preview-container .dynamic-text-note {
  font-size: 12px;
  color: #666;
  text-align: center;
  max-width: 400px;
  line-height: 1.4;
}
.templates-list-container .template-footer-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background-color: white;
  border-top: 1px solid #e0e0e0;
  gap: 16px;
}
.templates-list-container .template-footer-buttons .feedback-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: none;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
}
.templates-list-container .template-footer-buttons .feedback-button:hover {
  background-color: #f5f5f5;
}
.templates-list-container .template-footer-buttons .feedback-button .feedback-icon {
  font-size: 16px;
}
.templates-list-container .template-footer-buttons .customize-button {
  padding: 12px 24px;
  background: none;
  border: 1px solid #007bff;
  border-radius: 8px;
  font-size: 14px;
  color: #007bff;
  cursor: pointer;
  transition: all 0.2s ease;
}
.templates-list-container .template-footer-buttons .customize-button:hover {
  background-color: #f0f8ff;
}
.templates-list-container .template-footer-buttons .send-button {
  padding: 12px 32px;
  background-color: #007bff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.templates-list-container .template-footer-buttons .send-button:hover {
  background-color: #0056b3;
}
.templates-list-container .template-footer-buttons .send-button:active {
  transform: translateY(1px);
}
.templates-list-container .template-header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.templates-list-container .template-header .back-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
}
.templates-list-container .template-header .back-button:hover {
  background-color: #f5f5f5;
}
.templates-list-container .template-header .back-button .back-icon {
  font-size: 16px;
  font-weight: bold;
}
.templates-list-container .template-header .template-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.template-quota-banner {
  border: 1px solid #e5e5e5;
  padding-inline: 1rem;
  padding-block: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.template-quota-banner--ok {
  background-color: #e8f5e9;
  border-color: #c8e6c9;
}
.template-quota-banner--ok .template-quota-banner__text,
.template-quota-banner--ok .template-quota-banner__label {
  color: #2e7d32;
}
.template-quota-banner--low {
  background-color: #fff3cd;
  border-color: #ffe69c;
}
.template-quota-banner--low .template-quota-banner__text,
.template-quota-banner--low .template-quota-banner__label {
  color: #856404;
}
.template-quota-banner--exhausted {
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.template-quota-banner--exhausted .template-quota-banner__text,
.template-quota-banner--exhausted .template-quota-banner__label {
  color: #842029;
  font-weight: 600;
}
.template-quota-banner__inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.template-quota-banner__label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.template-quota-banner__bar-track {
  height: 6px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  overflow: hidden;
}
.template-quota-banner__bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.template-quota-banner__text {
  font-size: 0.875rem;
  line-height: 1.4;
}

.template-banner {
  border: 1px solid #e5e5e5;
  background-color: #eff6ff;
  padding-inline: 1rem;
  padding-block: 0.875rem;
}
.template-banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
}
.template-banner-inner-main {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.template-banner-inner-main-icon {
  color: #1d4ed8;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.template-banner-inner-main-text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #2563eb;
}

@media (max-width: 768px) {
  .templates-list-container .templates-top-bar {
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    justify-content: space-between;
  }
  .templates-list-container .templates-top-bar .category-filter,
  .templates-list-container .templates-top-bar .search-section {
    max-width: 100%;
  }
  .templates-list-container .templates-main-content .templates-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1200px) {
  .templates-top-bar {
    gap: 16px;
    padding: 16px 20px;
  }
  .templates-top-bar .category-filter {
    min-width: 180px;
  }
  .templates-top-bar .search-section {
    max-width: 300px;
  }
}
@media (max-width: 1000px) {
  .templates-top-bar {
    gap: 12px;
    padding: 16px;
  }
  .templates-top-bar .category-filter {
    min-width: 160px;
  }
  .templates-top-bar .search-section {
    max-width: 250px;
  }
  .templates-top-bar .search-section .search-input-container {
    width: 180px !important;
  }
}
@media (max-width: 1280px) and (min-width: 1001px) {
  .templates-top-bar {
    gap: 12px;
    padding: 16px 20px;
  }
  .templates-top-bar .category-filter {
    min-width: 140px;
  }
  .templates-top-bar .search-section {
    max-width: 200px;
  }
  .templates-top-bar .search-section .search-input-container {
    width: 160px !important;
  }
}
@media (max-width: 1279px) {
  .templates-top-bar.compact-search-mode {
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px;
  }
  .templates-top-bar.compact-search-mode .category-filter {
    min-width: none;
    max-width: none;
    flex: 1;
    order: 1;
  }
  .templates-top-bar.compact-search-mode .search-section {
    max-width: none;
    margin-left: 0;
    order: 2;
    flex: 0 0 100%;
  }
  .templates-top-bar.compact-search-mode .search-section .search-input-container {
    width: 100% !important;
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .templates-top-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 16px;
  }
  .templates-top-bar .category-filter {
    min-width: none;
    max-width: none;
    order: 1;
  }
  .templates-top-bar .search-section {
    max-width: none;
    order: 2;
    margin-left: 0;
  }
  .templates-top-bar .search-section .search-input-container {
    width: 100% !important;
    max-width: 300px;
  }
}
.close-component-btn {
  background: none;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  margin-left: auto;
  flex-shrink: 0;
}
.close-component-btn:hover {
  background-color: #f0f0f0;
}
.close-component-btn:active {
  background-color: #e0e0e0;
}
.close-component-btn .close-icon {
  font-size: 20px;
  color: #666;
  font-weight: bold;
  line-height: 1;
  display: block;
}

.tab-label-with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}
.tab-label-with-icon svg {
  flex-shrink: 0;
}
.tab-label-with-icon span {
  white-space: nowrap;
}@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.assistant-replies-selector {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.multicolor-glowing-border, .intention-button-expanded, .intention-button {
  background-color: transparent;
  border: none;
  border-radius: 20px;
  margin: 5px;
  cursor: pointer;
  color: #0033FF;
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.8rem;
  font-weight: lighter;
  position: relative;
  overflow: hidden;
  padding: 0px;
  height: 35px;
  max-height: 45px;
  animation-delay: 3ms;
  padding: 0px 6px;
  color: rgb(73, 82, 95);
  font-weight: bold;
}
.multicolor-glowing-border::after, .intention-button-expanded::after, .intention-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(0, 51, 255, 0.3);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.multicolor-glowing-border:active::after, .intention-button-expanded:active::after, .intention-button:active::after {
  animation: ripple 0.6s ease-out;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.intention-button {
  animation: fadeInUp 0.5s ease-out backwards, widthExpand 0.3s ease-out forwards;
  animation-fill-mode: forwards;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  transition: width 0.3s ease-out;
  position: relative;
}
.intention-button strong {
  padding: 5px 10px;
}
.intention-button .vertical-line {
  width: 1px;
  background-color: linear-gradient(90deg, #1335C9 0%, #A120AD 75%, #CF2D55 100%);
  height: 100%;
  margin: 0 10px;
  position: absolute;
  right: 30.4px;
}
.intention-button:hover {
  width: auto;
}
.intention-button.expanded {
  border-left: 1px solid #0033FF;
  padding-right: 45px;
}
.intention-button .insert-btn {
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #0033FF;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.intention-button .intention-edit {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1335C9 0%, #A120AD 75%, #CF2D55 100%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes widthExpand {
  from {
    width: 0;
  }
  to {
    width: fit-content;
  }
}
.intention-button-expanded {
  padding: 45px 15px;
  animation: fadeInUp 0.5s ease-out backwards;
  background-color: #f5f5f5;
  color: rgb(14, 14, 14);
  position: absolute;
  bottom: 0%;
  right: 0%;
  max-width: 350px;
  width: 350px;
  height: auto;
  max-height: 250px;
  overflow-y: auto;
  z-index: 10;
  border-radius: 10px;
}
.intention-button-expanded strong {
  border: none;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: lighter;
  position: absolute;
  width: fit-content;
  top: 10px;
  left: 10px;
}
.intention-button-expanded .insert-btn {
  background-color: transparent;
  color: #0033FF;
  border: none;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: lighter;
  position: absolute;
  width: fit-content;
  bottom: 10px;
  left: 10px;
}
.intention-button-expanded .intention-edit {
  cursor: pointer;
  font-size: 1.2em;
  position: absolute;
  top: 10px;
  right: 10px;
}

.multicolor-glowing-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(90deg, #1335C9 0%, #CF2D55 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation-fill-mode: forwards;
}

.vertical-line {
  width: 1px; /* Width of the vertical line */
  background-color: #0033FF; /* Color of the vertical line */
  height: 100%; /* Full height of the button */
  margin: 0 10px; /* Space between the line and the text/icon */
}.interactive-list {
  width: 100%;
  border-collapse: collapse;
}
.interactive-list th {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.interactive-list td {
  padding: 8px;
}
.interactive-list tr:hover {
  background-color: #f5f5f5;
}:root {
  --messenger-template-panel-title-color: #4e5053;
  --messenger-template-panel-description-color: #8e91a4;
}

.messenger-template-panel {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 12px;
}
.messenger-template-panel__header {
  display: grid;
  grid-template-columns: 50px auto 50px;
  align-items: flex-start;
  gap: 5px;
}
.messenger-template-panel__header.no-back-area {
  grid-template-columns: auto 50px;
}
.messenger-template-panel__header__back-area {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  user-select: none;
}
.messenger-template-panel__header__back-area__icon {
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M20.3284%2011.0001V13.0001L7.50011%2013.0001L10.7426%2016.2426L9.32842%2017.6568L3.67157%2012L9.32842%206.34314L10.7426%207.75735L7.49988%2011.0001L20.3284%2011.0001Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__header__steps-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  width: 100%;
}
.messenger-template-panel__title {
  font-size: 16px;
  font-weight: bold;
  color: var(--messenger-template-panel-title-color);
}
.messenger-template-panel__description {
  font-size: 14px;
  color: var(--messenger-template-panel-description-color);
}
.messenger-template-panel__steps {
  font-size: 14px;
  color: var(--messenger-template-panel-description-color);
  user-select: none;
}
.messenger-template-panel__close-btn {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 20px;
  transition: all 0.2s ease;
}
.messenger-template-panel__close-btn:hover {
  background-color: #f5f5f5;
  color: #333;
}
.messenger-template-panel__close-btn .close-icon {
  font-weight: bold;
}
.messenger-template-panel__categories {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.messenger-template-panel__category-item {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 12px;
  border: 2px solid #e0e0e0;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 90px;
  box-sizing: border-box;
}
.messenger-template-panel__category-item:hover {
  border-color: #007bff;
}
.messenger-template-panel__category-item.selected {
  border: 2px solid #007bff;
  box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.1);
}
.messenger-template-panel__category-item.not-available {
  cursor: not-allowed;
}
.messenger-template-panel__category-item.not-available:hover {
  border-color: #e0e0e0;
}
.messenger-template-panel__category-box {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #f5f5f5;
  margin-right: 16px;
  position: relative;
}
.messenger-template-panel__category-box i {
  font-size: 24px;
  color: #595959;
}
.messenger-template-panel__category-box i.messenger-template-gg-calendar-dates {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M8%2013C7.44772%2013%207%2012.5523%207%2012C7%2011.4477%207.44772%2011%208%2011C8.55228%2011%209%2011.4477%209%2012C9%2012.5523%208.55228%2013%208%2013Z'%20fill='currentColor'%20/%3e%3cpath%20d='M8%2017C7.44772%2017%207%2016.5523%207%2016C7%2015.4477%207.44772%2015%208%2015C8.55228%2015%209%2015.4477%209%2016C9%2016.5523%208.55228%2017%208%2017Z'%20fill='currentColor'%20/%3e%3cpath%20d='M11%2016C11%2016.5523%2011.4477%2017%2012%2017C12.5523%2017%2013%2016.5523%2013%2016C13%2015.4477%2012.5523%2015%2012%2015C11.4477%2015%2011%2015.4477%2011%2016Z'%20fill='currentColor'%20/%3e%3cpath%20d='M16%2017C15.4477%2017%2015%2016.5523%2015%2016C15%2015.4477%2015.4477%2015%2016%2015C16.5523%2015%2017%2015.4477%2017%2016C17%2016.5523%2016.5523%2017%2016%2017Z'%20fill='currentColor'%20/%3e%3cpath%20d='M11%2012C11%2012.5523%2011.4477%2013%2012%2013C12.5523%2013%2013%2012.5523%2013%2012C13%2011.4477%2012.5523%2011%2012%2011C11.4477%2011%2011%2011.4477%2011%2012Z'%20fill='currentColor'%20/%3e%3cpath%20d='M16%2013C15.4477%2013%2015%2012.5523%2015%2012C15%2011.4477%2015.4477%2011%2016%2011C16.5523%2011%2017%2011.4477%2017%2012C17%2012.5523%2016.5523%2013%2016%2013Z'%20fill='currentColor'%20/%3e%3cpath%20d='M8%207C7.44772%207%207%207.44772%207%208C7%208.55228%207.44772%209%208%209H16C16.5523%209%2017%208.55228%2017%208C17%207.44772%2016.5523%207%2016%207H8Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%203C4.34315%203%203%204.34315%203%206V18C3%2019.6569%204.34315%2021%206%2021H18C19.6569%2021%2021%2019.6569%2021%2018V6C21%204.34315%2019.6569%203%2018%203H6ZM18%205H6C5.44772%205%205%205.44772%205%206V18C5%2018.5523%205.44772%2019%206%2019H18C18.5523%2019%2019%2018.5523%2019%2018V6C19%205.44772%2018.5523%205%2018%205Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__category-box i.messenger-template-gg-box {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M10%2012C9.44769%2012%209%2012.4477%209%2013C9%2013.5523%209.44769%2014%2010%2014H14C14.5522%2014%2015%2013.5523%2015%2013C15%2012.4477%2014.5522%2012%2014%2012H10Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4%202C2.34314%202%201%203.34314%201%205V19C1%2020.6569%202.34314%2022%204%2022H20C21.6569%2022%2023%2020.6569%2023%2019V5C23%203.34314%2021.6569%202%2020%202H4ZM20%204H4C3.44769%204%203%204.44769%203%205V8H21V5C21%204.44769%2020.5522%204%2020%204ZM3%2019V10H21V19C21%2019.5523%2020.5522%2020%2020%2020H4C3.44769%2020%203%2019.5523%203%2019Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__category-box i.messenger-template-gg-shield {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7%208V13C7%2015.7614%209.23858%2018%2012%2018C14.7614%2018%2017%2015.7614%2017%2013V8H7ZM5%204H19V13C19%2016.866%2015.866%2020%2012%2020C8.13401%2020%205%2016.866%205%2013V4Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__category-box i.messenger-template-gg-headset {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17%2021C15.8954%2021%2015%2020.1046%2015%2019V15C15%2013.8954%2015.8954%2013%2017%2013H19V12C19%208.13401%2015.866%205%2012%205C8.13401%205%205%208.13401%205%2012V13H7C8.10457%2013%209%2013.8954%209%2015V19C9%2020.1046%208.10457%2021%207%2021H3V12C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012V21H17ZM19%2015H17V19H19V15ZM7%2015H5V19H7V15Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__category-box i.messenger-template-gg-comment-alert {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M17%209H7V7H17V9Z'%20fill='currentColor'%20/%3e%3cpath%20d='M7%2013H17V11H7V13Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%2018V2H22V18H16V22H14C11.7909%2022%2010%2020.2091%2010%2018H2ZM12%2016V18C12%2019.1046%2012.8954%2020%2014%2020V16H20V4H4V16H12Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__category-box i.messenger-template-gg-bell-alert {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%203V3.28988C16.8915%204.15043%2019%206.82898%2019%2010V17H20V19H4V17H5V10C5%206.82898%207.10851%204.15043%2010%203.28988V3C10%201.89543%2010.8954%201%2012%201C13.1046%201%2014%201.89543%2014%203ZM7%2017H17V10C17%207.23858%2014.7614%205%2012%205C9.23858%205%207%207.23858%207%2010V17ZM14%2021V20H10V21C10%2022.1046%2010.8954%2023%2012%2023C13.1046%2023%2014%2022.1046%2014%2021Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel__category-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.messenger-template-panel__category-title-container {
  margin-bottom: 4px;
}
.messenger-template-panel__title-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.messenger-template-panel__category-title {
  font-size: 14px;
  font-weight: bold;
  color: var(--messenger-template-panel-title-color);
}
.messenger-template-panel__category-subtitle {
  font-size: 12px;
  color: var(--messenger-template-panel-description-color);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  user-select: none;
}
.messenger-template-panel__footer {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: auto;
  padding-inline: 24px;
}
.messenger-template-panel__button {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 250px;
}
.messenger-template-panel__button.secondary {
  background: #f5f5f5;
  color: var(--messenger-template-panel-title-color);
  border: none;
}
.messenger-template-panel__button.secondary:hover {
  background: #e0e0e0;
}
.messenger-template-panel__button.primary {
  background: #007bff;
  color: #ffffff;
  border: none;
}
.messenger-template-panel__button.primary:hover {
  background: #0056b3;
}
.messenger-template-panel__button.primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.messenger-template-panel__form_container {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.messenger-template-panel__form_container .messenger-template-panel__form_title {
  font-size: 14px;
  font-weight: 600;
  color: var(--messenger-template-panel-title-color);
  margin-top: 12px;
  margin-bottom: 8px;
}
.messenger-template-panel__form_container .messenger-template-panel__form_description {
  font-size: 12px;
  color: var(--messenger-template-panel-description-color);
  margin: 0;
}
.messenger-template-panel__form_container .messenger-template-panel__message-input {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  box-sizing: border-box;
}
.messenger-template-panel__form_container .messenger-template-panel__message-input:focus {
  outline: none;
  border-color: #007bff;
}
.messenger-template-panel__form_container .messenger-template-panel__count-characters {
  font-size: 12px;
  color: var(--messenger-template-panel-description-color);
  text-align: right;
  margin: 0;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .messenger-template-panel__schedule-input {
  width: 100%;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .messenger-template-panel__schedule-input:focus {
  outline: none;
  border-color: #007bff;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .messenger-template-panel__schedule_info {
  font-size: 12px;
  color: #007bff;
  margin: 8px 0 0 0;
  font-style: italic;
  text-align: center;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button.secondary {
  background-color: #f8f9fa;
  color: #666;
  border: 1px solid #ddd;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button.secondary:hover {
  background-color: #e9ecef;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button.secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button.primary {
  background-color: #007bff;
  color: white;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button.primary:hover {
  background-color: #0056b3;
}
.messenger-template-panel__form_container .messenger-template-panel__schedule_section .footer-button.primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #6c757d;
}
.messenger-template-panel__form_disclaimer {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #FFF8ED;
  border: 1px solid #FFE5C2;
  border-radius: 8px;
  padding: 12px;
  margin-top: 12px;
}
.messenger-template-panel__form_disclaimer .disclaimer-info {
  width: 24px;
  height: 24px;
  background-image: none;
  flex-shrink: 0;
  background-color: #F8B62D;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messenger-template-panel__form_disclaimer .disclaimer-info::before {
  content: "!";
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
.messenger-template-panel__form_disclaimer .disclaimer-text {
  font-size: 14px;
  color: #664D03;
  font-weight: 500;
  line-height: 1.3;
  user-select: none;
  margin: 0;
  text-align: left;
}
.messenger-template-panel__validation-window-message {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8px;
  font-size: 12px;
  color: #f44336;
  background-color: #ffebee;
  padding: 1px 8px;
  border-radius: 5px;
}
.messenger-template-panel__validation-window-message .validation-badge {
  font-weight: bold;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.messenger-template-panel__validation-window-message .validation-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M11%2010.9794C11%2010.4271%2011.4477%209.97937%2012%209.97937C12.5523%209.97937%2013%2010.4271%2013%2010.9794V16.9794C13%2017.5317%2012.5523%2017.9794%2012%2017.9794C11.4477%2017.9794%2011%2017.5317%2011%2016.9794V10.9794Z'%20fill='%23f44336'%20/%3e%3cpath%20d='M12%206.05115C11.4477%206.05115%2011%206.49886%2011%207.05115C11%207.60343%2011.4477%208.05115%2012%208.05115C12.5523%208.05115%2013%207.60343%2013%207.05115C13%206.49886%2012.5523%206.05115%2012%206.05115Z'%20fill='%23f44336'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202ZM4%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012Z'%20fill='%23f44336'%20/%3e%3c/svg%3e");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.messenger-template-panel .schedule-options {
  margin-top: 16px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  width: 100%;
}
.messenger-template-panel .schedule-options .schedule-options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  width: 100%;
  margin-bottom: 12px;
}
.messenger-template-panel .schedule-options .schedule-options-grid .schedule-option {
  cursor: pointer;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  transition: all 0.2s ease;
}
.messenger-template-panel .schedule-options .schedule-options-grid .schedule-option:hover {
  border-color: #1a73e8;
  background-color: rgba(26, 115, 232, 0.02);
}
.messenger-template-panel .schedule-options .schedule-options-grid .schedule-option.selected {
  border: 2px solid #1a73e8;
  background-color: rgba(26, 115, 232, 0.06);
}
.messenger-template-panel .schedule-options .schedule-options-grid .schedule-option .option-label {
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
}
.messenger-template-panel .schedule-options .schedule-options-grid .schedule-option .option-date {
  color: #6b7280;
  font-size: 12px;
}
.messenger-template-panel .schedule-options .schedule-options-grid .custom-option {
  cursor: pointer;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  transition: all 0.2s ease;
}
.messenger-template-panel .schedule-options .schedule-options-grid .custom-option:hover {
  border-color: #1a73e8;
  background-color: rgba(26, 115, 232, 0.02);
}
.messenger-template-panel .schedule-options .schedule-options-grid .custom-option .custom-label {
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
}
.messenger-template-panel .schedule-options .schedule-options-grid .custom-option .custom-subtitle {
  color: #6b7280;
  font-size: 12px;
}
.messenger-template-panel .schedule-options .custom-date-picker {
  margin-bottom: 12px;
  width: 100%;
}
.messenger-template-panel .schedule-options .custom-date-picker input[type=datetime-local] {
  width: 100%;
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
}
.messenger-template-panel .schedule-options .custom-date-picker input[type=datetime-local]:focus {
  outline: none;
  border-color: #1a73e8;
  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.1);
}
.messenger-template-panel .schedule-options .custom-date-picker .schedule-error {
  color: #b91c1c;
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 12px;
}
.messenger-template-panel .schedule-options .schedule-buttons {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.messenger-template-panel .schedule-options .schedule-buttons.space-between {
  justify-content: space-between;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn.secondary {
  background-color: #f8f9fa;
  color: #666;
  border: 1px solid #ddd;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn.secondary:hover {
  background-color: #e9ecef;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn.secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn.primary {
  background-color: #007bff;
  color: white;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn.primary:hover {
  background-color: #0056b3;
}
.messenger-template-panel .schedule-options .schedule-buttons .schedule-btn.primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #6c757d;
}.input-with-label .input-with-label__label {
  font-size: 12px;
  color: #343537;
  font-weight: 600;
}
.input-with-label .input-with-label__input {
  border: none;
  border-radius: 4px;
  margin-top: 5px;
  padding: 0 5px;
  color: #495057;
  border: solid 1px #8e91a4;
  font-size: 14px;
}
.input-with-label .error {
  border: 1px solid #dc3545;
}
.input-with-label .input-with-label__input:focus-visible {
  outline: none !important;
}
.input-with-label input:disabled {
  background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
}.textarea-with-label .textarea-with-label__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.textarea-with-label .textarea-with-label__icon {
  display: flex;
  align-items: center;
}
.textarea-with-label .textarea-with-label__label {
  font-weight: bold;
  font-size: 12px;
  color: #49525f;
}
.textarea-with-label .error-label {
  color: #dc3545;
}
.textarea-with-label .textarea-with-label__textarea {
  width: 100%;
  border: none;
  border-radius: 4px;
  margin-top: 5px;
  padding: 0 5px;
  color: #495057;
  border: solid 1px #ced4da;
  font-size: 14px;
}
.textarea-with-label .error {
  border: 1px solid #dc3545;
}
.textarea-with-label .textarea-with-label__textarea:focus-visible {
  outline: none !important;
}.segments-bar {
  height: 14px;
  background-color: white;
  border-radius: 5px;
  width: 100%;
}
.segments-bar__segment {
  height: 100%;
  float: left;
  border-radius: 5px;
  margin-right: 5px;
}
.segments-bar__segment--section-1 {
  background-color: #71A368;
  margin-right: 2px;
}
.segments-bar__segment--section-2 {
  background-color: #C65C58;
  margin-right: 2px;
}
.segments-bar__segment--section-3 {
  background-color: #E7A755;
  margin-right: 2px;
}
.segments-bar__segment--section-4 {
  background-color: #e76f51;
  margin-right: 2px;
}.sentiment-record {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.7rem;
  cursor: pointer;
}
.sentiment-record.MT .info-detail {
  flex-direction: row-reverse;
}
.sentiment-record.MT .info {
  flex-direction: row-reverse;
}
.sentiment-record.MT .info span {
  display: flex;
  flex-direction: row-reverse;
}
.sentiment-record.MT .info .info-label {
  display: flex;
  flex-direction: row-reverse;
}
.sentiment-record.active {
  background-color: #F0F3FB;
}
.sentiment-record:hover {
  background-color: #F0F3FB;
}
.sentiment-record .info-detail {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
  color: #9b9b9b;
}
.sentiment-record .info-detail img {
  transform: rotate(-90deg) !important;
}
.sentiment-record .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.sentiment-record .info span {
  width: 30%;
  font-weight: bolder;
  font-size: 14px;
}
.sentiment-record .info .segments-bar {
  width: 70%;
}
.sentiment-record .text {
  color: #9b9b9b;
  flex: 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}.sentiment-record-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border: solid 1px var(--limit-border-color);
  border-radius: 5px;
  margin-bottom: 5px;
}

.sentiment-record-card__icon {
  width: 30%;
  text-align: center;
  font-size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.sentiment-record-card__icon img {
  max-width: 100%;
  height: 70px;
}

.sentiment-record-card__details {
  width: 70%;
}

.sentiment-record-card__title {
  font-weight: bold;
  margin-bottom: 4px;
}

.sentiment-record-card__meaning {
  color: #9b9b9b;
  font-size: 12px;
}.overall {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 0.6rem;
}

.sentiment-overall {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sentiment-overall.MT {
  flex-direction: row-reverse;
}

.sentiment-overall__icon {
  width: 30%;
  text-align: center;
  font-size: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sentiment-overall__icon img {
  max-width: 100%;
  height: 3.5rem;
}

.sentiment-overall__details {
  width: 70%;
}

.sentiment-overall__title {
  font-weight: bold;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 1rem;
  color: #49525f;
}

.sentiment-overall__meaning {
  color: #9b9b9b;
  font-size: 10px;
}.reach-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #0047ff;
  color: #0047ff;
  width: auto;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
}
.reach-badge small {
  font-size: 0.7em;
}.toggle-container {
  width: 100%;
  display: flex;
  border-radius: 9999px;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  outline: none;
  color: #71717a;
  background-color: #f4f4f5;
  border: 1px solid #e4e4e7;
  padding: 0.25rem;
  border-color: #e4e4e7;
  border-width: 0;
  border-style: solid;
  box-sizing: border-box;
}
.toggle-container .toggle-item {
  flex: 1;
  min-width: 0;
  background: none;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px transparent;
  border-radius: 20px;
  box-sizing: border-box;
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  cursor: pointer;
}
.toggle-container .toggle-item .toggle__text-container {
  width: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.toggle-container .toggle-item .toggle__text-container .toggle__icon {
  margin: 0;
  display: flex;
  align-items: center;
}
.toggle-container .toggle-item .icon {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
}
.toggle-container .selected {
  box-shadow: var(--toggle-selected-glow, 0 1px 2px rgba(0, 0, 0, 0.06));
  color: var(--toggle-selected-color, #09090b);
  background-color: var(--toggle-selected-bg, #ffffff);
  border: 1px solid var(--toggle-selected-border, #e4e4e7);
}.help-tooltip {
  background-color: blue;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  position: absolute;
  cursor: help;
}
.help-tooltip.TOPLEFT {
  left: 0px;
  top: 0px;
}
.help-tooltip.TOPRIGHT {
  right: 0px;
  top: 0px;
}
.help-tooltip.BOTTOMLEFT {
  left: 0px;
  bottom: 0px;
}
.help-tooltip.BOTTOMRIGHT {
  right: 0px;
  bottom: 0px;
}
.help-tooltip.DANGER {
  background-color: var(--danger);
  font-size: medium;
}
.help-tooltip.INFO {
  background-color: var(--info);
  font-size: medium;
}
.help-tooltip.WARNING {
  background-color: var(--warning);
  font-size: medium;
}
.help-tooltip.SUCCESS {
  background-color: var(--success);
  font-size: medium;
}
.help-tooltip.lg {
  width: 40px;
  height: 40px;
  font-size: large;
}
.help-tooltip.md {
  width: 30px;
  height: 30px;
  font-size: medium;
}
.help-tooltip.sm {
  width: 15px;
  height: 15px;
  font-size: small;
}.integrated-button-container {
  display: grid;
  grid-template-columns: 35px auto auto 100px;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
  padding: 20px;
}
.integrated-button-container .integrated-button-icon {
  all: unset;
  grid-column: 1/2;
  width: 40px !important;
  height: 40px !important;
  justify-content: center;
}
.integrated-button-container .integrated-button-title-section {
  margin-left: 10px;
  grid-column: 2/4;
}
.integrated-button-container .integrated-button-title-section .integrated-button-title {
  font-weight: 700;
}
.integrated-button-container .integrated-button {
  text-align: center;
  grid-column: 4/5;
  text-align: center;
  border: 1px solid #606060;
  color: #606060;
  background-color: white;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  height: 35px;
}
.integrated-button-container .integrated-button:hover {
  background-color: #007bff;
  color: white;
  border: none;
}.custom-scroll-container {
  height: 100%;
}
.custom-scroll-container .header {
  width: 100%;
  z-index: 1;
  color: #8e91a4;
  margin: 0;
  background-color: white;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: sticky;
  /* Add sticky positioning */
  top: 0;
  /* Stick to the top */
}
.custom-scroll-container .header .go-back-button {
  width: auto;
  cursor: pointer;
  display: flex;
}
.custom-scroll-container .header .go-back-button img {
  padding-right: 10px;
  cursor: pointer;
}
.custom-scroll-container .header .go-back-button span {
  height: 20px;
  width: 0px;
  border: 0.8px solid #8e91a4;
  margin-left: 15px;
  background: #8e91a4;
}
.custom-scroll-container .header .go-back-button h2:nth-child(4) {
  margin-left: 15px;
  font-weight: bolder;
}
.custom-scroll-container .content {
  padding-top: 10px;
  margin: 0px;
  /* Adjust padding to match header height */
}.select-cell {
  display: flex;
  align-items: center;
}

.dismarc-all {
  margin-right: 10px;
  color: red;
  font-weight: bolder;
  color: #2074BA;
  cursor: pointer;
}

.bulk-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f4f4f4;
  padding: 0.2rem 1rem;
  border-radius: 0px 0px 10px 10px;
}
.bulk-actions span {
  font-size: 12px;
  font-weight: bolder;
}
.bulk-actions .bulkaction-list {
  width: 60%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.bulk-actions .bulkaction-list :nth-of-type(n) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  padding: 0.1rem 0.2rem;
  font-size: 13px;
  font-weight: normal;
}
.bulk-actions .bulkaction-list :nth-of-type(n).delete {
  font-size: 12px;
  color: #2074BA;
}
.bulk-actions .bulkaction-list :nth-of-type(n).add {
  font-size: 12px;
  color: #2074BA;
}

.custom-table-row.selectable:hover {
  background-color: #F5F5F5;
}

.custom-data-table input[type=checkbox],
.toolbar input[type=checkbox] {
  /* Reset appearance and other styles */
  appearance: auto !important;
  /* Reset appearance to default */
  -webkit-appearance: auto !important;
  /* For webkit-based browsers */
  margin: 0;
  padding: 0;
  border: initial;
  background: initial;
  outline: initial;
  /* Add any other specific properties you want to reset */
}

.no-data-frame {
  height: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  font-size: 12px;
  flex-direction: column;
}
.no-data-frame p {
  margin-top: 10px;
  color: #b2b2b2;
  font-weight: bold;
  user-select: none;
}

.toolbar {
  padding: 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "toolbar-left toolbar-right" "main-toolbar main-toolbar";
  margin-bottom: 15px;
}
.toolbar .main-toolbar {
  grid-area: main-toolbar;
  padding: 0rem 1.4rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.toolbar .main-toolbar .custom-checkbox-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  width: auto;
}
.toolbar .main-toolbar .custom-checkbox-option label {
  margin-bottom: 0px;
}
.toolbar .main-toolbar .custom-checkbox-option input[type=checkbox] {
  width: 15px !important;
  height: 15px !important;
  margin-right: 10px;
  justify-content: center !important;
}
.toolbar .main-toolbar .custom-checkbox-option span {
  display: flex;
  /* margin-left: auto; */
  justify-content: center;
  align-items: center;
}
.toolbar .toolbar-left {
  grid-area: toolbar-left;
  display: flex;
}
.toolbar .toolbar-left .toolbar-left__item {
  background-color: azure;
}
.toolbar .toolbar-right {
  grid-area: toolbar-right;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.toolbar .toolbar-right .toolbar-right__item {
  border-radius: 4px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: 1px solid gainsboro;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toolbar .toolbar-right .toolbar-right__item .download-component {
  position: inherit;
}
@media screen and (max-width: 768px) {
  .toolbar {
    padding: 0px 4px;
  }
  .toolbar .toolbar-left {
    max-width: 250px;
    justify-content: flex-start;
  }
  .toolbar .toolbar-left .toolbar-left__item {
    margin-right: 10px;
  }
}

.reach-secondary-btn {
  background-color: white;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #00BAE0;
  cursor: pointer;
  color: #00BAE0;
  width: 150px;
  margin-top: 10px;
}

.actionCellBtn {
  width: 30px;
  height: 30px;
  width: auto;
  min-width: 30px;
  min-height: 30px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
}
.actionCellBtn img {
  width: 20px;
  height: 20px;
}
.actionCellBtn svg {
  width: 20px;
  height: 20px;
}
.actionCellBtn strong {
  display: none;
}
@media screen and (max-width: 768px) {
  .actionCellBtn {
    width: auto;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0px 10px;
  }
  .actionCellBtn strong {
    display: inline-block;
    margin-right: 10px;
    color: white;
  }
}

.columnHeader {
  background-color: var(--table-header-background-components) !important;
  color: var(--table-header-color-components) !important;
  border-radius: var(--table-border-radius-components) !important;
  font-size: var(--body-font-size-components) !important;
}

.rowBody:nth-of-type(even) {
  background-color: var(--table-row-background-components);
  color: var(--table-row-color-components);
  border: 4px;
  border-color: red;
}

.rowBody:hover {
  background-color: #F5F5F5;
}

.loading-more {
  border: solid 1px #9e9a9a;
  color: #9e9a9a;
  cursor: not-allowed;
}.show-loading-animation.rect-shape, .show-loading-animation.round-shape, .show-loading-animation.text-row,
.show-loading-animation .rect-shape,
.show-loading-animation .round-shape,
.show-loading-animation .text-row {
  animation: react-placeholder-pulse 1.5s infinite; }

@keyframes react-placeholder-pulse {
  0% {
    opacity: .6; }
  50% {
    opacity: 1; }
  100% {
    opacity: .6; } }
.container-card {
  border: 1px solid var(--primary-background-components);
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  height: auto;
}
.container-card .header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: black;
}
.container-card .content-container {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
}
.container-card .content-container .titles-container {
  display: grid;
  grid-template-columns: auto;
  font-size: 14px;
  font-weight: 600;
  color: black;
  margin-top: 10px;
}
.container-card .content-container .titles-container .info-container {
  display: grid;
  grid-template-columns: auto auto;
  color: black;
  margin-top: 10px;
}
.container-card .content-container .titles-container .info-container .title {
  font-size: 14px;
  font-weight: 600;
  color: black;
}
.container-card .content-container .titles-container .info-container .node {
  font-size: 12px;
  color: black;
  text-align: right;
}.collapse-menu {
  padding: 0px 10px;
  color: #333;
  margin-bottom: 1rem;
  font-size: 12px;
}

.collapse-menu-title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.collapse-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.collapse-menu-item {
  position: relative;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.collapse-menu-item:hover {
  background-color: #f5f5f5;
}

.active-collapsemenu {
  font-weight: bold;
  color: #5087ec;
  background-color: #dce7fb;
  border-radius: 0 5px 5px 0;
}

.sub-item-active {
  font-weight: bold;
}

.collapse-menu-caret {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3rem 0.3rem 0 0.3rem;
  border-color: #333 transparent transparent transparent;
  transition: transform 0.2s ease-in-out;
}

.collapse-menu-caret.up {
  transform: translateY(-50%) rotate(-180deg);
}

.collapse-menu-sublist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}

.collapse-menu-sublist.open {
  display: block;
}
.collapse-menu-sublist.open > li > a {
  text-decoration: none;
}

.collapse-menu-subitem {
  display: block;
  padding: 0.5rem 1.5rem;
  color: #333;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}

.collapse-menu-subitem:hover {
  background-color: #f5f5f5;
}.inactive-conversations-panel {
  grid-area: inactive-conversations-panel;
  bottom: 0;
  padding: 15px;
  border: 1px solid #6586DE;
  transition: height 0.3s ease;
  display: grid;
  grid-template-columns: 80% 20%;
  grid-template-rows: 20% 80%;
  grid-template-areas: "title button" "text button";
  cursor: pointer;
  background-color: white;
}
.inactive-conversations-panel .title {
  grid-area: title;
  font-size: 14px;
  font-weight: bolder;
  color: #6586DE;
  margin: 0;
}
.inactive-conversations-panel .text {
  grid-area: text;
  font-size: 10px;
  font-weight: 400;
  color: #8A8A8A;
  margin: 0;
  line-height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.inactive-conversations-panel .button {
  grid-area: button;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  font-size: 10px;
  font-weight: 600;
  color: #606060;
  cursor: pointer;
  border: none;
}
.inactive-conversations-panel .button img {
  width: 20px;
  height: 20px;
}.countdown-banner {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px;
  background-color: var(--primary-background-components, #d92a1c);
  cursor: pointer;
  transition: filter 150ms ease;
}
.countdown-banner:hover {
  filter: brightness(0.95);
}
.countdown-banner__left {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
}
.countdown-banner__icon {
  color: #ffffff;
}
.countdown-banner__label {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}
.countdown-banner__title {
  color: #ffffff;
  font-weight: 600;
}
.countdown-banner__date {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}
.countdown-banner__dot {
  color: rgba(255, 255, 255, 0.5);
}
.countdown-banner__time {
  color: #ffffff;
  font-weight: 600;
}
.countdown-banner__time--urgent {
  color: #fbbf24;
}
.countdown-banner__recipients {
  color: rgba(255, 255, 255, 0.8);
}
.countdown-banner__right {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.35);
  border-radius: var(--border-radius-components, 3px);
  color: #ffffff;
}
.countdown-banner__suff--ok {
  color: #22c55e;
}
.countdown-banner__suff--warn {
  color: #f59e0b;
}
.countdown-banner__suff--bad {
  color: #ef4444;
}.chips-component, .chips__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
}

.chips-component {
  width: 100%;
  padding: 5px;
  border-radius: 3px;
}
.chips-component .chips__input {
  width: fit-content !important;
  height: auto !important;
  outline: none;
  border: none;
  background: none;
  font-size: 0.7rem;
}
.chips-component .chips__list .chips__item {
  width: 80px;
  height: 30px;
  background: #5087ec;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  display: grid;
  grid-template-columns: 60px 20px;
  cursor: auto;
}
.chips-component .chips__list .chips__item .chips__item-text {
  padding: 0 5px;
  color: #ffffff;
  font-size: 12px;
  margin: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 55px;
  pointer-events: none;
}
.chips-component .chips__list .chips__item .chips__item-delete {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chips-component .chips__list .read-only {
  padding: 5px;
  display: flex;
  justify-content: flex-start;
}
.chips-component .chips__list .read-only .chips__item-text {
  margin: 0;
  width: 70px;
}.editfields-detail {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
}
.editfields-detail .actions {
  display: flex;
  width: 75px;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row;
}
.editfields-detail .inputs {
  width: 100%;
}

.editfield-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 35px;
  min-width: 35px;
  max-width: 65px;
  height: 25px;
  border-radius: 4px;
  color: #fff;
  background: #0047ff;
  font-size: 12px;
  padding: 3px;
  justify-content: center;
  grid-gap: 5px;
  gap: 5px;
  cursor: pointer;
  font-weight: 700;
  border: none;
}
.editfield-btn.active {
  background: #0047ff;
  color: #ffffff;
}
.editfield-btn.danger {
  background: #d54b3d;
  color: #ffffff;
}

.editfield-noedit {
  display: flex;
  justify-content: space-between;
}
.editfield-noedit .item-info {
  width: 90%;
  margin-right: 10px;
}

.item-info .item-info-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.item-info .item-info-content .order-status-buttons {
  display: flex;
  align-items: center;
}
.item-info .item-info-content .order-status-buttons .reviewbtn-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #e73089;
  color: #e73089 !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.item-info .item-info-content .order-status-buttons .reviewbtn-btn:hover {
  color: #ffffff !important;
  background: #e73089 !important;
}
.item-info .item-info-content .order-status-buttons .default-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #d54b3d;
  color: #d54b3d !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.item-info .item-info-content .order-status-buttons .default-btn:hover {
  color: #ffffff !important;
  background: #d54b3d !important;
}
.item-info .item-info-content .order-status-buttons .info-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #2074BA;
  color: #2074BA !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.item-info .item-info-content .order-status-buttons .info-btn:hover {
  color: #ffffff !important;
  background: #2074BA !important;
}
.item-info .item-info-content .info-item-title {
  font-size: 14px !important;
}
.item-info .item-info-content .info-item-value {
  color: #606060;
  font-weight: bold;
  user-select: text;
  font-size: 14px !important;
}
.item-info .separator {
  background: #dddddd;
  width: 100%;
  height: 2px;
  margin: 10px 0;
}.sidebar {
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 0;
  background: white;
  transition: width 0.4s;
}

.sidebar-header {
  display: flex;
  align-items: center;
  height: 50px;
  padding-left: 10px;
}
.sidebar-header .sidebar-header-title {
  font-size: var(--subtitle-font-size-components);
  color: var(--subtitle-font-color-components);
  font-weight: 800;
  user-select: none;
}

.sidebar .sidebar-header button {
  width: 54px;
}

.sidebar-logo {
  height: 20px;
}

.sidebar button {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
  position: relative;
  display: flex;
  gap: 16px;
  align-items: center;
  height: 50px;
  width: 100%;
  border-radius: 6px;
  font-family: inherit;
  font-size: var(--body-font-size-components);
  color: var(--body-font-color-components);
  font-weight: 400;
  line-height: 1;
  padding: 0 10px;
  transition: background 0.3s;
  margin: 0;
}

.sidebar button span:nth-child(2) {
  flex: 1 1 auto;
}

.sidebar button:is(.active, :hover) {
  background: #dce7fb;
  color: #5087ec;
}

.sidebar button span {
  transition: 0.3s;
}

.sidebar button.active > span:nth-child(3) {
  rotate: -180deg;
}

.sidebar button:not(.active):hover {
  background: #e7edf8;
  color: #6c9aef;
}

.sub-nav button.active::before {
  background: #4e5053;
}

.sub-nav {
  overflow: hidden;
  /* height: 0; */
  transition: 0.5s;
}

.sub-nav button {
  padding-left: 54px;
}

.sub-nav button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 25px;
  translate: 0 -50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4e5053;
}

.icon-box {
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gg-chevron-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.gg-chevron-down::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}

.gg-lock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 11px;
  border: 2px solid;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom: transparent;
  margin-top: -12px;
}

.gg-lock::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 10px;
  border-radius: 2px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  left: -4px;
  top: 9px;
}

.gg-credit-card {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 18px;
  border: 2px solid;
  border-radius: 4px;
}

.gg-credit-card::after,
.gg-credit-card::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 24px;
  left: -2px;
  height: 2px;
  background: currentColor;
  top: 9px;
}

.gg-credit-card::before {
  width: 6px;
  left: 2px;
  top: 3px;
}

.gg-profile,
.gg-profile::after,
.gg-profile::before {
  display: block;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100px;
}

.gg-profile {
  overflow: hidden;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  position: relative;
}

.gg-profile::after,
.gg-profile::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 8px;
  height: 8px;
}

.gg-profile::after {
  border-radius: 200px;
  top: 11px;
  left: 0px;
  width: 18px;
  height: 18px;
}

.gg-inbox {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  box-shadow: inset 0 -2px 0 0;
  border-radius: 3px;
}

.gg-inbox::after,
.gg-inbox::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  background: currentColor;
  height: 7px;
  width: 7px;
  border-radius: 2px;
  bottom: -2px;
}

.gg-inbox::before {
  left: -2px;
}

.gg-inbox::after {
  right: -2px;
}

.gg-plug {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 20px;
}

.gg-plug::after,
.gg-plug::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}

.gg-plug::before {
  width: 12px;
  height: 10px;
  border: 2px solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  top: 5px;
}

.gg-plug::after {
  width: 2px;
  height: 4px;
  background: currentColor;
  left: 2px;
  border-radius: 22px;
  box-shadow: 6px 0 0, 3px 14px 0, 3px 16px 0;
}

.gg-comment {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-bottom: 0;
  box-shadow: -6px 8px 0 -6px, 6px 8px 0 -6px;
}

.gg-comment::after,
.gg-comment::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
}

.gg-comment::before {
  border: 2px solid;
  border-top-color: transparent;
  border-bottom-left-radius: 20px;
  right: 4px;
  bottom: -6px;
  height: 6px;
}

.gg-comment::after {
  height: 2px;
  background: currentColor;
  box-shadow: 0 4px 0 0;
  left: 4px;
  top: 4px;
}

.gg-smile {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;
}

.gg-smile::after,
.gg-smile::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 4px;
}

.gg-smile::before {
  background: currentColor;
  box-shadow: 6px 0 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  top: 5px;
}

.gg-smile::after {
  width: 8px;
  height: 4px;
  border-radius: 150px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 2px solid;
  border-top-color: transparent;
  top: 9px;
}

.gg-bell,
.gg-bell::before {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.gg-bell {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-bottom: 0;
  width: 14px;
  height: 14px;
}

.gg-bell::after,
.gg-bell::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}

.gg-bell::before {
  background: currentColor;
  width: 4px;
  height: 4px;
  top: -4px;
  left: 3px;
}

.gg-bell::after {
  border-radius: 3px;
  width: 16px;
  height: 10px;
  border: 6px solid transparent;
  border-top: 1px solid transparent;
  box-shadow: inset 0 0 0 4px, 0 -2px 0 0;
  top: 14px;
  left: -3px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

.gg-tag,
.gg-tag::before {
  display: block;
  border: 2px solid;
}

.gg-tag {
  border-right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  position: relative;
  width: 19px;
  height: 14px;
}

.gg-tag::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  box-sizing: content-box;
  border-radius: 100px;
  right: 0;
  top: 2px;
}

.gg-tag::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-bottom-right-radius: 4px;
  transform: rotate(-45deg);
  top: 0;
  right: -5px;
}

.gg-software-download {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 6px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 8px;
}

.gg-software-download::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 2px;
  bottom: 4px;
}

.gg-software-download::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  height: 10px;
  background: currentColor;
  left: 5px;
  bottom: 5px;
}

.gg-options {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 2px;
  box-shadow: -3px 4px 0 0, 3px -4px 0 0;
}

.gg-options::after,
.gg-options::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-radius: 100%;
}

.gg-options::before {
  top: -7px;
  left: -4px;
}

.gg-options::after {
  bottom: -7px;
  right: -4px;
}

.gg-briefcase {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1);
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 2px;
  margin-top: 1px;
}

.gg-briefcase::after,
.gg-briefcase::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}

.gg-briefcase::before {
  border: 2px solid;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  left: 4px;
  width: 10px;
  height: 4px;
  border-bottom: 0;
  top: -5px;
}

.gg-briefcase::after {
  width: 18px;
  height: 3px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: 0 2px 0, inset 16px 74px 0;
  top: 4px;
}

.gg-user-list {
  display: block;
  transform: scale(1);
  box-sizing: border-box;
  width: 20px;
  height: 18px;
  background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 4px/6px 2px, linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 8px/6px 2px, linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 12px/6px 2px;
}

.gg-user-list::after,
.gg-user-list::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border: 2px solid;
}

.gg-user-list::before {
  width: 8px;
  height: 8px;
  border-radius: 30px;
  top: 0;
  left: 2px;
}

.gg-user-list::after {
  width: 12px;
  height: 9px;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  top: 9px;
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.settings-header {
  float: left;
  width: 100%;
  height: auto;
  background-color: white;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.settings-header .header-go-back {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid lightgray;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  color: #6d7175;
  font-size: 15px;
  font-weight: 600;
  user-select: none;
  margin-bottom: 15px;
  cursor: pointer;
}
.settings-header .header-go-back .go-back-title {
  font-size: 15px;
  user-select: none;
}
.settings-header .header-go-back .gg-chevron-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.settings-header .header-go-back .gg-chevron-left::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  left: 6px;
  top: 4px;
}
.settings-header .header-go-back:hover {
  color: #0084ff;
}
.settings-header .header-headline {
  width: 100%;
  height: auto;
  min-height: 85px;
  box-sizing: border-box;
  padding: 5px;
  display: grid;
  grid-template-columns: 80px auto 125px;
  grid-column-gap: 10px;
  border-collapse: collapse;
  width: 100%;
}
.settings-header .header-headline.no-logo {
  grid-template-columns: auto 125px;
}
.settings-header .header-headline.min-height-card {
  min-height: 50px;
}
.settings-header .header-headline .settings-header-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings-header .header-headline .settings-header-logo .settings-header-logo-img {
  height: 90%;
  width: 90%;
  object-fit: contain;
}
.settings-header .header-headline .header-description {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.settings-header .header-headline .header-description .header-description-title {
  font-size: 17px;
  font-weight: 800;
  color: #4e5053;
  display: inline-block;
  margin-right: 10px;
}
.settings-header .header-headline .header-description .header-description-last-update {
  display: flex;
  margin-top: 5px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
  color: #8e91a4;
}
.settings-header .header-headline .header-description .header-description-last-update .header-reload-button {
  background: transparent;
  color: #8e91a4;
  width: 20px;
  height: 20px;
  padding: 0 !important;
}
.settings-header .header-headline .header-description .header-setting-description {
  font-size: 14px;
  color: #8e91a4;
}
.settings-header .header-headline .header-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings-header .header-headline-description {
  width: 100%;
  min-height: 75px;
  box-sizing: border-box;
  padding: 10px 5px;
  text-align: justify;
  overflow: hidden;
  font-size: 15px;
  color: #6B7280;
}
.settings-header .gg-redo {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-right-color: transparent;
  border-radius: 100px;
  margin-right: 10px;
}
.settings-header .gg-redo::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  top: -3px;
  right: -1px;
  transform: rotate(68deg);
}
.settings-header .gg-redo.rotate {
  animation: rotateAnimation 1s linear infinite;
  /* Ajusta la duración y el tipo de animación según sea necesario */
}

.integration-card-container {
  min-width: 365px;
  height: 75px;
  display: grid;
  grid-template-columns: 75px auto 125px;
  gap: 5px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.integration-card-container .integration-card-logo {
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-sizing: border-box;
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}
.integration-card-container .integration-card-info {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.integration-card-container .integration-card-info .integration-card-info-title {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 14px !important;
  color: var(--subtitle-font-color-components);
  font-weight: var(--subtitle-font-weight-components);
}
.integration-card-container .integration-card-info .integration-card-info-caption {
  width: 100%;
  height: auto;
  font-size: 13px !important;
  color: var(--body-font-color-components);
  font-weight: var(--body-font-weight-components);
}
.integration-card-container .integration-card-info .integration-card-info-caption .integration-card-info-caption-text {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.integration-card-container .integration-card-button-area {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.integration-card-container .integration-card-button-area .integration-card-button {
  width: 100px;
  height: 30px;
  background-color: transparent;
  border: 1px solid #606060;
  color: #606060;
  border-radius: 5px;
}
.integration-card-container .integration-card-button-area .integration-card-button:hover {
  background-color: #007bff;
  color: white;
  border: none;
}

.channel-card-container {
  width: auto;
  min-width: 500px;
  min-height: 75px;
  display: grid;
  grid-template-columns: 75px auto 225px;
  gap: 5px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.channel-card-container .channel-card-logo {
  position: relative;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-sizing: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}
.channel-card-container .channel-card-detail {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #f4f4f4;
  border-top-left-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.channel-card-container .channel-whatsapp {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2035%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M29.4292%205.12798C27.8723%203.58861%2026.0201%202.36812%2023.9798%201.53717C21.9396%200.706218%2019.7519%200.281334%2017.5434%200.287122C8.28236%200.287122%200.744471%207.69194%200.741307%2016.7933C0.737305%2019.69%201.51062%2022.5366%202.98327%2025.0458L0.599998%2033.6L9.50669%2031.3045C11.9704%2032.6227%2014.7308%2033.3136%2017.536%2033.314H17.5434C26.8033%2033.314%2034.3423%2025.9081%2034.3455%2016.8068C34.3524%2014.6373%2033.9215%2012.4881%2033.0776%2010.4834C32.2337%208.47876%2030.9937%206.6585%2029.4292%205.12798ZM17.5434%2030.5261H17.5371C15.0362%2030.5262%2012.5813%2029.8654%2010.4294%2028.613L9.92007%2028.3156L4.63363%2029.6784L6.04462%2024.6147L5.71243%2024.0965C4.31389%2021.9093%203.5739%2019.3776%203.57804%2016.7943C3.58014%209.22887%209.8452%203.07494%2017.5487%203.07494C19.3834%203.07074%2021.2009%203.42425%2022.8957%204.115C24.5905%204.80576%2026.1291%205.82005%2027.4224%207.09914C28.7227%208.37119%2029.7534%209.88405%2030.4548%2011.5502C31.1563%2013.2163%2031.5145%2015.0026%2031.5087%2016.8057C31.5056%2024.3712%2025.2405%2030.5261%2017.5434%2030.5261Z'%20fill='%230ACF83'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9089%2024.7888C12.0271%2024.8593%2012.2707%2024.8593%2012.8275%2024.8593C15.1917%2024.8562%2017.2344%2024.8489%2018.6865%2024.8489C25.4662%2024.8489%2025.288%2017.8359%2022.118%2016.9612C22.582%2016.1528%2024.6974%2014.6345%2023.3898%2011.4954C22.0959%208.39149%2016.5321%209.09622%2012.7283%209.09829C11.3195%209.09829%2011.5304%2010.1201%2011.5367%2011.7099C11.5493%2014.2283%2011.5399%2021.0424%2011.5377%2023.9888C11.5377%2024.5857%2011.7212%2024.6779%2011.9089%2024.7888ZM14.8427%2022.2187C15.4828%2022.2187%2016.9929%2022.2187%2018.2868%2022.2166C19.7527%2022.2145%2021.0582%2021.5409%2021.0255%2020.1065C21.0012%2018.7562%2020.0869%2018.3136%2018.8173%2018.1893C17.6088%2018.1996%2016.2263%2018.1996%2014.8416%2018.1996V22.2187H14.8427ZM14.8427%2015.4875C17.3926%2015.4533%2018.3754%2015.589%2019.7685%2015.246C20.7249%2014.7123%2021.1425%2012.7328%2019.7737%2012.0613C18.8225%2011.5949%2016.0122%2011.7535%2014.8427%2011.8022V15.4875Z'%20fill='%230ACF83'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-waba {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20803.86'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2325d366;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M683.44,116.81C608.24,41.52,508.24,.04,401.68,0,182.11,0,3.42,178.68,3.34,398.3c-.04,70.21,18.32,138.74,53.17,199.13L0,803.86l211.16-55.39c58.18,31.74,123.69,48.46,190.35,48.48h.17c219.53,0,398.24-178.7,398.32-398.32,.04-106.44-41.35-206.5-116.56-281.79v-.02ZM401.68,729.68h-.13c-59.4-.02-117.67-15.99-168.51-46.14l-12.09-7.18-125.31,32.87,33.44-122.18-7.87-12.53c-33.14-52.71-50.65-113.64-50.61-176.19,.08-182.53,148.59-331.05,331.22-331.05,88.43,.04,171.55,34.51,234.06,97.1,62.51,62.57,96.91,145.77,96.87,234.22-.08,182.55-148.59,331.07-331.07,331.07v.02Zm181.6-247.95c-9.95-4.98-58.88-29.05-68.01-32.37-9.13-3.32-15.76-4.98-22.38,4.98-6.63,9.97-25.71,32.39-31.51,39.02-5.81,6.65-11.61,7.47-21.56,2.48-9.95-4.98-42.02-15.49-80.04-49.39-29.58-26.4-49.56-58.98-55.37-68.95-5.81-9.97-.61-15.36,4.35-20.3,4.47-4.47,9.95-11.63,14.94-17.44,4.99-5.81,6.63-9.97,9.95-16.6,3.32-6.65,1.66-12.45-.82-17.44-2.48-4.98-22.38-53.98-30.69-73.9-8.08-19.4-16.29-16.77-22.38-17.09-5.81-.29-12.43-.34-19.08-.34s-17.42,2.48-26.55,12.45c-9.13,9.97-34.84,34.05-34.84,83.02s35.66,96.32,40.64,102.97c4.98,6.65,70.19,107.17,170.02,150.29,23.74,10.26,42.29,16.39,56.74,20.97,23.84,7.58,45.53,6.51,62.68,3.95,19.12-2.86,58.88-24.08,67.17-47.33,8.29-23.24,8.29-43.18,5.81-47.33s-9.13-6.65-19.08-11.63l.02-.04Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-messenger {
  width: 75%;
  height: 75%;
  background: url("/v5/assets/messenger-DTkNu4Ke.svg") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-instagram {
  width: 75%;
  height: 75%;
  background: url("/v5/assets/instagram-filter-CaCWzWVP.svg") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-rcs {
  width: 75%;
  height: 75%;
  background: url("/v5/assets/card-detail-rcs-DlzXc9vO.svg") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-telegram {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20800%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20url(%23linear-gradient);%20}%20.cls-2%20{%20fill:%20%23fff;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3clinearGradient%20id='linear-gradient'%20x1='94.31'%20y1='796'%20x2='94.31'%20y2='795.21'%20gradientTransform='translate(-93906%20796004)%20scale(1000%20-1000)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%232aabee'/%3e%3cstop%20offset='1'%20stop-color='%23229ed9'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20id='Artboard'%3e%3ccircle%20id='Oval'%20class='cls-1'%20cx='400'%20cy='400'%20r='400'/%3e%3cpath%20id='Path-3'%20class='cls-2'%20d='M181.06,395.78c116.61-50.8,194.37-84.3,233.27-100.48,111.08-46.2,134.17-54.23,149.21-54.49,3.31-.06,10.71,.76,15.5,4.65,4.05,3.28,5.16,7.72,5.69,10.83s1.2,10.21,.67,15.75c-6.02,63.25-32.07,216.74-45.32,287.58-5.61,29.98-16.65,40.03-27.34,41.01-23.23,2.14-40.87-15.35-63.37-30.1-35.21-23.08-55.09-37.44-89.27-59.96-39.49-26.02-13.89-40.33,8.62-63.71,5.89-6.12,108.24-99.21,110.22-107.65,.25-1.06,.48-4.99-1.86-7.07s-5.79-1.37-8.28-.8c-3.53,.8-59.77,37.97-168.72,111.52-15.96,10.96-30.42,16.3-43.38,16.02-14.28-.31-41.76-8.08-62.18-14.71-25.05-8.14-44.96-12.45-43.23-26.28,.9-7.2,10.82-14.57,29.76-22.1Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-rcs {
  width: 75%;
  height: 75%;
  background: url("/v5/assets/card-detail-rcs-DlzXc9vO.svg") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-webchat {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20804.47'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%238048c7;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M495.77,445.15c1.72-14.16,3-28.32,3-42.91s-1.29-28.75-3-42.91h72.51c3.43,13.73,5.57,28.1,5.57,42.91s-2.14,29.17-5.57,42.91h-72.51Zm-37.97,119.27c12.87-23.81,22.74-49.56,29.6-76.37h63.28c-20.79,35.79-53.75,62.9-92.89,76.37Zm-5.37-119.27h-100.4c-2.15-14.16-3.43-28.32-3.43-42.91s1.29-28.96,3.43-42.91h100.4c1.93,13.94,3.43,28.32,3.43,42.91s-1.5,28.74-3.43,42.91Zm-50.2,127.85c-17.81-25.74-32.18-54.27-40.97-84.95h81.95c-8.8,30.68-23.17,59.21-40.98,84.95Zm-85.81-256.57h-62.64c20.57-35.89,53.52-63.04,92.67-76.37-12.87,23.81-22.52,49.56-30.03,76.37Zm-62.64,171.62h62.64c7.51,26.82,17.16,52.56,30.03,76.37-39.07-13.48-71.97-40.59-92.67-76.37Zm-17.59-42.9c-3.43-13.73-5.58-28.11-5.58-42.91s2.15-29.18,5.58-42.91h72.51c-1.72,14.16-3,28.32-3,42.91s1.29,28.74,3,42.91h-72.51Zm166.04-213.88c17.81,25.74,32.18,54.49,40.98,85.17h-81.95c8.8-30.68,23.17-59.42,40.97-85.17Zm148.45,85.17h-63.28c-6.71-26.57-16.65-52.22-29.6-76.37,39.47,13.52,72.3,40.76,92.89,76.37Zm-148.45-128.72c-118.63,0-214.53,96.54-214.53,214.53,0,56.89,22.6,111.46,62.83,151.69,19.92,19.92,43.57,35.72,69.6,46.5,26.02,10.78,53.92,16.33,82.09,16.33,56.9,0,111.46-22.6,151.7-62.83,40.23-40.23,62.83-94.8,62.83-151.69,0-28.18-5.55-56.07-16.33-82.1-10.78-26.03-26.58-49.67-46.5-69.6-19.92-19.92-43.58-35.72-69.6-46.5-26.02-10.78-53.92-16.33-82.09-16.33Z'/%3e%3cpath%20class='cls-1'%20d='M220.94,676.88l12.1,7.18c50.82,30.19,109.08,46.16,168.51,46.19h.12c182.48,0,331-148.63,331.07-331.33,.03-88.53-34.37-171.78-96.88-234.41-62.51-62.62-145.63-97.13-234.06-97.17-182.62,0-331.13,148.62-331.2,331.3-.03,62.6,17.47,123.58,50.61,176.33l7.88,12.53-33.45,122.26,125.3-32.89ZM0,804.47l56.51-206.57C21.66,537.45,3.32,468.88,3.34,398.62,3.43,178.82,182.11,0,401.67,0c106.55,.05,206.56,41.56,281.77,116.91,75.19,75.35,116.6,175.5,116.56,282.02-.1,219.79-178.8,398.63-398.33,398.63-.01,0,.02,0,0,0h-.17c-66.66-.03-132.16-16.77-190.34-48.53L0,804.47Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-tiktok {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23000000;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M19.59%206.69a4.83%204.83%200%200%201-3.77-4.25V2h-3.45v13.67a2.89%202.89%200%200%201-5.2%201.74%202.89%202.89%200%200%201%202.31-4.64%202.93%202.93%200%200%201%20.88.13V9.4a6.84%206.84%200%200%200-1-.05A6.33%206.33%200%200%200%205%2020.1a6.34%206.34%200%200%200%2010.86-4.43v-7a8.16%208.16%200%200%200%204.77%201.52v-3.4a4.85%204.85%200%200%201-1-.1z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.channel-card-container .channel-card-info {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.channel-card-container .channel-card-info .channel-card-info-title {
  font-size: 15px;
  color: var(--subtitle-font-color-components);
  font-weight: var(--subtitle-font-weight-components);
}
.channel-card-container .channel-card-info .channel-card-info-caption {
  font-size: 13px;
  color: var(--body-font-color-components);
  font-weight: var(--body-font-weight-components);
}
.channel-card-container .channel-card-button-area {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: end;
  align-items: center;
}
.channel-card-container .channel-card-button-area .channel-card-button {
  width: 100px;
  height: 30px;
  background-color: transparent;
  border: 1px solid #606060;
  color: #606060;
  border-radius: 5px;
  margin-right: 13px;
}
.channel-card-container .channel-card-button-area .channel-card-button:hover {
  background-color: #007bff;
  color: white;
  border: none;
}

.channel-card-detail-container {
  width: auto;
  min-width: 400px;
  height: auto;
  background-color: white;
  border: 1px solid lightgray;
  padding-inline: 10px;
  padding-block: 10px;
  color: #212529;
}
.channel-card-detail-container .channel-card-detail-inner {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 60% 40%;
}
.channel-card-detail-container .channel-card-detail-inner.one-column {
  grid-template-columns: 100%;
}
.channel-card-detail-container .channel-card-detail-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
}
.channel-card-detail-container .channel-card-detail-info .gg-sync {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-right-color: transparent;
  border-radius: 100px;
  margin-right: 5px;
}
.channel-card-detail-container .channel-card-detail-info .gg-sync::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  top: -3px;
  right: -1px;
  transform: rotate(68deg);
}
.channel-card-detail-container .channel-card-detail-info .gg-sync.rotate {
  animation: rotateAnimation 1s linear infinite;
  /* Ajusta la duración y el tipo de animación según sea necesario */
}
.channel-card-detail-container .channel-card-detail-info .sync-box {
  user-select: none;
  cursor: pointer;
}
.channel-card-detail-container .channel-card-detail-info .channel-card-detail-item {
  width: 100%;
  height: 25px;
  margin-block: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 50% 50%;
}
.channel-card-detail-container .channel-card-detail-info .channel-card-detail-item .channel-card-detail-value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
}
.channel-card-detail-container .channel-card-detail-info .channel-card-detail-item .channel-card-detail-field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 15px;
}
.channel-card-detail-container .channel-card-detail-info .channel-status {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}
.channel-card-detail-container .channel-card-detail-info .channel-status::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.channel-card-detail-container .channel-card-detail-info .channel-active {
  background-color: rgb(32, 175, 90);
  position: relative;
  margin-right: 5px;
}
.channel-card-detail-container .channel-card-detail-info .channel-inactive {
  background-color: red;
  position: relative;
  margin-right: 5px;
}
.channel-card-detail-container .channel-card-detail-info .channel-card-detail-sync,
.channel-card-detail-container .channel-card-detail-info .channel-card-detail-footer {
  font-size: 12px;
  color: #49525f;
}
.channel-card-detail-container .channel-card-detail-info > hr {
  width: 95%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.channel-card-detail-container .channel-card-detail-action {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-inline: 20px;
  padding-block: 10px;
  box-sizing: border-box;
}

.desconnect-channel-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: #49525f;
  margin-top: 25px;
}
.desconnect-channel-box .desconnect-channel {
  color: #dc3545;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  text-decoration: none;
}

.channel-card-desconnect-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 30px;
  padding-block: 10px;
  font-size: 14px;
  color: rgb(245, 0, 50);
  font-weight: 600;
}
.channel-card-desconnect-section .disconnect-box {
  user-select: none;
  cursor: pointer;
}

.go-back-box {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid lightgray;
  background-color: white;
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  user-select: none;
  color: #6d7175;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}
.go-back-box .go-back-box-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.go-back-box .go-back-box-item .go-back-box-title {
  font-size: 15px;
  user-select: none;
}
.go-back-box .go-back-box-item .gg-back-chevron-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.go-back-box .go-back-box-item .gg-back-chevron-left::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  left: 6px;
  top: 4px;
}
.go-back-box .go-back-box-item:hover {
  color: #0084ff;
}
.go-back-box .go-back-box-item {
  cursor: pointer;
}

.settings-channel-selection {
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
}
.settings-channel-selection:hover {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.settings-channel-selection .settings-channel-selection-logo {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  box-sizing: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-active {
  position: absolute;
  top: -15px;
  right: -10px;
  height: 25px;
  width: 25px;
  background-color: #05cb74;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-active .settings-channel-selection-check {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-active .settings-channel-selection-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 2px;
  top: -5px;
  width: 8px;
  height: 14px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail {
  position: absolute;
  bottom: -5px;
  right: -10px;
  height: 25px;
  width: 25px;
  background-color: #f4f4f4;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-whatsapp {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2035%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M29.4292%205.12798C27.8723%203.58861%2026.0201%202.36812%2023.9798%201.53717C21.9396%200.706218%2019.7519%200.281334%2017.5434%200.287122C8.28236%200.287122%200.744471%207.69194%200.741307%2016.7933C0.737305%2019.69%201.51062%2022.5366%202.98327%2025.0458L0.599998%2033.6L9.50669%2031.3045C11.9704%2032.6227%2014.7308%2033.3136%2017.536%2033.314H17.5434C26.8033%2033.314%2034.3423%2025.9081%2034.3455%2016.8068C34.3524%2014.6373%2033.9215%2012.4881%2033.0776%2010.4834C32.2337%208.47876%2030.9937%206.6585%2029.4292%205.12798ZM17.5434%2030.5261H17.5371C15.0362%2030.5262%2012.5813%2029.8654%2010.4294%2028.613L9.92007%2028.3156L4.63363%2029.6784L6.04462%2024.6147L5.71243%2024.0965C4.31389%2021.9093%203.5739%2019.3776%203.57804%2016.7943C3.58014%209.22887%209.8452%203.07494%2017.5487%203.07494C19.3834%203.07074%2021.2009%203.42425%2022.8957%204.115C24.5905%204.80576%2026.1291%205.82005%2027.4224%207.09914C28.7227%208.37119%2029.7534%209.88405%2030.4548%2011.5502C31.1563%2013.2163%2031.5145%2015.0026%2031.5087%2016.8057C31.5056%2024.3712%2025.2405%2030.5261%2017.5434%2030.5261Z'%20fill='%230ACF83'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9089%2024.7888C12.0271%2024.8593%2012.2707%2024.8593%2012.8275%2024.8593C15.1917%2024.8562%2017.2344%2024.8489%2018.6865%2024.8489C25.4662%2024.8489%2025.288%2017.8359%2022.118%2016.9612C22.582%2016.1528%2024.6974%2014.6345%2023.3898%2011.4954C22.0959%208.39149%2016.5321%209.09622%2012.7283%209.09829C11.3195%209.09829%2011.5304%2010.1201%2011.5367%2011.7099C11.5493%2014.2283%2011.5399%2021.0424%2011.5377%2023.9888C11.5377%2024.5857%2011.7212%2024.6779%2011.9089%2024.7888ZM14.8427%2022.2187C15.4828%2022.2187%2016.9929%2022.2187%2018.2868%2022.2166C19.7527%2022.2145%2021.0582%2021.5409%2021.0255%2020.1065C21.0012%2018.7562%2020.0869%2018.3136%2018.8173%2018.1893C17.6088%2018.1996%2016.2263%2018.1996%2014.8416%2018.1996V22.2187H14.8427ZM14.8427%2015.4875C17.3926%2015.4533%2018.3754%2015.589%2019.7685%2015.246C20.7249%2014.7123%2021.1425%2012.7328%2019.7737%2012.0613C18.8225%2011.5949%2016.0122%2011.7535%2014.8427%2011.8022V15.4875Z'%20fill='%230ACF83'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-waba {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20803.86'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2325d366;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M683.44,116.81C608.24,41.52,508.24,.04,401.68,0,182.11,0,3.42,178.68,3.34,398.3c-.04,70.21,18.32,138.74,53.17,199.13L0,803.86l211.16-55.39c58.18,31.74,123.69,48.46,190.35,48.48h.17c219.53,0,398.24-178.7,398.32-398.32,.04-106.44-41.35-206.5-116.56-281.79v-.02ZM401.68,729.68h-.13c-59.4-.02-117.67-15.99-168.51-46.14l-12.09-7.18-125.31,32.87,33.44-122.18-7.87-12.53c-33.14-52.71-50.65-113.64-50.61-176.19,.08-182.53,148.59-331.05,331.22-331.05,88.43,.04,171.55,34.51,234.06,97.1,62.51,62.57,96.91,145.77,96.87,234.22-.08,182.55-148.59,331.07-331.07,331.07v.02Zm181.6-247.95c-9.95-4.98-58.88-29.05-68.01-32.37-9.13-3.32-15.76-4.98-22.38,4.98-6.63,9.97-25.71,32.39-31.51,39.02-5.81,6.65-11.61,7.47-21.56,2.48-9.95-4.98-42.02-15.49-80.04-49.39-29.58-26.4-49.56-58.98-55.37-68.95-5.81-9.97-.61-15.36,4.35-20.3,4.47-4.47,9.95-11.63,14.94-17.44,4.99-5.81,6.63-9.97,9.95-16.6,3.32-6.65,1.66-12.45-.82-17.44-2.48-4.98-22.38-53.98-30.69-73.9-8.08-19.4-16.29-16.77-22.38-17.09-5.81-.29-12.43-.34-19.08-.34s-17.42,2.48-26.55,12.45c-9.13,9.97-34.84,34.05-34.84,83.02s35.66,96.32,40.64,102.97c4.98,6.65,70.19,107.17,170.02,150.29,23.74,10.26,42.29,16.39,56.74,20.97,23.84,7.58,45.53,6.51,62.68,3.95,19.12-2.86,58.88-24.08,67.17-47.33,8.29-23.24,8.29-43.18,5.81-47.33s-9.13-6.65-19.08-11.63l.02-.04Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-messenger {
  width: 75%;
  height: 75%;
  background: url("/v5/assets/messenger-DTkNu4Ke.svg") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-instagram {
  width: 75%;
  height: 75%;
  background: url("/v5/assets/instagram-filter-CaCWzWVP.svg") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-telegram {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20800%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20url(%23linear-gradient);%20}%20.cls-2%20{%20fill:%20%23fff;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3clinearGradient%20id='linear-gradient'%20x1='94.31'%20y1='796'%20x2='94.31'%20y2='795.21'%20gradientTransform='translate(-93906%20796004)%20scale(1000%20-1000)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%232aabee'/%3e%3cstop%20offset='1'%20stop-color='%23229ed9'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20id='Artboard'%3e%3ccircle%20id='Oval'%20class='cls-1'%20cx='400'%20cy='400'%20r='400'/%3e%3cpath%20id='Path-3'%20class='cls-2'%20d='M181.06,395.78c116.61-50.8,194.37-84.3,233.27-100.48,111.08-46.2,134.17-54.23,149.21-54.49,3.31-.06,10.71,.76,15.5,4.65,4.05,3.28,5.16,7.72,5.69,10.83s1.2,10.21,.67,15.75c-6.02,63.25-32.07,216.74-45.32,287.58-5.61,29.98-16.65,40.03-27.34,41.01-23.23,2.14-40.87-15.35-63.37-30.1-35.21-23.08-55.09-37.44-89.27-59.96-39.49-26.02-13.89-40.33,8.62-63.71,5.89-6.12,108.24-99.21,110.22-107.65,.25-1.06,.48-4.99-1.86-7.07s-5.79-1.37-8.28-.8c-3.53,.8-59.77,37.97-168.72,111.52-15.96,10.96-30.42,16.3-43.38,16.02-14.28-.31-41.76-8.08-62.18-14.71-25.05-8.14-44.96-12.45-43.23-26.28,.9-7.2,10.82-14.57,29.76-22.1Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-webchat {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20804.47'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%238048c7;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M495.77,445.15c1.72-14.16,3-28.32,3-42.91s-1.29-28.75-3-42.91h72.51c3.43,13.73,5.57,28.1,5.57,42.91s-2.14,29.17-5.57,42.91h-72.51Zm-37.97,119.27c12.87-23.81,22.74-49.56,29.6-76.37h63.28c-20.79,35.79-53.75,62.9-92.89,76.37Zm-5.37-119.27h-100.4c-2.15-14.16-3.43-28.32-3.43-42.91s1.29-28.96,3.43-42.91h100.4c1.93,13.94,3.43,28.32,3.43,42.91s-1.5,28.74-3.43,42.91Zm-50.2,127.85c-17.81-25.74-32.18-54.27-40.97-84.95h81.95c-8.8,30.68-23.17,59.21-40.98,84.95Zm-85.81-256.57h-62.64c20.57-35.89,53.52-63.04,92.67-76.37-12.87,23.81-22.52,49.56-30.03,76.37Zm-62.64,171.62h62.64c7.51,26.82,17.16,52.56,30.03,76.37-39.07-13.48-71.97-40.59-92.67-76.37Zm-17.59-42.9c-3.43-13.73-5.58-28.11-5.58-42.91s2.15-29.18,5.58-42.91h72.51c-1.72,14.16-3,28.32-3,42.91s1.29,28.74,3,42.91h-72.51Zm166.04-213.88c17.81,25.74,32.18,54.49,40.98,85.17h-81.95c8.8-30.68,23.17-59.42,40.97-85.17Zm148.45,85.17h-63.28c-6.71-26.57-16.65-52.22-29.6-76.37,39.47,13.52,72.3,40.76,92.89,76.37Zm-148.45-128.72c-118.63,0-214.53,96.54-214.53,214.53,0,56.89,22.6,111.46,62.83,151.69,19.92,19.92,43.57,35.72,69.6,46.5,26.02,10.78,53.92,16.33,82.09,16.33,56.9,0,111.46-22.6,151.7-62.83,40.23-40.23,62.83-94.8,62.83-151.69,0-28.18-5.55-56.07-16.33-82.1-10.78-26.03-26.58-49.67-46.5-69.6-19.92-19.92-43.58-35.72-69.6-46.5-26.02-10.78-53.92-16.33-82.09-16.33Z'/%3e%3cpath%20class='cls-1'%20d='M220.94,676.88l12.1,7.18c50.82,30.19,109.08,46.16,168.51,46.19h.12c182.48,0,331-148.63,331.07-331.33,.03-88.53-34.37-171.78-96.88-234.41-62.51-62.62-145.63-97.13-234.06-97.17-182.62,0-331.13,148.62-331.2,331.3-.03,62.6,17.47,123.58,50.61,176.33l7.88,12.53-33.45,122.26,125.3-32.89ZM0,804.47l56.51-206.57C21.66,537.45,3.32,468.88,3.34,398.62,3.43,178.82,182.11,0,401.67,0c106.55,.05,206.56,41.56,281.77,116.91,75.19,75.35,116.6,175.5,116.56,282.02-.1,219.79-178.8,398.63-398.33,398.63-.01,0,.02,0,0,0h-.17c-66.66-.03-132.16-16.77-190.34-48.53L0,804.47Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-detail .settings-channel-selection-tiktok {
  width: 75%;
  height: 75%;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23000000;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M19.59%206.69a4.83%204.83%200%200%201-3.77-4.25V2h-3.45v13.67a2.89%202.89%200%200%201-5.2%201.74%202.89%202.89%200%200%201%202.31-4.64%202.93%202.93%200%200%201%20.88.13V9.4a6.84%206.84%200%200%200-1-.05A6.33%206.33%200%200%200%205%2020.1a6.34%206.34%200%200%200%2010.86-4.43v-7a8.16%208.16%200%200%200%204.77%201.52v-3.4a4.85%204.85%200%200%201-1-.1z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-disabled {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(171, 171, 171, 0.51);
  border-radius: 10px;
  z-index: 1;
  /* Para asegurarnos de que esté por encima del contenido */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-disabled .settings-channel-selection-lock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 11px;
  border: 2px solid;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom: transparent;
  margin-top: -12px;
}
.settings-channel-selection .settings-channel-selection-logo .settings-channel-selection-disabled .settings-channel-selection-lock::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 10px;
  border-radius: 2px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  left: -4px;
  top: 9px;
}

.channel-rcs-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.channel-rcs-info .channel-rcs-title {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
}
.channel-rcs-info .channel-rcs-subtitle {
  font-size: 12px;
  color: #666666;
}.gg-plug-container {
  position: absolute;
  top: -5px;
  right: 3px;
  width: 20px; /* Adjust size as needed */
  height: 20px; /* Adjust size as needed */
  background-color: #ccc; /* Default background color */
  border-radius: 50%; /* Make it a circle */
  display: flex;
  justify-content: center;
  align-items: center;
}
.gg-plug-container.active {
  background-color: rgb(166, 206, 107);
}
.gg-plug-container.active .gg-plug {
  color: white;
}
.gg-plug-container.inactive {
  background-color: lightgray;
}
.gg-plug-container .gg-plug {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: scale(0.7) rotate(45deg); /* Rotate the plug back to its original orientation */
  width: 12px;
  height: 20px;
}
.gg-plug-container .gg-plug::after,
.gg-plug-container .gg-plug::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}
.gg-plug-container .gg-plug::before {
  width: 12px;
  height: 10px;
  border: 2px solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  top: 5px;
}
.gg-plug-container .gg-plug::after {
  width: 2px;
  height: 4px;
  background: currentColor;
  left: 2px;
  border-radius: 22px;
  box-shadow: 6px 0 0, 3px 14px 0, 3px 16px 0;
}.autocomplete-container {
  width: 100%;
}

.autocomplete-input {
  width: 100%;
  margin-bottom: 10px;
}

.selected-options-container {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.selected-options-container span.selected-options {
  font-weight: 800;
  align-items: center;
  display: flex;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  max-height: 34px;
  background: var(--color-soft-blue);
  color: var(--color-white);
  border-radius: 3px;
}
.selected-options-container span.selected-options button {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 100;
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background: none !important;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  padding: 0;
  width: 15px;
}

.autocomplete-suggestions-container {
  width: 100%;
  overflow-y: auto;
  max-height: 150px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.autocomplete-suggestions-container option {
  padding: 5px;
  cursor: pointer;
}
.autocomplete-suggestions-container option:hover {
  background-color: #f0f0f0;
}.checkbox-container {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-container .unchecked {
  /* Define styles for unchecked state */
  border: 2px solid #d9d9d9;
  background-color: #fff;
}
.checkbox-container .partial-check {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0rem !important;
  /* Define styles for partially checked state */
}
.checkbox-container .partial-check .square {
  height: 15px;
  width: 15px;
  background: #006DFF;
  /* Square color */
  position: relative;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: none;
}
.checkbox-container .partial-check .rectangle {
  width: 7px;
  height: 3px;
  background: white;
  /* Rectangle color */
  pointer-events: none;
}
.checkbox-container .full-check {
  /* Define styles for fully checked state */
  border: 2px solid #5ab45c;
  background-color: #e9ffed;
}.card-with-list-container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 5px 0px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
}
.card-with-list-container .general-description {
  padding: 1rem;
}
.card-with-list-container ul.fixed-list-container {
  list-style: none;
  padding: 1rem 2rem;
}
.card-with-list-container ul.fixed-list-container li.fixed-list-item {
  position: relative;
  padding-left: 0px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.card-with-list-container ul.fixed-list-container li.fixed-list-item span {
  margin-left: 10px;
}
.card-with-list-container ul.fixed-list-container li.fixed-list-item .gg-check {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.card-with-list-container ul.fixed-list-container li.fixed-list-item .gg-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
  border-color: #257DFF;
}
.card-with-list-container .optional-container-title {
  padding: 1rem;
  border-radius: 5px 5px 0px 0px;
  border-top: 1px solid #e8e8e8;
  font-weight: 600;
}
.card-with-list-container .optional-container-title .overall-checkbox {
  display: grid;
  grid-template-columns: 5% 95%;
  grid-template-rows: 1fr;
  grid-template-areas: "custom-checkbox title";
}
.card-with-list-container .optional-container-title .overall-checkbox input[type=checkbox] {
  width: 15px !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0rem;
  padding: 0rem;
}
.card-with-list-container .optional-container-title .overall-checkbox .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.card-with-list-container .optional-list-container {
  width: 100%;
  margin: 10px 0;
  border-radius: 0px 0px 5px 5px;
  border-top: none;
  margin-bottom: 0px;
  padding-left: 4rem;
}
.card-with-list-container .optional-list-container .card-with-list-item-checkbox {
  display: flex;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 1rem;
}
.card-with-list-container .optional-list-container .card-with-list-item-checkbox input[type=checkbox] {
  width: 15px !important;
  margin: 0rem;
}
.card-with-list-container .optional-list-container .card-with-list-item-checkbox .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 1.5rem;
}
.card-with-list-container .card-with-list-header {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch {
  position: relative;
  width: 40px;
  height: 34px;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  transition: 0.3s;
  border-radius: 25px;
  height: 20px;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch .slider:before {
  position: absolute;
  content: "";
  left: 4px;
  bottom: 2.5px;
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  transition: 0.3s;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch input:checked + .slider {
  background-color: #257DFF;
  border-radius: 25px;
  height: 20px;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch input:focus + .slider {
  box-shadow: 0 0 1px #564311;
}
.card-with-list-container .card-with-list-header .custom-card-with-list-switch input:checked + .slider:before {
  transform: translateX(18px);
}
.card-with-list-container .card-with-list-header .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0.5rem;
  width: 90%;
}
.card-with-list-container .card-with-list-header .info .custom-control-label::after, .card-with-list-container .card-with-list-header .info .custom-control-label::before {
  display: none !important;
}
.card-with-list-container .card-with-list-header:hover {
  background-color: #e8e8e8;
}
.card-with-list-container .card-with-list-header.selected {
  background-color: #e1e9f5;
  border-radius: 5px 5px 0px 0px;
}.status-badge {
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 6px;
}
.status-badge .status-indicator-container {
  position: relative;
  width: 1.5rem;
}
.status-badge .status-indicator-container .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.status-badge .status-indicator-container .dot.success {
  background-color: green;
}
.status-badge .status-indicator-container .dot.warning {
  background-color: yellow;
}
.status-badge .status-indicator-container .dot.danger {
  background-color: red;
}
.status-badge .status-indicator-container .pulsate-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulsate-dot 1s infinite;
}
@keyframes pulsate-dot {
  0% {
    width: 6px;
    height: 6px;
    opacity: 0.8; /* Initial opacity */
  }
  100% {
    width: 12px;
    height: 12px;
    opacity: 0; /* Disappear during scale */
  }
}
.status-badge .info {
  flex-grow: 1;
}.smart-filters {
  background-color: transparent;
  box-sizing: border-box;
  padding: 4px 0px;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}
.smart-filters .smart-filters-search-bar {
  height: 40px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  gap: 0.5rem;
  align-items: center;
  display: flex;
  box-sizing: border-box;
  padding: 0.5rem;
  padding-right: 15px;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.5rem;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
  margin-left: 0.5rem;
  pointer-events: none;
  flex-shrink: 0;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion {
  color: #374151;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: #e5e7eb;
  border-radius: 9999px;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.TAG, .smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.NAME, .smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.TITLE_DESCRIPTION {
  background-color: #2563eb;
  color: white;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.MESSAGE, .smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.PHONE, .smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.SKU {
  background-color: #059669;
  color: white;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.CONTACT, .smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion.EMAIL {
  background-color: #ca8a04;
  color: white;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-suggestion-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-main .smart-filters-search-bar-input {
  background: transparent;
  border-style: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  flex: 1 1 0%;
  font-size: 14px !important;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-button:hover {
  background-color: #f1f5f9;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-button.primary {
  background-color: #059669;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-button .close-button-icon {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  flex-shrink: 0;
  color: #374151;
}
.smart-filters .smart-filters-search-bar .smart-filters-search-bar-button .send-button-icon {
  color: white;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  flex-shrink: 0;
}
.smart-filters .smart-filters-suggestions {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.7rem;
}
.smart-filters .smart-filters-suggestions .smart-filters-suggestions-item {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 9999px;
  background-color: #f3f4f6;
  border: 1px none #e2e8f0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  height: 35px;
  font-weight: 500;
  color: #374151;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  user-select: none;
}
.smart-filters .smart-filters-suggestions .smart-filters-suggestions-item:hover {
  background-color: #e5e7eb;
}
.smart-filters .smart-filters-suggestions .smart-filters-suggestions-item-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}.simple-search-bar {
  background-color: transparent;
  box-sizing: border-box;
  padding: 4px 0px;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}
.simple-search-bar .simple-search-bar-container {
  height: 40px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  gap: 0.5rem;
  align-items: center;
  display: flex;
  box-sizing: border-box;
  padding: 0.5rem;
  padding-right: 15px;
}
.simple-search-bar .simple-search-bar-container .simple-search-bar-main {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.5rem;
}
.simple-search-bar .simple-search-bar-container .simple-search-bar-main .simple-search-bar-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
  margin-left: 0.5rem;
  pointer-events: none;
  flex-shrink: 0;
}
.simple-search-bar .simple-search-bar-container .simple-search-bar-main .simple-search-bar-input {
  background: transparent;
  border-style: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  flex: 1 1 0%;
  font-size: 14px !important;
}
.simple-search-bar .simple-search-bar-container .simple-search-bar-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.simple-search-bar .simple-search-bar-container .simple-search-bar-button:hover {
  background-color: #f1f5f9;
}
.simple-search-bar .simple-search-bar-container .simple-search-bar-button .simple-search-bar-close-icon {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  flex-shrink: 0;
  color: #374151;
}.billing-payment-card {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: white;
  border-radius: 8px;
  padding: 5px 10px;
}
.billing-payment-card .billing-payment-card-hr {
  width: 100%;
  margin: 0 auto;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
}
.billing-payment-card .billing-payment-card-row {
  flex: 1;
}
.billing-payment-card .payment-card-row-info {
  display: grid;
  grid-template-columns: 75px auto;
  gap: 15px;
}
.billing-payment-card .payment-card-row-info .payment-card-info {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
}
.billing-payment-card .payment-card-row-info .payment-card-info .payment-card-info-number {
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8509803922);
  margin-bottom: 5px;
}
.billing-payment-card .payment-card-row-info .payment-card-info .payment-card-info-expires {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8509803922);
}
.billing-payment-card .payment-card-row-info .MASTERCARD-LOGO {
  width: 100%;
  height: 75px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-9%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='57'%20height='39'%20rx='3.5'%20fill='white'%20stroke='%23F3F3F3'/%3e%3cpath%20d='M34.3102%2028.9765H23.9591V10.5122H34.3102V28.9765Z'%20fill='%23FF5F00'/%3e%3cpath%20d='M24.6223%2019.7429C24.6223%2015.9973%2026.3891%2012.6608%2029.1406%2010.5107C27.1285%208.93843%2024.5892%207.99998%2021.8294%207.99998C15.2961%207.99998%2010%2013.2574%2010%2019.7429C10%2026.2283%2015.2961%2031.4857%2021.8294%2031.4857C24.5892%2031.4857%2027.1285%2030.5473%2029.1406%2028.975C26.3891%2026.8249%2024.6223%2023.4884%2024.6223%2019.7429'%20fill='%23EB001B'/%3e%3cpath%20d='M48.2706%2019.7429C48.2706%2026.2283%2042.9745%2031.4857%2036.4412%2031.4857C33.6814%2031.4857%2031.1421%2030.5473%2029.1293%2028.975C31.8815%2026.8249%2033.6483%2023.4884%2033.6483%2019.7429C33.6483%2015.9973%2031.8815%2012.6608%2029.1293%2010.5107C31.1421%208.93843%2033.6814%207.99998%2036.4412%207.99998C42.9745%207.99998%2048.2706%2013.2574%2048.2706%2019.7429'%20fill='%23F79E1B'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.billing-payment-card .payment-card-row-info .MAESTRO-LOGO {
  width: 100%;
  height: 75px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-9%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='57'%20height='39'%20rx='3.5'%20fill='white'%20stroke='%23F3F3F3'/%3e%3cpath%20d='M34.3102%2028.9765H23.9591V10.5122H34.3102V28.9765Z'%20fill='%23FF5F00'/%3e%3cpath%20d='M24.6223%2019.7429C24.6223%2015.9973%2026.3891%2012.6608%2029.1406%2010.5107C27.1285%208.93843%2024.5892%207.99998%2021.8294%207.99998C15.2961%207.99998%2010%2013.2574%2010%2019.7429C10%2026.2283%2015.2961%2031.4857%2021.8294%2031.4857C24.5892%2031.4857%2027.1285%2030.5473%2029.1406%2028.975C26.3891%2026.8249%2024.6223%2023.4884%2024.6223%2019.7429'%20fill='%23EB001B'/%3e%3cpath%20d='M48.2706%2019.7429C48.2706%2026.2283%2042.9745%2031.4857%2036.4412%2031.4857C33.6814%2031.4857%2031.1421%2030.5473%2029.1293%2028.975C31.8815%2026.8249%2033.6483%2023.4884%2033.6483%2019.7429C33.6483%2015.9973%2031.8815%2012.6608%2029.1293%2010.5107C31.1421%208.93843%2033.6814%207.99998%2036.4412%207.99998C42.9745%207.99998%2048.2706%2013.2574%2048.2706%2019.7429'%20fill='%23F79E1B'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.billing-payment-card .payment-card-row-info .AMERICAN-EXPRESS-LOGO {
  width: 100%;
  height: 75px;
  background: url("/v5/assets/american-express-logo-yqcgIDD7.svg") no-repeat center;
  background-size: contain;
}
.billing-payment-card .payment-card-row-info .VISA-LOGO {
  width: 100%;
  height: 75px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3cpath%20d='M22.222%2015.768l-.225-1.125h-2.514l-.4%201.117-2.015.004a4199.19%204199.19%200%200%201%202.884-6.918c.164-.391.455-.59.884-.588.328.003.863.003%201.606.001L24%2015.765l-1.778.003zm-2.173-2.666h1.62l-.605-2.82-1.015%202.82zM7.06%208.257l2.026.002-3.132%207.51-2.051-.002a950.849%20950.849%200%200%201-1.528-5.956c-.1-.396-.298-.673-.679-.804C1.357%208.89.792%208.71%200%208.465V8.26h3.237c.56%200%20.887.271.992.827.106.557.372%201.975.8%204.254L7.06%208.257zm4.81.002l-1.602%207.508-1.928-.002L9.94%208.257l1.93.002zm3.91-.139c.577%200%201.304.18%201.722.345l-.338%201.557c-.378-.152-1-.357-1.523-.35-.76.013-1.23.332-1.23.638%200%20.498.816.749%201.656%201.293.959.62%201.085%201.177%201.073%201.782-.013%201.256-1.073%202.495-3.309%202.495-1.02-.015-1.388-.101-2.22-.396l.352-1.625c.847.355%201.206.468%201.93.468.663%200%201.232-.268%201.237-.735.004-.332-.2-.497-.944-.907-.744-.411-1.788-.98-1.774-2.122.017-1.462%201.402-2.443%203.369-2.443z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.billing-payment-card .payment-card-row-actions {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 5px;
}
.billing-payment-card .payment-card-row-actions .pc-primary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8509803922);
}
.billing-payment-card .payment-card-row-actions .pc-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.billing-payment-card .payment-card-row-actions .pc-actions .pc-action-button {
  border: none;
  background: none;
  color: #007bff;
  font-weight: bold;
  user-select: none;
}
.billing-payment-card .payment-card-row-actions .pc-actions .pc-action-button:disabled {
  opacity: 0.5;
}
.billing-payment-card.add-payment {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #007bff;
  font-weight: bold;
  border-style: dashed;
  border-width: 2px;
  font-size: 13px;
  cursor: pointer;
}
.billing-payment-card.add-payment .add-payment-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.billing-payment-card.add-payment .add-payment-method-icon,
.billing-payment-card.add-payment .add-payment-method-icon::after {
  display: inline-block;
  box-sizing: border-box;
  background: currentColor;
  border-radius: 10px;
}
.billing-payment-card.add-payment .add-payment-method-icon {
  position: relative;
  transform: scale(0.5);
  width: 16px;
  height: 3px;
}
.billing-payment-card.add-payment .add-payment-method-icon::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 16px;
  top: -7px;
  left: 7px;
}
.billing-payment-card.disabled-add-payment {
  opacity: 0.5;
  cursor: not-allowed;
}.summary-plan-card {
  width: 100%;
  min-width: 500px;
  height: 75px;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.summary-plan-card .summary-plan-card-item {
  display: grid;
  grid-template-columns: auto auto;
  gap: 15px;
  justify-content: center;
  align-items: center;
}
.summary-plan-card .summary-plan-card-item.pay-card-left {
  padding-left: 15px;
}
.summary-plan-card .summary-plan-card-item.pay-card-right {
  padding-right: 15px;
}
.summary-plan-card .summary-plan-card-item .summary-plan-card-detail {
  display: grid;
  grid-template-rows: auto auto;
  gap: 5px;
}
.summary-plan-card .summary-plan-card-item .pay-card-item-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8509803922);
  font-weight: 700;
}
.summary-plan-card .summary-plan-card-item .pay-card-item-subtitle {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5490196078);
  font-weight: 400;
}
.summary-plan-card .summary-plan-card-separator {
  display: grid;
  grid-template-rows: auto auto auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgba(0, 0, 0, 0.5490196078);
  padding: 0 25px;
  user-select: none;
  font-size: 13px;
}
.summary-plan-card .pay-card-icons {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.summary-plan-card .pay-card-gg-dollar {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 20px;
  background: currentColor;
}
.summary-plan-card .pay-card-gg-dollar::after,
.summary-plan-card .pay-card-gg-dollar::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 8px;
  border: 2px solid;
}
.summary-plan-card .pay-card-gg-dollar::before {
  border-right: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  top: 3px;
  left: -6px;
  box-shadow: 4px -2px 0 -2px;
}
.summary-plan-card .pay-card-gg-dollar::after {
  border-left: 0;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  bottom: 3px;
  right: -6px;
  box-shadow: -4px 2px 0 -2px;
}
.summary-plan-card .pay-card-gg-calculator {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 2px;
}
.summary-plan-card .pay-card-gg-calculator::after,
.summary-plan-card .pay-card-gg-calculator::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 2px;
  background: currentColor;
  top: 2px;
  left: 2px;
}
.summary-plan-card .pay-card-gg-calculator::after {
  width: 2px;
  box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0, 0 8px 0, 4px 8px 0, 8px 8px 0, 8px 6px 0;
  top: 6px;
}
.summary-plan-card .pay-card-gg-calendar-today {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;
}
.summary-plan-card .pay-card-gg-calendar-today::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  background: currentColor;
  height: 4px;
  width: 4px;
  border-radius: 2px;
  right: 2px;
  bottom: 2px;
}
.summary-plan-card .plan-card-gg-file-document {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
  border: 2px solid transparent;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 2px;
  border-radius: 1px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.summary-plan-card .plan-card-gg-file-document::after,
.summary-plan-card .plan-card-gg-file-document::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}
.summary-plan-card .plan-card-gg-file-document::before {
  background: currentColor;
  box-shadow: 0 4px 0, -6px -4px 0;
  left: 0;
  width: 10px;
  height: 2px;
  top: 8px;
}
.summary-plan-card .plan-card-gg-file-document::after {
  width: 6px;
  height: 6px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  right: -1px;
  top: -1px;
}

.summary-payment-method {
  width: auto;
  min-width: 500px;
  height: 75px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 75px auto 75px;
  gap: 15px;
  align-items: center;
  box-sizing: border-box;
}
.summary-payment-method .payment-card-info {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
}
.summary-payment-method .payment-card-info .payment-card-info-number {
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8509803922);
  margin-bottom: 5px;
}
.summary-payment-method .payment-card-info .payment-card-info-expires {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8509803922);
}
.summary-payment-method .SUMMARY-MASTERCARD-LOGO {
  width: 100%;
  height: 50px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-9%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='57'%20height='39'%20rx='3.5'%20fill='white'%20stroke='%23F3F3F3'/%3e%3cpath%20d='M34.3102%2028.9765H23.9591V10.5122H34.3102V28.9765Z'%20fill='%23FF5F00'/%3e%3cpath%20d='M24.6223%2019.7429C24.6223%2015.9973%2026.3891%2012.6608%2029.1406%2010.5107C27.1285%208.93843%2024.5892%207.99998%2021.8294%207.99998C15.2961%207.99998%2010%2013.2574%2010%2019.7429C10%2026.2283%2015.2961%2031.4857%2021.8294%2031.4857C24.5892%2031.4857%2027.1285%2030.5473%2029.1406%2028.975C26.3891%2026.8249%2024.6223%2023.4884%2024.6223%2019.7429'%20fill='%23EB001B'/%3e%3cpath%20d='M48.2706%2019.7429C48.2706%2026.2283%2042.9745%2031.4857%2036.4412%2031.4857C33.6814%2031.4857%2031.1421%2030.5473%2029.1293%2028.975C31.8815%2026.8249%2033.6483%2023.4884%2033.6483%2019.7429C33.6483%2015.9973%2031.8815%2012.6608%2029.1293%2010.5107C31.1421%208.93843%2033.6814%207.99998%2036.4412%207.99998C42.9745%207.99998%2048.2706%2013.2574%2048.2706%2019.7429'%20fill='%23F79E1B'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.summary-payment-method .SUMMARY-AMERICAN-EXPRESS-LOGO {
  width: 100%;
  height: 50px;
  background: url("/v5/assets/american-express-logo-yqcgIDD7.svg") no-repeat center;
  background-size: contain;
}
.summary-payment-method .SUMMARY-VISA-LOGO {
  width: 100%;
  height: 50px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3cpath%20d='M22.222%2015.768l-.225-1.125h-2.514l-.4%201.117-2.015.004a4199.19%204199.19%200%200%201%202.884-6.918c.164-.391.455-.59.884-.588.328.003.863.003%201.606.001L24%2015.765l-1.778.003zm-2.173-2.666h1.62l-.605-2.82-1.015%202.82zM7.06%208.257l2.026.002-3.132%207.51-2.051-.002a950.849%20950.849%200%200%201-1.528-5.956c-.1-.396-.298-.673-.679-.804C1.357%208.89.792%208.71%200%208.465V8.26h3.237c.56%200%20.887.271.992.827.106.557.372%201.975.8%204.254L7.06%208.257zm4.81.002l-1.602%207.508-1.928-.002L9.94%208.257l1.93.002zm3.91-.139c.577%200%201.304.18%201.722.345l-.338%201.557c-.378-.152-1-.357-1.523-.35-.76.013-1.23.332-1.23.638%200%20.498.816.749%201.656%201.293.959.62%201.085%201.177%201.073%201.782-.013%201.256-1.073%202.495-3.309%202.495-1.02-.015-1.388-.101-2.22-.396l.352-1.625c.847.355%201.206.468%201.93.468.663%200%201.232-.268%201.237-.735.004-.332-.2-.497-.944-.907-.744-.411-1.788-.98-1.774-2.122.017-1.462%201.402-2.443%203.369-2.443z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.summary-payment-method .summary-payment-card-label {
  display: inline-block;
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 3px;
}
.summary-payment-method .summary-payment-button-area .summary-payment-card-button {
  width: 100%;
  height: 30px;
  background-color: #f4f4f4;
  color: #606060;
  border-radius: 5px;
}
.summary-payment-method .summary-payment-button-area .summary-payment-card-button:hover {
  background-color: #007bff;
  color: white;
  border: none;
}
.nested-select-item {
  cursor: pointer;
}
.nested-select-item:hover {
  background-color: #f0f0f0;
}

.nested-li-items .row-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  flex-grow: 0;
  margin: 0 10px 0 0;
  padding: 0px 6px 0px 6px;
  background-color: #3b88c3;
  color: white;
  border-radius: 3px;
  font-weight: bold;
}

.nested-ul-items {
  border-left: 1px dotted #ccc;
}

.hierarchy-dropdown-selector {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  min-width: 200px;
  text-align: left;
}
.hierarchy-dropdown-selector:after {
  content: "▼";
  /* Unicode downward arrow */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 12px;
  transition: transform 0.3s;
  /* Smooth transition for the transform */
}
.hierarchy-dropdown-selector .selected-item {
  font-weight: bold;
  color: #007bff;
}.toggle-input-container {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: flex-start;
}
.toggle-input-container .custom-toggle-input-container {
  cursor: pointer;
  padding-top: 1%;
}
.toggle-input-container .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0.5rem;
  width: auto;
}
.toggle-input-container .info label {
  cursor: pointer;
  font-size: inherit;
}
.toggle-input-container .info label::after {
  display: none !important;
}
.toggle-input-container .info label::before {
  display: none !important;
}
.toggle-input-container.selected {
  background-color: #e1e9f5;
  border-radius: 5px 5px 0px 0px;
}

.custom-toggle-input {
  position: relative;
  width: 40px;
  height: 34px;
}
.custom-toggle-input input {
  opacity: 0;
  width: 0;
  height: 0;
}
.custom-toggle-input .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  transition: 0.3s;
  border-radius: 25px;
  height: 20px;
}
.custom-toggle-input .slider:before {
  position: absolute;
  content: "";
  left: 4px;
  bottom: 2.5px;
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  transition: 0.3s;
}
.custom-toggle-input input:checked + .slider {
  background-color: #257DFF;
  border-radius: 25px;
  height: 20px;
}
.custom-toggle-input input:focus + .slider {
  box-shadow: 0 0 1px #564311;
}
.custom-toggle-input input:checked + .slider:before {
  transform: translateX(18px);
}.user-card {
  width: 300px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-card .user-info {
  text-align: center;
  padding: 20px;
}
.user-card .user-info .user-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.user-card .user-info .department {
  font-size: 16px;
  color: #555;
  margin-bottom: 10px;
}
.user-card .user-info .main-role {
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 20px;
  margin-bottom: 5px;
}
.user-card .user-info .email {
  font-size: 14px;
  margin-bottom: 20px;
}
.user-card .button-row {
  display: flex;
  width: 100%;
  border-top: 1px solid lightgray;
}
.user-card .button-row .action-btn > svg {
  margin-right: 10px;
}
.user-card .button-row .edit-button,
.user-card .button-row .delete-button {
  color: black;
  flex: 1;
  padding: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.user-card .button-row .delete-button {
  border-left: 1px solid lightgray;
}.parameterized-input-container {
  max-width: 400px;
  border-radius: 5px;
  padding: 0px;
  font-family: Arial, sans-serif;
}
.parameterized-input-container .dropdown-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}
.parameterized-input-container .dropdown-container .dropdown-selector {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 100px;
}
.parameterized-input-container .dropdown-container .dropdown-selector .input-label {
  font-size: 14px;
  color: #767676;
  margin-bottom: 5px;
  transition: all 0.3s ease;
}
.parameterized-input-container .dropdown-container .dropdown-selector .select-dropdown {
  border: none;
  padding: 5px;
  font-size: 12px;
  background-color: transparent;
  color: #756d6d;
  outline: none !important;
}
.parameterized-input-container .dropdown-container .dropdown-selector .select-dropdown:focus + .input-label, .parameterized-input-container .dropdown-container .dropdown-selector .select-dropdown:not(:placeholder-shown) + .input-label {
  font-size: 12px;
  color: #333;
  transform: translateY(-20px);
}

.message-textarea {
  width: 100%;
  height: auto;
  min-height: 150px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 2px;
  font-size: 14px;
  color: #767676;
  background-color: white;
  position: relative;
}
.message-textarea textarea {
  width: 100%;
  border: none;
  font-size: 14px;
  color: #767676;
  background-color: white;
  min-height: 100px;
  max-height: 130px;
  transition: height 0.2s;
  box-shadow: none !important;
  outline: none !important;
  resize: none !important;
}
.message-textarea textarea:focus {
  outline: none !important;
}
.message-textarea .character-counter-container {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  color: #756d6d;
}
.message-textarea .button-container {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.message-textarea .button-container .generate-button {
  border: none;
  background: none;
  width: auto;
  padding: 0;
  color: #007bff;
  cursor: pointer;
  text-decoration: none;
  margin-left: 5px;
}.suggested-message-container {
  background-color: #f5f5f5;
  padding: 5px 10px;
  padding-top: 25px;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}
.suggested-message-container .message {
  color: #4A4A4A;
  margin-bottom: 10px;
}
.suggested-message-container .thumb-down-icon {
  position: absolute;
  top: 3px;
  right: 10px;
  cursor: pointer;
}
.suggested-message-container .thumb-down-icon:hover {
  color: #ff0000;
}
.suggested-message-container .buttonsContainer {
  display: flex;
  justify-content: space-between;
}
.suggested-message-container .buttonsContainer .button {
  width: inherit;
  color: #1A73E8;
  background-color: transparent;
  border-radius: 5px;
  border: none;
  padding: 5px;
  cursor: pointer;
  display: flex;
}
.suggested-message-container .buttonsContainer .button.left {
  justify-content: flex-start;
}
.suggested-message-container .buttonsContainer .button.right {
  justify-content: flex-end;
}.addons-card-container {
  min-width: 365px;
  height: 75px;
  display: grid;
  grid-template-columns: 75px auto 150px 125px;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.addons-card-container .addons-card-logo {
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-sizing: border-box;
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}
.addons-card-container .addons-card-info-price {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.addons-card-container .addons-card-info-price .price-container {
  text-align: center;
  color: var(--subtitle-font-color-components);
}
.addons-card-container .addons-card-info-price .current-price {
  font-size: 15px;
  font-weight: bold;
}
.addons-card-container .addons-card-info-price .current-price .period {
  font-size: 16px;
  color: gray;
  font-weight: normal;
}
.addons-card-container .addons-card-info-price .original-price {
  font-size: 15px;
  color: gray;
  text-decoration: line-through;
}
.addons-card-container .addons-card-info {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.addons-card-container .addons-card-info .addons-card-info-title {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 15px !important;
  color: var(--subtitle-font-color-components);
  font-weight: var(--subtitle-font-weight-components);
}
.addons-card-container .addons-card-info .addons-card-info-caption {
  width: 100%;
  height: auto;
  font-size: 13px !important;
  color: var(--body-font-color-components);
  font-weight: var(--body-font-weight-components);
}
.addons-card-container .addons-card-info .addons-card-info-caption .addons-card-info-caption-text {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.addons-card-container .addons-card-button-area {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addons-card-container .addons-card-button-area .addons-card-button {
  width: 100px;
  height: 30px;
  background-color: transparent;
  border: 1px solid #606060;
  color: #606060;
  border-radius: 5px;
}
.addons-card-container .addons-card-button-area .addons-card-button:hover {
  background-color: #007bff;
  color: white;
  border: none;
}.square-info-button-container {
  height: 185px;
  width: 220px;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 60px 120px;
  user-select: none;
  cursor: pointer;
  background: #ffffff;
}
.square-info-button-container .square-info-header {
  display: grid;
  grid-template-columns: 40px auto;
  grid-gap: 8px;
  align-items: center;
  padding: 10px;
  font-size: 14px;
}
.square-info-button-container .square-info-header .square-info__icon-container {
  width: 38px;
  height: 38px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.square-info-button-container .square-info-header span {
  color: #7b7e89;
  font-weight: bold;
}
.square-info-button-container .square-info-button-text {
  font-size: 12px;
  color: #5c5c5f;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.square-info-button-container:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}.file-card {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  margin: 0.5rem 0;
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.file-card:hover {
  background-color: #ebebeb;
}
.file-card:focus {
  outline: 2px solid #2196f3;
  outline-offset: -2px;
}
.file-card .media-preview {
  width: 100%;
  margin-bottom: 0.5rem;
}
.file-card .media-preview .file-preview {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
  border-radius: 4px;
}
.file-card .file-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  width: 100%;
}
.file-card .file-info .file-type-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.file-card .file-info .file-name {
  font-weight: 500;
  font-size: 0.875rem;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.file-card .delete-button {
  background: none;
  border: none;
  color: #ff4444;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0 0.5rem;
  width: fit-content;
}
.file-card .delete-button:hover {
  color: #cc0000;
}.dropzone {
  border: 2px dashed #cccccc;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
}
.dropzone:hover {
  border-color: #666666;
}
.dropzone.active {
  border-color: #2196f3;
  background-color: rgba(33, 150, 243, 0.05);
}
.dropzone.accept {
  border-color: #00e676;
  background-color: rgba(0, 230, 118, 0.05);
}
.dropzone.reject {
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.05);
}
.dropzone .dropzone-content p {
  margin: 0;
  color: #666666;
}
.dropzone .uploaded-files {
  width: auto;
  padding: 0;
}
.dropzone .uploaded-files .dropzone-content {
  margin-top: 1rem;
  text-align: center;
  color: #666;
}.search-picker-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0.5rem;
  background-color: white;
  color: #020817;
}
.search-picker-container .search-picker-body .search-picker-search-area {
  display: flex;
  gap: 0.5rem;
}
.search-picker-container .search-picker-body .search-picker-search-area .search-picker-search-subarea {
  position: relative;
  flex: 1 1 0%;
}
.search-picker-container .search-picker-body .search-picker-search-area .search-picker-search-subarea .search-picker-input {
  height: 40px;
  width: 100%;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: transparent;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.search-picker-container .search-picker-body .search-picker-search-area .search-picker-search-subarea .search-picker-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent;
  border: none;
}
.search-picker-container .search-picker-body .search-picker-search-area .search-picker-search-subarea .search-picker-button:hover {
  background-color: #f1f5f9;
}
.search-picker-container .search-picker-body .search-picker-search-area .search-picker-search-subarea .search-picker-close-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M6.2253%204.81108C5.83477%204.42056%205.20161%204.42056%204.81108%204.81108C4.42056%205.20161%204.42056%205.83477%204.81108%206.2253L10.5858%2012L4.81114%2017.7747C4.42062%2018.1652%204.42062%2018.7984%204.81114%2019.1889C5.20167%2019.5794%205.83483%2019.5794%206.22535%2019.1889L12%2013.4142L17.7747%2019.1889C18.1652%2019.5794%2018.7984%2019.5794%2019.1889%2019.1889C19.5794%2018.7984%2019.5794%2018.1652%2019.1889%2017.7747L13.4142%2012L19.189%206.2253C19.5795%205.83477%2019.5795%205.20161%2019.189%204.81108C18.7985%204.42056%2018.1653%204.42056%2017.7748%204.81108L12%2010.5858L6.2253%204.81108Z'%20fill='currentColor'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.search-picker-container .search-picker-body .search-picker-search-area .search-picker-search-subarea .search-picker-search-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  top: 0.75rem;
  left: 0.75rem;
  position: absolute;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-search%20h-4%20w-4%20absolute%20right-3%20top-3%20text-slate-400'%3e%3ccircle%20cx='11'%20cy='11'%20r='8'%3e%3c/circle%3e%3cpath%20d='m21%2021-4.3-4.3'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.search-picker-container .search-picker-body .search-picker-tag {
  border-radius: 9999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  width: auto;
  border: 1px solid #E5EBF5;
  color: #020817;
  user-select: none;
}
.search-picker-container .search-picker-body .search-picker-tag.available {
  color: #15803d;
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}
.search-picker-container .search-picker-body .search-picker-tag.away {
  color: #92400e;
  background-color: #fef3c7;
  border-color: #fde68a;
}
.search-picker-container .search-picker-body .search-picker-tag.offline {
  color: #be123c;
  background-color: #fff1f2;
  border-color: #fecdd3;
}
.search-picker-container .search-picker-body .search-picker-selector-area {
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  overflow: hidden;
  margin-top: 1rem;
}
.search-picker-container .search-picker-body .search-picker-selector-area-header {
  background-color: #f8fafc;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-picker-container .search-picker-body .search-picker-selector-area-header .search-picker-selector-area-header-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body {
  max-height: 300px;
  overflow-y: auto;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-bottom-width: 1px;
  border-color: #f1f5f9;
  cursor: pointer;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item:hover {
  background-color: #f8fafc;
  border-color: #f1f5f9;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item.selected {
  background-color: #f8fafc;
  border-color: #f1f5f9;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-avatar {
  position: relative;
  display: flex;
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 9999px;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-avatar.rounded-md {
  border-radius: 0.375rem;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-avatar.rounded-sm {
  border-radius: 0.25rem;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-avatar.rounded-lg {
  border-radius: 0.5rem;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-avatar .item-info-avatar-image {
  height: 40px;
  width: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f1f5f9;
  box-sizing: border-box;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-avatar .item-info-avatar-initials {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #f1f5f9;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-heading {
  font-weight: 500;
  user-select: none;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-info .item-info-subheading {
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  user-select: none;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-details {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 30px;
  min-height: 30px;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .selector-item .item-details .search-picker-item-check {
  color: white;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check%20h-4%20w-4%20text-slate-400'%3e%3cpath%20d='M20%206%209%2017l-5-5'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .search-picker-empty-area {
  padding: 1.5rem;
  color: #64748b;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .search-picker-empty-area .search-picker-empty-state-icon {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2364748b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-block: 0.25rem;
}
.search-picker-container .search-picker-body .search-picker-selector-area-body .search-picker-empty-area .search-picker-empty-state-text-small {
  font-size: 12px;
  line-height: 16px;
  margin-top: 0.25rem;
}.text-message-box {
  display: flex;
  flex-direction: column;
  border: none;
  margin: 0;
  padding: 0;
}
.text-message-box .text-message-box-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: auto;
  gap: 1rem;
}
.text-message-box__short-name {
  position: relative;
  margin-top: 0.5rem;
  text-align: right;
  height: 1.5rem;
  align-content: flex-end;
}
.text-message-box__short-name-text {
  background-color: transparent !important;
  color: var(--warning-background-components) !important;
  margin-right: 2.1rem;
  line-height: 1rem;
}
.text-message-box__short-name-tooltip {
  top: 4px !important;
}
.text-message-box .children-container {
  width: 100%;
  height: auto;
  min-height: calc(10rem + 2px);
  overflow-y: auto;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
.text-message-box .textarea-container {
  position: relative;
  width: 100%;
}
.text-message-box .textarea-container .text-area-tooltip {
  background: red;
}
.text-message-box .textarea-container .text-message-editor {
  width: 100%;
  min-height: 100px;
  padding: 12px 1.6rem 35px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.text-message-box .textarea-container .text-message-editor.with-children {
  min-height: 100%;
  flex: 1;
}
.text-message-box .textarea-container .text-message-editor:focus {
  border-color: #b0b0b0;
}
.text-message-box .textarea-container .text-message-editor.disabled {
  background-color: #f9f9f9;
  color: #666;
  cursor: default;
  pointer-events: auto;
}
.text-message-box .textarea-container .text-message-editor.disabled::-webkit-resizer {
  display: block;
  pointer-events: auto;
}
.text-message-box .textarea-container .text-message-counter {
  position: absolute;
  bottom: 6px;
  right: 12px;
  font-size: 12px;
  color: #6e6e6e;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2px 6px;
  border-radius: 6px;
  pointer-events: none;
  backdrop-filter: blur(2px);
  z-index: 1;
}
.text-message-box .variables-toolbar {
  padding: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.text-message-box .variables-toolbar .variables-label {
  font-weight: 500;
  width: 9.5rem;
}
.text-message-box .variables-toolbar .variables-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: calc(100% - 9.5rem);
}
.text-message-box .variables-toolbar .variables-buttons .variable-button {
  display: inline-flex;
  align-items: center;
  border-radius: 15px;
  padding: 4px 10px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  width: auto;
  margin: 0;
  background-color: #f0f0f0;
  color: #2b2b2b;
  border: 1px solid #e0e0e0;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button:hover {
  background-color: #e0e0e0;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.used {
  background-color: #d4edda;
  color: #2b2b2b;
  border-color: #c8e6c9;
  border: 1px solid #b5dfb9;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.used:hover {
  background-color: #b5dfb9;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.unused {
  background-color: #fff3cd;
  color: #2b2b2b;
  border: 1px solid #ffe69c;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.unused:hover {
  background-color: #ffe69c;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.error {
  background-color: #f8d7da;
  opacity: 0.8;
  color: #2b2b2b;
  border-color: #f5c2c7;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.error:hover {
  background-color: #f5c2c7;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.with-delete {
  padding-right: 8px;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.missing {
  background-color: #f5f5f5;
  color: #888;
  border: 1px solid #d0d0d0;
  cursor: not-allowed;
  opacity: 0.6;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.missing:hover {
  background-color: #f5f5f5;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.missing:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button .add-icon {
  margin-left: 4px;
  font-weight: bold;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button .delete-icon {
  margin-left: 6px;
  padding: 1px 1px;
  font-weight: bold;
  font-size: 14px;
  color: #cc0000;
  background-color: #ffe6e6;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
}
.text-message-box .variables-toolbar .variables-buttons .variable-button .delete-icon:hover {
  background-color: #ffcccc;
  color: #990000;
  transform: scale(1.1);
}
.text-message-box .text-message-footer {
  display: flex;
  justify-content: flex-end;
  padding: 8px 12px;
  border-top: 1px solid #eee;
}
.text-message-box .text-message-footer .text-message-counter {
  font-size: 12px;
  color: #666;
}
.text-message-box .resize-handle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: se-resize;
  z-index: 10;
  opacity: 0.01;
  pointer-events: auto;
}

.send-button {
  background-color: #0084ff;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-right: 10px;
}
.send-button:hover {
  background-color: #0073e6;
}

.variable-chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.variable-chip-example {
  display: inline-flex;
  align-items: center;
  background-color: #e0f0ff;
  border: 1px solid #a0d0ff;
  border-radius: 16px;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  user-select: none;
}
.variable-chip-example:hover {
  background-color: #c0e0ff;
}
.variable-chip-example span {
  margin: 0 4px;
}

.validation-warnings {
  margin-top: 10px;
}

.validation-warning {
  display: flex;
  align-items: center;
  background-color: #fffcf2;
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #ffecb3;
  margin-bottom: 8px;
}
.validation-warning.error {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}
.validation-warning.error .warning-icon {
  color: rgb(239, 68, 68);
}
.validation-warning.error .warning-message {
  color: #7f1d1d;
}

.warning-icon {
  margin-right: 8px;
  color: rgb(234, 179, 8);
}

.warning-message {
  flex: 1;
  color: #664d03;
  font-size: 14px;
}.text-message-editor-tooltip {
  background-color: #ffffff !important;
  color: #2d3748 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px;
  max-width: 20rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-size: 0.85rem;
  line-height: 1.4;
  padding: 0.5rem 0.65rem;
  font-weight: 500;
  margin-right: 1rem;
}

.text-message-tooltip-trigger-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  background-color: #e8f4f8;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #0066cc;
  font-weight: bold;
  z-index: 1;
}.text-message-editor-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: white;
  padding: 1.5rem;
}
.text-message-editor-container .text-message-editor-header {
  margin-bottom: 20px;
}
.text-message-editor-container .text-message-editor-header .text-message-editor-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.text-message-editor-container .text-message-editor-header .text-message-editor-title svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.text-message-editor-container .text-message-editor-header .text-message-editor-title .message-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234a6cf7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.text-message-editor-container .template-selection {
  margin-bottom: 20px;
}
.text-message-editor-container .template-selection label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.text-message-editor-container .template-selection .editor-custom-select {
  position: relative;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--tertiary-background-components, #e0e0e0);
  border-radius: var(--border-radius-components, 4px);
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
}
.text-message-editor-container .template-selection .editor-custom-select.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f5f5f5;
}
.text-message-editor-container .template-selection .editor-custom-select span {
  display: inline-block;
  width: calc(100% - 1.875rem);
  white-space: nowrap;
  overflow-x: auto;
  vertical-align: middle;
}
.text-message-editor-container .template-selection .editor-custom-select span::-webkit-scrollbar {
  height: 3px;
}
.text-message-editor-container .template-selection .editor-custom-select span::-webkit-scrollbar-track {
  background: transparent;
}
.text-message-editor-container .template-selection .editor-custom-select span::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.text-message-editor-container .template-selection .editor-custom-select span:hover::-webkit-scrollbar-thumb {
  background: #bbb;
}
.text-message-editor-container .template-selection .editor-custom-select .select-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  opacity: 0.6;
  transition: transform 0.3s ease;
}
.text-message-editor-container .template-selection .editor-custom-select.open .select-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.text-message-editor-container .template-selection .editor-custom-select .custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}
.text-message-editor-container .template-selection .editor-custom-select .custom-options .custom-option {
  padding: 10px 12px;
  cursor: pointer;
}
.text-message-editor-container .template-selection .editor-custom-select .custom-options .custom-option:hover {
  background-color: #eef2ff;
}
.text-message-editor-container .template-selection .editor-custom-select .custom-options .custom-option.selected {
  background-color: #f5f7fb;
  color: #4a6cf7;
}
.text-message-editor-container .available-variables {
  margin-bottom: 15px;
}
.text-message-editor-container .available-variables .variables-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.text-message-editor-container .available-variables .variables-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.text-message-editor-container .available-variables .variables-list .variable-button {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #e8f3fe;
  border: 1px solid #c2ddfd;
  border-radius: 16px;
  font-size: 13px;
  color: #1570EF;
  cursor: pointer;
}
.text-message-editor-container .available-variables .variables-list .variable-button:hover {
  background-color: #d1e6fd;
}
.text-message-editor-container .available-variables .variables-list .variable-button .plus-icon {
  margin-left: 5px;
}
.text-message-editor-container .template-variables-editor {
  background-color: rgba(245, 247, 251, 0.368627451);
  border-radius: 8px;
  padding: 16px;
  height: 10rem;
  overflow-y: auto;
}
.text-message-editor-container .template-variables-editor h3 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
.text-message-editor-container .template-variables-editor .variables-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-message-editor-container .template-variables-editor .variables-container .variable-input-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  gap: 0.35rem;
}
.text-message-editor-container .template-variables-editor .variables-container .variable-input-row label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.text-message-editor-container .template-variables-editor .variables-container .variable-input-row input {
  padding: 8px 12px;
  border: 1px solid var(--tertiary-background-components, #e0e0e0);
  border-radius: var(--border-radius-components, 4px);
  font-size: 14px;
  min-width: 6rem;
}
.text-message-editor-container .template-variables-editor .variables-container .variable-input-row input:focus {
  outline: none;
  border-color: #4a6cf7;
}
.text-message-editor-container .template-variables-editor .variables-container .variable-input-row input::placeholder {
  color: #888;
}
.text-message-editor-container .template-instruction {
  background-color: #e8f3fe;
  border-radius: 8px;
  padding: 14px;
  display: flex;
  align-items: center;
}
.text-message-editor-container .template-instruction .editor-info-icon {
  color: #1570EF;
  margin-right: 12px;
  font-size: 16px;
}
.text-message-editor-container .template-instruction .instruction-text {
  font-size: 14px;
}
.text-message-editor-container .additional-options {
  margin-top: 0.75rem;
}
.text-message-editor-container .additional-options .add-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  height: 2.5rem;
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  width: auto;
  color: #000;
}
.text-message-editor-container .additional-options .add-link-button:hover:not(:disabled) {
  background-color: #eef2ff;
}
.text-message-editor-container .additional-options .add-link-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.text-message-editor-container .additional-options .add-link-button svg {
  display: flex;
  align-items: center;
}
.text-message-editor-container .additional-options .add-link-button span {
  white-space: nowrap;
}
.text-message-editor-container .smart-links-card {
  margin-top: 0.75rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.text-message-editor-container .smart-links-card .smart-links-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  background-color: rgb(219, 234, 254);
}
.text-message-editor-container .smart-links-card .smart-links-header .left-header-content {
  display: flex;
  align-items: center;
}
.text-message-editor-container .smart-links-card .smart-links-header .link-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #1570EF;
}
.text-message-editor-container .smart-links-card .smart-links-header .header-title {
  font-weight: 600;
  font-size: 15px;
}
.text-message-editor-container .smart-links-card .smart-links-header .toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin-right: 15px;
}
.text-message-editor-container .smart-links-card .smart-links-header .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.text-message-editor-container .smart-links-card .smart-links-header .toggle-switch input:checked + .toggle-slider {
  background-color: #4a6cf7;
}
.text-message-editor-container .smart-links-card .smart-links-header .toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(20px);
}
.text-message-editor-container .smart-links-card .smart-links-header .toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}
.text-message-editor-container .smart-links-card .smart-links-header .toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.text-message-editor-container .smart-links-card .smart-links-content {
  padding: 15px 20px;
}
.text-message-editor-container .smart-links-card .smart-links-option {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.text-message-editor-container .smart-links-card .smart-links-option .smart-links-description {
  flex: 1;
}
.text-message-editor-container .smart-links-card .smart-links-option .smart-links-description .option-title {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 4px;
}
.text-message-editor-container .smart-links-card .smart-links-option .smart-links-description .option-description {
  font-size: 13px;
  color: #666;
  margin-bottom: 4px;
}
.text-message-editor-container .smart-links-card .smart-links-option .smart-links-description .option-extra-info {
  font-size: 12px;
  color: #888;
  font-style: italic;
}

.Card.smart-links-card {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.Card.smart-links-card .cardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
}
.Card.smart-links-card .cardHeader .headerText {
  display: flex;
  align-items: center;
}
.Card.smart-links-card .cardHeader .headerText .icon {
  margin-right: 10px;
  display: flex;
  color: #1570EF;
}
.Card.smart-links-card .cardHeader .headerText .text {
  font-weight: 600;
  font-size: 15px;
}
.Card.smart-links-card .cardHeader .headerDate {
  display: flex;
  align-items: center;
}
.Card.smart-links-card .cardContent {
  padding: 15px 20px;
}
.Card.smart-links-card .cardContent .message {
  padding: 0;
  margin: 0;
}
.Card.smart-links-card .cardContent .smart-links-option {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.Card.smart-links-card .cardContent .smart-links-option .smart-links-description {
  flex: 1;
}
.Card.smart-links-card .cardContent .smart-links-option .smart-links-description .option-title {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 4px;
}
.Card.smart-links-card .cardContent .smart-links-option .smart-links-description .option-description {
  font-size: 13px;
  color: #666;
  margin-bottom: 4px;
}
.Card.smart-links-card .cardContent .smart-links-option .smart-links-description .option-extra-info {
  font-size: 12px;
  color: #888;
  font-style: italic;
}
.Card.smart-links-card .cardContent .smart-links-option .toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.Card.smart-links-card .cardContent .smart-links-option .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.Card.smart-links-card .cardContent .smart-links-option .toggle-switch input:checked + .toggle-slider {
  background-color: #4a6cf7;
}
.Card.smart-links-card .cardContent .smart-links-option .toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(20px);
}
.Card.smart-links-card .cardContent .smart-links-option .toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}
.Card.smart-links-card .cardContent .smart-links-option .toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.Card.smart-links-card .cardMore {
  display: none;
}

.messages-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 100%;
}
.messages-container .info-banner {
  background: #ebf8ff;
  border: 1px solid #4299e1;
  padding: 14px;
  border-radius: 8px;
}
.messages-container .info-banner p {
  margin: 0;
  color: #2b6cb0;
  font-size: 14px;
  line-height: 1.4;
}
.messages-container .message-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #cee3ff;
  max-width: 100%;
}
.messages-container .message-item svg {
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
}
.messages-container .message-item .message-number {
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
}
.messages-container .message-item .message-text {
  flex: 1;
  color: #606060;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 70px);
}.action-buttons-container {
  padding-top: 1rem;
}
.action-buttons-container.continue-only .action-buttons {
  justify-content: flex-end;
}
.action-buttons-container.continue-only .action-buttons .right-buttons.continue-only {
  width: auto;
  margin-left: auto;
}
.action-buttons-container.back-continue-case .continue-button {
  margin-left: auto;
}
.action-buttons-container.back-continue-case button {
  width: fit-content;
  padding: 0.5rem 3rem !important;
}
.action-buttons-container.complete-three-buttons-case .simple-flex-layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0.75rem;
}
.action-buttons-container.complete-three-buttons-case .simple-flex-layout .action-buttons-final {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 0.75rem;
  width: auto;
}
.action-buttons-container.complete-three-buttons-case .back-button {
  height: fit-content;
  width: auto;
  margin-right: auto;
}
.action-buttons-container.complete-flow-case .simple-flex-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .action-buttons-container.complete-flow-case .simple-flex-layout button {
    flex: 1;
    min-width: calc(50% - 0.375rem);
  }
}
@media (max-width: 480px) {
  .action-buttons-container.complete-flow-case .simple-flex-layout {
    flex-direction: column;
  }
  .action-buttons-container.complete-flow-case .simple-flex-layout button {
    width: 100%;
    min-width: auto;
  }
}
.action-buttons-container .action-buttons .action-buttons-final {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem;
  width: auto;
}
.action-buttons-container .action-buttons .action-buttons-three-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem;
  width: auto;
}
.action-buttons-container .action-buttons .back-button {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 1px solid var(--tertiary-background-components, #6b7280);
  border-radius: var(--border-radius-components, 0.25rem);
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.action-buttons-container .action-buttons .back-button svg {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.action-buttons-container .action-buttons .back-button:hover:not(:disabled) {
  background-color: #f8f9fa;
  border-color: #adb5bd;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.action-buttons-container .action-buttons .back-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.action-buttons-container .action-buttons .right-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  flex-direction: row;
}
.action-buttons-container .action-buttons .right-buttons.continue-only {
  margin-left: auto;
}
.action-buttons-container .action-buttons .schedule-send-buttons-container {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  flex-direction: row;
}
.action-buttons-container .action-buttons .schedule-button,
.action-buttons-container .action-buttons .send-now-button {
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components, 0.25rem);
  background-color: var(--primary-background-components, #D92A1C);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.action-buttons-container .action-buttons .schedule-button svg,
.action-buttons-container .action-buttons .send-now-button svg {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.action-buttons-container .action-buttons .schedule-button:hover:not(:disabled),
.action-buttons-container .action-buttons .send-now-button:hover:not(:disabled) {
  background-color: var(--primary-hover-background-components, #CB2517);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.action-buttons-container .action-buttons .schedule-button:disabled,
.action-buttons-container .action-buttons .send-now-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.action-buttons-container .action-buttons .send-now-button {
  background-color: #059669;
}
.action-buttons-container .action-buttons .send-now-button:hover:not(:disabled) {
  background-color: #047857;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.action-buttons-container .action-buttons .estimate-button {
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components, 0.25rem);
  background-color: transparent;
  border: 1px solid var(--secondary-background-components, #FC8400);
  color: #000;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  background-color: var(--secondary-background-components, #FC8400);
  color: #fff;
}
.action-buttons-container .action-buttons .estimate-button svg {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.action-buttons-container .action-buttons .estimate-button:hover:not(:disabled) {
  background-color: var(--secondary-hover-background-components, #E06600);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.action-buttons-container .action-buttons .estimate-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.action-buttons-container .action-buttons .continue-button {
  padding: 0.5rem 1.5rem;
  border-radius: var(--border-radius-components, 0.25rem);
  background-color: var(--primary-background-components, #D92A1C);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  height: auto;
}
.action-buttons-container .action-buttons .continue-button:hover:not(:disabled) {
  background-color: var(--primary-hover-background-components, #CB2517);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.action-buttons-container .action-buttons .continue-button:disabled {
  opacity: 0.8;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}.recipient-section-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.recipient-section {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 0.75rem;
  border-color: #e4e4e7;
}
.recipient-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recipient-section__title {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.recipient-section__badge {
  padding: 0.125rem 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #000;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border: 1px solid #e4e4e7;
}
.recipient-section__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.recipient-section__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.recipient-section__avatar {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  overflow: hidden;
  align-content: center;
}
.recipient-section__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipient-section__avatar-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.recipient-section__info {
  flex: 1;
}
.recipient-section__name {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000;
}
.recipient-section__description {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #666;
  margin-top: 2px;
}
.recipient-section__footer {
  text-align: center;
  border-top: 1px solid #e4e4e7;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.recipient-section__more-text {
  color: #666;
  font-size: 14px;
  width: 100%;
}
.recipient-section--contacts .recipient-section__avatar-placeholder {
  background-color: #f0f0f0;
  width: 1.75rem;
  height: 1.75rem;
}
.recipient-section--contacts .recipient-section__avatar-placeholder svg {
  width: 1rem;
  height: 1rem;
  color: #000;
}
.recipient-section--tags .recipient-section__avatar {
  width: 1.75rem;
  height: 1.75rem;
}
.recipient-section--tags .recipient-section__avatar-placeholder {
  width: 1rem;
  height: 1rem;
}
.recipient-section--files .recipient-section__avatar {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
}
.recipient-section--files .recipient-section__avatar-placeholder {
  background-color: #e3f2fd;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.recipient-section--files .recipient-section__avatar-placeholder svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #3b82f6;
}.selector-container {
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  border: 1px solid #e4e4e7;
}

.selector-header {
  padding: 1.5rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}
.selector-header i {
  margin-right: 10px;
  color: #4a6cfa;
  font-size: 18px;
}
.selector-header h3 {
  margin: 0;
  color: #333333;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.selector-header .title-with-icon {
  display: flex;
  align-items: center;
}
.selector-header .title-icon {
  margin-right: 8px;
  position: relative;
  top: 0;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}

.selector-search-container {
  padding: 0.25rem 1.5rem;
  position: relative;
}
.selector-search-container svg {
  position: absolute;
  left: 2.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #666666;
}
.selector-search-container .selector-search-input {
  padding-left: 3rem;
  padding-right: 3rem;
  border-radius: var(--border-radius-components, 4px);
  border: 1px solid #e1e1e1;
  font-size: 1rem;
}
.selector-search-container .selector-search-input:focus {
  outline: none;
  border-color: #4a6cfa;
}
.selector-search-container .selector-search-input:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.selector-search-container .clear-search-button {
  position: absolute;
  right: 2.25rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  transition: all 0.2s ease;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.selector-search-container .clear-search-button:hover {
  background-color: #f0f0f0;
  color: #333333;
}
.selector-search-container .clear-search-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.selector-search-container .clear-search-button svg {
  position: static;
  transform: none;
}

.items-grid {
  padding: 0.75rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  max-height: 350px;
  overflow-y: auto;
  border: 1px solid #e4e4e7;
  border-radius: 8px;
  margin: 0.75rem 1.5rem;
}
.items-grid::-webkit-scrollbar {
  width: 8px;
}
.items-grid::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.items-grid::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.items-grid::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.items-grid .item-card {
  border-radius: 6px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s;
  background-color: white;
  gap: 0.75rem;
  padding-right: calc(1.25rem + 40px);
}
.items-grid .item-card:hover {
  background-color: #f1f1f1;
}
.items-grid .item-card.selected {
  background-color: #e0e0e0;
  padding-right: 0.5rem;
}
.items-grid .item-card .item-info {
  flex: 1;
  overflow: hidden;
}
.items-grid .item-card .item-info .item-bold {
  font-weight: 600;
}
.items-grid .item-card .item-info div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.items-grid .item-card .item-info div.phone-number {
  font-size: 12px;
  color: #666666;
}
.items-grid .item-card .contact-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #eaeaea;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.items-grid .item-card .contact-avatar svg {
  width: 1rem;
  height: 1rem;
}
.items-grid .item-card .tag-dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 10px;
}
.items-grid .item-card .check-icon-container {
  background-color: black;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 10px;
}
.items-grid .item-card .tag-count {
  padding: 2px 10px;
  border-radius: 10px;
  font-size: 12px;
  margin-right: 3px;
  border: 1px solid #e4e4e7;
  font-weight: 600;
}
.items-grid .tag-color-red .tag-dot {
  background-color: #e41e26;
}
.items-grid .tag-color-yellow .tag-dot {
  background-color: #f8b910;
}
.items-grid .tag-color-purple .tag-dot {
  background-color: #8e44ad;
}
.items-grid .tag-color-orange .tag-dot {
  background-color: #f39c12;
}
.items-grid .tag-color-blue .tag-dot {
  background-color: #3498db;
}
.items-grid .tag-color-green .tag-dot {
  background-color: #2ecc71;
}
.items-grid .tag-color-pink .tag-dot {
  background-color: #e84393;
}
.items-grid .tag-color-gray .tag-dot {
  background-color: #7f8c8d;
}

.selector-footer {
  padding: 0rem 2rem 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selector-footer .selected-count {
  color: #666666;
  font-size: 14px;
}
.selector-footer .continue-button {
  background-color: var(--primary-background-components, #D92A1C);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: var(--border-radius-components, 4px);
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: auto;
}
.selector-footer .continue-button svg {
  margin-left: 8px;
  width: 1rem;
  height: 1rem;
}
.selector-footer .continue-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.selector-footer .continue-button:not(.disabled):hover {
  background-color: var(--primary-hover-background-components, #CB2517);
}

.no-results-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0.5rem;
  text-align: center;
  color: #6b7280;
}
.no-results-container p {
  margin-bottom: 1rem;
}
.no-results-container .add-contact-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.no-results-container .add-contact-button:hover {
  background-color: #e5e7eb;
  border-color: #d1d5db;
}
.no-results-container .add-contact-button:focus {
  outline: 2px solid #60a5fa;
  outline-offset: 2px;
}
.no-results-container .add-contact-button svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #4f46e5;
}

.item-card.skeleton {
  cursor: default;
}
.item-card.skeleton:hover {
  background-color: #f8f8f8;
}
.item-card.skeleton .skeleton-avatar, .item-card.skeleton .skeleton-dot {
  background-color: #e0e0e0;
  position: relative;
  overflow: hidden;
}
.item-card.skeleton .skeleton-avatar::after, .item-card.skeleton .skeleton-dot::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: skeleton-loading 1.5s infinite;
}
.item-card.skeleton .skeleton-dot {
  width: 1rem;
  height: 1rem;
  margin-right: 12px;
}
.item-card.skeleton .skeleton-line {
  height: 14px;
  background-color: #e0e0e0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.item-card.skeleton .skeleton-line.contact {
  margin-bottom: 0.5rem;
}
.item-card.skeleton .skeleton-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: skeleton-loading 1.5s infinite;
}
.item-card.skeleton .skeleton-line.short {
  width: 60%;
}

@keyframes skeleton-loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}.text-message-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-message-tabs .tabs-header {
  display: flex;
  border-bottom: 1px solid #f4f4f5;
  border-radius: calc(0.5rem - 5px);
  margin-bottom: 16px;
  background-color: #f4f4f5;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  padding: 0.25rem;
  color: #71717a;
}
.text-message-tabs .tabs-header .tab-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.375rem 0.75rem;
  border-radius: calc(0.5rem - 6px);
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  display: inline-flex;
}
.text-message-tabs .tabs-header .tab-button:hover {
  color: #334155;
  background-color: #f8fafc;
}
.text-message-tabs .tabs-header .tab-button.active {
  background-color: rgba(24, 24, 27, 0.1019607843);
  color: black;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.text-message-tabs .tab-content {
  padding: 8px 0;
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}.test-message-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  overflow: inherit;
  background-color: #fff;
}
.test-message-container.multiple-mode .test-message-content {
  flex-direction: column;
  align-items: stretch;
}
.test-message-container.multiple-mode .phone-input-section {
  flex-direction: row !important;
  align-items: center;
}
.test-message-container.file-mode .test-message-content {
  flex-direction: column;
  align-items: stretch;
}
.test-message-container .test-message-top-section .test-message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .test-message-container .test-message-top-section .test-message-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.test-message-container .test-message-top-section .test-message-header .test-message-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}
.test-message-container .test-message-top-section .test-message-header .numbers-counter {
  font-size: 0.85rem;
  color: #666;
  background-color: #f8f9fa;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  border: 1px solid #e9ecef;
  margin-left: auto;
  margin-right: 1rem;
}
.test-message-container .test-message-top-section .test-message-content {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .test-message-container .test-message-top-section .test-message-content {
    flex-direction: column;
    align-items: stretch;
  }
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list {
  width: 100%;
  margin-bottom: 0.5rem;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .list-title {
  font-size: 0.9rem;
  font-weight: 500;
  color: #555;
  margin: 0 0 0.75rem 0;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container .phone-number-item {
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 1.5rem;
  padding: 0.4rem 0.5rem 0.4rem 0.75rem;
  font-size: 0.85rem;
  color: #495057;
  transition: all 0.2s ease;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container .phone-number-item:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container .phone-number-item .phone-number {
  margin-right: 0.5rem;
  font-family: monospace;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container .phone-number-item .remove-number-btn {
  background: none;
  border: none;
  color: #dc3545;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  padding: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container .phone-number-item .remove-number-btn:hover:not(:disabled) {
  background-color: #dc3545;
  color: white;
}
.test-message-container .test-message-top-section .test-message-content .phone-numbers-list .numbers-container .phone-number-item .remove-number-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  width: 100%;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section button {
  white-space: nowrap;
  padding: 0.5rem 1rem;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-container {
  width: 100%;
  position: relative;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-container .add-phone-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #28a745;
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  animation: pulseAdd 2s infinite;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-container .add-phone-icon span {
  line-height: 1;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-help {
  width: 100%;
  position: absolute;
  top: 80%;
  left: 0;
  z-index: 10;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-help > div {
  height: 2.75rem;
  display: flex;
  align-items: flex-end;
  gap: 4px;
  padding: 0.5rem 0.75rem;
  border-radius: 0 0 0.375rem 0.375rem;
  border-top: none !important;
  font-size: 0.85rem;
  white-space: nowrap;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-help .help-text-add {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  animation: slideInUp 0.3s ease-out;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-help .help-text-add .help-icon {
  font-size: 1rem;
  font-weight: bold;
  color: #28a745;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-help .help-text-warning {
  background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
  border: 1px solid #ffc107;
  color: #856404;
  animation: slideInUp 0.3s ease-out;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .phone-input-help .help-text-warning .help-icon {
  font-size: 1rem;
  color: #ff6b35;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .test-phone-input {
  flex: 1;
  min-width: 0;
  z-index: 11;
  background-color: #fff;
}
.single-mode .test-message-container .test-message-top-section .test-message-content .phone-input-section .test-phone-input {
  width: 80%;
  flex: none;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .test-phone-input input {
  border: 1px solid var(--tertiary-background-components, #dee2e6);
  border-radius: var(--border-radius-components, 0.25rem);
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .test-phone-input .flag-dropdown {
  border: 1px solid var(--tertiary-background-components, #dee2e6);
  border-radius: var(--border-radius-components, 0.25rem);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .test-phone-input .selected-flag {
  border-radius: var(--border-radius-components, 0.25rem);
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button {
  border-radius: var(--border-radius-components, 0.25rem);
  background-color: var(--secondary-background-components, #ff9800);
  border: none;
  color: white;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.9rem;
  white-space: nowrap;
  flex-shrink: 0;
  white-space: nowrap;
  padding: 0.5rem 1rem;
}
.multiple-mode .test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button {
  min-width: auto;
}
.single-mode .test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button {
  min-width: 14rem;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button:hover:not(:disabled) {
  background-color: var(--secondary-hover-background-components, #ff9800);
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .single-mode .test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button {
    width: 100%;
    margin-top: 1rem;
  }
  .multiple-mode .test-message-container .test-message-top-section .test-message-content .phone-input-section .send-test-button {
    padding: 0.6rem 0.75rem;
    font-size: 0.8rem;
  }
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .estimate-test-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: var(--secondary-background-components, #ff9800);
  color: #fff;
  border: none;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0.5rem 1rem;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .estimate-test-button svg {
  width: 1rem;
  height: 1rem;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .estimate-test-button:hover:not(:disabled) {
  color: white;
  transform: translateY(-1px);
  opacity: 0.8;
}
.test-message-container .test-message-top-section .test-message-content .phone-input-section .estimate-test-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.test-message-container .test-message-top-section .file-mode-section {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  background-color: rgb(219, 234, 254);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  flex: 1;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .left-header-content {
  display: flex;
  align-items: center;
  position: relative;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .left-header-content .test-smart-links-tooltip {
  top: -0.1rem;
  right: -1.5rem;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .link-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #1570EF;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .header-title {
  font-weight: 600;
  font-size: 15px;
  color: #333;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch input:checked + .toggle-slider {
  background-color: #4a6cf7;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(20px);
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch input:disabled + .toggle-slider {
  opacity: 0.6;
  cursor: not-allowed;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}
.test-message-container .test-message-top-section .file-mode-section .smart-links-header .toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.test-message-container .test-message-top-section .file-mode-section .estimate-test-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}
.test-message-container .test-message-top-section .file-mode-section .estimate-test-section .total-test-messages {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 2px solid #0ea5e9;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15);
}
.test-message-container .test-message-top-section .file-mode-section .estimate-test-section .total-test-messages .total-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0369a1;
  margin: 0;
}
.test-message-container .test-message-top-section .file-mode-section .estimate-test-section .total-test-messages .total-count {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0c4a6e;
  background-color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem;
  border: 1px solid #0ea5e9;
  min-width: 3rem;
  text-align: center;
}
.test-message-container button {
  width: auto;
}
.test-message-container button svg {
  height: 1rem;
}
.test-message-container .test-message-bottom-section {
  padding: 1rem;
  padding-top: 0;
  border-top: 1px solid #dee2e6;
}
.test-message-container .test-message-content-container {
  padding: 1rem;
}
.test-message-container .test-message-content-container.acordion {
  background-color: #f5f5f5;
  border-top: 1px solid #dee2e6;
}

.message-preview {
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 6px;
  background-color: #f5f5f5;
  width: 100%;
}
.message-preview .preview-title {
  font-size: 14px;
  font-weight: 600;
  color: #555;
  margin-bottom: 4px;
}
.message-preview .preview-content {
  font-size: 15px;
  color: #333;
  word-break: break-word;
  white-space: pre-wrap;
}

@keyframes pulseAdd {
  0% {
    transform: translateY(-50%) scale(1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  50% {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
  }
  100% {
    transform: translateY(-50%) scale(1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.test-message-container.accordion-mode .test-message-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  padding-bottom: 1rem;
}
.test-message-container.accordion-mode .test-message-header .header-content .accordion-arrow {
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid black;
  border-right: 2px solid black;
  transition: transform 0.3s ease;
  transform-origin: center;
  transform: rotate(135deg) translate(-2px, 2px);
}
.test-message-container.accordion-mode .test-message-header .header-content .accordion-arrow.open {
  transform: rotate(-45deg) translate(-2px, 2px);
}
.test-message-container.accordion-mode .test-message-content.accordion-closed,
.test-message-container.accordion-mode .file-mode-section.accordion-closed {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.3s ease;
}
.test-message-container.accordion-mode .test-message-content.accordion-open,
.test-message-container.accordion-mode .file-mode-section.accordion-open {
  max-height: 1000px;
  opacity: 1;
  transition: all 0.3s ease;
}
.test-message-container.accordion-mode .test-message-content.accordion-open {
  margin-bottom: 0.5rem;
}
.test-message-container.accordion-mode .file-mode-section.accordion-open {
  margin-top: 1.5rem;
}.tag-selector-container {
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: white;
  color: #020817;
}
.tag-selector-container__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.tag-selector-container__header .header-area-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background-color: #eef2ff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4f46e5;
}
.tag-selector-container__header .header-area-icon .tag-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #4f46e5;
}
.tag-selector-container__header .header-title {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.tag-selector-container__header .header-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #64748b;
}
.tag-selector-container__body .tag-selector-label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0.375rem;
}
.tag-selector-container__body .tag-selector-input-area {
  display: flex;
  gap: 0.5rem;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea {
  position: relative;
  flex: 1 1 0%;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input {
  height: 40px !important;
  width: 100%;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: transparent;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-search {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  top: 0.75rem;
  right: 0.75rem;
  position: absolute;
  flex-shrink: 0;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-close {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent;
  border: none;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-button:hover {
  background-color: #f1f5f9;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions {
  position: absolute;
  z-index: 10;
  margin-top: 0.25rem;
  width: 100%;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  max-height: 15rem;
  overflow: auto;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions .tag-suggestions-list {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions .tag-suggestion-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions .tag-suggestion-item:hover {
  background-color: #f1f5f9;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions .tag-suggestion-item .tag-suggestion-item-check {
  color: white;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #020817;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions .tag-suggestion-item.tag-active {
  background-color: #f1f5f9;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-subarea .tag-selector-input-suggestions .tag-suggestion-item.tag-no-active:hover {
  background-color: #f8fafc;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  border: none;
  width: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  background-color: #0047ff;
  color: white;
  cursor: pointer;
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-button:hover {
  background-color: rgb(0, 56.8, 204);
}
.tag-selector-container__body .tag-selector-input-area .tag-selector-input-button .tag-selector-add-icon {
  color: white;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.tag-selector-container__body .tag-selector-tags-area-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  border: 1px dashed #e2e8f0;
  border-radius: 0.375rem;
  background-color: #f8fafc;
  margin-top: 16px;
}
.tag-selector-container__body .tag-selector-tags-area-empty .tag-area-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #64748b;
}
.tag-selector-container__body .tag-selector-tags-area-empty .tag-area-empty .tag-area-empty-icon {
  color: #64748b;
  display: block;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  margin-bottom: 0.5rem;
}
.tag-selector-container__body .tag-selector-tags-area-empty .tag-area-empty .tag-area-empty-text {
  font-size: 14px;
  line-height: 20px;
  user-select: none;
}
.tag-selector-container__body .tag-selector-tags-area-empty .tag-area-empty .tag-area-empty-text.second {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}
.tag-selector-container__body .tags-selector-tag-box {
  margin-top: 16px;
  margin-bottom: 16px;
}
.tag-selector-container__body .tag-selector-tags-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: #f8fafc;
  border-radius: 0.375rem;
  border: none;
  min-height: 60px;
  margin-top: 16px;
  box-sizing: border-box;
}
.tag-selector-container__body .tag-selector-tags-area .tag-selector-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #0f172a;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  gap: 0.25rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  width: auto;
  box-sizing: border-box;
  white-space: nowrap;
}
.tag-selector-container__body .tag-selector-tags-area .tag-selector-badge:hover {
  background-color: #f8fafc;
}
.tag-selector-container__body .tag-selector-tags-area .tag-selector-badge .tag-selector-badge-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.tag-selector-container__body .tag-selector-tags-area .tag-selector-badge .tag-selector-badge-button .tag-selector-badge-delete-icon {
  color: #0f172a;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.tag-selector-container-apply-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  max-width: 400px;
}
.tag-selector-container-apply-mode-button {
  padding: 1rem;
  border: 2px solid #e5e7eb;
  border-radius: 0.5rem;
  text-align: left;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: white;
  cursor: pointer;
  margin: 0;
}
.tag-selector-container-apply-mode-button:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-color: #d1d5db;
}
.tag-selector-container-apply-mode-button.replace {
  border: 2px solid #f97316;
  background-color: #fff7ed;
}
.tag-selector-container-apply-mode-button.replace .tag-selector-container-apply-mode-button-header-text {
  color: #7e2a0c;
}
.tag-selector-container-apply-mode-button.replace .tag-selector-container-apply-mode-button-body {
  color: #ca3500;
}
.tag-selector-container-apply-mode-button.replace .tag-selector-container-apply-mode-button-header-icon-area {
  background-color: #ffedd4;
  color: #f54a00;
}
.tag-selector-container-apply-mode-button.replace:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.tag-selector-container-apply-mode-button.add {
  border: 2px solid #2b7fff;
  background-color: #eff6ff;
}
.tag-selector-container-apply-mode-button.add .tag-selector-container-apply-mode-button-header-text {
  color: #1c398e;
}
.tag-selector-container-apply-mode-button.add .tag-selector-container-apply-mode-button-body {
  color: #1447e6;
}
.tag-selector-container-apply-mode-button.add .tag-selector-container-apply-mode-button-header-icon-area {
  background-color: #dbeafe;
  color: #155dfc;
}
.tag-selector-container-apply-mode-button.add:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.tag-selector-container-apply-mode-button-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.tag-selector-container-apply-mode-button-header-icon-area {
  padding: 0.5rem;
  border-radius: 9999px;
  background-color: #f5f5f5;
  color: #6b7280;
}
.tag-selector-container-apply-mode-button-header-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.tag-selector-container-apply-mode-button-header-text-area {
  flex: 1;
}
.tag-selector-container-apply-mode-button-header-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #374151;
}
.tag-selector-container-apply-mode-button-body {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}
.tag-selector-container-apply-mode-label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0.375rem;
}
.tag-selector-container-apply-mode-area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.tag-selector-container .tag-selector-button-area {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-top: 1rem;
}
.tag-selector-container .tag-selector-button-area .save-tags-button {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: white;
  background-color: #0047ff;
  border: none;
  cursor: pointer;
}
.tag-selector-container .tag-selector-button-area .save-tags-button.secondary {
  background-color: white;
  border: 1px solid #e2e8f0;
  color: #020817;
}
.tag-selector-container .tag-selector-button-area .save-tags-button.secondary:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.tag-selector-container .tag-selector-button-area .save-tags-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.tag-selector-container .tag-selector-button-area .save-tags-button:hover {
  background-color: rgb(0, 56.8, 204);
}.smart-tips {
  padding: 1rem;
  border-radius: 0.375rem;
  background-color: #f8fafc;
  display: flex;
  gap: 0.75rem;
}
.smart-tips .info-icon {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.smart-tips .smart-tips-title {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}
.smart-tips .smart-tips-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.smart-tips.blue {
  background-color: #eff6ff;
}
.smart-tips.blue .smart-tips-title {
  color: #1d4ed8;
}
.smart-tips.blue .smart-tips-description {
  color: #2563eb;
}
.smart-tips.blue .info-icon {
  color: #1d4ed8;
}
.smart-tips.amber {
  background-color: #fffbeb;
}
.smart-tips.amber .smart-tips-title {
  color: #b45309;
}
.smart-tips.amber .smart-tips-description {
  color: #d97706;
}
.smart-tips.amber .info-icon {
  color: #b45309;
}
.smart-tips.red {
  background-color: #fef2f2;
  border-color: #fecaca;
}
.smart-tips.red .smart-tips-title {
  color: #991b1b;
}
.smart-tips.red .smart-tips-description {
  color: #b91c1c;
}
.smart-tips.red .info-icon {
  color: #991b1b;
}.tag-selector:last-child {
  margin-bottom: 0;
}
.tag-selector__label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
}
.tag-selector__container {
  position: relative;
  width: 100%;
}
.tag-selector__select {
  position: relative;
  width: 100%;
  border: 1px solid var(--tertiary-background-components, #e0e0e0);
  border-radius: var(--border-radius-components, 8px);
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.tag-selector__select--open .tag-selector__arrow {
  top: calc(50% - 4px);
}
.tag-selector__select--open .tag-selector__arrow::before {
  transform: rotate(-45deg);
}
.tag-selector__select--open .tag-selector__arrow::after {
  transform: rotate(45deg);
}
.tag-selector__select:hover {
  border-color: #007bff;
}
.tag-selector__select:hover .tag-selector__arrow::before, .tag-selector__select:hover .tag-selector__arrow::after {
  background-color: #007bff;
}
.tag-selector__arrow {
  position: absolute;
  right: 12px;
  top: calc(50% + 2px);
  width: 10px;
  height: 10px;
  pointer-events: none;
}
.tag-selector__arrow::before, .tag-selector__arrow::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1.5px;
  background-color: #666;
  transition: transform 0.2s ease;
}
.tag-selector__arrow::before {
  left: -5px;
  transform: rotate(45deg);
  transform-origin: right;
}
.tag-selector__arrow::after {
  right: 0;
  transform: rotate(-45deg);
  transform-origin: left;
}
.tag-selector__selected-tags {
  display: flex;
  flex-wrap: wrap;
  min-height: 2.5rem;
  width: calc(100% - 30px);
}
.tag-selector__chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: var(--border-radius-components, 4px);
  font-size: 13px;
  color: #1976d2;
  height: 2rem;
  margin: 0.25rem;
}
.tag-selector__chip--inactive {
  opacity: 0.5;
}
.tag-selector__remove {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 50%;
}
.tag-selector__remove:hover {
  background: rgba(25, 118, 210, 0.1);
}
.tag-selector__input {
  border: none;
  outline: none;
  padding: 4px;
  font-size: 14px;
  flex: 1;
  min-width: 60px;
  background: transparent;
  padding-left: 0.5rem;
  margin: auto;
}
.tag-selector__input::placeholder {
  color: #999;
}
.tag-selector__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}
.tag-selector__dropdown::-webkit-scrollbar {
  width: 8px;
}
.tag-selector__dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.tag-selector__dropdown::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.tag-selector__dropdown::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.tag-selector__option {
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tag-selector__option:hover {
  background: #f0f8ff;
}
.tag-selector__option--selected {
  background: #e3f2fd;
  color: #1976d2;
}
.tag-selector__option--create-new {
  border-top: 1px solid #e0e0e0;
  color: #007bff;
  font-weight: 500;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.tag-selector__option--create-new:hover {
  background: #f0f8ff;
}
.tag-selector__option--create-new small {
  color: #666;
  font-weight: 400;
}
.tag-selector__option input[type=checkbox] {
  margin: 0;
}
.tag-selector__no-options {
  padding: 12px;
  text-align: center;
  color: #666;
  font-style: italic;
  font-size: 14px;
}.quickly-input__phone input {
  border-radius: var(--border-radius-components) !important;
  border-color: var(--tertiary-background-components) !important;
}
.quickly-input__phone input:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--tertiary-background-components) 25%, transparent) !important;
}
.quickly-input__phone .flag-dropdown, .quickly-input__phone .flag-dropdown.open {
  border: 1px solid var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.quickly-input__phone .selected-flag, .quickly-input__phone .selected-flag.open {
  border-radius: var(--border-radius-components) !important;
}.toggle-card-container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 5px 0px;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
.toggle-card-container .toggle-card-header {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 0.75rem;
  background-color: white;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch {
  position: relative;
  width: 40px;
  height: 34px;
  flex-shrink: 0;
  margin-left: 1rem;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  transition: 0.3s;
  border-radius: 25px;
  height: 20px;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch .slider:before {
  position: absolute;
  content: "";
  left: 4px;
  bottom: 2.5px;
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  transition: 0.3s;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch input:checked + .slider {
  background-color: #257DFF;
  border-radius: 25px;
  height: 20px;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch input:focus + .slider {
  box-shadow: 0 0 1px #564311;
}
.toggle-card-container .toggle-card-header .custom-toggle-card-switch input:checked + .slider:before {
  transform: translateX(18px);
}
.toggle-card-container .toggle-card-header .toggle-card-header-dropdown {
  min-width: 120px;
  margin-left: 1rem;
  flex-shrink: 0;
}
.toggle-card-container .toggle-card-header .toggle-card-header-dropdown .toggle-card-header-select {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 0.4rem 0.5rem;
  background-color: white;
  cursor: pointer;
  font-size: 0.9rem;
}
.toggle-card-container .toggle-card-header .toggle-card-header-dropdown .toggle-card-header-select:focus {
  border-color: #257DFF;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(37, 125, 255, 0.25);
}
.toggle-card-container .toggle-card-header .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  min-width: 200px;
  max-width: 400px;
}
.toggle-card-container .toggle-card-header .info .custom-control-label::after, .toggle-card-container .toggle-card-header .info .custom-control-label::before {
  display: none !important;
}
.toggle-card-container .toggle-card-header.with-dropdown {
  cursor: default;
}
.toggle-card-container .toggle-card-dropdown {
  padding: 0.75rem 1rem;
  border-top: 1px solid #e2e8f0;
}
.toggle-card-container .toggle-card-dropdown .toggle-card-select {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 0.5rem;
  background-color: white;
  cursor: pointer;
  font-size: 0.9rem;
}
.toggle-card-container .toggle-card-dropdown .toggle-card-select:focus {
  border-color: #257DFF;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(37, 125, 255, 0.25);
}
.toggle-card-container .toggle-card-input {
  padding: 0.75rem 1rem;
  border-top: 1px solid #e2e8f0;
}
.toggle-card-container .toggle-card-input .toggle-card-input-field {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 0.5rem;
  background-color: white;
  font-size: 0.9rem;
}
.toggle-card-container .toggle-card-input .toggle-card-input-field:focus {
  border-color: #257DFF;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(37, 125, 255, 0.25);
}.accountSettingsContainer {
  display: grid;
  grid-template-areas: "settingsOptions settingsComponent";
  grid-template-columns: 375px auto;
  grid-template-rows: 100%;
  width: 100%;
  height: calc(100vh - 75px);
  display: flex;
}
.accountSettingsContainer .settingsOptions {
  grid-area: settingsOptions;
}
.accountSettingsContainer .settingsComponent {
  grid-area: settingsComponent;
  overflow: scroll;
}
.accountSettingsContainer h1 {
  font-size: 16px;
  font-weight: bold;
}
.accountSettingsContainer p {
  font-size: 12px;
}
.accountSettingsContainer .settingsOptions {
  margin-top: 15px;
  margin-right: 20px;
  width: 375px;
  height: 100%;
}
.accountSettingsContainer .settingsOptions p {
  font-size: 16px;
}
.accountSettingsContainer .settingsOptions label {
  color: #0f151c;
  font-weight: bold;
}
.accountSettingsContainer .settingsComponent {
  padding: 15px;
  width: 100%;
  height: 100%;
}
.accountSettingsContainer .settingsComponent .integrations {
  width: 75%;
  margin-left: 10px;
}
.accountSettingsContainer .settingsComponent .integrations .integrationsContainer {
  user-select: none;
}
.accountSettingsContainer .settingsComponent .integrations .integrationsContainer .integratedChannels {
  margin-bottom: 10px;
}
.accountSettingsContainer .settingsComponent .divider {
  width: calc(75% + 20px);
}
.accountSettingsContainer .settingsComponent .integrated {
  height: 100%;
  width: 75%;
  margin-left: 10px;
}
.accountSettingsContainer .settingsComponent.no-padding {
  padding: 0;
}
.accountSettingsContainer .settingsComponents {
  float: left;
  width: 100%;
  height: 100%;
}
.accountSettingsContainer .privacyDisclaimer {
  width: 100%;
  margin: 20px 0;
}
.accountSettingsContainer .deprecationWarning {
  background: #ffe700;
  padding: 10px;
  border-radius: 10px;
}
.accountSettingsContainer .full-container {
  float: left;
  width: 100% !important;
  height: 100% !important;
}
.accountSettingsContainer .full-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.accountSettingsContainer .full-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: flex-start;
}.arrow-back {
  color: #8e91a4 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.arrow-back img {
  margin-right: 10px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin: 20px 0px;
}

.grid-item {
  display: grid;
  grid-template-columns: 35px auto auto 100px;
  align-items: center;
  border: 1px solid #ccc;
  padding: 20px;
}
.grid-item .ic-logo {
  grid-column: 1/2;
  width: 35px;
  height: 35px;
  justify-content: center;
}
.grid-item .ic-titulo {
  margin-left: 10px;
  grid-column: 2/4;
}
.grid-item .ic-titulo .ic-cart-title {
  font-weight: 700;
}
.grid-item .ic-boton {
  text-align: center;
  grid-column: 4/5;
  text-align: center;
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}.facebookSettingsMainContainer {
  width: 100%;
}
.facebookSettingsMainContainer h1 {
  color: #49525f;
  font-size: 23px;
  margin-bottom: 5px;
  font-weight: bold;
}
.facebookSettingsMainContainer p {
  display: flex;
  font-size: 16px;
  color: #8e91a4;
}
.facebookSettingsMainContainer header {
  margin-bottom: 35px;
}
.facebookSettingsMainContainer button {
  background: #5890FF !important;
}

.facebookButtonContainer button {
  width: 355px !important;
  padding: 0 5px;
  width: 265px;
  height: 55px;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facebookButtonContainer button img {
  padding: 5px;
}

.pages button {
  border-radius: 5px;
  width: 160px;
}
.pages label {
  font-size: 12px;
  font-weight: bold;
}
.pages .connectButton img, .pages .connectedButton img {
  height: 13px;
}
.pages .connectedButton {
  background: white !important;
  color: #51c172 !important;
  border: solid;
}
.pages .connectedButton:hover {
  color: #fff !important;
  border: solid 1px red;
  background: red !important;
}
.pages .connectButton {
  background: #0047ff;
}
.pages .true {
  background: #a7c2f2;
  cursor: not-allowed;
}
.pages .true label {
  cursor: not-allowed !important;
}
.pages .buttonLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.instagram-page-item {
  background: rgb(255, 255, 255);
  border: 2px solid rgb(206, 227, 255);
  user-select: none;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  margin: 8px 0;
  padding: 10px;
  justify-content: space-between;
  border-radius: 5px;
}
.instagram-page-item img {
  height: 55px;
  border-radius: 3px;
}
.instagram-page-item button {
  width: 160px;
  height: 40px;
  border-radius: 5px;
  background: #5890FF !important;
}
.instagram-page-item .connect-button-false {
  cursor: not-allowed !important;
  background-color: #8e91a4 !important;
}
.instagram-page-item .page-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.instagram-page-item .page-profile .page-name {
  margin-left: 15px;
}
.instagram-page-item .page-profile .page-name h1 {
  margin-bottom: 5px;
}
.instagram-page-item .page-profile .page-name p {
  color: #8e91a4;
}

.Business-title {
  font-size: 15px;
  color: black;
  margin-bottom: 15px;
  font-weight: 600;
}

.divider-block {
  float: left;
  width: 100%;
  height: 40px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}

.no-accounts {
  color: gray;
}
.no-accounts.to-center {
  margin-top: 15px;
  text-align: center !important;
}

.section-header {
  text-align: center !important;
}.spinnerContainer {
  margin: auto;
  width: 100%;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  -webkit-user-select: none;
}
.spinnerContainer .labelSpinner {
  font-size: 20px;
  padding-top: 20px;
  font-weight: 600;
  color: #a5a5a5;
}.meta-consideration-list {
  margin-left: 1.5rem;
}
.meta-consideration-list p {
  margin-top: 5px;
  font-size: 13px;
}

.facebookSettingsMainContainer {
  width: 100%;
}
.facebookSettingsMainContainer h1 {
  color: #49525f;
  font-size: 23px;
  margin-bottom: 5px;
  font-weight: bold;
}
.facebookSettingsMainContainer p {
  display: flex;
  font-size: 16px;
  color: #8e91a4;
}
.facebookSettingsMainContainer header {
  margin-bottom: 35px;
}
.facebookSettingsMainContainer button {
  background: #5890FF !important;
}

.facebookButtonContainer button {
  width: 355px !important;
  padding: 0 5px;
  width: 265px;
  height: 55px;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facebookButtonContainer button img {
  padding: 5px;
}

.pages button {
  border-radius: 5px;
  width: 160px;
}
.pages label {
  font-size: 12px;
  font-weight: bold;
}
.pages .connectButton img, .pages .connectedButton img {
  height: 13px;
}
.pages .connectedButton {
  background: white !important;
  color: #51c172 !important;
  border: solid;
}
.pages .connectedButton:hover {
  color: #fff !important;
  border: solid 1px red;
  background: red !important;
}
.pages .connectButton {
  background: #0047ff;
}
.pages .true {
  background: #a7c2f2;
  cursor: not-allowed;
}
.pages .true label {
  cursor: not-allowed !important;
}
.pages .no-available {
  background: #c5c7cb;
  cursor: not-allowed !important;
}
.pages .buttonLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.instagram-page-item {
  background: rgb(255, 255, 255);
  border: 2px solid rgb(206, 227, 255);
  user-select: none;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  margin: 8px 0;
  padding: 10px;
  justify-content: space-between;
  border-radius: 5px;
}
.instagram-page-item img {
  height: 55px;
  border-radius: 3px;
}
.instagram-page-item button {
  width: 160px;
  height: 40px;
  border-radius: 5px;
  background: #5890FF !important;
}
.instagram-page-item .connect-button-false {
  cursor: not-allowed !important;
  background-color: #8e91a4 !important;
}
.instagram-page-item .page-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.instagram-page-item .page-profile .page-name {
  margin-left: 15px;
}
.instagram-page-item .page-profile .page-name h1 {
  margin-bottom: 5px;
}
.instagram-page-item .page-profile .page-name p {
  color: #8e91a4;
}

.channel-render-item {
  height: 75px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
}

.channel-connected-button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-weight: bold !important;
}
.channel-connected-button.btn-success {
  background-color: #20af5a !important;
}
.channel-connected-button.btn-primary {
  background-color: #0865fe !important;
}.cardMainContent {
  display: flex;
  flex-direction: column;
}
.cardMainContent .accountDetails {
  display: flex;
  align-items: center;
  position: relative;
}
.cardMainContent .accountDetails img {
  height: 35px;
  width: 35px;
  border-radius: 3px;
}
.cardMainContent .accountDetails .channelIcon {
  height: 20px;
  width: 20px;
  margin-top: auto;
  position: absolute;
  left: 25px;
  top: 25px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.cardMainContent .accountDetails .accountInfo {
  display: flex;
  margin-left: 10px;
}
.cardMainContent .accountDetails .accountName {
  font-size: 16px !important;
  font-weight: bold;
}
.cardMainContent .accountDetails .phone-number {
  margin-left: 5px;
  color: #979797;
}
.cardMainContent .accountIntegrationAccess {
  font-size: 12px;
  color: "#82878d";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.connectYourAccounts {
  user-select: none !important;
  color: #82878d !important;
  text-align: center !important;
}

.webchat-icon {
  width: 20px;
  height: 20px;
  background: #8048c7;
  padding: 5px;
}.web-chat-settings {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
}
.web-chat-settings .webchat-header-row {
  width: 100%;
}
.web-chat-settings .webchat-content-row {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 60% 40%;
  overflow-y: auto;
}
.web-chat-settings .webchat-content-row .web-chat-form {
  overflow-y: auto;
  padding: 10px 25px;
}
.web-chat-settings .webchat-content-row .web-chat-form .step-1 {
  border-bottom: solid 1.5px #ced4da !important;
}
.web-chat-settings .webchat-content-row .web-chat-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-chat-settings .text-input {
  padding: 5px 10px;
  height: auto !important;
  border-radius: 5px !important;
  color: #49525f;
  width: 100%;
  border: solid 1px #dfe3e9;
}
.web-chat-settings .save-changes-button {
  margin: 10px 0 15px 0;
}
.web-chat-settings code {
  font-size: 12px !important;
}
.web-chat-settings .change-button {
  background: #8e91a4;
  color: #ffffff;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  border: none;
  height: 25px;
}
.web-chat-settings .code-container {
  width: 100%;
  user-select: text;
}
.web-chat-settings .webchat-subtitle, .web-chat-settings .webchat-title, .web-chat-settings .profile-username {
  margin: 3px 0;
}
.web-chat-settings .webchat-subtitle h2, .web-chat-settings .webchat-title h2, .web-chat-settings .profile-username h2 {
  color: #49525f;
  font-weight: bold;
}
.web-chat-settings .webchat-color {
  padding: 5px 10px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #dfe3e9;
  width: 100%;
  border-radius: 4px;
}
.web-chat-settings .webchat-color .color-selected {
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
}
.web-chat-settings .webchat-color .color-selected .background-color-picker {
  position: absolute;
  z-index: 1000;
  right: 8px;
  bottom: 0px;
}
.web-chat-settings .webchat-color .color-selected .color {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.web-chat-settings .webchat-color .color-selected span {
  color: #49525f;
  font-size: 16px;
  user-select: text;
}
.web-chat-settings .webchat-logo img {
  max-width: 170px;
  max-height: 140px;
}
.web-chat-settings .profile-img img {
  width: 35px;
  height: 35px;
  border-radius: 5px;
}
.web-chat-settings .webchat-logo .logo-container, .web-chat-settings .profile-img .logo-container {
  min-height: 50px;
  padding: 5px 10px;
  width: 100%;
  border: solid 1px #dfe3e9;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
}
.web-chat-settings .webchat-logo span, .web-chat-settings .profile-img span {
  font-size: 10px;
  color: #8e91a4;
}
.web-chat-settings .step-2, .web-chat-settings .step-3 {
  margin-top: 25px;
}
.web-chat-settings .webchat-preview .preview-container {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-chat-settings .webchat-preview .preview-container .preview {
  width: 370px;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget {
  width: 370px;
  height: 570px;
  display: grid;
  grid-template-rows: 160px 410px;
  border-radius: 5px;
  box-shadow: 0 2.6px 19.3px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 10px;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget .widget-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px;
  color: #ffffff;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget .widget-title img {
  max-width: 170px !important;
  max-height: 55px !important;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget .widget-title h1, .web-chat-settings .webchat-preview .preview-container .preview .widget .widget-title h2 {
  margin: 0;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget .widget-title h1 {
  font-size: 21px;
  font-weight: bold;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget .widget-title h2 {
  font-weight: normal;
  font-size: 14px;
}
.web-chat-settings .webchat-preview .preview-container .preview .widget .widget-form {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #ffffff;
}
.web-chat-settings .webchat-preview .preview-container .preview .button {
  margin-left: auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.web-chat-settings .btn-primary:disabled {
  background-color: #dadada;
  border-color: #c8c8c8;
  color: #666666;
  cursor: not-allowed;
}
.web-chat-settings .btn-primary:not(:disabled) {
  background-color: #0047ff;
  border-color: #0040e0;
  color: #ffffff;
}

.profile-img-webchat {
  max-height: 225px !important;
}

.settings-title {
  margin: 10px 0 5px 0;
}.telegram-config-container {
  padding: 10px 10px 20px 10px;
  float: left;
  width: 100%;
}
.telegram-config-container .step-config {
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  user-select: none;
  margin-bottom: 25px;
}
.telegram-config-container .verfied_icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  background: url("data:image/svg+xml,%3csvg%20fill='none'%20height='26'%20viewBox='0%200%2026%2026'%20width='26'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m6%206h12v12h-12z'%20fill='%23fff'/%3e%3cpath%20clip-rule='evenodd'%20d='m14.38%201.51%201.82%201.82c.37.37.86.57%201.38.57h2.57c1.01%200%201.85.77%201.94%201.76l.01.19v2.57c0%20.52.21%201.01.57%201.38l1.82%201.82c.71.71.76%201.84.13%202.61l-.13.15-1.82%201.82c-.37.37-.57.86-.57%201.38v2.57c0%201.01-.77%201.85-1.76%201.94l-.19.01h-2.57c-.52%200-1.01.21-1.38.57l-1.82%201.82c-.71.71-1.84.76-2.61.13l-.15-.13-1.82-1.82c-.37-.37-.86-.57-1.38-.57h-2.57c-1.01%200-1.85-.77-1.94-1.76l-.01-.19v-2.57c0-.52-.21-1.01-.57-1.38l-1.82-1.82c-.71-.71-.76-1.84-.13-2.61l.13-.15%201.82-1.82c.37-.37.57-.86.57-1.38v-2.57c0-1.08.87-1.95%201.95-1.95h2.57c.52%200%201.01-.21%201.38-.57l1.82-1.82c.76-.76%202-.76%202.76%200zm3.2%208.05c-.43-.34-1.03-.31-1.42.06l-.1.11-4.45%205.56-1.75-1.75-.11-.1c-.42-.32-1.03-.29-1.42.1s-.42.99-.1%201.42l.1.11%202.6%202.6.11.1c.42.32%201.02.29%201.4-.08l.1-.11%205.2-6.5.08-.12c.27-.46.17-1.05-.25-1.4z'%20fill='%231c93e3'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.telegram-config-container .verfied_icon.success {
  width: 20px;
  height: 20px;
  user-select: none;
  margin: 0 5px;
}
.telegram-config-container .t-center-message {
  display: flex;
  justify-content: center;
  align-items: center;
}
.telegram-config-container .telegram_logo {
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='1000px'%20height='1000px'%20viewBox='0%200%201000%201000'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2053.2%20(72643)%20-%20https://sketchapp.com%20--%3e%3ctitle%3eArtboard%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3clinearGradient%20x1='50%25'%20y1='0%25'%20x2='50%25'%20y2='99.2583404%25'%20id='linearGradient-1'%3e%3cstop%20stop-color='%232AABEE'%20offset='0%25'%3e%3c/stop%3e%3cstop%20stop-color='%23229ED9'%20offset='100%25'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20id='Artboard'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3ccircle%20id='Oval'%20fill='url(%23linearGradient-1)'%20cx='500'%20cy='500'%20r='500'%3e%3c/circle%3e%3cpath%20d='M226.328419,494.722069%20C372.088573,431.216685%20469.284839,389.350049%20517.917216,369.122161%20C656.772535,311.36743%20685.625481,301.334815%20704.431427,301.003532%20C708.567621,300.93067%20717.815839,301.955743%20723.806446,306.816707%20C728.864797,310.92121%20730.256552,316.46581%20730.922551,320.357329%20C731.588551,324.248848%20732.417879,333.113828%20731.758626,340.040666%20C724.234007,419.102486%20691.675104,610.964674%20675.110982,699.515267%20C668.10208,736.984342%20654.301336,749.547532%20640.940618,750.777006%20C611.904684,753.448938%20589.856115,731.588035%20561.733393,713.153237%20C517.726886,684.306416%20492.866009,666.349181%20450.150074,638.200013%20C400.78442,605.66878%20432.786119,587.789048%20460.919462,558.568563%20C468.282091,550.921423%20596.21508,434.556479%20598.691227,424.000355%20C599.00091,422.680135%20599.288312,417.758981%20596.36474,415.160431%20C593.441168,412.561881%20589.126229,413.450484%20586.012448,414.157198%20C581.598758,415.158943%20511.297793,461.625274%20375.109553,553.556189%20C355.154858,567.258623%20337.080515,573.934908%20320.886524,573.585046%20C303.033948,573.199351%20268.692754,563.490928%20243.163606,555.192408%20C211.851067,545.013936%20186.964484,539.632504%20189.131547,522.346309%20C190.260287,513.342589%20202.659244,504.134509%20226.328419,494.722069%20Z'%20id='Path-3'%20fill='%23FFFFFF'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.telegram-config-container .success_message {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  user-select: none;
  color: #1c93e3;
}
.telegram-config-container .telegram-link {
  color: #1c93e3;
}
.telegram-config-container .bubble-number {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border: 1px solid #dfe3e9;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #49525f;
  font-weight: bold;
  margin-right: 10px;
}
.telegram-config-container .bubble-title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
}.dialog360-config-container {
  padding: 25px 15px;
}
.dialog360-config-container.min-padding {
  padding: 15px 15px;
}
.dialog360-config-container .dialog-360-list {
  all: unset;
}
.dialog360-config-container .dialog-step-config {
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  user-select: none;
  margin-bottom: 25px;
}
.dialog360-config-container .dialog-step-config.to-center {
  justify-content: center;
  text-align: center;
}
.dialog360-config-container .dialog-step-config .dialog-bubble-number {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border: 1px solid #dfe3e9;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #49525f;
  font-weight: bold;
  margin-right: 10px;
}
.dialog360-config-container .dialog-step-config .dialog-bubble-title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
}

.caption-input-idenfier {
  height: 30px !important;
}

.input-identifier {
  position: relative !important;
  width: 1% !important;
  border: 1px solid #ced4da !important;
  margin: 0 !important;
}

.count-characters-input {
  color: #606770;
  text-align: right;
  font-size: 13px;
}

.dialog-360-waba-icon {
  height: 35px;
  width: 35px;
  margin-right: 10px;
}

.dialog-360-optional-block {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin-left: 4px;
}

.dialog-360-connect-box {
  width: 100%;
  height: 100%;
}

.dialog360-waba_logo {
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='55'%20height='55'%20fill='none'%20viewBox='0%200%2055%2055'%3e%3crect%20width='55'%20height='55'%20fill='%230ACF83'%20rx='5'/%3e%3cpath%20fill='%23fff'%20d='M35.328%2030.177c-.401-.203-2.354-1.156-2.719-1.292-.365-.13-.63-.198-.896.203-.26.391-1.026%201.286-1.26%201.547-.234.261-.464.281-.859.104-.401-.203-1.682-.62-3.203-1.984-1.188-1.057-1.979-2.359-2.214-2.76-.234-.396-.026-.62.172-.818.182-.182.401-.458.604-.698.193-.24.255-.401.396-.661.13-.281.063-.5-.036-.698-.099-.198-.896-2.161-1.229-2.943-.318-.776-.651-.677-.896-.677-.229-.021-.495-.021-.76-.021s-.698.099-1.063.479c-.365.401-1.396%201.359-1.396%203.297%200%201.943%201.427%203.823%201.625%204.104.203.26%202.807%204.26%206.802%205.979.953.401%201.693.641%202.271.839.953.302%201.823.26%202.51.161.76-.125%202.354-.964%202.688-1.901.339-.943.339-1.724.24-1.901-.099-.182-.359-.281-.76-.458l-.017.099zM28.083%2040h-.021c-2.365%200-4.703-.641-6.745-1.839l-.479-.286-5%201.302%201.344-4.865-.323-.5c-1.32-2.1-2.021-4.53-2.021-7.01%200-7.26%205.943-13.182%2013.255-13.182%203.542%200%206.865%201.38%209.365%203.88%201.233%201.219%202.212%202.67%202.878%204.271.666%201.6%201.007%203.318%201.002%205.052C41.328%2034.078%2035.39%2040%2028.088%2040h-.005zm11.276-24.401C36.317%2012.661%2032.317%2011%2028.062%2011c-8.776%200-15.922%207.115-15.927%2015.859%200%202.792.729%205.516%202.125%207.927L12%2043l8.448-2.203c2.34%201.262%204.956%201.925%207.615%201.932h.005c8.781%200%2015.927-7.115%2015.932-15.865%200-4.234-1.651-8.219-4.661-11.214l.02-.051z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

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

.dialog-360-success_message {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  user-select: none;
  color: #0ACF83;
}

.whatsapp-link {
  cursor: pointer;
  color: #0ACF83;
}

.dialog360-back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.dialog360-back-content .dialog360-go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.dialog360-back-content .dialog360-go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}

.dialog-360-phone-number-selection {
  align-items: center;
  padding-block: 10px;
  border-bottom: 1px solid #dee2e6;
  display: grid;
  grid-template-columns: 65px auto 50px;
  gap: 10px;
  width: 100%;
}
.dialog-360-phone-number-selection .dialog-360-phone-number-logo {
  width: 65px;
  height: 65px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20803.86'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2325d366;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M683.44,116.81C608.24,41.52,508.24,.04,401.68,0,182.11,0,3.42,178.68,3.34,398.3c-.04,70.21,18.32,138.74,53.17,199.13L0,803.86l211.16-55.39c58.18,31.74,123.69,48.46,190.35,48.48h.17c219.53,0,398.24-178.7,398.32-398.32,.04-106.44-41.35-206.5-116.56-281.79v-.02ZM401.68,729.68h-.13c-59.4-.02-117.67-15.99-168.51-46.14l-12.09-7.18-125.31,32.87,33.44-122.18-7.87-12.53c-33.14-52.71-50.65-113.64-50.61-176.19,.08-182.53,148.59-331.05,331.22-331.05,88.43,.04,171.55,34.51,234.06,97.1,62.51,62.57,96.91,145.77,96.87,234.22-.08,182.55-148.59,331.07-331.07,331.07v.02Zm181.6-247.95c-9.95-4.98-58.88-29.05-68.01-32.37-9.13-3.32-15.76-4.98-22.38,4.98-6.63,9.97-25.71,32.39-31.51,39.02-5.81,6.65-11.61,7.47-21.56,2.48-9.95-4.98-42.02-15.49-80.04-49.39-29.58-26.4-49.56-58.98-55.37-68.95-5.81-9.97-.61-15.36,4.35-20.3,4.47-4.47,9.95-11.63,14.94-17.44,4.99-5.81,6.63-9.97,9.95-16.6,3.32-6.65,1.66-12.45-.82-17.44-2.48-4.98-22.38-53.98-30.69-73.9-8.08-19.4-16.29-16.77-22.38-17.09-5.81-.29-12.43-.34-19.08-.34s-17.42,2.48-26.55,12.45c-9.13,9.97-34.84,34.05-34.84,83.02s35.66,96.32,40.64,102.97c4.98,6.65,70.19,107.17,170.02,150.29,23.74,10.26,42.29,16.39,56.74,20.97,23.84,7.58,45.53,6.51,62.68,3.95,19.12-2.86,58.88-24.08,67.17-47.33,8.29-23.24,8.29-43.18,5.81-47.33s-9.13-6.65-19.08-11.63l.02-.04Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: 50%;
}
.dialog-360-phone-number-selection .dialog-360-phone-number-name {
  font-size: 15px;
  font-weight: bold;
}
.dialog-360-phone-number-selection .dialog-360-phone-number-description {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-360-phone-number-selection .dialog-360-connect-button {
  height: 40px;
  width: 40px;
  border: 1px solid lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  border-radius: 10px;
  cursor: pointer;
}
.dialog-360-phone-number-selection .dialog-360-connect-button .gg-arrow-long-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;
}
.dialog-360-phone-number-selection .dialog-360-connect-button .gg-arrow-long-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 0;
  bottom: -2px;
}

.dialog-360-button {
  width: auto;
  height: 55px;
  padding: 15px 30px;
  background: #25D366;
  color: white;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dialog-360-button:disabled {
  opacity: 0.5 !important;
}
.dialog-360-button:hover {
  background: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}

.dialog-onboarding-arrow-back {
  display: flex;
  padding-inline: 1.5rem;
  padding-block: 1rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.dialog-onboarding-arrow-back-icon-area {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  cursor: pointer;
}
.dialog-onboarding-arrow-back-icon-area:hover {
  background-color: #f3f4f6;
}
.dialog-onboarding-arrow-back-icon {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  color: var(--off-black);
}
.dialog-onboarding-arrow-back .badge {
  margin-top: 0px !important;
  height: 18px;
}
.dialog-onboarding-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem;
  padding-top: 0px;
  color: var(--off-black);
}
.dialog-onboarding-header-icon-area {
  height: 4rem;
  width: 4rem;
  border-radius: 9999px;
  background-color: #dcfce7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-onboarding-header-icon {
  display: block;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
}
.dialog-onboarding-header-title {
  font-weight: 600;
  letter-spacing: -0.025em;
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--off-black);
}
.dialog-onboarding-header-description {
  font-size: 0.875rem;
  line-height: 1.625;
  color: #4b5563;
}
.dialog-onboarding-header-link {
  color: var(--reach-blue);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
}
.dialog-onboarding-number {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  color: var(--off-black);
}
.dialog-onboarding-number-form {
  min-width: 28rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.dialog-onboarding-number-form-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #374151;
  margin: 0;
}
.dialog-onboarding-number-form-input .form-control {
  background-color: rgba(255, 255, 255, 0.9019607843) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: calc(var(--radius) - 2px) !important;
  height: 3rem !important;
}
.dialog-onboarding-number-form-input .flag-dropdown {
  background-color: rgba(255, 255, 255, 0.9019607843) !important;
  border: 1px solid #e5e7eb !important;
  border-top-left-radius: calc(var(--radius) - 2px) !important;
  border-bottom-left-radius: calc(var(--radius) - 2px) !important;
  height: 3rem !important;
}
.dialog-onboarding-number-smart-tip {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}
.dialog-onboarding-form-link {
  color: var(--reach-blue);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: bold;
}
.dialog-onboarding-steps {
  padding-inline: 2.5rem;
}
.dialog-onboarding-steps-item {
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
  flex-direction: column;
  background-color: rgba(249, 250, 251, 0.5019607843);
  border-radius: var(--radius);
  border: 1px solid #e4e4e7;
}
.dialog-onboarding-steps-title {
  font-weight: 600;
  letter-spacing: -0.025em;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--off-black);
}
.dialog-onboarding-steps-description {
  font-size: 0.875rem;
  line-height: 1.625;
  color: #4b5563;
}
.dialog-onboarding-steps-check-icon {
  width: 1rem;
  height: 1rem;
  color: #22c55e;
  flex-shrink: 0;
}
.dialog-onboarding-steps-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
}
.dialog-onboarding-button-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 1rem;
}

.dialog-connect-select-number {
  padding: 2rem;
}
.dialog-connect-search-bar-area {
  display: flex;
  flex-direction: row;
  width: auto;
  min-width: 255px;
  gap: 0.5rem;
  padding-inline: 1rem;
}
.dialog-connect-search-bar-area .search-picker-search-subarea {
  position: relative;
  flex: 1 1 0%;
}
.dialog-connect-search-bar-area .search-picker-search-subarea .search-picker-input {
  height: 40px !important;
  width: 100% !important;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: transparent;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2.5rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  color: var(--off-black);
}
.dialog-connect-search-bar-area .search-picker-search-subarea .search-picker-input:placeholder {
  color: #64748b;
}
.dialog-connect-search-bar-area .search-picker-search-subarea .search-picker-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent;
  border: none;
}
.dialog-connect-search-bar-area .search-picker-search-subarea .search-picker-button:hover {
  background-color: #f1f5f9;
}
.dialog-connect-search-bar-area .search-picker-search-subarea .search-picker-close-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.dialog-connect-search-bar-area .search-picker-search-subarea .search-picker-search-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  top: 0.75rem;
  left: 0.75rem;
  position: absolute;
  flex-shrink: 0;
}
.dialog-connect-number-list {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
  max-height: 25rem;
  overflow-y: auto;
  padding: 1rem;
}
.dialog-connect-number-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
}
.dialog-connect-number-form .reach-form-main-area {
  width: 100%;
}
.dialog-connect-number-item {
  border-radius: var(--radius);
  border: 1px solid #e2e8f0;
  color: #09090b;
}
.dialog-connect-number-item:hover {
  border-color: #cbd5e1;
}
.dialog-connect-number-item.selected {
  background-color: #eff6ff;
  border: 1px solid #3b82f6;
  box-shadow: 0 0 0 0px #fff, 0 0 0 2px #3b82f6, 0 0 rgba(0, 0, 0, 0);
}
.dialog-connect-number-item-inner {
  padding: 1rem;
}
.dialog-connect-number-item-main-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog-connect-number-item-phone-details {
  display: flex;
  align-items: center;
}
.dialog-connect-number-item-phone-details-icon-area {
  position: relative;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 9999px;
  width: 3rem;
  height: 3rem;
  background-color: #dcfce7;
  justify-content: center;
  align-items: center;
}
.dialog-connect-number-item-phone-details-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: #25d366;
}
.dialog-connect-number-item-phone-details-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  margin-left: 1rem;
}
.dialog-connect-number-item-phone-details-name {
  font-weight: 500;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.25rem;
}
.dialog-connect-number-item-phone-details-phone-icon {
  color: #475569;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
}
.dialog-connect-number-item-phone-details-phone-number {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #475569;
}
.dialog-connect-number-item-phone-details-date {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
}
.dialog-connect-number-item-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dialog-connect-number-item-actions-toggle {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  border: 2px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-connect-number-item-actions-toggle.active {
  background-color: #3b82f6;
  border-color: #3b82f6;
}
.dialog-connect-number-item-actions-toggle-icon {
  height: 0.75rem;
  width: 0.75rem;
  color: var(--off-white);
}
.dialog-connect-footer {
  border-top: 1px solid #e2e8f0;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.dialog-connect-footer.space-between {
  justify-content: space-between;
  padding-left: 0px;
  padding-right: 0px;
}
.dialog-connect-footer-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  width: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #f8fafc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var(--reach-blue);
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.dialog-connect-footer-button:hover {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.dialog-connect-footer-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dialog-connect-footer-button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  width: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f172a;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.dialog-connect-footer-button-secondary:hover {
  background-color: #f1f5f9;
  color: #0f172a;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.dialog-connect-footer-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.dialog-connect-empty {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border: none;
  border-radius: 0.75rem;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.dialog-connect-empty-icon-area {
  margin-left: auto;
  margin-right: auto;
  width: 4rem;
  height: 4rem;
  background-color: #f3f4f6;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.dialog-connect-empty-icon {
  width: 2rem;
  height: 2rem;
  display: block;
  flex-shrink: 0;
  color: #cbd5e1;
}
.dialog-connect-empty-main-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #64748b;
}
.dialog-connect-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.dialog-connect-success-icon-area {
  height: 6rem;
  width: 6rem;
  border-radius: 9999px;
  background-color: #22c55e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-connect-success-icon {
  display: block;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  color: var(--off-white);
}
.dialog-connect-success-main-text {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: #22c55e;
}
.dialog-connect-success-secondary-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #475569;
  max-width: 28rem;
}
.dialog-connect-success-muted-text {
  color: #334155;
  font-size: 1rem;
  line-height: 1.5rem;
}
.dialog-connect-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.dialog-connect-error-icon-area {
  height: 6rem;
  width: 6rem;
  border-radius: 9999px;
  background-color: #dc2626;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-connect-error-icon {
  display: block;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  color: var(--off-white);
}
.dialog-connect-error-main-text {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: #dc2626;
}
.dialog-connect-error-secondary-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #475569;
  max-width: 28rem;
}
.dialog-connect-error-muted-text {
  color: #334155;
  font-size: 1rem;
  line-height: 1.5rem;
}

.copy-to-clipboard {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #f1f5f9;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid #e2e8f0;
}
.copy-to-clipboard.error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 28rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1e293b;
  word-wrap: break-word;
  background-color: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
}
.copy-to-clipboard-link {
  color: var(--reach-blue);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: inherit;
}
.copy-to-clipboard-link:hover {
  text-decoration: underline;
}
.copy-to-clipboard-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 2rem;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  color: #64748b;
  background-color: transparent;
  border-radius: 0.375rem;
}
.copy-to-clipboard-button:hover {
  background-color: #e2e8f0;
  color: var(--off-black);
}
.copy-to-clipboard-inbox-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: auto;
  height: 2.5rem;
  padding: 0.75rem 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--off-white);
  background-color: var(--reach-blue);
  border-radius: 9999px;
}
.copy-to-clipboard-inbox-button:hover {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.copy-to-clipboard-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}.agentsContainer {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  justify-content: center;
  flex-wrap: wrap;
  overflow-x: hidden;
  padding: 2rem;
  background-color: #e8f0fe;
  margin-bottom: 2rem;
  border-radius: 4px;
}
.agentsContainer .agent {
  width: 145px !important;
  max-width: none !important;
  min-width: 145px !important;
}.agentSelectorContainer {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  display: flex;
  background: white;
  align-items: center;
  overflow-x: auto;
  border-radius: 5px;
}

.agent {
  background: #ffffff;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  margin: 2px 5px;
  cursor: pointer;
  width: 160px;
  height: 145px;
  text-align: center;
  border-radius: 15px;
  padding: 10px;
  position: relative;
  min-width: 160px;
}
.agent .selected-container {
  display: none;
  position: absolute;
  bottom: 88px;
  right: 0px;
  width: 37px;
  height: 98px;
  overflow: hidden;
  transform: rotate(315deg);
}
.agent .selected-container .checked {
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 75px;
  height: 65px;
  top: 20px;
  left: -50px;
  position: relative;
  border-radius: 15px;
}
.agent .selected-container .checked img {
  position: absolute;
  top: 13px;
  width: 15px;
  right: 8px;
}
.agent .image {
  height: 55px;
  margin: auto;
}
.agent .name {
  font-weight: bold;
  word-break: break-all;
  font-size: 14px;
}
.agent .role {
  font-size: 12px;
  color: grey;
}
.agent .contact {
  font-size: 12px;
  color: grey;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.agent .horario {
  font-size: 10px;
  color: grey;
}
.agent .online-status {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #595959;
}
.agent .online-status p {
  margin-left: 5px;
  font-weight: 600;
}
.agent.active {
  background: #0047ff;
}
.agent.active .selected-container {
  display: block;
}
.agent.active .horario, .agent.active .contact, .agent.active .role, .agent.active .name, .agent.active .online-status {
  color: #ffffff;
}

.agent:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}.agentsContainer {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 55vh;
  justify-content: center;
  overflow-x: hidden;
}
.agentsContainer .agent {
  width: 145px !important;
  max-width: none !important;
  min-width: 145px !important;
}

.title {
  margin: 0px;
}

.instructions {
  font-size: 15px;
  width: 100%;
  text-align: justify;
  margin: 10px 0px 0px 15px;
}

.titleTree {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0f151c;
}

.btnCreate {
  width: 265px;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 5px;
  background-color: #e8f0fe;
  color: #0047ff;
}

.previewTextArea {
  padding-left: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.backToMenuList {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid lightgray;
  margin-bottom: 20px;
  cursor: pointer;
}
.backToMenuList .item {
  padding-right: 25px;
  display: inline-block;
}

.backToMenuList:hover h2 {
  font-weight: bold !important;
}

.btnSwicth {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 12px 2px;
  padding: 10px;
  border-radius: 5px;
  background-color: white;
  border: solid 1px #0047ff;
  float: right;
}
.btnSwicth .custom-control-label {
  font-size: 1rem;
}
.btnSwicth {
  color: #0047ff;
}

.rowCustom, .rowMenu {
  width: 100%;
  min-height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px 20px;
  padding: 10px;
  border-radius: 5px;
}

.rowMenu {
  background-color: white;
  border: solid 1px #0047ff;
  float: right;
  color: #0047ff;
}

.rowList {
  border: 2px solid #e8f0fe;
  margin: 10px;
  padding: 10px;
  line-height: 50px;
  border-radius: 7px;
}
.rowList p {
  font-size: 16px;
  font-weight: bold;
}

.rowCol {
  max-height: 50px;
}

.fontMenu {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  width: 100%;
  color: #606060;
}

.fontMenuSon {
  font-weight: normal !important;
}

.vector {
  width: 29px;
  height: 21px;
  flex-grow: 0;
  margin: 0 10px 0 0;
  padding: 0px 6px 0px 6px;
  background-color: #3b88c3;
  color: white;
  border-radius: 3px;
  font-weight: bold;
}

.rowCreate {
  border: 2px solid #e8f0fe;
  margin: 5px;
  padding: 10px;
  line-height: 25px;
  border-radius: 7px;
}
.rowCreate p {
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}
.rowCreate input {
  color: #606060;
  border-radius: 4px !important;
  border: solid 2px #8e91a4;
  background-color: white !important;
  padding: 10px;
  min-height: 34px !important;
}
.rowCreate {
  text-align: center;
}

.marginTop {
  margin-top: 28px;
}

.mainSettings {
  padding-left: 15px;
  padding-right: 15px;
  margin: 5px 0px;
}
.mainSettings .saveButton {
  width: 100%;
  padding: 3px;
  z-index: 100;
}
.mainSettings .channelsLabel {
  font-size: 13px;
}
.mainSettings .menu-settings-channelsList {
  display: flex;
  align-items: flex-end;
  height: 75px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 5px 0px;
}
.mainSettings .menu-settings-channelsList .menu-settings-channelsItem {
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
}

.menu-delete-confirmation {
  backdrop-filter: blur(3px);
  background: none !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  z-index: 10000;
}
.menu-delete-confirmation .confirmation-container {
  align-items: flex-start;
}

.chips-border {
  border: 1px solid lightgray;
  border-radius: 3px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.chipsContainer-menuSettings {
  flex: 0 1 auto;
  width: 100%;
  margin-top: -5px;
  margin-left: -6px;
}
.chipsContainer-menuSettings .inputContainer {
  width: 100% !important;
}
.chipsContainer-menuSettings .noTags {
  width: 100%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #727272;
}
.chipsContainer-menuSettings .input-tag {
  min-height: 50px;
  border: none;
}
.chipsContainer-menuSettings .input-tag .dark {
  margin-top: 5px;
}
.chipsContainer-menuSettings .suggestions-dropdown {
  top: 22px;
}

.panel-frm {
  width: 100%;
  background: white;
  display: grid;
  grid-template-rows: 10% 90%;
}
.panel-frm .order-header {
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.panel-frm .order-header h1 {
  text-align: center;
  color: #606060;
  font-size: 22px;
  font-weight: bold;
}
.panel-frm .order-header .order-back {
  display: flex;
  cursor: pointer;
  user-select: none;
}
.panel-frm .order-header .order-back img {
  margin-right: 10px;
}
.panel-frm .order-header .order-back h2 {
  color: #8e91a4;
  font-size: 18px;
}
.panel-frm .order-header .order-back:hover h2 {
  font-weight: bold !important;
}
.panel-frm .order-details {
  width: 100%;
  height: 100%;
  position: relative;
}
.panel-frm .order-details .incorrect-variables {
  text-align: left;
  width: 100%;
  margin-left: 15px;
  font-size: 12px;
  color: #c90d0d;
}
.panel-frm .order-details .menu-delete-confirmation {
  z-index: 1000;
  backdrop-filter: blur(3px);
  background: radial-gradient(circle, rgba(2, 0, 36, 0.1348914566) 20%, rgba(133, 127, 122, 0.2329306723) 21%, rgba(255, 255, 255, 0.0760679272) 52%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.panel-frm .order-details .order-info {
  width: 100%;
  height: 100%;
}
.panel-frm .order-details .order-info .order-info-columns {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.panel-frm .order-details .order-info .order-info-container {
  width: 45%;
}
.panel-frm .order-details .order-info .order-info-container h1 {
  font-size: 18px;
  color: #606060;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.panel-frm .order-details .order-info .order-info-container h2 {
  font-size: 16px;
  color: #8e91a4;
}
.panel-frm .order-details .order-info .order-info-container .order-item {
  width: 100%;
  margin: 5px 0;
}
.panel-frm .order-details .order-info .order-info-container .order-item .order-item-content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.panel-frm .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons {
  display: flex;
  align-items: center;
}
.panel-frm .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons button {
  margin-left: 10px;
  background: white;
  border: solid 1px #d54b3d;
  color: #d54b3d !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.panel-frm .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons button:hover {
  color: #ffffff !important;
  background: #d54b3d !important;
}
.panel-frm .order-details .order-info .order-info-container .order-item .separator {
  background: #dddddd;
  width: 100%;
  height: 2px;
  margin: 10px 0;
}
.panel-frm .order-details .order-info .order-info-container .order-item .order-description-detail {
  font-size: 14px;
  white-space: break-spaces;
  margin-top: 5px;
  font-weight: bold;
  color: #606060;
  max-height: 110px;
  overflow-y: auto;
  padding: 5px 0;
  height: fit-content;
}
.panel-frm .order-details .resume .link-info {
  user-select: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.panel-frm .order-details .resume .link-info .link-info-container {
  width: 60%;
}
.panel-frm .order-details .tabProfile {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.panel-frm .order-details .tabProfile .tagsContainer {
  display: flex;
  flex-wrap: wrap;
}
.panel-frm .order-details .tabProfile .tagsContainer .tag {
  background: #e9ecef;
  padding: 5px 10px;
  text-align: center;
  border-radius: 16px;
  width: auto;
  margin-bottom: 5px;
  margin-right: 3px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  border: 1px solid #ced4da;
}
.panel-frm .order-details .custom_tab img {
  height: 12px;
}
.panel-frm .order-details .container {
  padding: 0 !important;
}
.panel-frm .order-details .nav {
  width: 70% !important;
  display: flex !important;
  align-items: center !important;
  margin-left: 15% !important;
  box-shadow: none !important;
  border: none !important;
}
.panel-frm .order-details .tab-content {
  padding: 20px 5%;
}

.ma-title-block {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-top: 0 !important;
}

.ma-optional-block {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin-left: 4px;
}

.ma-count-characters {
  color: #606770;
  text-align: right;
}

.description-block {
  font-size: 12px;
}

.ma-textarea-height {
  background-color: white !important;
  font-size: 13px;
  margin: 5px 0 0;
  height: auto !important;
}

.ma-font-text-area {
  font-size: 13px !important;
}

.ma-interactive-input:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}

.menu-settings-form-wrapper .account-settings-form {
  padding: 1.25rem 1.5rem;
}

.menu-settings-header .header-headline-description {
  padding: 0 1.5rem;
}

.menu-frm__fields-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
.menu-frm__fields-row--three {
  grid-template-columns: 1fr 1fr 1fr;
}
.menu-frm__field-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.menu-frm__input-prefix-wrapper {
  display: flex;
  align-items: stretch;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  overflow: hidden;
  background: white;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.menu-frm__input-prefix-wrapper:focus-within {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.menu-frm__input-prefix-wrapper.is-invalid {
  border-color: #dc3545;
}
.menu-frm__input-prefix-wrapper.is-invalid:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.menu-frm__input-prefix {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.625rem;
  background: #f8f9fa;
  border-right: 1px solid #ced4da;
  color: #6c757d;
  font-size: 0.8125rem;
  white-space: nowrap;
  user-select: none;
  line-height: 1.5;
}
.menu-frm__input-no-border {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  flex: 1;
  min-width: 0;
  font-size: 0.8125rem;
}
.menu-frm__input-no-border:focus {
  border: none !important;
  box-shadow: none !important;
}.inputContainer {
  position: relative;
}
.inputContainer .suggestions-dropdown {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 8px;
  right: 5px;
  cursor: pointer;
  user-select: none;
}
.inputContainer .true img {
  transform: rotate(180deg);
  transition: transform 0.35s linear;
}
.inputContainer .false img {
  transition: transform 0.35s linear;
}
.inputContainer .suggestions {
  z-index: 5;
  display: none;
  max-height: 150px;
  height: auto;
  width: 100%;
  position: absolute;
  background: #eff3fc;
  animation: growDown 300ms ease-in-out forwards;
  overflow-y: auto;
}
.inputContainer .suggestions .suggestion-container {
  width: 100%;
  background: none;
  color: #606060;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px;
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.inputContainer .suggestions .suggestion-container:hover {
  background: #0047ff;
  color: white;
}
.inputContainer .suggestions .suggestions-loader {
  padding: 8px 12px;
}
.inputContainer .suggestions .suggestions-loader:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "...";
  width: 0px;
}
.inputContainer .true {
  display: block;
  transform-origin: top center;
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}

.input-tag {
  background: white;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}

.input-tag input {
  border: none;
  width: 100%;
}

.input-tag__tags {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 !important;
  padding: 0;
  width: calc(100% - 25px);
}

.input-tag__tags li.dark {
  background: var(--color-soft-blue);
  color: var(--color-white);
  font-weight: 800;
  align-items: center;
  border-radius: 3px;
  display: flex;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
}
.input-tag__tags li.light {
  background: var(--color-soft-blue-light-1);
  border: 1px solid var(--color-soft-blue-dark-1);
  color: var(--color-grey);
  font-weight: 800;
  align-items: center;
  border-radius: 6px;
  display: flex;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
}

.input-tag__tags li button {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 100;
  align-items: center;
  appearance: none;
  background: none !important;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  padding: 0;
  transform: rotate(45deg);
  width: 15px;
}

.input-tag__tags li button:focus {
  border: none !important;
  outline: none !important;
}

.custom-chips-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: auto;
  width: 100% !important;
  height: 30px !important;
  background-color: transparent !important;
  position: relative !important;
  border: none;
  margin-right: 10px !important;
  transition: border 300ms ease-out !important;
  outline: none !important;
  flex-shrink: 0 !important;
}

.input-tag__tags li.input-tag__tags__input {
  background: none;
  flex-grow: 1;
  padding: 0;
}

.readOnlyChipsContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 0 5px;
}
.readOnlyChipsContainer li button {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 100;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none !important;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  padding: 0;
  transform: rotate(45deg);
  width: 15px;
}
.readOnlyChipsContainer li.dark {
  background: var(--color-soft-blue);
  color: var(--color-white);
  font-weight: 800;
  align-items: center;
  border-radius: 3px;
  display: flex;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
}
.readOnlyChipsContainer li.light {
  background: var(--color-soft-blue-light-1);
  border: 1px solid var(--color-soft-blue-dark-1);
  color: var(--color-grey);
  font-weight: 800;
  align-items: center;
  border-radius: 6px;
  display: flex;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
}.payments-settings {
  margin-left: 10px;
  width: 100%;
}
.payments-settings .back-click {
  font-size: 18px;
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.payments-settings .back-click img {
  margin-right: 5px;
}
.payments-settings .back-click {
  color: #8e91a4;
}
.payments-settings .back-click:hover {
  font-weight: bold;
}
.payments-settings .message-tab {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.payments-settings .tab-template {
  padding: 15px 5px;
  /*         height: 550px;
          display: grid;
          grid-template-rows: 95px 380px 45px; */
}
.payments-settings .tab-template .template-header {
  margin-bottom: 20px;
}
.payments-settings .tab-template .template-header h1 {
  font-size: 17px;
  margin-bottom: 2px;
}
.payments-settings .tab-template .template-header h2 {
  font-size: 14px;
}
.payments-settings .tab-template .template-header p {
  white-space: break-spaces;
  margin-top: 5px;
  color: #8e91a4;
}
.payments-settings .payments-menu {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 55px;
  user-select: none;
}
.payments-settings .payments-menu .payment-menu-item {
  width: 390px;
  height: 155px;
  border: solid 1px #cee3ff;
  border-radius: 5px;
  margin: 10px 5px;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  padding: 10px;
}
.payments-settings .payments-menu .payment-menu-item .menu-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.payments-settings .payments-menu .payment-menu-item .menu-header h3 {
  font-size: 12px;
  color: #8e91a4;
}
.payments-settings .payments-menu .payment-menu-item .menu-header h1 {
  color: #606060;
}
.payments-settings .payments-menu .payment-menu-item .menu-header a {
  color: #007bff !important;
  cursor: pointer !important;
}
.payments-settings .payments-menu .payment-menu-item .menu-header .setting-icon {
  margin-right: 10px;
  background: #e8f0fe;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}
.payments-settings .payments-menu .payment-menu-item button {
  padding: 0;
  width: 100%;
  height: 35px;
  background: white;
  color: #0047ff;
  font-size: 12px;
  border: solid 1px #cee3ff;
}
.payments-settings .payments-menu .payment-menu-item button:hover {
  background: #0047ff;
  color: white;
  border: solid 1px #0047ff;
}

.payments-webpos-container input {
  display: none !important;
  visibility: hidden !important;
}
.payments-webpos-container .title-webpos {
  margin-bottom: 15px;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.payments-webpos-container .title-webpos h2 {
  margin-bottom: 5px;
}
.payments-webpos-container .title-webpos p {
  color: #8e91a4;
}

.save-webpos-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  margin-top: 5px;
}
.save-webpos-buttons button {
  width: 275px;
  height: 36px;
  padding: 0;
  margin: 5px;
}
.save-webpos-buttons .restore-default {
  background: white;
  color: #606060;
  border: solid 1px #606060;
}
.save-webpos-buttons .restore-default:hover {
  background: #606060;
  color: white;
}
.save-webpos-buttons .save-changes-true {
  background: #0047ff;
  border: solid 1px #0047ff;
  color: white;
}
.save-webpos-buttons .save-changes-true:hover {
  background: white;
  color: #0047ff;
}
.save-webpos-buttons .save-changes-false {
  background: #8e91a4;
  border: solid 1px #8e91a4;
  color: white;
  cursor: not-allowed;
}

.webpos-styles-settings {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.preview-container {
  position: relative;
  height: 485px;
  user-select: none;
  margin-bottom: 2rem;
}
.preview-container .payment-form {
  display: grid;
  grid-auto-rows: 25% 75%;
  width: 100%;
  height: 100%;
}
.preview-container .payment-form .logo-container, .preview-container .payment-form .form-container {
  width: 100%;
  height: 100%;
}
.preview-container .payment-form .logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-container .payment-form .logo-container .logo {
  cursor: pointer;
  width: 65%;
  height: 70%;
  border-radius: 5px;
  border: solid 1px white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.preview-container .payment-form .logo-container .logo .logo-hover {
  position: absolute;
  display: none;
  z-index: 10000;
}
.preview-container .payment-form .logo-container .logo .logo-hover img {
  position: relative !important;
  z-index: auto !important;
  height: 70% !important;
}
.preview-container .payment-form .logo-container .logo .webpos-logo {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.preview-container .payment-form .logo-container .logo .webpos-logo img {
  z-index: auto;
  height: 100% !important;
  width: auto !important;
}
.preview-container .payment-form .logo-container .logo:hover {
  background: rgba(255, 255, 255, 0.56);
}
.preview-container .payment-form .logo-container .logo:hover .logo-hover {
  display: block !important;
}
.preview-container .payment-form .form-container {
  background: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-container .phone-container {
  position: absolute;
  bottom: 0;
  width: 225px;
  height: 380px;
  z-index: 100000;
}
.preview-container .phone-container .phone-preview {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-container .phone-container .phone-preview img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: -1;
}
.preview-container .phone-container .phone-preview .phone-screen-container {
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-container .phone-container .phone-preview .phone-screen-container .phone-screen {
  background: green;
  width: 73%;
  height: 100%;
  border-radius: 5px;
}
.preview-container .phone-container .phone-preview .phone-screen-container .phone-screen .form-container {
  padding: 10px !important;
}
.preview-container .phone-container .phone-preview .phone-screen-container .phone-screen .form-container img {
  position: relative !important;
  z-index: 0 !important;
}
.preview-container .pc-container {
  margin-left: 95px;
  width: 775px;
  height: 448px;
}
.preview-container .pc-container .pc-preview {
  position: relative;
  height: 455px;
}
.preview-container .pc-container .pc-preview img {
  z-index: -1;
  position: absolute;
}
.preview-container .pc-container .pc-preview .pc-screen-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen {
  margin-bottom: 15px;
  width: 80%;
  height: 380px;
  background: blue;
  border-radius: 3px;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .browser-header {
  height: 35px;
  width: 100%;
  background: #8e91a4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5px;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .browser-header .browser-button {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin: 0 2px;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .browser-header .red {
  background: #e5695e;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .browser-header .yellow {
  background: #f0bc4f;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .browser-header .green {
  background: #69c354;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view {
  width: 100%;
  height: 345px;
  display: grid;
  grid-template-columns: 70% 30%;
  box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.4);
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view img {
  width: 100% !important;
  height: 100% !important;
  z-index: auto !important;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .image-webpos {
  width: 100%;
  height: 100%;
  position: relative;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .image-webpos .image-webpos-hover {
  visibility: hidden;
  position: absolute;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.56);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .image-webpos .image-webpos-hover img {
  width: 65px !important;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .image-webpos:hover .image-webpos-hover {
  visibility: visible;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .payment-form-container .payment-form .form-container img {
  width: 90% !important;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .payment-form-container {
  position: relative;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .payment-form-container .color-picker {
  width: 37px;
  height: 37px;
  position: absolute;
  right: -35px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .payment-form-container .color-picker img {
  width: 65% !important;
  height: 65% !important;
}
.preview-container .pc-container .pc-preview .pc-screen-container .pc-screen .payments-website-view .payment-form-container .picker-container {
  position: absolute;
  left: 80%;
  top: 35px;
  position: absolute;
  z-index: 1;
}.item-info .item-info-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.item-info .item-info-content .order-status-buttons {
  display: flex;
  align-items: center;
}
.item-info .item-info-content .order-status-buttons .reviewbtn-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #e73089;
  color: #e73089 !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.item-info .item-info-content .order-status-buttons .reviewbtn-btn:hover {
  color: #ffffff !important;
  background: #e73089 !important;
}
.item-info .item-info-content .order-status-buttons .default-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #d54b3d;
  color: #d54b3d !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.item-info .item-info-content .order-status-buttons .default-btn:hover {
  color: #ffffff !important;
  background: #d54b3d !important;
}
.item-info .item-info-content .order-status-buttons .info-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #2074BA;
  color: #2074BA !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.item-info .item-info-content .order-status-buttons .info-btn:hover {
  color: #ffffff !important;
  background: #2074BA !important;
}
.item-info .item-info-content .info-item-title {
  font-size: 14px !important;
}
.item-info .item-info-content .info-item-value {
  color: #606060;
  font-weight: bold;
  user-select: text;
  font-size: 14px !important;
}
.item-info .separator {
  background: #dddddd;
  width: 100%;
  height: 2px;
  margin: 10px 0;
}.header-logo {
  border: 2px solid #bdb6b6;
  border-radius: 5px;
  padding: 2px;
}

.header-logo:hover {
  background: rgba(101, 100, 100, 0.56);
  cursor: pointer;
  border-radius: 5px;
  border: 2px solid #bdb6b6;
}

/* Set the background image to the iPhone mockup */
.iphone-container {
  background-image: url("https://www.w3schools.com/howto/img_iphone.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 375px;
  /* Set the width to match the width of the iPhone screen */
  height: 812px;
  /* Set the height to match the height of the iPhone screen */
  position: relative;
  margin: 0 auto;
}

/* Position the content inside the iPhone screen */
.iphone-content {
  position: absolute;
  top: 200px;
  /* Adjust the top position to center the content inside the screen */
  left: 40px;
  /* Adjust the left position to center the content inside the screen */
  width: 295px;
  /* Adjust the width to fit the content inside the screen */
  height: 508px;
  /* Adjust the height to fit the content inside the screen */
}

.iphone-x {
  position: relative;
  margin: 40px auto;
  width: 290px;
  min-height: 550px;
  max-height: 550px;
  background-color: transparent;
  border-radius: 40px;
  box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #111;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  padding-top: 35px;
}
.iphone-x:before, .iphone-x:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.iphone-x:after {
  bottom: 7px;
  width: 140px;
  height: 4px;
  background-color: #f2f2f2;
  border-radius: 10px;
}
.iphone-x:before {
  top: 0px;
  width: 56%;
  height: 30px;
  background-color: #1f1f1f;
  border-radius: 0px 0px 40px 40px;
}
.iphone-x i,
.iphone-x b,
.iphone-x s,
.iphone-x span {
  position: absolute;
  display: block;
  color: transparent;
}
.iphone-x i {
  top: 0px;
  left: 50%;
  transform: translate(-50%, 6px);
  height: 8px;
  width: 15%;
  background-color: #101010;
  border-radius: 8px;
  box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b {
  left: 10%;
  top: 0px;
  transform: translate(180px, 4px);
  width: 12px;
  height: 12px;
  background-color: #101010;
  border-radius: 12px;
  box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b:after {
  content: "";
  position: absolute;
  background-color: #2d4d76;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
  top: 3px;
  left: 3px;
  display: block;
  border-radius: 4px;
  box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
}
.iphone-x s {
  top: 50px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 70px;
  font-weight: 100;
  padding-top: 60px;
}
.iphone-x span {
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  left: 30px;
}
.iphone-x span + span {
  left: auto;
  right: 30px;
}

.iphone-x .header {
  margin-bottom: 15px;
  padding-bottom: 15px;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  border-bottom: 1px solid #626A73;
  width: 100%;
}
.iphone-x .header .header-logo {
  margin-top: 5px;
  margin-bottom: 5px;
}
.iphone-x .footer {
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  text-align: center;
  flex-direction: column;
  border-top: 1px solid #626A73;
  width: 100%;
  font-size: 8px;
}
.iphone-x .footer .footer-logo {
  margin-top: 5px;
  margin-bottom: 5px;
}
.iphone-x .footer .footer-logo img {
  width: auto;
  height: 11px;
}.user-role-item-checkbox {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-top: 10px;
}
.user-role-item-checkbox input[type=checkbox] {
  width: 15px !important;
}
.user-role-item-checkbox .info {
  margin-left: 50px;
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-left: 2rem;
  width: 100%;
}

.user-role-container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 5px 0px;
}
.user-role-container .permissions-container {
  width: 100%;
  margin: 10px 0;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #e8e8e8;
  border-top: none;
  margin-bottom: 0px;
  padding-left: 4rem;
}
.user-role-container .user-role-item {
  float: left;
  width: 100%;
  height: 90px;
  background-color: #efefef;
  margin-top: 5px;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.user-role-container .user-role-item:hover {
  background-color: #e8e8e8;
}
.user-role-container .user-role-item.selected {
  background-color: #e1e9f5;
  border-radius: 5px 5px 0px 0px;
}
.user-role-container .user-role-item .user-role-box {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-color: rgb(241, 244, 247);
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-role-container .user-role-item .user-role-box .user-role-icon {
  width: 20px;
  height: 20px;
}
.user-role-container .user-role-item .user-role-box .user-role-icon.MARKETING {
  background: url("https://picsum.photos/200") no-repeat center;
  background-size: contain;
}
.user-role-container .user-role-item .user-role-box .user-role-icon.UTILITY {
  background: url("https://picsum.photos/200") no-repeat center;
  background-size: contain;
}
.user-role-container .user-role-item .user-role-box .user-role-icon.AUTHENTICATION {
  background: url("https://picsum.photos/200") no-repeat center;
  background-size: contain;
}
.user-role-container .user-role-item .user-role-description {
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.user-role-container .user-role-item .user-role-description .user-role-header {
  font-size: 14px;
  font-weight: bold;
  color: #1C2B33;
}
.user-role-container .user-role-item .user-role-description .user-role-label {
  font-size: 13px;
  color: #1C2B33;
}

.agentsContainer {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 80vh;
  justify-content: center;
  overflow-x: hidden;
}
.agentsContainer .agent {
  width: 145px !important;
  max-width: none !important;
  min-width: 145px !important;
}

.instructions {
  font-size: 15px;
  width: 100%;
  text-align: justify;
  margin: 10px;
}

.btnCreateUser {
  width: 90%;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  margin: 14px 43px 25px 20px;
  padding: 10px;
  border-radius: 5px;
  background-color: #e8f0fe;
  color: #0047ff;
}

.btnCreateFrm {
  width: 20%;
}

.rowList {
  border: 2px solid #49525f !important;
  margin: 10px;
  padding: 10px;
  line-height: 50px;
  border-radius: 7px;
}
.rowList p {
  font-size: 16px;
  font-weight: bold;
}

.rowCreate {
  border-top: 2px solid #e8f0fe !important;
  border: none;
  margin: 5px;
  padding: 10px;
  line-height: 25px;
  border-radius: 0px;
}
.rowCreate p {
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
  margin-top: 10px;
}
.rowCreate input,
.rowCreate select {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  margin: 5px 0 0;
  padding: 10px;
  border-radius: 5px;
  border: 1px #8e91a4 solid;
  height: 45px !important;
}
.rowCreate {
  text-align: left;
}

.titleForm {
  font-size: 20px !important;
  font-weight: bold;
  color: #606060;
  width: 100%;
}

.order-change-confirmation {
  backdrop-filter: blur(3px);
  background: none !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  z-index: 1;
}
.order-change-confirmation .confirmation-container {
  align-items: flex-start;
}

.float_button {
  position: absolute;
  width: 45px;
  height: 45px;
  background: #0047ff;
  color: white;
  z-index: 1;
  border-radius: 5px;
  bottom: 0px;
  right: 10px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  font-size: 25px;
  font-weight: bold;
}

.float_button:hover {
  box-shadow: 0px 0px 1.5px 2px #d2cfd0;
}

.tagsContainer-usersSettings {
  flex: 0 1 auto;
  width: 100%;
}
.tagsContainer-usersSettings .inputContainer {
  width: 100% !important;
}
.tagsContainer-usersSettings .noTags {
  width: 100%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #727272;
}
.tagsContainer-usersSettings .input-tag {
  min-height: 50px;
}
.tagsContainer-usersSettings .suggestions-dropdown {
  top: 22px;
}.wabaTemplatesContainer {
  float: left;
  height: 100%;
  width: 95%;
  padding: 20px 0;
}
.wabaTemplatesContainer .waba-templates-header__title-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.wabaTemplatesContainer .waba-templates-header__title-container .waba-templates-header__update-time {
  display: grid;
  grid-template-columns: 30px auto;
}
.wabaTemplatesContainer .waba-templates-header__title-container .waba-templates-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.wabaTemplatesContainer .waba-templates-header__title-container .waba-templates-header__update-time .update-time__arrow, .wabaTemplatesContainer .waba-templates-header__title-container .waba-templates-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.wabaTemplatesContainer .waba-templates-header__title-container .waba-templates-header__update-time .update-time__arrow {
  cursor: pointer;
}
.wabaTemplatesContainer .waba-templates-header__title-container .waba-templates-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.wabaTemplatesContainer .instructions {
  width: auto;
}
.wabaTemplatesContainer .headerCardSeparator {
  height: 5px;
}
.wabaTemplatesContainer .createTemplateCard {
  padding: 5px 10px;
}
.wabaTemplatesContainer .cardTableSeparator {
  height: 25px;
}
.wabaTemplatesContainer .templateTable {
  height: auto;
  width: 100%;
}
.wabaTemplatesContainer .templateTable .blueText {
  color: #0047ff;
  font-weight: "bold";
  cursor: pointer;
}
.wabaTemplatesContainer .templateTable .wrapTableText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wabaTemplatesContainer .templateTable .greyBox {
  width: 30px;
  padding: 0 5px;
  border-radius: 5px;
  background-color: #f8f8f8;
  vertical-align: top;
  white-space: normal;
  font-weight: bold;
}

.create-content {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.create-content.to-start {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.create-content .form-content {
  float: left;
  width: 70%;
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.create-content .form-content::-webkit-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}
.create-content .form-content.full-width {
  width: 100%;
}
.create-content .form-content .header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-content .form-content .header-action__template-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 200px;
}
.create-content .form-content .header-action__template-info__text-muted {
  font-size: 12px;
  color: #6c757d;
}
.create-content .form-content .header-action__go-back-icon {
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.create-content .form-content .section-form {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 15px;
}
.create-content .form-content .section-form ul.nav-tabs {
  border-bottom: none !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
}
.create-content .form-content .section-form ul.nav-tabs li.nav-item a {
  font-size: 15px !important;
}
.create-content .form-content .section-form .component-template {
  float: left;
  width: auto;
  height: 35px;
  background-color: white;
  border: 1px solid #0047ff;
  color: #0047ff;
  padding: 5px 15px;
  border-radius: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-content .form-content .section-form .component-template .selected-check {
  float: left;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m7.819%2013.355-4.4-4.406a.678.678%200%200%201%200-.959l.959-.959a.678.678%200%200%201%20.959%200L8.305%2010l6.358-6.358a.677.677%200%200%201%20.959%200l.959.96a.678.678%200%200%201%200%20.958l-7.8%207.8a.677.677%200%200%201-.962-.004z'%20fill='%23fff'/%3e%3c/svg%3e");
  display: none;
  margin-right: 10px;
}
.create-content .form-content .section-form .component-template.active {
  background: #0047ff;
  color: white;
}
.create-content .form-content .section-form .component-template.active .selected-check {
  display: block;
}
.create-content .form-content .section-form .container {
  margin-top: 15px;
}
.create-content .form-content .section-buttons {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 15px;
}
.create-content .optional-block {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
}
.create-content .title-block {
  font-size: 15px;
  font-weight: 600;
}
.create-content .count-characters {
  color: #606770;
  text-align: right;
}
.create-content .content-call-to-action {
  background-color: #f8fafb;
  border: 1px solid #dadde1;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.create-content .content-call-to-action input {
  height: 35px !important;
  background-color: white !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0;
}
.create-content .content-call-to-action input:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.create-content .content-call-to-action select {
  height: 35px !important;
  background-color: white !important;
}
.create-content .content-call-to-action select:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.create-content .remove-action {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 25%;
}
.create-content .remove-action.quick_response {
  background-position: 50% 85%;
}
.create-content .row-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-content .add-button {
  float: left;
  width: auto;
  border-radius: 5px;
  background-color: #F2F2F2;
  border: none;
  color: black;
  font-size: 14px;
  padding: 5px 15px;
  margin-top: 15px;
}
.create-content .add-button:disabled {
  color: rgba(0, 0, 0, 0.4509803922) !important;
  cursor: not-allowed !important;
}
.create-content .divider-block {
  float: left;
  width: 100%;
  height: 40px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.create-content .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.create-content .preview-content {
  float: right;
  width: 30%;
  height: 100%;
  background-color: #eef3fc;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.create-content .template-preview-container {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 20px 10px;
}
.create-content .variable-contents {
  width: 100%;
  height: 135px;
  max-height: 135px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: #f8f8f8;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 10px;
}
.create-content .variable-contents::-webkit-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}
.create-content .variable-contents .variable-item {
  float: left;
  width: 95%;
  margin: 5px;
  padding: 5px 10px;
  font-size: 14px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.create-content .variable-contents .variable-item .remove-variable {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.create-content .variable-contents-form {
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
  padding: 10px;
}
.create-content .variable-contents-form .variable-item {
  float: left;
  width: 100%;
  min-width: 100%;
  margin-bottom: 5px;
  padding: 10px 0px;
  font-size: 14px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.create-content .variable-contents-form .variable-item .to-left {
  text-align: left;
}
.create-content .variable-contents-form .variable-item .remove-variable {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.create-content .btn-variables {
  height: 45px !important;
  font-size: 13px !important;
  text-align: center !important;
  margin: 5px 0 0 0;
}
.create-content .form-item-description {
  font-size: 14px;
  color: rgba(28, 43, 51, 0.6509803922);
}
.create-content .variable-input-height {
  height: 35px !important;
}
.create-content .templates-category-container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.create-content .templates-category-container .template-category-item {
  float: left;
  width: 100%;
  height: 90px;
  background-color: #efefef;
  border-radius: 5px;
  margin: 5px 0;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.create-content .templates-category-container .template-category-item:hover {
  background-color: #e8e8e8;
}
.create-content .templates-category-container .template-category-item.selected {
  background-color: #e1e9f5;
}
.create-content .templates-category-container .template-category-item .template-category-box {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-color: rgb(241, 244, 247);
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-content .templates-category-container .template-category-item .template-category-box .template-category-icon {
  width: 20px;
  height: 20px;
}
.create-content .templates-category-container .template-category-item .template-category-box .template-category-icon.MARKETING {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C2B33;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M436.42,84.72h-1.26c-5.54,0-10.99,1.45-15.81,4.2l-109.9,62.81c-7.3,4.17-15.57,6.37-23.98,6.37H75.9%20c-17.77,0-32.17,14.4-32.17,32.17v59.2c0,17.77,14.4,32.17,32.17,32.17h208.35c9.18,0,18.17,2.62,25.92,7.54l108.7,69.1%20c5.11,3.25,11.04,4.97,17.09,4.97h0.45c17.59,0,31.86-14.26,31.86-31.86V116.58C468.27,98.98,454.01,84.72,436.42,84.72z'/%3e%3cpath%20class='st0'%20d='M125.54,365.1c0,34.34,27.84,62.18,62.18,62.18h6.55c22.1,0,40.01-17.91,40.01-40.01v-75.42%20c0-5.1-4.14-9.24-9.24-9.24h-90.27c-5.1,0-9.24,4.14-9.24,9.24V365.1z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.create-content .templates-category-container .template-category-item .template-category-box .template-category-icon.UTILITY {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C2B33;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M444.34,302.71l-38.69-45.24c-13.55-15.79-24.41-33.7-32.25-52.96l-18.81-46.47%20c-19.04-32.6-50.91-56.75-88.66-65.72c-0.04-0.02-0.05-0.05-0.09-0.06c-1.68-0.58-1.65-3.05-1.65-3.05l-0.02-0.01%20c0.01-0.25,0.04-0.5,0.04-0.75c0-29.45-26.4-52.85-56.78-47.77c-18.09,3.02-33.15,16.64-38.22,34.27%20c-2.53,8.79-2.44,17.24-0.52,24.99c0.58,2.36-0.59,4.75-2.72,5.92c-37.22,20.5-64.16,57.35-70.96,100.94l-1.29,47.87%20c-0.5,19.93-4.65,39.64-12.15,58.17l-19.32,47.64c-5.71,26.71,16.96,50.95,44.06,47.03l41.77-6.1l141.98-20.66l126.58-18.48%20C444.62,358.19,459.24,326.73,444.34,302.71z%20M247.37,89.21c-4.57-0.45-9.18-0.76-13.87-0.76c-16.96,0-33.18,3.06-48.23,8.57%20c-1.67-5.92-1.79-12.48,0.77-19.38c4.01-10.77,13.69-18.92,25.07-20.54c19.76-2.81,36.73,12.75,36.29,32.07%20C247.39,89.19,247.38,89.2,247.37,89.21z'/%3e%3cpath%20class='st0'%20d='M299.75,401.38l-148.37,21.59c-4.37,0.64-6.75,5.58-4.4,9.33c15.59,24.87,43.21,41.41,74.71,41.41%20c40.57,0,74.72-27.37,84.95-64.67C307.79,404.79,304.11,400.75,299.75,401.38z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.create-content .templates-category-container .template-category-item .template-category-box .template-category-icon.AUTHENTICATION {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C2B33;}%20%3c/style%3e%3cpath%20class='st0'%20d='M433,62.67h-62.97c-4.16,0-8.12,1.74-10.91,4.85l-102.6,113.83c-2.76,3.06-6.57,4.97-10.67,5.34L212,189.77v0%20l-15.01,0.33c0,0-0.01,0.04-0.02,0.05c-1-0.03-1.98-0.09-2.99-0.09c-74.37,0-134.09,62.57-129.4,137.88%20c4.01,64.57,56.56,117.12,121.12,121.12c75.32,4.69,137.88-55.03,137.88-129.4c0-17.55-3.53-34.26-9.86-49.55%20c-1.48-3.64-1.63-7.7-0.21-11.39l0.81-1.9c2.04-4.77,6.47-8.08,11.62-8.69l9.75-1.16c5.75-0.74,10.54-4.74,12.28-10.28l8.86-28.78%20c1.21-3.95,4.01-7.22,7.75-8.96l20.25-9.52c5.18-2.43,8.48-7.64,8.48-13.36v-20.76c0-7.85,6.18-14.31,14.02-14.66l5.9-0.26%20c5.64-0.26,10.65-3.74,12.86-8.96l20.4-48.44C450.58,73.35,443.48,62.67,433,62.67z%20M171.42,388.35%20c-30.77,5.08-57.1-21.25-52.02-52.01c3.08-18.64,18.11-33.67,36.75-36.75c30.76-5.08,57.1,21.25,52.02,52.01%20C205.09,370.24,190.06,385.27,171.42,388.35z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.create-content .templates-category-container .template-category-item .template-category-description {
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.create-content .templates-category-container .template-category-item .template-category-description .template-category-header {
  font-size: 14px;
  font-weight: bold;
  color: #1C2B33;
}
.create-content .templates-category-container .template-category-item .template-category-description .template-category-label {
  font-size: 13px;
  color: #1C2B33;
}
.create-content .dropdown-height {
  margin: 5px 0 0;
  height: 45px !important;
}
.create-content .ad-more-icon-icon {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M12%204C11.4477%204%2011%204.44772%2011%205V11H5C4.44772%2011%204%2011.4477%204%2012C4%2012.5523%204.44772%2013%205%2013H11V19C11%2019.5523%2011.4477%2020%2012%2020C12.5523%2020%2013%2019.5523%2013%2019V13H19C19.5523%2013%2020%2012.5523%2020%2012C20%2011.4477%2019.5523%2011%2019%2011H13V5C13%204.44772%2012.5523%204%2012%204Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  background-size: cover;
}
.create-content .waba-truncate-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-content .waba-alert-title {
  font-size: 16px;
}
.create-content .waba-alert-gg-close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1);
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 40px;
  cursor: pointer;
  user-select: none;
}
.create-content .waba-alert-gg-close::after,
.create-content .waba-alert-gg-close::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 1px;
}
.create-content .waba-alert-gg-close::after {
  transform: rotate(-45deg);
}

.waba-teimplates-full-container {
  width: 100%;
  height: 100%;
}/* Block: copy-card */
.copy-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
  /* Element: content container */
}
.copy-card__content {
  flex: 1;
  overflow: hidden;
  margin-right: 12px;
  flex: 1 1;
  overflow: hidden;
  margin-right: 12px;
  text-align: start;
}
.copy-card {
  /* Element: title */
}
.copy-card__title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 4px;
}
.copy-card {
  /* Element: text content */
}
.copy-card__text {
  font-size: 13px;
  color: #606060;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copy-card {
  /* Element: icon container */
}
.copy-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  color: #606060;
  transition: all 0.2s ease;
  /* Element modifier: hover state */
}
.copy-card__icon:hover {
  background-color: #f5f5f5;
  color: #0047ff;
}
.copy-card__icon {
  /* Element modifier: copied state */
}
.copy-card__icon_copied {
  color: #75b74d;
}.channel-autoservice-menu {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.menuListContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.menuListContainer .title {
  margin-left: 0px;
}
.menuListContainer .searchContainer {
  display: flex;
  justify-content: flex-end;
}
.menuListContainer .searchContainer .searchBar {
  width: 280px;
  padding-bottom: 20px;
}
.menuListContainer .iconContainer {
  background: none !important;
}
.menuListContainer .instructions {
  width: auto;
}
.menuListContainer .headerCardSeparator {
  height: 5px;
}
.menuListContainer .createTemplateCard {
  padding: 5px 10px;
}
.menuListContainer .cardTableSeparator {
  height: 25px;
}
.menuListContainer .templateTable {
  height: 100%;
  width: 100%;
}
.menuListContainer .templateTable .blueText {
  color: #0047ff;
  font-weight: "bold";
}
.menuListContainer .templateTable .wrapTableText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuListContainer .templateTable .row {
  display: flex;
  overflow: auto;
  justify-content: space-around;
  flex-direction: row;
  white-space: nowrap;
}
.menuListContainer .templateTable .row .greyBox {
  background-color: #f8f8f8;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
  white-space: normal;
}
.menuListContainer .templateTable .channelsList {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.menuListContainer .templateTable .channelsItem {
  display: inline-block;
  padding-right: 10px;
}
.menuListContainer .templateTable .textCell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.menuListContainer .templateTable .defaultText {
  height: 40px;
  line-height: 40px;
}.saveRowContainer {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
}
.saveRowContainer .col-lg-4 {
  width: 129px !important;
  display: flex;
  justify-content: end;
  align-items: end;
}
.saveRowContainer .col-lg-4 button {
  width: 100px;
}

.enable-offline-message {
  display: flex;
  justify-content: start;
}
.enable-offline-message .offline-message-checkbox {
  width: 14px !important;
  height: 14px !important;
  margin-right: 10px;
}

.offline-message-textarea {
  font-size: 13px;
  margin: 5px 0 0;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.offline-message-textarea.offline-message-textarea-disabled {
  background-color: #8e91a4 !important;
  cursor: not-allowed;
}

.time-validation-error {
  color: #dc3545;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  font-weight: 500;
  padding: 0.5rem;
  background-color: rgba(220, 53, 69, 0.1);
  border-radius: 0.25rem;
  border-left: 3px solid #dc3545;
}
.time-validation-error i {
  margin-right: 5px;
}

.arrow-back {
  color: #8e91a4 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.arrow-back img {
  margin-right: 10px;
}

.timezone-block {
  padding: 3px 7px;
  font-size: 13px;
  border-radius: 0.25rem;
  border: 1px solid #d6d8db;
  color: #383d41;
  background-color: #e2e3e5;
}

.account-settings-form .row .col.d-flex {
  padding: 0 5px;
}
.account-settings-form .row .col.d-flex p {
  margin-bottom: 0;
  font-weight: 500;
}

.saveButton {
  min-width: 80px;
}

.settings-title-label {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}

.settings-description-label {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 15px;
}

.time-label {
  margin-bottom: 0;
  font-weight: 500;
  color: #495057;
  font-size: 14px;
}

.time-picker-container .custom-time-picker-column .time-picker-with-minutes {
  width: 100%;
}

.custom-time-picker-column .time-picker-with-minutes {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 768px) {
  .time-picker-container {
    margin-bottom: 1.5rem;
  }
  .time-picker-container .check-filter strong, .time-picker-container .check-filter small {
    display: inline-block;
  }
}.mainSettings {
  padding-left: 15px;
  padding-right: 15px;
  margin: 5px 0px;
  width: 80%;
}
.mainSettings .rowCreatee {
  border-top: 2px solid #e8f0fe !important;
  margin: 5px;
  padding: 10px;
  line-height: 25px;
  border-radius: 0px;
}
.mainSettings .rowCreatee p {
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
  margin-top: 10px;
}
.mainSettings .rowCreatee {
  text-align: left;
}
.mainSettings .saveButton {
  width: 100%;
  padding: 3px;
  z-index: 100;
}
.mainSettings .channelsLabel {
  font-size: 13px;
}
.mainSettings .template-channelsList {
  display: flex;
  align-items: flex-end;
  height: 75px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 5px 0px;
}
.mainSettings .template-channelsList .labelItem {
  padding-left: 5px;
}
.mainSettings .template-channelsList .template-channelsItem {
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
}

.quick-answers-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  background-color: var(--off-white);
  color: var(--off-black);
}

.quick-answers-main-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  color: white;
}

.quick-replies-drag-and-drop {
  padding: 1rem !important;
  border: 1px dashed #e2e8f0 !important;
  text-align: center !important;
  border-radius: calc(var(--radius) - 2px) !important;
  background-color: #f9fafb !important;
}
.quick-replies-drag-and-drop-icon-area {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.quick-replies-drag-and-drop-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #0f172a;
}
.quick-replies-drag-and-drop .text-description {
  color: #64748b;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0.5rem;
}
.quick-replies-drag-and-drop .drang-and-drop-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  border: none;
  width: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  background-color: white;
  border: 1px solid #e2e8f0;
  color: #020617;
}
.quick-replies-drag-and-drop .drang-and-drop-button:hover {
  background-color: #f1f5f9;
  color: #0F172A;
}

.quick-replies {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: white;
  color: #020817;
}
.quick-replies-files {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  max-height: 170px;
  overflow-y: auto;
}
.quick-replies-files .item-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border: 1px solid #f8fafc;
  border-radius: calc(var(--radius) - 2px);
  background-color: #f8fafc;
}
.quick-replies-files .item-file:hover {
  background-color: #f1f5f9;
}
.quick-replies-files .item-file .item-file-data {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.quick-replies-files .item-file .item-file-data__icon {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EAEAEA;
  border: 1px solid #e2e8f0;
  border-radius: calc(var(--radius) - 2px);
}
.quick-replies-files .item-file .item-file-data__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.quick-replies-files .item-file .item-file-data__metadata {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
}
.quick-replies-files .item-file .item-file-data__metadata .metadata-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid #e2e8f0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  font-weight: 600;
  color: #020817;
}
.quick-replies-files .item-file .item-file-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.quick-replies-files .item-file .item-file-actions .file-button-delete {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  background-color: transparent;
  border: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ef4444;
  border: none;
}
.quick-replies-files .item-file .item-file-actions .file-button-delete:hover {
  background-color: #fef2f2;
}
.quick-replies-files .item-file .item-file-actions .file-button-delete .file-delete-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #ef4444;
}
.quick-replies.files-title {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  color: var(--off-black);
  margin: 0;
}
.quick-replies .show-errors-text {
  color: #dc2626;
  font-size: 14px;
  font-weight: 600;
  user-select: none;
  text-align: center;
  cursor: pointer;
}

.quick-replies-channels-list {
  display: flex;
  align-items: flex-end;
  height: 70px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: stretch;
  gap: 1rem;
}.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: flex-end;
  z-index: 1000;
  overflow: hidden;
}

.drawer {
  background: white;
  height: 100%;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  animation: slideIn 0.3s ease-out;
  padding: 1.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.drawer-empty-space {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1.5rem;
  text-align: center;
}
.drawer-empty-space-icon-area {
  height: 3rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: #f1f5f9;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
}
.drawer-empty-space-icon {
  height: 1.25rem;
  width: 1.25rem;
  color: #94a3b8;
  flex-shrink: 0;
}
.drawer-empty-space-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #64748b;
}

.drawer-left {
  margin-right: auto;
}

.drawer-right {
  margin-left: auto;
}

.drawer-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.drawer-header-main-area {
  display: flex;
  align-items: center;
}
.drawer-header-icon-area {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #dbeafe;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.drawer-header-icon {
  height: 1.25rem;
  width: 1.25rem;
  color: #2563eb;
}
.drawer-header-close-button {
  position: absolute;
  top: 25px;
  right: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.25rem;
  width: 2.25rem;
  transition: all 0.15s ease-in-out;
  outline: none;
  background-color: transparent;
  color: #6a7282;
}
.drawer-header-close-button:hover {
  background-color: #f5f5f5;
}
.drawer-header-close-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.drawer-header-close-button-icon {
  height: 1.25rem;
  width: 1.25rem;
  pointer-events: none;
  color: inherit;
}
.drawer-header h2 {
  grid-area: title;
  margin: 0;
  font-size: 1.5rem;
}
.drawer-header .drawer-header-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #101828;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.drawer-close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  color: #666;
  grid-area: close;
}
.drawer-close-btn:hover {
  color: #000;
}

.drawer-body {
  padding-top: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
}

.drawer-full-width-row {
  width: 100%;
}
.drawer-full-width-row .drawer-full-width-row-content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4a5565;
  margin-top: 0.25rem;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.drawer-header-back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.25rem;
  width: 2.25rem;
  transition: all 0.15s ease-in-out;
  outline: none;
  background-color: transparent;
  color: #6a7282;
  padding: 0;
}
.drawer-header-back-button:hover {
  background-color: #f5f5f5;
}
.drawer-header-back-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.drawer-header-back-button-icon {
  height: 1.25rem;
  width: 1.25rem;
  pointer-events: none;
  color: inherit;
}.bot-interaction-select {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background-color: white;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  width: 180px !important;
  color: var(--off-black);
}
.bot-interaction-select:focus {
  outline: none;
}
.bot-interaction-select:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bot-interaction-select > span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bot-interaction-select::placeholder {
  color: #64748b;
}
.bot-interaction-select-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.bot-interaction-select-icon.rotate-180 {
  transform: rotate(180deg);
}

.bot-interaction-select-options {
  position: absolute;
  z-index: 10;
  margin-top: 0.25rem;
  width: 180px;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: var(--rounded-md);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  max-height: 15rem;
  overflow: auto;
}
.bot-interaction-select-options .bot-interaction-select-options-list {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bot-interaction-select-options .bot-interaction-select-options-list .bot-interaction-select-options-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.bot-interaction-select-options .bot-interaction-select-options-list .bot-interaction-select-options-item:hover {
  background-color: #f1f5f9;
}
.bot-interaction-select-options .bot-interaction-select-options-list .bot-interaction-select-options-item .bot-interaction-select-options-item-check {
  color: var(--off-black);
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.bot-interaction-select-options .bot-interaction-select-options-list .bot-interaction-select-options-item.bot-interaction-select-options-item-active {
  background-color: #f1f5f9;
}
.bot-interaction-select-options .bot-interaction-select-options-list .bot-interaction-select-options-item.bot-interaction-select-options-item-no-active:hover {
  background-color: #f8fafc;
}.reach-channels-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.reach-channels-picker-search-bar {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
.reach-channels-picker-search-bar .search-subarea {
  position: relative;
  flex: 1 1 0%;
}
.reach-channels-picker-search-bar .search-subarea .search-input {
  height: 40px !important;
  width: 100% !important;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: transparent !important;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.reach-channels-picker-search-bar .search-subarea .search-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent;
  border: none;
}
.reach-channels-picker-search-bar .search-subarea .search-button:hover {
  background-color: #f1f5f9;
}
.reach-channels-picker-search-bar .search-subarea .search-close-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
}
.reach-channels-picker-search-bar .search-subarea .search-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  top: 0.75rem;
  left: 0.75rem;
  position: absolute;
}
.reach-channels-picker-selectable {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 100%;
}
.reach-channels-picker-selectable-item {
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1rem;
  text-decoration-line: underline;
  cursor: pointer;
}
.reach-channels-picker-list {
  max-height: 250px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 0.5rem;
  width: 100%;
}
.reach-channels-picker-list .reach-channel-item-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.reach-channels-picker-list .reach-channel-box {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 0.5rem;
  background-color: #f1f5f9;
}
.reach-channels-picker-list .reach-channel-box.active {
  background-color: #2563eb;
}
.reach-channels-picker-list .reach-channel-box.active .reach-channel-box-logo-area {
  background-color: white;
  color: #2563eb;
  border: 2px solid white;
}
.reach-channels-picker-list .reach-channel-box.active .reach-channel-box-photo-area {
  background-color: rgba(255, 255, 255, 0.2);
}
.reach-channels-picker-list .reach-channel-box-photo-area {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: calc(var(--radius) - 2px);
  background-color: #cbd5e1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reach-channels-picker-list .reach-channel-box-photo {
  width: 2rem;
  height: 2rem;
  border-radius: calc(var(--radius) - 6px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #cbd5e1;
}
.reach-channels-picker-list .reach-channel-box-logo-area {
  position: absolute;
  bottom: -0.25rem;
  right: -0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  color: #0f172a;
  background-color: #f1f5f9;
}
.reach-channels-picker-list .reach-channel-box-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  color: inherit;
}
.reach-channels-picker-list .reach-channel-box-whatsapp-logo, .reach-channels-picker-list .reach-channel-box-waba-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2035%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M29.4292%205.12798C27.8723%203.58861%2026.0201%202.36812%2023.9798%201.53717C21.9396%200.706218%2019.7519%200.281334%2017.5434%200.287122C8.28236%200.287122%200.744471%207.69194%200.741307%2016.7933C0.737305%2019.69%201.51062%2022.5366%202.98327%2025.0458L0.599998%2033.6L9.50669%2031.3045C11.9704%2032.6227%2014.7308%2033.3136%2017.536%2033.314H17.5434C26.8033%2033.314%2034.3423%2025.9081%2034.3455%2016.8068C34.3524%2014.6373%2033.9215%2012.4881%2033.0776%2010.4834C32.2337%208.47876%2030.9937%206.6585%2029.4292%205.12798ZM17.5434%2030.5261H17.5371C15.0362%2030.5262%2012.5813%2029.8654%2010.4294%2028.613L9.92007%2028.3156L4.63363%2029.6784L6.04462%2024.6147L5.71243%2024.0965C4.31389%2021.9093%203.5739%2019.3776%203.57804%2016.7943C3.58014%209.22887%209.8452%203.07494%2017.5487%203.07494C19.3834%203.07074%2021.2009%203.42425%2022.8957%204.115C24.5905%204.80576%2026.1291%205.82005%2027.4224%207.09914C28.7227%208.37119%2029.7534%209.88405%2030.4548%2011.5502C31.1563%2013.2163%2031.5145%2015.0026%2031.5087%2016.8057C31.5056%2024.3712%2025.2405%2030.5261%2017.5434%2030.5261Z'%20fill='%230ACF83'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9089%2024.7888C12.0271%2024.8593%2012.2707%2024.8593%2012.8275%2024.8593C15.1917%2024.8562%2017.2344%2024.8489%2018.6865%2024.8489C25.4662%2024.8489%2025.288%2017.8359%2022.118%2016.9612C22.582%2016.1528%2024.6974%2014.6345%2023.3898%2011.4954C22.0959%208.39149%2016.5321%209.09622%2012.7283%209.09829C11.3195%209.09829%2011.5304%2010.1201%2011.5367%2011.7099C11.5493%2014.2283%2011.5399%2021.0424%2011.5377%2023.9888C11.5377%2024.5857%2011.7212%2024.6779%2011.9089%2024.7888ZM14.8427%2022.2187C15.4828%2022.2187%2016.9929%2022.2187%2018.2868%2022.2166C19.7527%2022.2145%2021.0582%2021.5409%2021.0255%2020.1065C21.0012%2018.7562%2020.0869%2018.3136%2018.8173%2018.1893C17.6088%2018.1996%2016.2263%2018.1996%2014.8416%2018.1996V22.2187H14.8427ZM14.8427%2015.4875C17.3926%2015.4533%2018.3754%2015.589%2019.7685%2015.246C20.7249%2014.7123%2021.1425%2012.7328%2019.7737%2012.0613C18.8225%2011.5949%2016.0122%2011.7535%2014.8427%2011.8022V15.4875Z'%20fill='%230ACF83'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-channels-picker-list .reach-channel-box-messenger-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex-shrink: 0;
  background: url("/v5/assets/messenger-DTkNu4Ke.svg") no-repeat center;
  background-size: contain;
}
.reach-channels-picker-list .reach-channel-box-instagram-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex-shrink: 0;
  background: url("/v5/assets/instagram-filter-CaCWzWVP.svg") no-repeat center;
  background-size: contain;
}
.reach-channels-picker-list .reach-channel-box-instagram-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex-shrink: 0;
  background: url("/v5/assets/instagram-filter-CaCWzWVP.svg") no-repeat center;
  background-size: contain;
}
.reach-channels-picker-list .reach-channel-box-webchat-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20804.47'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%238048c7;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M495.77,445.15c1.72-14.16,3-28.32,3-42.91s-1.29-28.75-3-42.91h72.51c3.43,13.73,5.57,28.1,5.57,42.91s-2.14,29.17-5.57,42.91h-72.51Zm-37.97,119.27c12.87-23.81,22.74-49.56,29.6-76.37h63.28c-20.79,35.79-53.75,62.9-92.89,76.37Zm-5.37-119.27h-100.4c-2.15-14.16-3.43-28.32-3.43-42.91s1.29-28.96,3.43-42.91h100.4c1.93,13.94,3.43,28.32,3.43,42.91s-1.5,28.74-3.43,42.91Zm-50.2,127.85c-17.81-25.74-32.18-54.27-40.97-84.95h81.95c-8.8,30.68-23.17,59.21-40.98,84.95Zm-85.81-256.57h-62.64c20.57-35.89,53.52-63.04,92.67-76.37-12.87,23.81-22.52,49.56-30.03,76.37Zm-62.64,171.62h62.64c7.51,26.82,17.16,52.56,30.03,76.37-39.07-13.48-71.97-40.59-92.67-76.37Zm-17.59-42.9c-3.43-13.73-5.58-28.11-5.58-42.91s2.15-29.18,5.58-42.91h72.51c-1.72,14.16-3,28.32-3,42.91s1.29,28.74,3,42.91h-72.51Zm166.04-213.88c17.81,25.74,32.18,54.49,40.98,85.17h-81.95c8.8-30.68,23.17-59.42,40.97-85.17Zm148.45,85.17h-63.28c-6.71-26.57-16.65-52.22-29.6-76.37,39.47,13.52,72.3,40.76,92.89,76.37Zm-148.45-128.72c-118.63,0-214.53,96.54-214.53,214.53,0,56.89,22.6,111.46,62.83,151.69,19.92,19.92,43.57,35.72,69.6,46.5,26.02,10.78,53.92,16.33,82.09,16.33,56.9,0,111.46-22.6,151.7-62.83,40.23-40.23,62.83-94.8,62.83-151.69,0-28.18-5.55-56.07-16.33-82.1-10.78-26.03-26.58-49.67-46.5-69.6-19.92-19.92-43.58-35.72-69.6-46.5-26.02-10.78-53.92-16.33-82.09-16.33Z'/%3e%3cpath%20class='cls-1'%20d='M220.94,676.88l12.1,7.18c50.82,30.19,109.08,46.16,168.51,46.19h.12c182.48,0,331-148.63,331.07-331.33,.03-88.53-34.37-171.78-96.88-234.41-62.51-62.62-145.63-97.13-234.06-97.17-182.62,0-331.13,148.62-331.2,331.3-.03,62.6,17.47,123.58,50.61,176.33l7.88,12.53-33.45,122.26,125.3-32.89ZM0,804.47l56.51-206.57C21.66,537.45,3.32,468.88,3.34,398.62,3.43,178.82,182.11,0,401.67,0c106.55,.05,206.56,41.56,281.77,116.91,75.19,75.35,116.6,175.5,116.56,282.02-.1,219.79-178.8,398.63-398.33,398.63-.01,0,.02,0,0,0h-.17c-66.66-.03-132.16-16.77-190.34-48.53L0,804.47Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-channels-picker-list .reach-channel-box-telegram-logo {
  width: 1rem;
  height: 1rem;
  display: block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20800%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20url(%23linear-gradient);%20}%20.cls-2%20{%20fill:%20%23fff;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3clinearGradient%20id='linear-gradient'%20x1='94.31'%20y1='796'%20x2='94.31'%20y2='795.21'%20gradientTransform='translate(-93906%20796004)%20scale(1000%20-1000)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%232aabee'/%3e%3cstop%20offset='1'%20stop-color='%23229ed9'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20id='Artboard'%3e%3ccircle%20id='Oval'%20class='cls-1'%20cx='400'%20cy='400'%20r='400'/%3e%3cpath%20id='Path-3'%20class='cls-2'%20d='M181.06,395.78c116.61-50.8,194.37-84.3,233.27-100.48,111.08-46.2,134.17-54.23,149.21-54.49,3.31-.06,10.71,.76,15.5,4.65,4.05,3.28,5.16,7.72,5.69,10.83s1.2,10.21,.67,15.75c-6.02,63.25-32.07,216.74-45.32,287.58-5.61,29.98-16.65,40.03-27.34,41.01-23.23,2.14-40.87-15.35-63.37-30.1-35.21-23.08-55.09-37.44-89.27-59.96-39.49-26.02-13.89-40.33,8.62-63.71,5.89-6.12,108.24-99.21,110.22-107.65,.25-1.06,.48-4.99-1.86-7.07s-5.79-1.37-8.28-.8c-3.53,.8-59.77,37.97-168.72,111.52-15.96,10.96-30.42,16.3-43.38,16.02-14.28-.31-41.76-8.08-62.18-14.71-25.05-8.14-44.96-12.45-43.23-26.28,.9-7.2,10.82-14.57,29.76-22.1Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-channels-picker-list .reach-channel-box-checked {
  width: 1rem;
  height: 1em;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  background-color: #22c55e;
  border-radius: 9999px;
  padding: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reach-channels-picker-list .reach-channel-box-checked-icon {
  height: 0.75rem;
  width: 0.75rem;
  color: white;
  flex-shrink: 0;
}
.reach-channels-picker-list .reach-channel-name {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #71717a;
  width: 100%;
  font-weight: 600;
}
.reach-channels-picker-empty {
  padding: 1.5rem;
  color: #64748b;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
}
.reach-channels-picker-empty-icon {
  width: 2rem;
  height: 2rem;
  color: #64748b;
  flex-shrink: 0;
  margin-bottom: 0.25rem;
}
.reach-channels-picker-empty-text {
  color: #71717a;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}.codeHolderBlock {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  padding: 10px;
  white-space: pre-wrap;
  margin-top: 15px;
}

.paymentProviderStatusIcon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 3px;
}

.confirmation-container {
  backdrop-filter: blur(3px);
  position: fixed;
  z-index: 999;
  max-width: 70%;
  height: 100% !important;
}
.confirmation-container .confirmation {
  background-color: white;
}

.mainSettings {
  padding-left: 15px;
  padding-right: 15px;
  margin: 5px 0px;
  width: 80%;
}
.mainSettings .rowCreatee {
  border-top: 2px solid #e8f0fe !important;
  margin: 5px;
  padding: 10px;
  line-height: 25px;
  border-radius: 0px;
}
.mainSettings .rowCreatee p {
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
  margin-top: 10px;
}
.mainSettings .rowCreatee {
  text-align: left;
}
.mainSettings .saveButton {
  width: 100%;
  padding: 3px;
  z-index: 100;
}
.mainSettings .channelsLabel {
  font-size: 13px;
}
.mainSettings .channelsList {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 5px 0px;
  padding: 0px 0px 0px 10px;
}
.mainSettings .channelsList .labelItem {
  padding-left: 5px;
}
.mainSettings .channelsList .channelsItem {
  display: inline-block;
  padding: 5px;
  margin-right: 0px;
  cursor: pointer;
  border-radius: 5px;
}
.mainSettings .channelsList .channelsItem:hover {
  background: #dddddd;
}

.paymentProfileCard {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(206, 227, 255);
  border-radius: 5px;
}
.paymentProfileCard .accountDetails {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.paymentProfileCard .accountDetails img {
  height: 35px;
  width: 35px;
  border-radius: 3px;
}
.paymentProfileCard .accountDetails .channelIcon {
  height: 20px;
  width: 20px;
  margin-top: auto;
  position: absolute;
  left: 25px;
  top: 25px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.paymentProfileCard .accountDetails .accountInfo {
  display: flex;
  margin-left: 10px;
  flex-direction: column;
}
.paymentProfileCard .accountDetails .accountName {
  font-size: 16px !important;
  font-weight: bold;
}
.paymentProfileCard .accountDetails .phone-number {
  margin-left: 5px;
  color: #979797;
}
.paymentProfileCard .accountIntegrationAccess {
  font-size: 12px;
  color: "#82878d";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.connectYourAccounts {
  user-select: none !important;
  color: #82878d !important;
  text-align: center !important;
}

.webchat-icon {
  width: 20px;
  height: 20px;
  background: #8048c7;
  padding: 5px;
}

.payment-profile-status-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-profile-status-icon.active-payment-profile {
  background-color: #a6ce6b;
  color: white;
}
.payment-profile-status-icon .payment-profile-gg-plug {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: scale(0.75) rotate(45deg);
  width: 12px;
  height: 20px;
}
.payment-profile-status-icon .payment-profile-gg-plug::after,
.payment-profile-status-icon .payment-profile-gg-plug::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}
.payment-profile-status-icon .payment-profile-gg-plug::before {
  width: 12px;
  height: 10px;
  border: 2px solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  top: 5px;
}
.payment-profile-status-icon .payment-profile-gg-plug::after {
  width: 2px;
  height: 4px;
  background: currentColor;
  left: 2px;
  border-radius: 22px;
  box-shadow: 6px 0 0, 3px 14px 0, 3px 16px 0;
}

.payment-profile-status-label {
  font-size: 13px;
  margin: 0;
  margin-top: 3px;
  padding: 0;
  user-select: none;
}

.payment-profile-card-button {
  width: auto;
  min-width: 100px;
  height: 30px;
  background-color: transparent;
  border: 1px solid #606060;
  color: #606060;
  border-radius: 5px;
}
.payment-profile-card-button:hover {
  background-color: #0047ff;
  color: white;
  border: none;
}.bank-form-container {
  height: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.order-checkbox-contanier {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  max-width: 270px;
  margin: 0 auto 20px auto;
  height: auto;
  opacity: 1;
  max-height: 100px;
  transition: max-height 200ms, opacity 5ms ease-in, margin 10ms;
}
.order-checkbox-contanier.hidden {
  max-height: 0;
  opacity: 0;
  margin: 0;
}
.order-checkbox-contanier.hidden input.form-check-input {
  pointer-events: none;
  cursor: initial;
}
.order-checkbox-contanier.hidden label.form-check-label {
  cursor: initial;
}
.order-checkbox-contanier.hidden .order-checkbox {
  max-height: 0;
}
.order-checkbox-contanier .form-check-input {
  -webkit-appearance: checkbox;
  border-radius: 5px !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
}
.order-checkbox-contanier .form-check {
  display: flex;
  align-items: center;
  align-content: center;
  margin: 0;
}
.order-checkbox-contanier .form-check-label {
  font-family: inherit;
  font-size: 13.6px;
  font-weight: bold;
  color: #606060;
  padding-top: 6px;
  padding-left: 10px;
}

.template-channelsList {
  display: flex;
  align-items: flex-end;
  height: 75px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 5px 0px;
}
.template-channelsList .labelItem {
  padding-left: 5px;
}
.template-channelsList .template-channelsItem {
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
}

.channelsList {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.channelsItem {
  display: inline-block;
  padding-right: 10px;
}

.channel-render-item {
  height: auto;
}.available-banks-list {
  padding: 24px;
  background: white;
  border-radius: 8px;
  margin: 0 24px;
}

.banks-header {
  display: grid;
  grid-template-columns: 1fr 150px;
  grid-template-rows: 1fr;
  grid-template-areas: "title action";
  margin-bottom: 24px;
  gap: 16px;
}

.information-container {
  grid-area: title;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.information-container h3 {
  margin: 0;
  font-weight: 600;
  color: #333;
}

.information-container small {
  color: #666;
  line-height: 1.4;
}

.add-bank-btn {
  grid-area: action;
  height: fit-content;
  padding: 8px 16px;
  gap: 8px;
}

/* Plus Icon */
.icon-plus {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
}

.icon-plus::before,
.icon-plus::after {
  content: '';
  position: absolute;
  background-color: currentColor;
}

.icon-plus::before {
  width: 12px;
  height: 2px;
  top: 5px;
  left: 0;
}

.icon-plus::after {
  width: 2px;
  height: 12px;
  left: 5px;
  top: 0;
}

/* Table Styles */
.table {
  margin-bottom: 24px;
}

.table th {
  background-color: #f8f9fa;
  font-weight: 600;
  padding: 12px 16px;
  border-bottom: 2px solid #dee2e6;
}

.table td {
  padding: 12px 16px;
  vertical-align: middle;
}

/* Status Badge */
.status-badge {
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.status-badge.active {
  background-color: #e6f4ea;
  color: #1e7e34;
}

.status-badge.inactive {
  background-color: #feeced;
  color: #dc3545;
}

/* Action Buttons */
.edit-btn {
  padding: 6px 16px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 80px;
}

/* Drawer Content Styles */
/* .drawer-content {
  padding: 24px;
} */

/* .drawer-content form {
  display: flex;
  flex-direction: column;
  gap: 16px;
} */

/* Form Groups */
.form-group {
  margin-bottom: 16px;
}

.form-group label {
  margin-bottom: 8px;
  font-weight: 500;
}

.form-group small {
  margin-top: 4px;
  display: block;
  color: #666;
}

/* Switch Container */
.switch-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.switch-container label {
  font-weight: 500;
}

.switch-container small {
  color: #666;
}

.bank-action-btn {
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 4px
}.mainSettings .coso {
  background: transparent;
  z-index: 1;
}
.mainSettings .coso .back-arrow-icon {
  padding-right: 10px;
  cursor: pointer;
}
.mainSettings .coso .vertical-devider {
  height: 20px;
  width: 0px;
  border: 2px solid black;
  margin-left: 15px;
  background: black;
}
.mainSettings .coso .header-title {
  font-weight: bold;
  margin-left: 15px;
}.tags_settings {
  display: flex;
  flex-direction: column;
}

.align_center_end {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 1rem;
}

.menuListContainer {
  width: 100%;
}
.menuListContainer .title {
  margin-left: 0px;
}
.menuListContainer .searchContainer {
  display: flex;
  justify-content: flex-end;
}
.menuListContainer .searchContainer .searchBar {
  width: 280px;
  padding-bottom: 5px;
}
.menuListContainer .iconContainer {
  background: none !important;
}
.menuListContainer .instructions {
  width: auto;
}
.menuListContainer .headerCardSeparator {
  height: 5px;
}
.menuListContainer .createTemplateCard {
  padding: 5px 10px;
}
.menuListContainer .cardTableSeparator {
  height: 25px;
}
.menuListContainer .tags_templateTable {
  height: 100%;
  width: 100%;
}
.menuListContainer .tags_templateTable .blueText {
  color: #0047ff;
  font-weight: "bold";
}
.menuListContainer .tags_templateTable .wrapTableText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuListContainer .tags_templateTable .row {
  display: flex;
  overflow: auto;
  justify-content: space-around;
  flex-direction: row;
  white-space: nowrap;
}
.menuListContainer .tags_templateTable .row .greyBox {
  background-color: #f8f8f8;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
  white-space: normal;
}
.menuListContainer .tags_templateTable .channelsList {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.menuListContainer .tags_templateTable .channelsItem {
  display: inline-block;
  padding-right: 10px;
}
.menuListContainer .tags_templateTable .textCell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.menuListContainer .tags_templateTable .defaultText {
  height: 40px;
  line-height: 40px;
}

.action-frm {
  width: 100%;
  background: white;
  display: grid;
  grid-template-rows: 10% 90%;
  margin-top: 25px;
  margin-left: 0vh !important;
}
.action-frm .action-header {
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.action-frm .action-header .action-back {
  display: flex;
  cursor: pointer;
  user-select: none;
}
.action-frm .action-header .action-back img {
  margin-right: 10px;
}
.action-frm .action-header .action-back h2 {
  color: #8e91a4;
  font-size: 18px;
}
.action-frm .action-header .action-back:hover h2 {
  font-weight: bold !important;
}.meta-catalog-container {
  width: 100%;
  height: 100%;
}

.meta-catalog-title {
  font-size: 17px;
  font-weight: bold;
}

.meta-catalog-image-box {
  max-width: 350px;
}

.meta-catalog-image {
  width: 100%;
  height: auto;
}

.meta-catalog-description {
  font-size: 13px !important;
}

.meta-catalog-box {
  border: 1px solid lightgray;
  border-radius: 5px;
  margin-top: 25px;
}

.meta-catalog-update-time {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  user-select: none;
  max-width: 100px;
}
.meta-catalog-update-time .update-time_title {
  color: #606060;
  font-size: 12px;
}
.meta-catalog-update-time .update-time__arrow,
.meta-catalog-update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.meta-catalog-update-time .update-time__arrow {
  cursor: pointer;
}
.meta-catalog-update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.meta-catalog-facebook-button {
  width: auto;
  height: auto;
  border: 1px solid transparent;
  font-size: 15px;
  min-width: 200px;
  background-color: #0865fe;
  color: white;
  height: 50px;
  padding: 10px 15px;
  font-weight: bold;
}
.meta-catalog-facebook-button .facebook_login_icon {
  margin-right: 10px;
}

.meta-token-status {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}

.meta-token-status::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.token-active {
  background-color: rgb(32, 175, 90);
  position: relative;
  margin-right: 5px;
}

.token-inactive {
  background-color: red;
  position: relative;
  margin-right: 5px;
}

.token-table-title {
  font-size: 15px;
}

.token-table-value {
  font-size: 14px;
}

.meta-business-item {
  margin-top: 10px;
  padding: 1px 2px 3px 4px;
}

.meta-business-name {
  font-size: 16px;
  font-weight: bold;
  color: #212529;
}

.meta-item-catalog-box {
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.meta-item-catalog-box .catalog-image {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #63a3f2;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  user-select: none;
}
.meta-item-catalog-box .catalog-image .catalog-name-letter {
  font-size: 30px;
  font-weight: bold;
  color: #0c4fa4;
  text-transform: uppercase;
  user-select: none;
}
.meta-item-catalog-box .catalog-name {
  color: #212529;
  font-size: 16px;
  font-weight: bold;
}
.meta-item-catalog-box .catalog-products {
  font-size: 14px;
  color: #212529;
  font-weight: normal;
}
.meta-item-catalog-box .catalog-industry {
  font-size: 13px;
  color: #82878d;
  font-weight: normal;
}

.meta-item-catalog-connect {
  width: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: center !important;
  background-color: rgb(245, 246, 247) !important;
  border-color: rgb(218, 221, 225) !important;
  color: rgb(68, 73, 80) !important;
}
.meta-item-catalog-connect.connected {
  color: #fff !important;
  background-color: #0047ff !important;
  border-color: #0047ff !important;
}
.meta-item-catalog-connect:hover {
  color: #fff !important;
  background-color: #0047ff !important;
  border-color: #0047ff !important;
}.inactiveconfigs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-top: 20px;
  grid-template-rows: 80% 20%;
  grid-template-areas: "configs samplelist-conversations" "configs inactiveCounter";
}
.inactiveconfigs .samplelist-conversations {
  grid-area: samplelist-conversations;
  background-color: #dce7fb;
  padding: 10px;
  border-radius: 10px;
}
.inactiveconfigs .configs {
  grid-area: configs;
}
.inactiveconfigs .inactiveCounter {
  grid-area: inactiveCounter;
}

@media (max-width: 767px) {
  .inactiveconfigs {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "configs" "samplelist-conversations" "inactiveCounter";
  }
}
.samplelist-conversations {
  height: 400px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  overflow-y: scroll;
}
.samplelist-conversations .inactiveItem {
  border: 1px solid gainsboro;
  padding: 10px 0px;
  font-size: 12px;
  position: relative;
  width: 100%;
  height: 80px;
  min-height: 80px;
  background-color: white;
}
.samplelist-conversations .inactiveItem .message-status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  right: 10px;
}
.samplelist-conversations .inactiveItem .message-status.read {
  background-color: rgb(255, 131, 0);
}
.samplelist-conversations .inactiveItem .message-status.unread {
  background-color: var(--color-whatsapp);
}
.samplelist-conversations .inactiveItem .name {
  position: absolute;
  top: 15px;
  left: 55px;
  font-weight: bold;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  width: calc(100% - 120px);
  -webkit-box-orient: vertical;
}
.samplelist-conversations .inactiveItem .time {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--color-whatsapp);
}
.samplelist-conversations .inactiveItem .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  left: 5px;
  top: 0px;
  height: 70px;
}
.samplelist-conversations .inactiveItem .icon img {
  width: 39px;
  height: 39px;
}
.samplelist-conversations .inactiveItem .icon .channel-icon {
  position: absolute;
  top: 35px;
  left: 25px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--color-whatsapp);
  display: flex;
  justify-content: center;
  align-items: center;
}
.samplelist-conversations .inactiveItem .icon .channel-icon img {
  width: 12px;
  height: 12px;
}
.samplelist-conversations .inactiveItem .message {
  position: absolute;
  top: 35px;
  left: 55px;
  font-size: 10px;
  color: #8e91a4;
  font-size: 11px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 18px;
}.assignment-strategy-tabs {
  border-top: 1px solid #e5e7eb;
  padding-top: 1.25rem;
  padding-left: 0.25rem;
  margin-bottom: 0.5rem;
}
.assignment-strategy-tabs > .nav-tabs {
  border-bottom: none;
  margin-bottom: 0.75rem;
  gap: 0.25rem;
  padding: 0.25rem;
  background: #f3f4f6;
  border-radius: 8px;
  display: inline-flex;
}
.assignment-strategy-tabs > .nav-tabs .nav-item .nav-link {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  cursor: pointer;
}
.assignment-strategy-tabs > .nav-tabs .nav-item .nav-link:hover:not(.active) {
  color: #111827;
  background: rgba(255, 255, 255, 0.6);
}
.assignment-strategy-tabs > .nav-tabs .nav-item .nav-link.active {
  color: var(--reach-blue, #2683DE);
  background: #ffffff;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.assignment-strategy-tabs > .nav-tabs .nav-item .nav-link:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(38, 131, 222, 0.2);
}
.assignment-strategy-tabs > .tab-content {
  padding: 0;
}

.goto-portfolio {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 270px;
}

.assignment-methods-container {
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  width: 100%;
}

.assignment-config-element {
  clear: both;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "info controller" "form form";
  grid-gap: 1rem;
  align-items: center;
  padding: 1rem 0rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.assignment-config-element .form {
  grid-area: form;
}
.assignment-config-element .form .channel-assignment-list {
  padding: 0px 50px;
}
.assignment-config-element .form .channel-assignment-list .channel-card-container {
  width: 100%;
  grid-template-columns: 75px 1fr 540px;
}
.assignment-config-element .default-assignment-form {
  padding: 0px 50px;
}
.assignment-config-element .info {
  grid-area: info;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "title" "description";
  grid-gap: 0.5rem;
}
.assignment-config-element .info .title {
  grid-area: title;
  font-weight: 500;
}
.assignment-config-element .info .description {
  grid-area: description;
  font-weight: 400;
  color: #666;
}
.assignment-config-element .controller {
  grid-area: controller;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "edit delete";
  grid-gap: 0.5rem;
  justify-content: end;
}
.assignment-config-element .controller .edit {
  grid-area: edit;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "icon text";
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: end;
}
.assignment-config-element .controller .edit .icon {
  grid-area: icon;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666;
}
.assignment-config-element .controller .edit .text {
  grid-area: text;
  font-weight: 400;
  color: #666;
}
.assignment-config-element .controller .delete {
  grid-area: delete;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "icon text";
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: end;
}
.assignment-config-element .controller .delete .icon {
  grid-area: icon;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666;
}
.assignment-config-element .controller .delete .text {
  grid-area: text;
  font-weight: 400;
  color: #666;
}.conversation-action-container {
  padding: 4px 40px 4px 0px;
}
.conversation-action-container select {
  min-width: 220px;
}.customer-portfolio-container {
  padding: 1.5rem;
}
.customer-portfolio-container .assignment-config-element {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "info controller" "form form";
  grid-gap: 1rem;
  align-items: center;
  padding: 1rem 0rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.customer-portfolio-container .assignment-config-element .form {
  grid-area: form;
}
.customer-portfolio-container .assignment-config-element .info {
  grid-area: info;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "title" "description";
  grid-gap: 0.5rem;
}
.customer-portfolio-container .assignment-config-element .info .title {
  grid-area: title;
  font-weight: 500;
}
.customer-portfolio-container .assignment-config-element .info .description {
  grid-area: description;
  font-weight: 400;
  color: #666;
}
.customer-portfolio-container .assignment-config-element .controller {
  grid-area: controller;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "edit delete";
  grid-gap: 0.5rem;
  justify-content: end;
}
.customer-portfolio-container .assignment-config-element .controller .edit {
  grid-area: edit;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "icon text";
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: end;
}
.customer-portfolio-container .assignment-config-element .controller .edit .icon {
  grid-area: icon;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666;
}
.customer-portfolio-container .assignment-config-element .controller .edit .text {
  grid-area: text;
  font-weight: 400;
  color: #666;
}
.customer-portfolio-container .assignment-config-element .controller .delete {
  grid-area: delete;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "icon text";
  grid-gap: 0.5rem;
  align-items: center;
  justify-content: end;
}
.customer-portfolio-container .assignment-config-element .controller .delete .icon {
  grid-area: icon;
  width: 1.5rem;
  height: 1.5rem;
  fill: #666;
}
.customer-portfolio-container .assignment-config-element .controller .delete .text {
  grid-area: text;
  font-weight: 400;
  color: #666;
}
.customer-portfolio-container .group-selection-section .group-selection-title {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 1rem;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-relative {
  position: relative;
  box-sizing: border-box;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: #94a3b8;
  transform: translateY(-50%);
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-icon-close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: #94a3b8;
  transform: translateY(-50%);
  cursor: pointer;
  transition: color 0.15s ease-in-out;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-icon-close:hover {
  color: #64748b;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-input {
  display: flex;
  width: 100%;
  border: 1px solid rgba(226, 232, 240, 0.6);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-input::placeholder {
  color: #94a3b8;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-input:focus-visible {
  outline: none;
  border-color: #2563eb;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-input:focus {
  border-color: #2563eb;
}
.customer-portfolio-container .group-selection-section .group-search-container .customer-portfolio-search-input:disabled {
  opacity: 0.5;
}
.customer-portfolio-container .group-selection-section .no-groups-message {
  text-align: center;
  padding: 2rem;
  background: #f8f9fa;
  border-radius: 8px;
  border: 2px dashed #dee2e6;
}
.customer-portfolio-container .group-selection-section .no-groups-message p {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.customer-portfolio-container .group-selection-section .no-results-message {
  text-align: center;
  padding: 2rem;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #dee2e6;
}
.customer-portfolio-container .group-selection-section .no-results-message p {
  margin: 0;
  font-size: 0.9rem;
  color: #6c757d;
}
.customer-portfolio-container .group-selection-section .groups-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.customer-portfolio-container .group-selection-section .group-card {
  background: #ffffff;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 1.25rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}
.customer-portfolio-container .group-selection-section .group-card:hover {
  border-color: #007bff;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-status-dot {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 1;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-status-dot--active {
  background: #28a745;
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}
.customer-portfolio-container .group-selection-section .group-card .group-card-status-dot--inactive {
  background: #dc3545;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
}
.customer-portfolio-container .group-selection-section .group-card.group-card--inactive {
  opacity: 0.6;
}
.customer-portfolio-container .group-selection-section .group-card.group-card--inactive:hover {
  border-color: #dee2e6;
  box-shadow: none;
  transform: none;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-title {
  flex: 1;
  min-width: 0;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-title .group-card-name {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
  word-break: break-word;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-title .group-card-status {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-title .group-card-status--active {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-title .group-card-status--inactive {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-edit-btn {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: all 0.2s ease;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-edit-btn:hover {
  opacity: 1;
  background: #007bff;
  color: white;
  border-color: #007bff;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-edit-btn svg {
  width: 14px;
  height: 14px;
}
.customer-portfolio-container .group-selection-section .group-card .group-card-content .group-card-description {
  color: #6c757d;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .back-button {
  color: #6c757d;
  padding: 0.5rem;
  border: none;
  background: transparent;
  transition: color 0.2s ease;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .back-button:hover {
  color: #495057;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .back-button svg {
  width: 20px;
  height: 20px;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .selected-group-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  text-align: start;
  flex: 1;
  padding: 0 1rem;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .edit-button {
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #6c757d;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .edit-button:hover {
  background: #f8f9fa;
  border-color: #adb5bd;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-header .edit-button svg {
  width: 16px;
  height: 16px;
}
.customer-portfolio-container .group-selection-section .selected-group-display .selected-group-description p {
  color: #6c757d;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  word-break: break-word;
}
.customer-portfolio-container .agent-portfolio-limit-notice {
  padding: 0.75rem 1rem;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  text-align: center;
}
.customer-portfolio-container .agent-portfolio-limit-notice p {
  margin: 0;
  font-size: 0.875rem;
  color: #6c757d;
  font-style: italic;
}
@media (max-width: 768px) {
  .customer-portfolio-container .group-selection-section .groups-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .customer-portfolio-container .group-selection-section .group-card {
    padding: 1rem;
  }
  .customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-title .group-card-name {
    font-size: 1rem;
  }
  .customer-portfolio-container .group-selection-section .selected-group-display .selected-group-card {
    padding: 1rem;
  }
  .customer-portfolio-container .group-selection-section .selected-group-display .selected-group-card .selected-group-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .customer-portfolio-container .group-selection-section .selected-group-display .selected-group-card .selected-group-header .selected-group-actions {
    align-self: flex-end;
  }
}
@media (max-width: 480px) {
  .customer-portfolio-container .group-selection-section .group-card .group-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .customer-portfolio-container .group-selection-section .group-card .group-card-header .group-card-edit-btn {
    align-self: flex-end;
  }
}.create-group-form .form-group {
  margin-bottom: 1rem;
}
.create-group-form .form-group .form-label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  display: block;
}
.create-group-form .form-group .form-control {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.create-group-form .form-group .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: none;
}
.create-group-form .form-group .form-control::placeholder {
  color: #6c757d;
}
.create-group-form .form-group .form-control-plaintext {
  padding: 0.375rem 0.75rem;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  color: #495057;
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 38px;
  display: flex;
  align-items: center;
}
.create-group-form .form-group .form-control-plaintext strong {
  color: #2c3e50;
  font-weight: 600;
}
.create-group-form .form-group .form-control-plaintext .form-text {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #6c757d;
}
.create-group-form .form-group .form-text {
  font-size: 0.8rem;
  color: #6c757d;
  margin-top: 0.25rem;
}
.create-group-form .status-toggle-wrapper .status-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #e9ecef;
  border: 2px solid #dee2e6;
  border-radius: 15px;
  padding: 3px;
  cursor: pointer;
  min-width: 60px;
  height: 27px;
  overflow: hidden;
}
.create-group-form .status-toggle-wrapper .status-toggle.active {
  background: #007bff;
  border-color: #007bff;
}
.create-group-form .status-toggle-wrapper .status-toggle.active .status-toggle-slider {
  background: #ffffff;
}
.create-group-form .status-toggle-wrapper .status-toggle.active .status-toggle-label {
  color: #ffffff;
  margin-left: 6px;
  margin-right: 30px;
}
.create-group-form .status-toggle-wrapper .status-toggle.inactive {
  background: #f8f9fa;
  border-color: #dee2e6;
}
.create-group-form .status-toggle-wrapper .status-toggle.inactive .status-toggle-slider {
  background: #6c757d;
}
.create-group-form .status-toggle-wrapper .status-toggle.inactive .status-toggle-label {
  color: #6c757d;
  margin-left: 30px;
  margin-right: 6px;
}
.create-group-form .status-toggle-wrapper .status-toggle .status-toggle-slider {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 2;
}
.create-group-form .status-toggle-wrapper .status-toggle .status-toggle-label {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}
.create-group-form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef;
}

@media (max-width: 768px) {
  .create-group-form .status-toggle-wrapper .status-toggle {
    min-width: 90px;
    height: 32px;
  }
  .create-group-form .status-toggle-wrapper .status-toggle .status-toggle-slider {
    width: 24px;
    height: 24px;
  }
  .create-group-form .status-toggle-wrapper .status-toggle .status-toggle-label {
    font-size: 0.7rem;
  }
  .create-group-form .form-actions {
    flex-direction: column;
  }
  .create-group-form .form-actions .btn {
    width: 100%;
  }
}.meta-ads-container {
  width: 100%;
  height: 100%;
}

.meta-error-detail {
  margin-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 0.75rem;
}
.meta-error-detail__toggle {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #b91c1c;
}
.meta-error-detail__toggle:hover {
  color: rgb(140.7042253521, 21.2957746479, 21.2957746479);
}
.meta-error-detail__json {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  padding: 0.75rem;
  font-size: 0.6875rem;
  line-height: 1.5;
  overflow-x: auto;
  max-height: 240px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
  color: #374151;
  margin: 0;
}

.meta-ads-title {
  font-size: 17px;
  font-weight: bold;
}

.meta-ads-image-box {
  max-width: 350px;
}

.meta-ads-image {
  width: 100%;
  height: auto;
}

.meta-ads-description {
  font-size: 13px !important;
}

.meta-ads-box {
  border: 1px solid lightgray;
  border-radius: 5px;
  margin-top: 25px;
}

.meta-ads-update-time {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  user-select: none;
  max-width: 100px;
}
.meta-ads-update-time .update-time_title {
  color: #606060;
  font-size: 12px;
}
.meta-ads-update-time .update-time__arrow,
.meta-ads-update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.meta-ads-update-time .update-time__arrow {
  cursor: pointer;
}
.meta-ads-update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.meta-ads-facebook-button {
  width: auto;
  height: auto;
  border: 1px solid transparent;
  font-size: 15px;
  min-width: 200px;
  background-color: #0865fe;
  color: white;
  height: 50px;
  padding: 10px 15px;
  font-weight: bold;
}
.meta-ads-facebook-button .facebook_login_icon {
  margin-right: 10px;
}

.meta-token-status {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}

.meta-token-status::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.token-active {
  background-color: rgb(32, 175, 90);
  position: relative;
  margin-right: 5px;
}

.token-inactive {
  background-color: red;
  position: relative;
  margin-right: 5px;
}

.token-table-title {
  font-size: 0.875rem;
  line-height: 1.625;
  color: #6a7181;
}

.token-table-value {
  font-size: 14px;
}

.meta-business-item {
  margin-top: 10px;
  padding: 1px 2px 3px 4px;
}

.meta-business-name {
  font-size: 16px;
  font-weight: bold;
  color: #212529;
}

.meta-item-ads-box {
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.meta-item-ads-box .ads-image {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #63a3f2;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  user-select: none;
}
.meta-item-ads-box .ads-image .ads-name-letter {
  font-size: 30px;
  font-weight: bold;
  color: #0c4fa4;
  text-transform: uppercase;
  user-select: none;
}
.meta-item-ads-box .ads-name {
  color: #212529;
  font-size: 16px;
  font-weight: bold;
}
.meta-item-ads-box .ads-products {
  font-size: 14px;
  color: #212529;
  font-weight: normal;
}
.meta-item-ads-box .ads-industry {
  font-size: 13px;
  color: #82878d;
  font-weight: normal;
}

.meta-item-ads-connect {
  width: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: center !important;
  background-color: rgb(245, 246, 247) !important;
  border-color: rgb(218, 221, 225) !important;
  color: rgb(68, 73, 80) !important;
}
.meta-item-ads-connect.connected {
  color: #fff !important;
  background-color: #0047ff !important;
  border-color: #0047ff !important;
}
.meta-item-ads-connect:hover {
  color: #fff !important;
  background-color: #0047ff !important;
  border-color: #0047ff !important;
}

.meta-ads-connect-verify {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.meta-ads-connect-verify.loading, .meta-ads-connect-verify.unlinked, .meta-ads-connect-verify.verify_permissions {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.meta-ads-connect-verify.success {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border: none;
}
.meta-ads-connect-verify .permissions-alert {
  background-color: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 0.5rem;
  padding: 1rem;
}
.meta-ads-connect-verify .permissions-alert.success {
  background-color: #f0fdf4;
  border: 1px solid #dcfce7;
}
.meta-ads-connect-verify .permissions-alert.success .permission-alert-header .alert-title {
  color: #166534;
}
.meta-ads-connect-verify .permissions-alert.success .alert-description {
  color: #15803d;
}
.meta-ads-connect-verify .permissions-alert.success .alert-details-area {
  border: 1px solid #bbf7d0;
}
.meta-ads-connect-verify .permissions-alert.success .alert-details-area .alert-details-area-header {
  color: #166534;
}
.meta-ads-connect-verify .permissions-alert.success .alert-details-area .alert-details-area-paragraph {
  color: #15803d;
}
.meta-ads-connect-verify .permissions-alert.success .alert-details-order-list {
  color: #15803d;
}
.meta-ads-connect-verify .permissions-alert.warning {
  background-color: #fffbeb;
  border: 1px solid #fef3c7;
}
.meta-ads-connect-verify .permissions-alert.warning .permission-alert-header .alert-title {
  color: #92400e;
}
.meta-ads-connect-verify .permissions-alert.warning .alert-description {
  color: #b45309;
}
.meta-ads-connect-verify .permissions-alert.warning .alert-details-area {
  border: 1px solid #fde68a;
}
.meta-ads-connect-verify .permissions-alert.warning .alert-details-area .alert-details-area-header {
  color: #92400e;
}
.meta-ads-connect-verify .permissions-alert.warning .alert-details-area .alert-details-area-paragraph {
  color: #b45309;
}
.meta-ads-connect-verify .permissions-alert.warning .alert-details-order-list {
  color: #b45309;
}
.meta-ads-connect-verify .permissions-alert.error {
  background-color: #fef2f2;
  border: 1px solid #fee2e2;
}
.meta-ads-connect-verify .permissions-alert.error .permission-alert-header .alert-title {
  color: #991b1b;
}
.meta-ads-connect-verify .permissions-alert.error .alert-description {
  color: #b91c1c;
}
.meta-ads-connect-verify .permissions-alert.error .alert-details-area {
  border: 1px solid #fecaca;
}
.meta-ads-connect-verify .permissions-alert.error .alert-details-area .alert-details-area-header {
  color: #991b1b;
}
.meta-ads-connect-verify .permissions-alert.error .alert-details-area .alert-details-area-paragraph {
  color: #b91c1c;
}
.meta-ads-connect-verify .permissions-alert.error .alert-details-order-list {
  color: #b91c1c;
}
.meta-ads-connect-verify .permissions-alert .permission-alert-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.meta-ads-connect-verify .permissions-alert .permission-alert-header .error-icon {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23991b1b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-triangle-alert-icon%20lucide-triangle-alert'%3e%3cpath%20d='m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3'/%3e%3cpath%20d='M12%209v4'/%3e%3cpath%20d='M12%2017h.01'/%3e%3c/svg%3e") no-repeat center center;
  background-size: 75%;
}
.meta-ads-connect-verify .permissions-alert .permission-alert-header .warning-icon {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23d97706'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-triangle-alert-icon%20lucide-triangle-alert'%3e%3cpath%20d='m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3'/%3e%3cpath%20d='M12%209v4'/%3e%3cpath%20d='M12%2017h.01'/%3e%3c/svg%3e") no-repeat center center;
  background-size: 75%;
}
.meta-ads-connect-verify .permissions-alert .permission-alert-header .success-icon {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23166534'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-circle-check-big-icon%20lucide-circle-check-big'%3e%3cpath%20d='M21.801%2010A10%2010%200%201%201%2017%203.335'/%3e%3cpath%20d='m9%2011%203%203L22%204'/%3e%3c/svg%3e") no-repeat center center;
  background-size: 75%;
}
.meta-ads-connect-verify .permissions-alert .permission-alert-header .alert-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #1e293b;
}
.meta-ads-connect-verify .permissions-alert .alert-description {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0.75rem;
  color: #334155;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area {
  background-color: white;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: calc(0.5rem - 2px);
  border: 1px solid #e2e8f0;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area .alert-details-area-header {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0.5rem;
  color: #1e293b;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area .metrics-success-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23166534'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-circle-check-big-icon%20lucide-circle-check-big'%3e%3cpath%20d='M21.801%2010A10%2010%200%201%201%2017%203.335'/%3e%3cpath%20d='m9%2011%203%203L22%204'/%3e%3c/svg%3e") no-repeat center center;
  background-size: 75%;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area .alert-details-area-paragraph {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  line-height: 16px;
  color: #334155;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area .alert-details-area-list {
  list-style: none;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area .alert-details-area-list .alert-details-area-list-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.meta-ads-connect-verify .permissions-alert .alert-details-area .alert-details-sub-header {
  font-weight: 500;
}
.meta-ads-connect-verify .permissions-alert .alert-details-order-list {
  list-style-type: decimal;
  list-style-position: inside;
  font-size: 12px;
  line-height: 16px;
  color: #334155;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-top: 1rem;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions__btn-action {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(0.5rem - 2px);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: white;
  background-color: #16a34a;
  border: none;
  cursor: pointer;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions__btn-action:hover {
  background-color: #15803d;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions__btn-action.secondary {
  background-color: white;
  border: 1px solid #bbf7d0;
  color: #15803d;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions__btn-action.secondary:hover {
  color: #166534;
  background-color: #dcfce7;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions .reconnect-icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2315803d'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-refresh-cw-icon%20lucide-refresh-cw'%3e%3cpath%20d='M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208'/%3e%3cpath%20d='M21%203v5h-5'/%3e%3cpath%20d='M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016'/%3e%3cpath%20d='M8%2016H3v5'/%3e%3c/svg%3e") no-repeat center center;
  background-size: 75%;
}
.meta-ads-connect-verify .permissions-alert .alert-details-acctions .connect-ads-icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-link-icon%20lucide-link'%3e%3cpath%20d='M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71'/%3e%3cpath%20d='M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71'/%3e%3c/svg%3e") no-repeat center center;
  background-size: 75%;
}
.meta-ads-connect-verify .permission-details-connection {
  margin-top: 1rem;
}
.meta-ads-connect-verify .permission-alert-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.meta-ads-connect-verify .permission-alert-info.no-gap {
  gap: 0;
}
.meta-ads-connect-verify .permission-alert-info .permission-alert-info-title {
  color: #a9a9a9;
  font-size: 15px;
  font-weight: bold;
}
.meta-ads-connect-verify .permission-ads-to-test {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.meta-ads-connect-verify .permission-ads-to-test__header {
  color: #71717a;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-height: 250px;
  overflow-y: auto;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box .add-test {
  display: flex;
  align-items: flex-start;
  padding: 0.75rem;
  gap: 0.75rem;
  border: 1px solid #e4e4e7;
  border-radius: calc(0.5rem - 2px);
  width: 100%;
  display: grid;
  grid-template-columns: 64px 1fr;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box .add-test:hover {
  background-color: #f9fafb;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box .add-test .ad-referral-image {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: calc(0.5rem - 2px);
  background-color: #f3f4f6;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box .add-test .ad-referral-data {
  display: flex;
  flex-direction: column;
  min-width: 0px;
  height: 64px;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box .add-test .ad-referral-data__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.meta-ads-connect-verify .permission-ads-to-test__ads-box .add-test .ad-referral-data__description {
  color: #71717a;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.meta-ads-content {
  min-height: calc(100vh - 60px);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.meta-ads {
  margin-left: auto;
  margin-right: auto;
  max-width: 65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.meta-ads-presentation {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(225, 228, 234, 0.6);
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.meta-ads-presentation-inner {
  display: flex;
  flex-direction: row;
}
.meta-ads-presentation-first-section {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.meta-ads-presentation-first-section-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.meta-ads-presentation-first-section-header-icon-area {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background-color: rgba(24, 119, 242, 0.1019607843);
}
.meta-ads-presentation-first-section-header-icon {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  color: #0566FF;
}
.meta-ads-presentation-first-section-header-title {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6a7181;
}
.meta-ads-presentation-first-section-title {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #171b26;
  text-wrap: balance;
}
.meta-ads-presentation-first-section-description {
  margin-top: 1rem;
  max-width: 28rem;
  font-size: 0.875rem;
  line-height: 1.625;
  color: #6a7181;
}
.meta-ads-presentation-first-section-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(225, 228, 234, 0.8);
  background-color: rgba(237, 239, 242, 0.5019607843);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #171b26;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: fit-content;
}
.meta-ads-presentation-first-section-button:hover {
  background-color: #edeff2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.meta-ads-presentation-first-section-button-icon {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  color: #6a7181;
}
.meta-ads-presentation-second-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 380px;
}
.meta-ads-presentation-second-section-image-row {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.meta-ads-presentation-second-section-image {
  position: relative;
  z-index: 10;
  height: auto;
  width: 100%;
  max-width: 320px;
  object-fit: contain;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
}
@media (min-width: 64rem) {
  .meta-ads-presentation-second-section-image {
    max-width: none;
  }
}
.meta-ads-presentation-connect-area {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.meta-ads-config-area {
  margin-top: 2rem;
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 64rem) {
  .meta-ads-config-area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.meta-ads-config-area-card {
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(225, 228, 234, 0.6);
  background-color: white;
  color: #171b26;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.meta-ads-connection-subheader {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.meta-ads-connection-header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.25rem;
}
.meta-ads-connection-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #171b26;
}
.meta-ads-connection-subtitle {
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6a7181;
}
.meta-ads-conversion-card {
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(24, 119, 242, 0.15);
  background-color: rgba(24, 119, 242, 0.02);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.meta-ads-conversion-card-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem;
}
@media (min-width: 40rem) {
  .meta-ads-conversion-card-inner {
    padding: 1.25rem;
  }
}
.meta-ads-conversion-card-config-area {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.meta-ads-conversion-card-config-area-icon-box-area {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.meta-ads-conversion-card-config-area-icon-area {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background-color: rgba(24, 119, 242, 0.1);
  color: #1877F2;
  box-shadow: 0 0 0 1px rgba(24, 119, 242, 0.15);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.meta-ads-conversion-card-config-area-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.meta-ads-conversion-card-config-area-description-area {
  min-width: 0;
  flex: 1 1 0%;
}
.meta-ads-conversion-card-config-area-description-area-row-one {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.meta-ads-conversion-card-config-area-description-area-row-one-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #171b26;
}
.meta-ads-conversion-card-config-area-description-area-row-one-description {
  margin-top: 0.25rem;
  font-size: 13px;
  line-height: 1.625;
  color: #6a7181;
}
.meta-ads-conversion-card-toogle-area {
  padding-top: 0.25rem;
  flex-shrink: 0;
}
.meta-ads-conversion-card-button {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #1877F2;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.meta-ads-conversion-card-button:hover {
  color: rgba(24, 119, 242, 0.7);
}
.meta-ads-conversion-card-empty-header {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  text-align: center;
}
.meta-ads-conversion-card-empty-header-title {
  font-weight: 700;
  color: #111827;
  font-size: 1.125rem;
  line-height: 1.25;
  text-wrap: balance;
}
.meta-ads-conversion-card-empty-header-description {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.625;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  text-wrap: pretty;
}
.meta-ads-conversion-card-empty-items-box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  border-radius: 0.75rem;
  background-color: #f8fafc;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e8f0;
  padding: 1rem;
}
.meta-ads-conversion-card-empty-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.meta-ads-conversion-card-empty-item-icon-area {
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: #eff6ff;
  border-width: 1px;
  border-style: solid;
  border-color: #dbeafe;
}
.meta-ads-conversion-card-empty-item-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #3b82f6;
}
.meta-ads-conversion-card-empty-item-description-area {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-top: 0.125rem;
}
.meta-ads-conversion-card-empty-item-description-area-title {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1;
}
.meta-ads-conversion-card-empty-item-description-area-description {
  font-size: 12px;
  color: #64748b;
  line-height: 1.375;
}
.meta-ads-conversion-card-empty-unlocked {
  font-size: 12px;
  color: #64748b;
  line-height: 1.375;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  text-align: center;
}

.meta-lead {
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  background-color: white;
  color: #171b26;
  overflow: hidden;
  border-color: rgba(225, 228, 234, 0.6);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  width: fit-content;
  margin-bottom: 1rem;
}
.meta-lead-content {
  padding: 1rem;
}
.meta-lead-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.meta-lead-header-icon-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: var(--rounded-md);
  background-color: color-mix(in srgb, #1877F2 10%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, #1877F2 15%, transparent);
}
.meta-lead-header-icon {
  width: 1rem;
  height: 1rem;
  color: #1877F2;
  flex-shrink: 0;
}
.meta-lead-header-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #171b26;
}
.meta-lead-header-description {
  color: #6a7181;
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.meta-lead-header-description-bold {
  font-weight: 500;
  color: #171b26;
}
.meta-lead-disclaimer {
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(225, 228, 234, 0.4);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  background-color: rgba(237, 239, 242, 0.3019607843);
}
.meta-lead-disclaimer-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6a7181;
}
.meta-lead-disclaimer-description {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.625;
  color: #6a7181;
}
.meta-lead-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  width: 100%;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #fff;
  background-color: #1877F2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.meta-lead-button:hover {
  background-color: color-mix(in srgb, #1877F2 90%, transparent);
}
.meta-lead-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);
}
.meta-lead-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.meta-lead-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.meta-lead-button-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  border-radius: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(24, 119, 242, 0.0196078431);
  border: 1px solid rgba(24, 119, 242, 0.1490196078);
}
.meta-lead-button-loading-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #1877F2;
  animation: spin 1s linear infinite;
}
.meta-lead-button-loading-text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #6a7181;
}
.meta-lead-button-loading.success .meta-lead-button-loading-icon {
  color: #1877f2;
  animation: none;
}
.meta-lead-button-loading.success .meta-lead-button-loading-text {
  color: #171b26;
  font-weight: 600;
}
.meta-lead-button-loading.error .meta-lead-button-loading-icon {
  color: #171b26;
  animation: none;
}
.meta-lead-button-loading.error .meta-lead-button-loading-text {
  color: #171b26;
  font-weight: 600;
}
.meta-lead-error {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.75rem;
  border-color: rgba(220, 40, 40, 0.2);
  background-color: rgba(220, 40, 40, 0.0509803922);
}
.meta-lead-error-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #dc2828;
}
.meta-lead-error-title {
  color: #dc2828;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.Campaigns-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px;
}
.Campaigns-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Campaigns-container .header-list .settings-header {
  padding: 0;
}
.Campaigns-container .header-list .title-campaign {
  color: #202223;
  font-size: 16px;
  font-weight: bold;
}
.Campaigns-container .header-list .caption-campaign {
  color: #6d7175;
  font-size: 13px;
  line-height: normal;
}
.Campaigns-container .header-list .campaign-button {
  width: auto;
  min-width: 125px;
  font-size: 13px;
  background-color: #0047ff;
  margin-left: 15px;
}
.Campaigns-container .campaign-table-container {
  float: left;
  width: 80%;
  height: auto;
  margin-top: 25px;
}
.Campaigns-container .campaign-table-container .campaign-name {
  cursor: pointer;
  font-weight: bold;
}
.Campaigns-container .campaign-table-container .campaign-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.Campaigns-container .campaign-table-container .campaign-tag.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.Campaigns-container .campaign-table-container .campaign-tag.SENT {
  background-color: #f1f8f5;
  color: #218656;
}
.Campaigns-container .campaign-table-container .campaign-tag.SCHEDULED {
  background-color: #eff3fc;
  color: #0047ff;
}
.Campaigns-container .campaign-table-container .campaign-tag.INPROGRESS {
  background-color: #fff5ea;
  color: #ff8300;
}
.Campaigns-container .campaign-table-container .campaign-tag.DELETED {
  background-color: #fff0f0;
  color: #d82c0d;
}
.Campaigns-container .campaign-table-container .campaign-channel {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  background: #01bb69 url("data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2017%204.76419C11.8841%203.40647%2011.1159%202.19636%2010.0224%201.33118C8.92889%200.466011%207.57455%20-0.00321555%206.18018%201.65866e-05C5.7816%200.0027777%205.38418%200.0434304%204.99329%200.121439C4.04528%200.311406%203.1552%200.721529%202.39482%201.31872C1.63445%201.91592%201.02507%202.68348%200.615858%203.55947C0.206645%204.43546%200.00903435%205.39537%200.0389878%206.36176C0.0689413%207.32815%200.325616%208.27396%200.788294%209.12292C0.8121%209.16478%200.826771%209.2112%200.831329%209.25914C0.835886%209.30708%200.830235%209.35544%200.814743%209.40103C0.550339%2010.364%200.286909%2011.3256%200.0244637%2012.286C-0.0186243%2012.4436%20-0.018613%2012.4436%200.140029%2012.4025C1.13791%2012.141%202.13481%2011.8815%203.13268%2011.6191C3.20754%2011.5977%203.28785%2011.6068%203.35595%2011.6446C4.6016%2012.296%206.03348%2012.499%207.41111%2012.2194C8.22058%2012.0547%208.98885%2011.7295%209.67054%2011.2629C10.3522%2010.7963%2010.9335%2010.1979%2011.38%209.50297C11.8266%208.80803%2012.1294%208.03065%2012.2705%207.21674C12.4117%206.40283%2012.3882%205.56891%2012.2017%204.76419ZM7.0429%2011.2274C6.8098%2011.2695%206.5737%2011.2927%206.33686%2011.2969C5.3581%2011.3182%204.39325%2011.0622%203.55376%2010.5585C3.50785%2010.5277%203.45565%2010.5075%203.40093%2010.4993C3.34622%2010.4912%203.29036%2010.4954%203.23746%2010.5115C2.69005%2010.6633%202.1397%2010.7985%201.59229%2010.9434C1.47674%2010.9787%201.46596%2010.9532%201.49436%2010.8455C1.63929%2010.3245%201.7764%209.80744%201.92623%209.29234C1.94814%209.22837%201.95449%209.16008%201.94478%209.09316C1.93508%209.02623%201.90958%208.96259%201.8704%208.90748C1.31417%208.04631%201.03353%207.03609%201.0659%206.01142C1.09826%204.98674%201.44209%203.99625%202.05156%203.17189C2.61107%202.34404%203.41142%201.70805%204.34428%201.35004C5.27714%200.992032%206.29745%200.929275%207.26715%201.17025C8.23866%201.34164%209.13484%201.80508%209.83625%202.49879C10.5377%203.1925%2011.011%204.08351%2011.1931%205.05306C11.3472%205.73255%2011.3609%206.43638%2011.2332%207.12134C11.1055%207.80631%2010.8392%208.45796%2010.4505%209.03626C10.0619%209.61455%209.55912%2010.1073%208.97314%2010.4843C8.38716%2010.8612%207.73028%2011.1135%207.0429%2011.2274Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.66642%208.75587C7.44916%208.75653%207.23312%208.72349%207.02598%208.65793C5.6678%208.24114%204.49298%207.37245%203.69647%206.19604C3.34864%205.77805%203.10197%205.28542%202.9757%204.75651C2.91144%204.45446%202.92935%204.14073%203.02752%203.84794C3.12569%203.55515%203.30054%203.29403%203.53389%203.09176C3.65457%203.01603%203.78995%202.96673%203.93106%202.94715C4.07218%202.92757%204.21583%202.93815%204.35256%202.97817C4.41883%203.01411%204.4702%203.07241%204.4975%203.14269C4.67671%203.56867%204.85297%203.98877%205.02826%204.41573C5.04286%204.45512%205.04884%204.49717%205.0458%204.53906C5.04276%204.58096%205.03076%204.62174%205.01063%204.6586C4.91251%204.84784%204.78382%205.01955%204.62972%205.16683C4.57864%205.20939%204.54639%205.27037%204.53997%205.33654C4.53355%205.40272%204.55349%205.46879%204.59544%205.52037C5.07253%206.33966%205.81135%206.97463%206.69304%207.32318C6.74763%207.35311%206.81142%207.36158%206.87193%207.34691C6.93244%207.33224%206.98528%207.29548%207.0201%207.24387C7.17091%207.0578%207.33054%206.87175%207.47351%206.67883C7.48994%206.6496%207.51206%206.62396%207.53857%206.60343C7.56509%206.5829%207.59545%206.5679%207.62787%206.55932C7.66028%206.55074%207.6941%206.54875%207.7273%206.55346C7.76049%206.55818%207.79242%206.56952%207.82116%206.58678C8.11984%206.7229%208.41949%206.86488%208.71816%207.00688C8.78475%207.03528%208.85136%207.07054%208.91403%207.10481C9.21662%207.2566%209.21369%207.25954%209.18822%207.59445C9.15273%207.88103%209.02356%208.14786%208.82079%208.35347C8.61802%208.55907%208.353%208.69193%208.06694%208.73139C7.93552%208.76034%207.80039%208.76859%207.66642%208.75587V8.75587Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 15px;
}
.Campaigns-container .name-clicked {
  font-weight: "bold";
  cursor: pointer;
}

.campaign-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.campaign-tag.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.campaign-tag.SENT {
  background-color: #f1f8f5;
  color: #218656;
}
.campaign-tag.SCHEDULED {
  background-color: #eff3fc;
  color: #0047ff;
}
.campaign-tag.INPROGRESS {
  background-color: #fff5ea;
  color: #ff8300;
}
.campaign-tag.DELETED {
  background-color: #fff0f0;
  color: #d82c0d;
}

.waba-campaigns-create {
  float: left;
  width: 100%;
  height: 100%;
  background-color: white;
  display: grid;
  grid-template-columns: 70% 30%;
  grid-column-gap: 10px;
}
.waba-campaigns-create .waba-template-create-content {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.waba-campaigns-create .waba-template-create-content.full-width {
  width: 100%;
}
.waba-campaigns-create .waba-template-content {
  float: right;
  width: 100%;
  height: 100%;
  background-color: #eef3fc;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.waba-campaigns-create .template-preview-container {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 20px 10px;
}
.waba-campaigns-create .upload-file-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.waba-campaigns-create .upload-file-container .test-camp {
  border: 1px solid #e4e5e7;
  height: 400px;
  border-radius: 8px;
}
.waba-campaigns-create .upload-file-container .test-camp .header-box {
  float: left;
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #e4e5e7;
  padding: 0 10px;
}
.waba-campaigns-create .upload-file-container .test-camp .header-box .step {
  font-size: 15px;
  color: #6d7175;
}
.waba-campaigns-create .upload-file-container .test-camp .body-box {
  float: left;
  width: 100%;
  height: calc(100% - 45px);
  flex-direction: column;
  padding: 20px;
  text-align: center;
}
.waba-campaigns-create .upload-file-container .test-camp .body-box .download-art {
  float: left;
  width: 200px;
  height: 200px;
  background: url("/v5/assets/download-art-QAwA_OkS.svg") no-repeat center;
  background-size: contain;
}
.waba-campaigns-create .upload-file-container .test-camp .body-box .download-button {
  width: 100%;
  height: 35px;
  text-align: center;
  cursor: pointer;
}
.waba-campaigns-create .upload-file-container .test-camp .body-box .excel-preview-art {
  float: left;
  width: 200px;
  height: 150px;
  background: url("/v5/assets/excel-preview-CV4BWqag.svg") no-repeat center;
  background-size: contain;
}
.waba-campaigns-create .upload-file-container .test-camp .body-box .step {
  font-size: 15px;
  color: #6d7175;
}
.waba-campaigns-create .upload-file-container .row {
  margin-top: 15px;
}
.waba-campaigns-create .header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}
.waba-campaigns-create .header-action.variant {
  justify-content: space-between;
  padding: 15px 0 15px 15px;
}
.waba-campaigns-create .header-action .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.waba-campaigns-create .header-action .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.waba-campaigns-create .header-action .back-content .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.waba-campaigns-create .header-action .back-content-variant {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  margin-right: 10px;
  cursor: pointer;
}
.waba-campaigns-create .header-action .back-content-variant .go-back-title {
  color: #6d7175;
  font-weight: 600;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  padding-right: 10px;
}
.waba-campaigns-create .header-action .back-content-variant .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.waba-campaigns-create .header-action .header-title {
  color: #49525f;
  font-weight: 600;
}
.waba-campaigns-create .header-action .cancel-button {
  float: right;
  width: auto;
  min-width: 50px;
}
.waba-campaigns-create .resume-campaign {
  width: 100%;
  min-height: 200px;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  margin-top: 15px;
}
.waba-campaigns-create .resume-campaign .wa-icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.956%209.73526C24.3051%206.96015%2022.7337%204.48725%2020.4977%202.71943C18.2617%200.951602%2015.493%20-0.00691446%2012.6426%203.75516e-05C11.8252%200.00526128%2011.0103%200.0884609%2010.2088%200.248591C8.2705%200.637482%206.45072%201.47641%204.89616%202.69768C3.3416%203.91894%202.09575%205.48838%201.25906%207.27949C0.422368%209.07061%200.0182289%2011.0333%200.0792641%2013.0092C0.140299%2014.9852%200.664787%2016.9192%201.61043%2018.6552C1.65913%2018.7408%201.68915%2018.8356%201.69844%2018.9336C1.70773%2019.0316%201.69609%2019.1305%201.66433%2019.2237C1.12309%2021.1939%200.584729%2023.1601%200.0492892%2025.1222C-0.0376328%2025.4456%20-0.0376159%2025.4456%200.283996%2025.3604C2.32492%2024.8249%204.3641%2024.2947%206.40329%2023.7541C6.47911%2023.7318%206.55867%2023.7249%206.6372%2023.7338C6.71573%2023.7428%206.79165%2023.7674%206.8605%2023.8062C9.40767%2025.1385%2012.3358%2025.5535%2015.1529%2024.9814C16.809%2024.6456%2018.381%2023.9813%2019.7759%2023.0275C21.1709%2022.0738%2022.3605%2020.8501%2023.2744%2019.4287C24.1883%2018.0074%2024.808%2016.4173%2025.0968%2014.7523C25.3857%2013.0874%2025.3378%2011.3814%2024.956%209.73526ZM14.4088%2022.9474C13.9319%2023.0338%2013.4488%2023.0815%2012.9642%2023.09C10.9625%2023.1331%208.98936%2022.6094%207.27251%2021.5793C7.17877%2021.5159%207.07207%2021.4743%206.96018%2021.4574C6.8483%2021.4406%206.73409%2021.449%206.62584%2021.4819C5.50803%2021.7914%204.38152%2022.0695%203.26197%2022.3651C3.02728%2022.4363%203.00465%2022.3842%203.06376%2022.1721C3.36103%2021.1082%203.63918%2020.0494%203.94688%2018.9959C3.99184%2018.865%204.00493%2018.7252%203.98497%2018.5883C3.96502%2018.4513%203.91263%2018.3211%203.83218%2018.2085C2.69488%2016.4476%202.12107%2014.382%202.18722%2012.2869C2.25337%2010.1918%202.95631%208.16652%204.20244%206.48094C5.34652%204.78849%206.9829%203.48833%208.89015%202.75641C10.7974%202.02448%2012.8834%201.8961%2014.866%202.38864C16.8527%202.73892%2018.6853%203.68647%2020.1197%205.10496C21.554%206.52345%2022.5219%208.34545%2022.8942%2010.3281C23.2092%2011.7174%2023.237%2013.1564%2022.9759%2014.5568C22.7147%2015.9573%2022.1702%2017.2895%2021.3756%2018.4719C20.581%2019.6543%2019.5531%2020.6618%2018.3551%2021.4326C17.1571%2022.2034%2015.8142%2022.7213%2014.4088%2022.9544V22.9474Z'%20fill='%2349525F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.9456%2018.6622C15.501%2018.6638%2015.0588%2018.5963%2014.6348%2018.4623C11.8535%2017.6098%209.44793%2015.8306%207.81844%2013.4208C7.10707%2012.5663%206.60258%2011.5591%206.34426%2010.4776C6.21217%209.8596%206.24829%209.21744%206.44888%208.61812C6.64946%208.01881%207.00718%207.48431%207.48468%207.0703C7.73121%206.91564%208.00767%206.81489%208.29592%206.77474C8.58416%206.73459%208.87761%206.75595%209.15702%206.83735C9.2921%206.91073%209.39683%207.02959%209.45258%207.17285C9.81939%208.04207%2010.1792%208.9026%2010.5391%209.78051C10.5687%209.86122%2010.5807%209.94731%2010.5744%2010.033C10.5681%2010.1188%2010.5437%2010.2022%2010.5026%2010.2777C10.3024%2010.666%2010.0392%2011.0185%209.72379%2011.3207C9.62043%2011.4086%209.55533%2011.5332%209.54234%2011.6682C9.52936%2011.8033%209.56951%2011.938%209.65423%2012.044C10.6298%2013.7188%2012.1404%2015.0169%2013.943%2015.7295C14.0545%2015.7902%2014.1845%2015.8074%2014.3079%2015.7775C14.4313%2015.7476%2014.5392%2015.6729%2014.6105%2015.5678C14.9183%2015.1871%2015.2451%2014.8063%2015.5371%2014.4117C15.6068%2014.2928%2015.7207%2014.2064%2015.8539%2014.1712C15.9871%2014.136%2016.1289%2014.155%2016.2481%2014.224C16.8601%2014.5021%2017.465%2014.7924%2018.0822%2015.0827C18.2195%2015.1401%2018.3551%2015.2114%2018.4907%2015.2757C19.1096%2015.5852%2019.1044%2015.5921%2019.0505%2016.2753C18.9783%2016.8627%2018.7137%2017.4096%2018.2979%2017.8307C17.8822%2018.2518%2017.3387%2018.5234%2016.7523%2018.6031C16.488%2018.6641%2016.2159%2018.684%2015.9456%2018.6622Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.waba-campaigns-create .resume-campaign .csv-icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20width='21'%20height='26'%20viewBox='0%200%2021%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21%207.43594V22.2723C21%2023.1007%2020.6839%2023.8951%2020.1213%2024.4809C19.5587%2025.0666%2018.7956%2025.3957%2018%2025.3957H16.5V23.834H18C18.3978%2023.834%2018.7794%2023.6695%2019.0607%2023.3766C19.342%2023.0837%2019.5%2022.6865%2019.5%2022.2723V7.43594H16.5C15.9033%207.43594%2015.331%207.18913%2014.909%206.74981C14.4871%206.3105%2014.25%205.71465%2014.25%205.09336V1.96992H6C5.60218%201.96992%205.22064%202.13446%204.93934%202.42734C4.65804%202.72022%204.5%203.11745%204.5%203.53164V17.5871H3V3.53164C3%202.70325%203.31607%201.9088%203.87868%201.32304C4.44129%200.737279%205.20435%200.408203%206%200.408203L14.25%200.408203L21%207.43594ZM5.2755%2023.5857C5.28409%2023.8317%205.34204%2024.0732%205.44563%2024.2946C5.54922%2024.5159%205.69616%2024.7123%205.877%2024.871C6.072%2025.0396%206.3105%2025.1708%206.594%2025.2645C6.879%2025.3598%207.2105%2025.4066%207.5915%2025.4066C8.0985%2025.4066%208.5275%2025.3239%208.88%2025.1599C9.234%2024.9959%209.504%2024.7663%209.6885%2024.4727C9.876%2024.1776%209.969%2023.8356%209.969%2023.4482C9.969%2023.0984%209.9015%2022.8079%209.768%2022.5737C9.63071%2022.3397%209.43672%2022.1474%209.2055%2022.0161C8.93981%2021.8633%208.65364%2021.7528%208.3565%2021.6882L7.425%2021.4633C7.20542%2021.4213%206.99807%2021.3273%206.819%2021.1884C6.75056%2021.1335%206.6954%2021.0627%206.6579%2020.9816C6.62039%2020.9005%206.6016%2020.8115%206.603%2020.7215C6.603%2020.4779%206.696%2020.278%206.8805%2020.1218C7.068%2019.9641%207.3245%2019.8844%207.6485%2019.8844C7.863%2019.8844%208.0475%2019.9203%208.2035%2019.9906C8.34709%2020.0515%208.47389%2020.1487%208.5725%2020.2733C8.66482%2020.3892%208.72682%2020.528%208.7525%2020.6762H9.8775C9.85878%2020.3582%209.75485%2020.0519%209.5775%2019.7923C9.38792%2019.5119%209.12866%2019.2906%208.8275%2019.152C8.45916%2018.9837%208.05956%2018.9026%207.6575%2018.9146C7.218%2018.9146%206.831%2018.9927%206.4935%2019.1488C6.156%2019.3034%205.8935%2019.5236%205.703%2019.8063C5.5125%2020.0905%205.418%2020.4232%205.418%2020.8043C5.418%2021.1182%205.478%2021.3915%205.601%2021.6226C5.724%2021.8553%205.901%2022.0443%206.129%2022.1957C6.357%2022.3441%206.627%2022.4566%206.9375%2022.5284L7.8645%2022.7533C8.175%2022.8298%208.406%2022.9298%208.559%2023.0547C8.63375%2023.114%208.69355%2023.1913%208.73326%2023.28C8.77298%2023.3687%208.79142%2023.4661%208.787%2023.5638C8.7899%2023.7248%208.74541%2023.8828%208.6595%2024.0167C8.56291%2024.1538%208.42997%2024.2586%208.277%2024.3181C8.1105%2024.3915%207.9035%2024.4274%207.6575%2024.4274C7.482%2024.4274%207.323%2024.4071%207.1775%2024.365C7.04489%2024.3267%206.91922%2024.266%206.8055%2024.1854C6.70564%2024.1181%206.62015%2024.0301%206.55435%2023.9269C6.48854%2023.8238%206.44383%2023.7076%206.423%2023.5857H5.2755ZM1.209%2021.7928C1.209%2021.4055%201.26%2021.0744%201.362%2020.8043C1.45097%2020.5548%201.60852%2020.338%201.815%2020.1811C2.02545%2020.0346%202.27444%2019.9599%202.5275%2019.9672C2.7525%2019.9672%202.952%2020.0171%203.1245%2020.1187C3.29355%2020.2127%203.43464%2020.3531%203.5325%2020.5247C3.63705%2020.7053%203.69875%2020.9093%203.7125%2021.1197H4.86V21.0073C4.85005%2020.7196%204.78277%2020.4372%204.66244%2020.1781C4.54211%2019.9189%204.37135%2019.6886%204.161%2019.5018C3.94551%2019.3116%203.69631%2019.1673%203.4275%2019.077C3.1348%2018.9738%202.82751%2018.9226%202.5185%2018.9255C1.9845%2018.9255%201.5285%2019.0411%201.152%2019.2738C0.777%2019.5049%200.492%2019.8344%200.294%2020.2608C0.099%2020.6887%200%2021.1978%200%2021.7897V22.5674C0%2023.1593%200.096%2023.6669%200.2895%2024.0917C0.486%2024.5149%200.7725%2024.8413%201.1475%2025.0693C1.5225%2025.2958%201.9785%2025.4082%202.5185%2025.4082C2.958%2025.4082%203.3495%2025.3223%203.696%2025.1521C4.041%2024.9803%204.317%2024.746%204.521%2024.4431C4.72794%2024.1329%204.84554%2023.7678%204.86%2023.3905V23.2718H3.714C3.69986%2023.4729%203.63912%2023.6674%203.537%2023.8387C3.43703%2024.0045%203.29613%2024.1394%203.129%2024.2291C2.9417%2024.3235%202.73551%2024.37%202.5275%2024.365C2.27408%2024.3725%202.02432%2024.3007%201.8105%2024.1588C1.60509%2024.0066%201.44874%2023.7931%201.362%2023.5466C1.25232%2023.2332%201.20042%2022.9009%201.209%2022.5674V21.7944V21.7928ZM13.5675%2025.288H12.138L10.131%2019.0426H11.5065L12.8505%2023.9433H12.9075L14.2395%2019.0426H15.558L13.5675%2025.2895V25.288Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.waba-campaigns-create .resume-campaign .report-icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='14'%20fill='none'%20viewBox='0%200%2019%2014'%3e%3cpath%20fill='%2349525f'%20d='M18.406%2011.667H2.375V.583C2.375.261%202.109%200%201.781%200H.594C.266%200%200%20.261%200%20.583v12.25C0%2013.478.532%2014%201.188%2014h17.218c.328%200%20.594-.261.594-.583V12.25c0-.322-.266-.583-.594-.583zm-1.187-10.5h-4.381c-.794%200-1.191.942-.63%201.493l1.202%201.182-2.723%202.675-2.722-2.675c-.464-.456-1.216-.456-1.68%200L3.738%206.346c-.232.228-.232.597%200%20.825l.839.825c.232.228.608.228.84%200l1.709-1.68%202.723%202.675c.464.456%201.215.456%201.679%200l3.562-3.5%201.203%201.182c.56.55%201.52.16%201.52-.62V1.75c0-.322-.265-.583-.593-.583z'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.waba-campaigns-create .resume-campaign .campaign-title {
  color: #49525f;
  font-size: 16px;
  font-weight: 600;
}
.waba-campaigns-create .resume-campaign .campaign-goal {
  margin-top: 10px;
  font-size: 13px;
  color: #6d7175;
}
.waba-campaigns-create .resume-campaign .stats-description {
  font-size: 15px;
  color: #6d7175;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .rows-file {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='514'%20height='513'%20viewBox='0%200%20514%20513'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.76301%201.56501C0.55201%204.93501%201.00001%20-14.829%201.00001%20256C1.00001%20474.913%201.17301%20503.434%202.51701%20506.033C5.85201%20512.481%20-14.671%20512%20257%20512C475.913%20512%20504.434%20511.827%20507.033%20510.483C513.481%20507.148%20513%20527.671%20513%20256C513%20-15.671%20513.481%204.85201%20507.033%201.51701C504.433%200.173006%20475.944%200.00500618%20256.8%200.0400062C40.012%200.0750062%209.16201%200.263006%206.76301%201.56501ZM123%2072V122H73H23V72V22H73H123V72ZM491%2072V122H318.5H146V72V22H318.5H491V72ZM123%20195V245H73H23V195V145H73H123V195ZM491%20195V245H318.5H146V195V145H318.5H491V195ZM123%20317V367H73H23V317V267H73H123V317ZM491%20317V367H318.5H146V317V267H318.5H491V317ZM123%20440V490H73H23V440V390H73H123V440ZM491%20440V490H318.5H146V440V390H318.5H491V440Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .rows-processed {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='440'%20height='512'%20viewBox='0%200%20440%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.761%202.062C5.476%203.269%203.24%205.569%202.011%207.978C0.0180016%2011.885%200%2013.556%200%20197C0%20380.519%200.0170004%20382.113%202.013%20386.026C3.309%20388.567%205.433%20390.691%207.974%20391.987C11.605%20393.839%2013.84%20394%2035.96%20394H60V417.04C60%20438.158%2060.168%20440.409%2062.013%20444.026C63.309%20446.567%2065.433%20448.691%2067.974%20449.987C71.605%20451.839%2073.84%20452%2095.96%20452H120V476.04C120%20498.16%20120.161%20500.395%20122.013%20504.026C123.309%20506.567%20125.433%20508.691%20127.974%20509.987C131.877%20511.978%20133.564%20512%20280%20512C425.267%20512%20428.153%20511.963%20431.934%20510.033C434.575%20508.686%20436.452%20506.697%20437.895%20503.718L440%20499.369V314.644C440%20131.482%20439.983%20129.887%20437.987%20125.974C436.691%20123.433%20434.567%20121.309%20432.026%20120.013C428.395%20118.161%20426.16%20118%20404.04%20118H380V93.96C380%2071.84%20379.839%2069.605%20377.987%2065.974C376.691%2063.433%20374.567%2061.309%20372.026%2060.013C368.395%2058.161%20366.16%2058%20344.04%2058H320V34.96C320%2013.842%20319.832%2011.591%20317.987%207.974C316.691%205.433%20314.567%203.309%20312.026%202.013C308.122%200.0220035%20306.481%203.63123e-06%20159.79%200.0440036C14.124%200.0880036%2011.434%200.123004%207.761%202.062ZM290%2044V58H180.96C73.651%2058%2071.858%2058.032%2067.974%2060.013C65.433%2061.309%2063.309%2063.433%2062.013%2065.974C60.023%2069.876%2060%2071.566%2060%20216.96V364H45H30V197V30H160H290V44ZM350%20103V118H240.96C133.651%20118%20131.858%20118.032%20127.974%20120.013C125.433%20121.309%20123.309%20123.433%20122.013%20125.974C120.023%20129.876%20120%20131.568%20120%20275.96V422H105H90V255V88H220H350V103ZM410%20315V482H280H150V315V148H280H410V315ZM187.984%20179.824C184.165%20181.823%20180%20188.697%20180%20193C180%20197.303%20184.165%20204.177%20187.984%20206.176C191.28%20207.901%20196.249%20208%20279.774%20208C364.505%20208%20368.23%20207.923%20371.798%20206.103C376.111%20203.903%20380%20197.725%20380%20193.074C380%20188.044%20376.487%20182.289%20372.026%20180.013C368.159%20178.041%20366.303%20178%20279.774%20178C196.249%20178%20191.28%20178.099%20187.984%20179.824ZM214.02%20239.752C203.315%20245.13%20203.315%20260.87%20214.02%20266.248C217.222%20267.857%20222.491%20267.997%20280%20267.997C337.509%20267.997%20342.778%20267.857%20345.98%20266.248C356.685%20260.87%20356.685%20245.13%20345.98%20239.752C342.778%20238.143%20337.509%20238.003%20280%20238.003C222.491%20238.003%20217.222%20238.143%20214.02%20239.752ZM263.5%20296.657C243.852%20300.849%20225.484%20312.462%20213.932%20327.998C210.218%20332.992%20208.09%20335%20206.51%20335C203.285%20335%20197.985%20338.97%20195.852%20342.984C192.945%20348.453%20193.557%20352.515%20198.786%20362.491C204.637%20373.651%20208.066%20376.376%20215.5%20375.771C224.533%20375.036%20239.855%20363.483%20240.111%20357.215C240.293%20352.735%20239.856%20349.611%20238.757%20347.551C237.863%20345.877%20238.621%20344.748%20244.126%20339.551C257.007%20327.389%20273.671%20322.739%20291.122%20326.438C305.308%20329.445%20318.51%20339.175%20326.147%20352.252C329.131%20357.362%20331.097%20359.519%20334.219%20361.112C343.184%20365.685%20354%20359.937%20355.659%20349.717C356.941%20341.816%20344.431%20323.138%20330.932%20312.798C311.72%20298.083%20285.845%20291.889%20263.5%20296.657ZM340.256%20380.029C335.135%20382.088%20322.933%20391.23%20321.432%20394.132C319.576%20397.721%20319.332%20404.883%20320.962%20407.93C321.961%20409.795%20321.467%20410.663%20316.706%20415.424C293.247%20438.884%20251.383%20433.304%20234.52%20404.47C228.497%20394.17%20221.957%20391.156%20213.629%20394.84C207.772%20397.431%20205.009%20401.788%20205.004%20408.442C205.001%20412.445%20205.781%20414.699%20209.114%20420.309C214.376%20429.166%20225.425%20440.799%20233.971%20446.481C261.013%20464.458%20298.869%20464.536%20325.744%20446.67C332.885%20441.923%20345.292%20429.701%20348.524%20424.229C349.771%20422.118%20351.385%20420.963%20353.69%20420.53C358.253%20419.674%20363.732%20414.627%20365.117%20410.004C366.662%20404.848%20365.732%20400.946%20360.709%20391.5C357.108%20384.728%20355.774%20383.155%20352.016%20381.25C347.344%20378.882%20343.978%20378.533%20340.256%20380.029Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .rows-error {
  float: left;
  width: 25px;
  height: 25px;
  background: url("/v5/assets/rows-error-C0OM9s0k.svg") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .send-stat {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20fill='%238696a0'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%20width='120px'%20height='120px'%3e%3cpath%20d='M%2026.980469%205.9902344%20A%201.0001%201.0001%200%200%200%2026.292969%206.2929688%20L%2011%2021.585938%20L%204.7070312%2015.292969%20A%201.0001%201.0001%200%201%200%203.2929688%2016.707031%20L%2010.292969%2023.707031%20A%201.0001%201.0001%200%200%200%2011.707031%2023.707031%20L%2027.707031%207.7070312%20A%201.0001%201.0001%200%200%200%2026.980469%205.9902344%20z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .delivered-stat {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%2020010904//EN'%20'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='100.000000pt'%20height='100.000000pt'%20viewBox='0%200%20100.000000%20100.000000'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='translate(0.000000,100.000000)%20scale(0.100000,-0.100000)'%20fill='%238696a0'%20stroke='none'%3e%3cpath%20d='M489%20539%20l-233%20-280%20-100%20100%20c-56%2056%20-108%20101%20-117%20101%20-19%200%20-39%20-20%20-39%20-40%200%20-21%20241%20-260%20262%20-260%2018%200%20510%20587%20516%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-250%20-281z'/%3e%3cpath%20d='M710%20540%20c-210%20-253%20-234%20-278%20-251%20-267%20-23%2014%20-52%200%20-57%20-28%20-5%20-21%2055%20-85%2079%20-85%2019%200%20511%20586%20517%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-249%20-280z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .readed-stat {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%2020010904//EN'%20'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='100.000000pt'%20height='100.000000pt'%20viewBox='0%200%20100.000000%20100.000000'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='translate(0.000000,100.000000)%20scale(0.100000,-0.100000)'%20fill='%2353bdeb'%20stroke='none'%3e%3cpath%20d='M489%20539%20l-233%20-280%20-100%20100%20c-56%2056%20-108%20101%20-117%20101%20-19%200%20-39%20-20%20-39%20-40%200%20-21%20241%20-260%20262%20-260%2018%200%20510%20587%20516%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-250%20-281z'/%3e%3cpath%20d='M710%20540%20c-210%20-253%20-234%20-278%20-251%20-267%20-23%2014%20-52%200%20-57%20-28%20-5%20-21%2055%20-85%2079%20-85%2019%200%20511%20586%20517%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-249%20-280z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.waba-campaigns-create .resume-campaign .element-to-stats {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.waba-campaigns-create .resume-campaign .upload-review {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f7;
  border-radius: 5px;
  color: #49525f;
  margin: 5px 0;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
}
.waba-campaigns-create .resume-campaign .upload-review .download-icon {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'%20/%3e%3c/svg%3e") no-repeat center;
  user-select: none;
  cursor: pointer;
}
.waba-campaigns-create .resume-campaign .row {
  margin-top: 15px;
}
.waba-campaigns-create .title-card {
  font-size: 15px;
  font-weight: bold;
  color: #49525f;
  text-align: left;
}
.waba-campaigns-create .send-to {
  width: 100%;
  min-height: 100px;
  display: inline-block;
  padding: 10px;
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
}
.waba-campaigns-create .send-to.with_date {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.waba-campaigns-create .send-to .fix-design {
  float: left;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.waba-campaigns-create .send-to .content-dates {
  margin-top: 10px;
  float: left;
  width: 100%;
  text-align: center;
}
.waba-campaigns-create .send-to:hover {
  background-color: #f6f6f7;
}
.waba-campaigns-create .send-to .section-send-to {
  margin-right: 10px;
}
.waba-campaigns-create .send-to .section-date-to {
  margin-right: 10px;
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.waba-campaigns-create .send-to .option-content {
  float: left;
}
.waba-campaigns-create .send-to .input-radio-select {
  appearance: auto !important;
}
.waba-campaigns-create .send-to .title-send-to {
  color: #49525f;
  font-size: 14px;
  font-weight: bold;
}
.waba-campaigns-create .send-to .caption-send-to {
  color: #6d7175;
  font-size: 12px;
}
.waba-campaigns-create .success-campaign {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.waba-campaigns-create .success-campaign .success-icon {
  float: left;
  height: 400px;
  width: 400px;
  background: url("/v5/assets/success-icon-Da4dqJmK.svg") no-repeat center;
  background-size: contain;
  align-self: center;
}
.waba-campaigns-create .success-message {
  text-align: center;
  font-size: 25px;
  color: #49525f;
  font-weight: bold;
  user-select: none;
}
.waba-campaigns-create .bubble-container {
  margin: 15px 0 15px 0;
}
.waba-campaigns-create .bubble-number {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border: 1px solid #dfe3e9;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #49525f;
  font-weight: bold;
  margin-right: 10px;
}
.waba-campaigns-create .bubble-title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
}
.waba-campaigns-create .container-switch {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #e4e5e7;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}
.waba-campaigns-create .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.waba-campaigns-create .justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.waba-campaigns-create .divider-block {
  float: left;
  width: 100%;
  height: 20px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.waba-campaigns-create .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.waba-campaigns-create .mrgn-15 {
  margin-top: 15px;
}
.waba-campaigns-create .full-container {
  float: left;
  width: 100% !important;
  height: 100% !important;
}
.waba-campaigns-create .full-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.waba-campaigns-create .full-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}

.waba-campaigns-create:has(.waba-campaing-full-width) {
  grid-template-columns: 100%;
}

.waba-campaigns-create:has(.spinnerContainer) {
  grid-template-columns: 100%;
}

.box-separator-items {
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: #F1F5F9;
  padding: 0.25rem;
  color: #64748b;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}
.box-separator-items .box-separator-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.box-separator-items .box-separator-item.separator-item-selected {
  background-color: #ffffff;
  color: #020817;
}

.box-separator-items-title {
  color: #09090B;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.box-separator-items-description {
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 1rem;
}

.csv-button-link {
  color: #fff !important;
  background-color: #0047ff !important;
  border-color: #0047ff !important;
}.float_button {
  position: absolute;
  width: 45px;
  height: 45px;
  background: #0047ff;
  color: white;
  z-index: 1;
  border-radius: 5px;
  bottom: 10px;
  right: 20px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  font-size: 25px;
  font-weight: bold;
}

.float_button:hover {
  box-shadow: 0px 0px 1.5px 2px #d2cfd0;
}

.float_button.left-auto-width {
  width: auto;
  padding: 0 10px;
  font-size: 15px;
  left: 10px;
  right: unset;
  font-weight: unset;
}.title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.title h1 {
  color: #373e46;
  font-size: 15px;
}

.records-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.records-container .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  height: 30px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 8px;
  font-size: 14px;
}
.records-container .item .label {
  color: #8e91a4;
}.main_header {
  background: #1C1C1B;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0 5px;
}
.main_header .options {
  margin-left: 10px;
  width: 20px;
}
.main_header .options-r {
  margin-right: 10px;
  width: 20px;
}
.main_header .ellipsis-menu-img {
  margin-right: 10px;
  height: 30px;
}
.main_header .userName {
  color: white;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 54px;
}
.main_header .userName .mobileChannelIcon {
  height: 15px;
  margin-right: 10px;
  margin-bottom: 2px;
}
.main_header .userName .mobileMessengerLogo {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
.main_header .userName .channel-bubble {
  background: white;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 5px;
}
.main_header .userName .channel-bubble .image-channel {
  width: 10px;
  height: 10px;
  align-self: center;
}
.main_header .userName .channel-bubble.WHATSAPP {
  background: #0acf83;
}
.main_header .userName .channel-bubble.WABA {
  background: #0acf83;
}
.main_header .userName .channel-bubble.INSTAGRAM {
  background: linear-gradient(to top, #3845d1, #d6499e, #ee772f, #f7c55c);
  transform: rotate(206deg);
}
.main_header .userName .channel-bubble.INSTAGRAM img {
  transform: rotate(153deg) !important;
}
.main_header .userName .channel-bubble.TELEGRAM {
  background: linear-gradient(to bottom, #37aee2, #1e96c8);
}
.main_header .userName .channel-bubble.WEBCHAT {
  background: #8048c7;
  padding: 3px;
}
.main_header .userName:active {
  background: rgba(42, 57, 75, 0.73);
}

.accountMenu_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 5px;
}

.arrow_back {
  float: left;
  width: 40px;
  height: 100%;
  background: none;
  border-radius: 0px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.arrow_back .arrow_back_icon {
  width: 20px;
  height: 20px;
}

.logoContainer {
  display: flex;
  width: 120px;
  align-items: center;
  justify-content: center;
  margin-left: -20px;
}
.logoContainer .reach_logo {
  height: 35px !important;
}

.arrow_back:active {
  background: rgba(42, 57, 75, 0.73);
  border-radius: 50%;
}

.arrow_back:focus {
  outline: none !important;
}

.conversationOption {
  padding: 5px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversationOption .optionContent {
  padding: 0px;
  background: none;
  font-weight: normal;
}
.conversationOption .optionCaption {
  font-size: 13px;
  user-select: none;
}

.conversationOption:focus {
  outline: none !important;
}

.conversationOption:active {
  background: rgba(42, 57, 75, 0.73);
}

.menu.open {
  margin-right: 8px !important;
  margin-top: 8px !important;
}.privacy {
  cursor: auto !important;
  user-select: auto !important;
}
.privacy .reach-header {
  width: 100%;
  height: 64.5px;
  background: #28313a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}
.privacy .reach-header .back {
  width: 105px;
  padding: 0 8px;
  color: white;
  cursor: pointer;
}
.privacy .reach-header .back img {
  margin-right: 10px;
}

.privacy-container {
  width: 100%;
  overflow-y: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.privacy-container .privacy-content {
  width: 70%;
  height: 100%;
}
.privacy-container h1 {
  text-align: center;
  margin: 15px 0;
  font-weight: bold;
  font-size: 18px;
}
.privacy-container h2 {
  margin-top: 15px;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 15px;
}
.privacy-container p {
  margin: 5px 2px;
  font-size: 13px;
  text-align: justify;
}
.privacy-container .privacy-policy {
  margin-left: 15px;
}.custom-order-card {
  font-size: 14px;
  min-width: 100%;
  border: 1px solid #8e91a4;
  padding: 10px;
  padding: 10px !important;
  border-radius: 5px;
  margin-bottom: 10px;
}

.cart-container {
  width: 100% !important;
  height: 100% !important;
  display: grid;
  grid-template-columns: 15% 85% !important;
  grid-template-areas: "menu main";
  overflow-y: scroll;
}
.cart-container .menu {
  grid-area: menu;
  height: 100% !important;
}
.cart-container .main {
  grid-area: main;
  padding: 0.2rem;
  display: grid;
  background: #f6f6f7;
  grid-template-columns: 78% 20%;
  column-gap: 2%;
  padding-left: 2rem;
  padding-bottom: 2rem;
  grid-template-rows: 10rem auto;
  grid-template-areas: "header sidereport" "reportdata sidereport";
}
.cart-container .main .header {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.cart-container .main .header p.main-title {
  font-size: 16px;
  font-weight: bold;
}
.cart-container .main .header p.sub-title {
  font-size: 12px;
}
.cart-container .main .header p.main-description {
  font-size: 12px;
  margin-top: 20px;
}
.cart-container .main .header button.action-btn {
  height: 42px;
  width: 43%;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  background-color: #5087ec;
  max-width: 150px;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
}
.cart-container .main .title {
  grid-area: title;
}
.cart-container .main .title .privacyDisclaimer {
  font-size: 12px;
  font-weight: lighter;
}
.cart-container .main .actions {
  grid-area: actions;
}
.cart-container .main .actions .filters {
  grid-area: filters;
  width: 100%;
  position: relative;
}
.cart-container .main .actions .filters .calltoaction {
  position: absolute;
  min-width: 21%;
  max-width: 21%;
  bottom: 20%;
  right: 0;
}
.cart-container .main .actions .container-filters {
  margin-bottom: 2rem;
}
.cart-container .main .actions .search {
  grid-area: search;
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  padding: 1rem;
}
.cart-container .main .actions .search .total-orders {
  width: 100% !important;
  height: 70px !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.cart-container .main .reportdata {
  grid-area: reportdata;
}
.cart-container .main .reportdata .calltoaction {
  position: absolute;
  min-width: 21%;
  max-width: 21%;
  top: -8%;
  right: 0;
}
.cart-container .main .sidereport {
  grid-area: sidereport;
  background: #e8f0fe;
  padding: 0.3rem;
  height: 100% !important;
}

@media (min-width: 480px) and (max-width: 1024px) {
  .cart-container {
    width: 100% !important;
    display: grid;
    grid-template-columns: 100% !important;
    grid-template-areas: "menu" "main" "sidereport";
  }
  .cart-container .main {
    grid-area: main;
    height: 100% !important;
    padding: 0.2rem;
    display: grid;
    background: #f6f6f7;
    grid-template-columns: 100%;
    column-gap: 0%;
    padding: 2rem;
    grid-template-rows: auto auto auto;
    grid-template-areas: "actions" "reportdata";
  }
  .cart-container .main .sidereport {
    margin-top: 1rem;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .cart-container {
    width: 100% !important;
    display: grid;
    grid-template-columns: 100% !important;
    grid-template-rows: 0% 99% !important;
    grid-template-areas: "menu" "main";
  }
  .cart-container .menu {
    display: none;
  }
  .cart-container .main {
    grid-area: main;
    display: grid;
    background: #f6f6f7;
    grid-template-columns: 100%;
    overflow-y: hidden;
    column-gap: 0%;
    padding: 1rem;
    grid-template-rows: auto 85%;
    width: 100% !important;
    grid-template-areas: "actions" "reportdata";
  }
  .cart-container .main .actions {
    height: 100% !important;
  }
  .cart-container .main .reportdata {
    grid-area: reportdata;
  }
  .cart-container .main .reportdata .calltoaction {
    position: absolute;
    min-width: 21%;
    max-width: 21%;
    top: -8%;
    right: 0;
  }
  .cart-container .main .sidereport {
    display: none;
  }
  .createbtn.d-flex.justify-content-end.align-items-end {
    display: none !important;
  }
  .mobileCreateBtn {
    position: fixed;
    bottom: 5%;
    right: 5%;
    border-radius: 12px;
    width: 50px;
    height: 50px;
    z-index: 999;
    display: block;
  }
}.conversations-dashboard-container {
  padding: 20px;
  overflow-y: auto;
  height: 100vh;
}
.conversations-dashboard-container .conversations-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__title {
  font-size: 24px;
  color: #0e1319;
  font-weight: bold;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time {
  display: grid;
  grid-template-columns: 30px auto;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time__arrow, .conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time__arrow {
  cursor: pointer;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.conversations-dashboard-container .conversations-dashboard-header .go-to-conversations-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  width: auto;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
  border: none !important;
  outline: none !important;
}
.conversations-dashboard-container .conversations-dashboard-header .go-to-conversations-button:hover {
  background-image: linear-gradient(to right, #1d4ed8, #4338ca) !important;
}
.conversations-dashboard-container .conversations-dashboard-header .go-to-conversations-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__goto-button {
  word-break: break-word;
  width: 146px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 4px;
  background-color: var(--primary-background-components);
  color: #ffffff;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversations__data {
  text-align: start;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversion__data {
  text-align: end;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversations__data, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversations__title {
  color: #0047ff;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversion__title, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversion__data {
  color: #8e91a4;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversion__title, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversations__title {
  font-size: 10px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversion__data, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpis-conversations__data {
  font-weight: bold;
  font-size: 14px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .action-indicators .action-kpi {
  font-size: 36px;
  font-weight: bold;
  color: #0047ff;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .action-indicators .action-kpi .kpi-conversations-total {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: normal;
  color: #8e91a4;
  height: fit-content;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .indicators-per-day__yesterday, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .indicators-per-day__this-month, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .indicators-per-day__yesterday, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .indicators-per-day__this-month, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .indicators-per-day .indicators-per-day__today {
    width: 100%;
  }
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table {
  margin-top: 25px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .table-header h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .table-value {
  display: flex;
  justify-content: center;
  align-items: center;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .conversion-agent__conversations, .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .open-conversations {
  color: #0047ff;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .agent-order-total .conversion-agent {
  display: flex;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .agent-order-total .open-conversations {
  color: #51c172;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .agent-order-total .open-conversations .multi-currency-label {
  justify-content: flex-start;
  gap: 5px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .agent-order-total .open-conversations .multi-currency-label .currency-value {
  margin: 0;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .conversations-dashboard-agents-table__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .conversations-dashboard-agents-table__header .conversations-dashboard-agents-table__title {
  font-size: 16px;
  color: #0e1319;
  font-weight: bold;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-agents-table .conversations-dashboard-agents-table__header .conversations-dashboard-agents-table__search {
  width: 200px;
}
@media (max-width: 768px) {
  .conversations-dashboard-container .custom-agent-kpis {
    margin-top: 1rem;
  }
  .conversations-dashboard-container .custom-agent-kpis .kpi-group-container > .kpi-items-container > .kpi-item-container .kpi-item-detail-container {
    display: none;
  }
  .conversations-dashboard-container .custom-agent-kpis .kpi-group-container > .kpi-items-container > .kpi-item-container {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpi-group-container {
    width: auto;
  }
  .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpi-item-container {
    width: 100%;
    height: 115px;
    padding: 20px;
    display: grid;
    grid-template-rows: 0px 57px 20px;
    border-bottom: solid 1px #e0e0e0;
  }
  .conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-kpis .kpi-item-container .kpi-item-detail-container {
    width: 100%;
  }
}.progressBar {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  max-width: 350px;
}
.progressBar .loading_container .progress {
  height: 10px;
}
.progressBar .loading_container .progress-bar {
  background-color: #0047ff;
}
.progressBar .loading_container .loading__partner, .progressBar .loading_container .loading__label-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.progressBar .loading_container .loading__partner {
  margin-bottom: 50px;
}
.progressBar .loading_container .loading__label-container .loading__label {
  width: fit-content;
  margin-top: 15px;
  font-weight: bold;
  font-size: 14px;
  color: #8e91a4;
  position: relative;
}
.progressBar .loading_container .loading__label-container .loading__label:after {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "...";
  width: 0px;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.progressBar .CLARO .progress-bar {
  background-color: #e40001;
}
.progressBar .QUICKLY .progress-bar {
  background-color: #01c38e;
}
.progressBar .TIGO .loading__partner {
  margin-bottom: 20px;
}
.progressBar .TIGO .tigo-icon {
  width: 180px;
  height: 100px;
}
.progressBar .TIGO .progress-bar {
  background-color: #0048d4;
}.containerInfo {
  margin: auto;
  width: 100%;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  -webkit-user-select: none;
}
.containerInfo .label {
  font-size: 20px;
  padding-top: 20px;
  font-weight: 600;
  color: #a5a5a5;
}

.info {
  width: 80%;
}.conversations-view .conversations-view-container {
  width: 100%;
  height: calc(100vh - 60px);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  border: solid 10px #F4F6F9;
  background: #F4F6F9;
}
.conversations-view .conversations-view-container .conversations-view-container__custom-view-chat-list .conversations-view__chat-list, .conversations-view .conversations-view-container .conversations-view__contacts-list .conversations-view__chat-list {
  width: 100%;
  height: 100%;
}
.conversations-view .conversations-view-container .conversations-view-container__custom-view-contacts-list .conversations-view__contacts-list {
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-right: solid 10px #F4F6F9;
  background: #F4F6F9;
  max-width: 380px;
}
.conversations-view .conversations-view-container .conversations-view-container__custom-view-contacts-list .conversations-view__contacts-list .conversations-view__contacts-list__search-input {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 50px;
  padding: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
}
.conversations-view .conversations-view-container .custom-view-conversations, .conversations-view .conversations-view-container .conversations-one-column-container {
  width: 100%;
  height: 100%;
}
.conversations-view .conversations-view-container .conversations-one-column-container {
  background: #F4F6F9;
  border-radius: 10px;
}
.conversations-view .conversations-view-container .conversations-one-column-container .containerInfo {
  border-radius: 10px !important;
}
.conversations-view .conversations-view-container .loading-chat .progressBar {
  transform: none;
}
.conversations-view .conversations-view-container .custom-view-chat-list {
  width: fit-content;
  height: 100%;
}
.conversations-view .conversations-view-container .conversations-list-component-container, .conversations-view .conversations-view-container .contacts-list-component-container {
  min-width: 380px;
  height: 100%;
  width: 100%;
  position: relative;
}
.conversations-view .conversations-view-container .conversations-list-component-container.MOBILE, .conversations-view .conversations-view-container .contacts-list-component-container.MOBILE {
  min-width: 100vw;
}
.conversations-view .conversations-view-container .expand-list-button {
  display: none;
  position: absolute;
  width: 35px;
  height: 35px;
  z-index: 1000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  left: 400px;
}
.conversations-view .conversations-view-container .conversations-list-collapse, .conversations-view .conversations-view-container .contacts-list-collapse {
  visibility: hidden;
}
.conversations-view .conversations-view-container .conversations-list-collapse .conversations-list-collapse-component-container, .conversations-view .conversations-view-container .contacts-list-collapse .conversations-list-collapse-component-container {
  width: 300px;
}
.conversations-view .conversations-view-container .conversations-chat-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  background: #F4F6F9;
}
.conversations-view .conversations-view-container .conversations-chat-container .conversations-view-chat-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.conversations-view .conversations-view-container .conversations-chat-container .conversations-view-chat-container .loading-comments-container {
  background: #ffffff;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.conversations-view .conversations-view-container .conversations-chat-container .conversations-view-chat-container .loading-comments-container .progressBar {
  max-width: 250px !important;
}
.conversations-view .conversations-view-container .conversations-chat-container .conversations-view-contact-details-container {
  max-width: 400px;
  min-width: 400px;
  height: 100%;
  width: 100%;
  position: relative;
}
.conversations-view .MOBILE .conversations-view-container {
  height: calc(100vh - 70px);
  border: none;
}

.conversations-view--posts-mode {
  display: flex;
  flex-direction: row;
  height: calc(100vh - 60px);
  padding: 12px;
  gap: 12px;
  background: #F4F6F9;
}
.conversations-view--posts-mode .conversations-view__content-card {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  background: #F4F6F9;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.conversations-view--posts-mode .conversations-view-container {
  border: none !important;
  background: transparent !important;
  height: 100% !important;
  justify-content: flex-start !important;
}/* Inbox Selector Component - BEM Style */
.inbox-selector {
  position: relative;
  width: 100%;
  height: 100%;
}
.inbox-selector__button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: transparent;
  border: solid 1px #d6d6d6;
  border-left: none;
  border-radius: 3px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  cursor: pointer;
  outline: none;
  font-family: inherit;
}
.inbox-selector__selected {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inbox-selector__icon {
  color: #49525f;
}
.inbox-selector__icon--active {
  color: #5087ec;
}
.inbox-selector__label {
  font-size: 14px;
  color: #49525f;
  font-weight: lighter;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  font-weight: 500;
  text-overflow: ellipsis;
  max-width: 9rem;
}
.inbox-selector__label--active {
  color: #5087ec;
  font-weight: 500;
}
.inbox-selector__filter-count {
  width: 6px;
  height: 6px;
  background-color: #5087ec;
  border-radius: 50%;
  margin-left: 6px;
  display: inline-block;
}
.inbox-selector__chevron {
  color: #49525f;
  transition: transform 0.2s ease;
}
.inbox-selector__chevron--open {
  transform: rotate(180deg);
}
.inbox-selector__menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: solid 1px #d6d6d6;
  border-radius: 3px;
  margin-top: 2px;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.inbox-selector__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inbox-selector__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 12px;
  color: #49525f;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.inbox-selector__item:hover {
  background-color: #f5f5f5;
}
.inbox-selector__item-icon {
  color: #49525f;
}
.inbox-selector__item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.conversations-list-container {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-right: solid 10px #F4F6F9;
  background: #F4F6F9;
  max-width: 380px;
}

.conversations-list__chat-list-container {
  background: white;
  border-radius: 10px;
}

.chat-list-component-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.chat-list-component-container .chat-list__list {
  overflow: hidden;
  grid-area: chat-list__list;
}
.chat-list-component-container .chat-list__list .chat-list__loading-component {
  width: 100%;
  height: 100px;
}
.chat-list-component-container .input-options {
  height: calc(100vh - 160px);
}

.conversation-details-component-container {
  background: #ffffff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.conversation-details-component-container .conversation-details-component__main-content {
  height: 100%;
  background: #ffffff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 15px;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  gap: 5px;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .public-profile-img {
  margin-bottom: 10px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: calc(100% - 24px);
  margin: 3px 12px 0;
  padding: 6px 8px;
  border-radius: 9px;
  border: 1px solid transparent;
  text-align: left;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card .identity-card-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card .identity-card-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 12px;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card .identity-card-text {
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card .identity-card-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  line-height: 15px;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card .identity-card-status-icon {
  height: 11px;
  width: 11px;
  flex-shrink: 0;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card .identity-card-caption {
  font-size: 10px;
  line-height: 13px;
  color: #9ca3af;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--green {
  background: #ecfdf5;
  border-color: #d1fae5;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--green .identity-card-label {
  color: #059669;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--green .identity-card-status {
  color: #047857;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--green .identity-card-caption {
  color: #047857;
  opacity: 0.75;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--amber {
  background: #fffbeb;
  border-color: #fde68a;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--amber .identity-card-label {
  color: #b45309;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--amber .identity-card-text,
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--amber .identity-card-status {
  color: #b45309;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--amber .identity-card-caption {
  color: #b45309;
  opacity: 0.75;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--gray {
  background: #f9fafb;
  border-color: #e5e7eb;
}
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--gray .identity-card-text,
.conversation-details-component-container .conversation-details-component__main-content .user-header .contact-identity-card--gray .identity-card-status {
  color: #6b7280;
}
.conversation-details-component-container .conversation-details-component__main-content .main-content-info-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.conversation-details-component-container .tabs {
  margin: 0;
  height: 45px;
}
.conversation-details-component-container .content-container {
  height: 100%;
  background: #ffffff;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
.conversation-details-component-container .conversation-details__static-info-container {
  height: 100%;
  padding: 15px;
  padding-top: 5px;
}
.conversation-details-component-container.static-info {
  display: grid;
  grid-template-rows: calc(100% - 128px) auto;
}
.conversation-details-component-container.static-info .conversation-details__static-info-container .order-card {
  width: 100%;
}

.loading-detail {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.products-by-category-container {
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  margin-top: 0;
}

.products-by-category-container.rounded-border {
  border-radius: 10px;
  border: 1px solid #d3d4dc;
}

.conversations-components-chat {
  border-right: solid 1px var(--limit-border-color);
}

.check-icon-svg {
  position: absolute;
  z-index: 1000;
  top: 2px;
  right: 2px;
}

.conversations-chat-component-container___multimedia-preview-history {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(3px);
  z-index: 1;
}
.conversations-chat-component-container___multimedia-preview-history .multimedia-preview__options-history {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.conversations-chat-component-container___multimedia-preview-history .multimedia-preview__options-history .multimedia-preview__options--close-icon-history {
  cursor: pointer;
}
.conversations-chat-component-container___multimedia-preview-history .multimedia-preview__image-preview-history {
  max-width: 80%;
  max-height: 80%;
}
.conversations-chat-component-container___multimedia-preview-history .conversations-chat-component-container___multimedia-preview___message-history {
  padding: 0px 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #49525f;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history {
  min-width: 300px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history th {
  background: #315563;
  color: white;
  user-select: none;
  text-align: left;
  padding: 14px 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history td {
  border: 1px solid #dddddd;
  background: white;
  text-align: left;
  padding: 10px 8px;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history tr td:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.conversation-details-option-window {
  background: roronoazoro;
  height: 100%;
  max-height: 100%;
  display: grid;
  grid-template-rows: 45px auto;
  grid-template-areas: "option-window__title" "option-window__content";
}
.conversation-details-option-window.no-navigation {
  grid-template-rows: 0px auto;
}
.conversation-details-option-window .option-window__content {
  grid-area: option-window__content;
  padding: 15px;
  padding-top: 0;
  padding-right: 10px;
  overflow-y: auto;
  max-height: 100%;
}
.conversation-details-option-window .option-window__content .edit-user-info {
  padding: 10px;
  border: solid 1px #D3D4DC;
  border-radius: 5px;
}
.conversation-details-option-window .option-window__content .edit-user-info .holderContainer {
  right: 0;
  top: 0;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.conversation-details-option-window .option-window__content:has(.payment-link) {
  padding-bottom: 0px;
}

.conversationContainer {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 198px auto;
  height: 100%;
}
.conversationContainer .conversations-history__chat-container {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  overflow-y: auto;
}
.conversationContainer .backButton {
  border-top-left-radius: 5px !important;
}
.conversationContainer .headerInfo {
  border-top-right-radius: 5px !important;
}
.conversationContainer .chatDetailContainer {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 5px;
}
.conversationContainer .chatDetailContainer .progress {
  position: relative !important;
}

.chat-additional-info {
  background: #ffffff;
  height: 40px;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}
.chat-additional-info .conversation-header__assignation {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-additional-info .conversation-header__info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.chat-additional-info .conversation-header__info .header__info-sentiment, .chat-additional-info .conversation-header__info .header__info-details, .chat-additional-info .conversation-header__info .header__info-ad-referral {
  border: solid 1px var(--limit-border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  height: 25px;
  user-select: none;
  cursor: pointer;
}
.chat-additional-info .conversation-header__info .header__info-details {
  width: 75px;
  display: flex;
  gap: 1px;
  padding: 5px;
}
.chat-additional-info .conversation-header__info .header__info-details .info-details__tags, .chat-additional-info .conversation-header__info .header__info-details .info-details__observations {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-additional-info .conversation-header__info .header__info-details .info-details__separator {
  border: solid 1px var(--limit-border-color);
  height: 15px;
  margin-left: 3px;
  margin-right: 3px;
}
.chat-additional-info .conversation-header__info .header__info-details .info-details__tags-count, .chat-additional-info .conversation-header__info .header__info-details .info-details__observations-count {
  color: #6D7175;
}
.chat-additional-info .conversation-header__info .header__info-sentiment {
  width: 25px;
}
.chat-additional-info .conversation-header__info .header__info-sentiment .info-sentiment_img {
  height: 18px;
}
.chat-additional-info .conversation-header__info .header__info-ad-referral {
  width: 25px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='none'%20class='bi%20bi-megaphone'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M13%202.5a1.5%201.5%200%200%201%203%200v11a1.5%201.5%200%200%201-3%200v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405%202.712A1%201%200%200%201%205.51%2015.1h-.548a1%201%200%200%201-.916-.599l-1.85-3.49a68.14%2068.14%200%200%200-.202-.003A2.014%202.014%200%200%201%200%209V7a2.02%202.02%200%200%201%201.992-2.013%2074.663%2074.663%200%200%200%202.483-.075c3.043-.154%206.148-.849%208.525-2.199zm1%200v11a.5.5%200%200%200%201%200v-11a.5.5%200%200%200-1%200m-1%201.35c-2.344%201.205-5.209%201.842-8%202.033v4.233c.18.01.359.022.537.036%202.568.189%205.093.744%207.463%201.993V3.85zm-9%206.215v-4.13a95.09%2095.09%200%200%201-1.992.052A1.02%201.02%200%200%200%201%207v2c0%20.55.448%201.002%201.006%201.009A60.49%2060.49%200%200%201%204%2010.065m-.657.975%201.609%203.037.01.024h.548l-.002-.014-.443-2.966a68.019%2068.019%200%200%200-1.722-.082z'%20fill='%236D7175'/%3e%3c/svg%3e") no-repeat center;
  background-size: 60%;
}

.order-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  position: relative;
}
.order-card .flex-content-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.order-card .order_card_cart {
  background: #20B9DB;
}
.order-card .order_card_cart .order-card__header__cart {
  display: flex;
  justify-content: space-between;
}
.order-card .order_card_cart .order-card__header__cart__total {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.order-card .order-card__header {
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 15px;
  z-index: 1;
  cursor: pointer;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.order-card .order-card__header .order-card__order-number {
  color: #ffffff;
  font-weight: bold;
}
.order-card .order-card__header .order-card__amount {
  color: #ffffff;
  font-weight: bold;
}
.order-card .order-card__header .order-card-header__status-chip {
  height: 15px;
  border: solid 1px #ffffff;
  border-radius: 3px;
  font-size: 9px;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
  gap: 3px;
}
.order-card .order-description {
  word-break: break-word;
  max-height: 50px;
  line-height: 1.2;
}
.order-card .order-card__content, .order-card .order-cart__content {
  padding: 5px;
  border: solid 1px #D3D4DC;
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 50px;
  top: 68px;
  z-index: 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  border-top-left-radius: 0;
  border-top: 0;
  border-top-right-radius: 0;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 10px;
}
.order-card .order-card__content .order-card__content__client, .order-card .order-cart__content .order-card__content__client {
  font-weight: bold;
  display: flow;
}
.order-card .order-card__content .order-cart_create_order-button, .order-card .order-cart__content .order-cart_create_order-button {
  text-transform: uppercase;
  color: #1947ff;
  font-weight: bold;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 2px;
}
.order-card .order-card__content .order-cart_create_order-button svg, .order-card .order-cart__content .order-cart_create_order-button svg {
  height: 12px;
}
.order-card .order-cart__content {
  height: 51px;
  top: 66px;
}

.fill-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.fill-form .fom-input {
  outline: none;
  border: solid 1px #D3D4DC;
  border-radius: 5px;
  padding: 5px;
}
.fill-form .submit-button {
  padding: 5px;
}

.option-window__title {
  grid-area: option-window__title;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  height: 45px;
  cursor: pointer;
  gap: 10px;
}
.option-window__title span {
  font-size: 1.2rem !important;
}

.custom-tab-container .ListItemSingleLine {
  margin: 0 1px;
}
.custom-tab-container .search-input-container {
  margin: 0px;
  padding: 0;
}
.custom-tab-container .ListItemCustom {
  margin: 8px 1px 10px 1px;
}.DateRangeConversationsFilter {
  position: relative;
  width: 100%;
}
.DateRangeConversationsFilter .conversations-toggle-container {
  width: 100%;
  display: flex;
  padding: 2px;
  border-radius: 20px;
  background: #f2f2f2;
  align-items: center;
  border: solid 2px #d9d9d9;
  gap: 4px;
  font-size: 12px;
}
.DateRangeConversationsFilter .conversations-toggle-container .conversations-toggle-item {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  background: none;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px transparent;
  border-radius: 20px;
  transition: background 0.3s ease, color 0.3s ease;
}
.DateRangeConversationsFilter .conversations-toggle-container .conversations-toggle-item:hover {
  background: #f8f8f8;
}
.DateRangeConversationsFilter .conversations-toggle-container .conversations-toggle-item.active {
  border: solid 2px #d9d9d9;
  background: #fff;
  color: #000;
}
.DateRangeConversationsFilter .conversations-toggle-container .conversations-toggle-item .conversations-toggle__text-container {
  width: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.DateRangeConversationsFilter .conversations-date-inputs {
  cursor: pointer;
}
.DateRangeConversationsFilter .conversations-date-inputs .conversations-date-input {
  flex: 1;
  text-align: center;
}
.DateRangeConversationsFilter .conversations-date-inputs .conversations-date-input:hover {
  background: #f8f8f8;
}
.DateRangeConversationsFilter .conversations-calendar-popup {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 1000;
}
.DateRangeConversationsFilter .conversations-fake-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.DateRangeConversationsFilter .conversations-calendar-container {
  position: relative;
  z-index: 1000;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.DateRangeConversationsFilter .conversations-calendar-container .conversations-rdrCalendarWrapper {
  width: 100%;
}
.DateRangeConversationsFilter .conversations-calendar-container .conversations-filter-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1000;
  background: #0047ff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.DateRangeConversationsFilter .conversations-calendar-container .conversations-filter-btn img {
  width: 12px;
  height: 12px;
}
.DateRangeConversationsFilter .conversations-calendar-container .conversations-rdrDateDisplayWrapper {
  display: none;
}

.conversations-channels-filter .channels-filter-container .conversations-toggle-container {
  width: 100%;
  display: flex;
  padding: 2px;
  border-radius: 20px;
  background: #f2f2f2;
  align-items: center;
  border: solid 2px #d9d9d9;
  gap: 4px;
  font-size: 12px;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  background: none;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px transparent;
  border-radius: 20px;
  transition: background 0.3s ease, color 0.3s ease;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item:hover {
  background: #f8f8f8;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item.active {
  border: solid 2px #d9d9d9;
  background: #fff;
  color: #000;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item .conversations-toggle__text-container {
  width: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item .conversations-toggle__text-container .conversations-toggle__icon {
  font-size: 10px;
  color: #606060;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item .conversations-default-dates-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 999;
  max-height: 200px;
  overflow-y: auto;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item .conversations-default-dates-dropdown .conversations-dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 12px;
  color: #606060;
  text-align: left;
}
.conversations-channels-filter .channels-filter-container .conversations-toggle-container .conversations-toggle-item .conversations-default-dates-dropdown .conversations-dropdown-item:hover {
  background: #f8f8f8;
}

.filter-header {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
  color: #09090B;
}

.header-area {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.info-icon {
  width: 0.75rem;
  height: 0.75rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2371717a'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

.channels-filter-new {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.25rem;
  display: flex;
}
.channels-filter-new .toggle-container {
  margin-top: 0.5rem;
}

.sub-filters-area {
  padding: 0.75rem;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
}
.sub-filters-area .sub-filters-options {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.sub-filters-area .sub-filters-options .sub-filter-option {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
}
.sub-filters-area .sub-filters-options .sub-filter-option .sub-filter-button {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: white;
  background-color: #0047ff;
  border: none;
  cursor: pointer;
}
.sub-filters-area .sub-filters-options .sub-filter-option .sub-filter-button.secondary {
  background-color: white;
  border: 1px solid #e2e8f0;
  color: #020817;
}
.sub-filters-area .sub-filters-options .sub-filter-option .sub-filter-button.secondary:hover {
  color: #0f172a;
  background-color: #f1f5f9;
}
.sub-filters-area .sub-filters-options .sub-filter-option .sub-filter-button.secondary:active {
  color: #0f172a;
  background-color: #f1f5f9;
}
.sub-filters-area .sub-filters-options .sub-filter-option .sub-filter-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.filters-popover-title {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 500;
  background-color: transparent !important;
  border: none !important;
  color: #09090B !important;
}

.filters-popover-content {
  font-size: 14px !important;
  line-height: 20px;
  opacity: 0.9;
  color: #09090B !important;
}.chat-item-container {
  height: 115px;
  min-width: 0;
}
.chat-item-container .chat-item {
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 30px;
  user-select: none !important;
  cursor: pointer;
  padding: 5px;
}
.chat-item-container .chat-item .chat-container {
  display: grid;
  grid-template-columns: 50px calc(100% - 50px);
  padding: 0 5px;
  padding-top: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.chat-item-container .chat-item .chat-container .channel-image {
  padding: 5px;
  width: 45px !important;
  height: 45px !important;
}
.chat-item-container .chat-item .chat-container .channel-image .checkedBackground {
  height: 40px;
  width: 40px;
}
.chat-item-container .chat-item .chat-container .channel-image .channel {
  bottom: 5px !important;
  right: 5px !important;
  border: solid 1px #fff !important;
  box-shadow: none !important;
}
.chat-item-container .chat-item .chat-container .channel-image .profile-channel {
  width: 45px !important;
  height: 45px !important;
}
.chat-item-container .chat-item .chat-container .channel-image .profile-channel .profile {
  width: 40px !important;
  height: 40px !important;
}
.chat-item-container .chat-item .chat-container .channel-image .profile-channel .profile .channelImage, .chat-item-container .chat-item .chat-container .channel-image .profile-channel .profile .channel {
  border-radius: 50% !important;
}
.chat-item-container .chat-item .chat-container .main-chat {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #49525f;
  font-size: 15px;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info .client {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  width: calc(100% - 120px);
  -webkit-box-orient: vertical;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info .chat-info-right {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info .chat-info-username {
  flex: 1;
  min-width: 0;
  width: auto;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info .time {
  text-transform: uppercase;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info .time p {
  font-size: 9.5px;
  color: #8e91a4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-info .time.has-unread p {
  color: #00c951;
  font-weight: bold;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-content {
  display: grid;
  grid-template-columns: calc(100% - 30px) 30px;
  align-items: start;
  min-width: 0;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-content .chat-content-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-content .message {
  color: #8e91a4;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 18px;
  margin: 0;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-content .conversation-state-label {
  color: #b8bac3;
  font-size: 10px;
  line-height: 1.2;
  text-transform: lowercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.chat-item-container .chat-item .chat-container .main-chat .chat-content .message-status {
  margin: 0px 5px 0px 10px;
}
.chat-item-container .chat-item .chat-assignment {
  padding: 5px 10px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  height: 30px;
  font-size: 9.5px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.chat-item-container .chat-item .chat-assignment .agent-assigned {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 1;
  min-width: 0;
  max-width: 40%;
}
.chat-item-container .chat-item .chat-assignment .agent-assigned .agent-chat {
  border-left: solid 2px #5087ec !important;
  font-weight: bolder !important;
  color: #5087ec;
}
.chat-item-container .chat-item .chat-assignment .agent-assigned .agent-chat p {
  margin-left: 3px;
}
.chat-item-container .chat-item .chat-assignment .agent-assigned .group-chat {
  border-left: solid 2px #994684 !important;
  font-weight: bolder !important;
  color: #994684;
}
.chat-item-container .chat-item .chat-assignment .agent-assigned .group-chat p {
  margin-left: 3px;
}
.chat-item-container .chat-item .chat-assignment .agent-assigned .unassigned-chat {
  color: #5087ec;
  background: #EFF3FC;
  border-radius: 3px;
  width: 40px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
}
.chat-item-container .chat-item .chat-assignment .order-status-container {
  display: flex;
  flex-shrink: 0;
  background: transparent;
  font-size: 9.5px;
  gap: 6px;
}
.chat-item-container .chat-item .chat-assignment .order-status-container .status-container {
  height: 20px;
  padding: 0 5px;
  border-radius: 3px;
  border: solid 0.5px #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.chat-item-container .chat-item .chat-assignment .order-status-container .status-container span {
  margin-left: 3px;
}
.chat-item-container .chat-item .chat-assignment .order-status-container .status-container img {
  height: 8px;
  margin-right: 5px;
}
.chat-item-container .chat-item .chat-assignment .order-status-container .tags-compacted {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0 3px;
  border-radius: 2px;
  border: solid 0.5px #f8f8f8;
  background-color: white;
}
.chat-item-container .chat-item .chat-assignment .order-status-container .tags-compacted img {
  height: 11px;
}
.chat-item-container .chat-item .chat-assignment .DRAFT .status-container {
  background-color: #0047ff;
}
.chat-item-container .chat-item .chat-assignment .REJECTED .status-container {
  background-color: #d54b3d;
}
.chat-item-container .chat-item .chat-assignment .ERROR .status-container {
  background-color: #ff8300;
}
.chat-item-container .chat-item .chat-assignment .NEEDS_APPROVAL .status-container {
  background-color: #e73089;
}
.chat-item-container .chat-item .chat-assignment .PENDING .status-container {
  background-color: #ff8300;
}
.chat-item-container .chat-item .chat-assignment .PAID .status-container {
  background-color: #51c172;
}
.chat-item-container .chat-item .chat-assignment .SUCCESS .status-container {
  background-color: #51c172;
}
.chat-item-container .chat-item .chat-assignment .REVERSED .status-container {
  background-color: #ffc714;
}
.chat-item-container .chat-item .chat-assignment .VOID .status-container {
  background-color: #8e91a4;
}
.chat-item-container .chat-item .chat-assignment .EXPIRED .status-container {
  background-color: #60398e;
}
.chat-item-container .chat-item .chat-assignment .DELETED .status-container {
  background-color: red;
}
.chat-item-container .active .chat-container, .chat-item-container .active .chat-assignment {
  background-color: #e5ecfe;
}
.chat-item-container .PENDING {
  background-color: #fff5ea;
}
.chat-item-container .PAID {
  background-color: #f1f8f5;
}

.chat-info-username {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  width: calc(100% - 120px);
  -webkit-box-orient: vertical;
  max-width: 200px;
}

.assigned-agent {
  color: #5087ec !important;
  font-weight: bold !important;
  padding-left: 2px;
}

.assigned-bot {
  color: #5020DE !important;
  font-weight: bold !important;
  padding-left: 2px;
}

.assigned-to-label {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}

.assigned-group {
  padding-left: 2px;
  color: #994684 !important;
  font-weight: bold !important;
}

.unread-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #00c951;
}

.state-badge {
  display: flex;
  align-items: center;
  height: 15px;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 9.5px;
  font-weight: bold;
  white-space: nowrap;
}
.state-badge--closed {
  color: #2663EB;
  border: solid 1px #2663EB;
  background-color: #DBEAFE;
}
.state-badge--finished {
  color: #ff2056;
  border: solid 1px #ff2056;
  background-color: #ffe4e6;
}

.tags-container {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  justify-content: flex-end;
  gap: 2px;
}
.tags-container .conversation-tags {
  margin: 0;
  padding: 1px 5px !important;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 15px;
  min-width: 0;
  flex: 1 1 0;
  color: #494a4b;
  background: #ffffff;
  border: solid 1px var(--limit-border-color);
  font-size: 9.5px;
}
.tags-container .conversation-tags--more {
  flex: 0 0 auto;
  max-width: 52px;
}
.tags-container .conversation-tags span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 9.5px;
  min-width: 0;
}.listContactsContainer {
  position: relative;
  overflow: auto;
  will-change: transform;
  direction: ltr;
  background-color: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.contacts-loading {
  background-color: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}.carousel-message-renderer {
  margin: 8px 0;
  padding: 8px;
  border-radius: 8px;
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carousel-message-renderer.outgoing {
  background: transparent;
  border: none;
  margin-left: 0;
}
.carousel-message-renderer.incoming {
  background: transparent;
  border: none;
  margin-right: 0;
}
.carousel-message-renderer .carousel-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  gap: 12px;
  width: 100%;
}
.carousel-message-renderer .carousel-navigation .nav-button {
  background: #ffffff;
  border: 1px solid #dee2e6;
  color: #495057;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.carousel-message-renderer .carousel-navigation .nav-button:hover {
  background: #e9ecef;
  border-color: #adb5bd;
  transform: scale(1.05);
}
.carousel-message-renderer .carousel-navigation .nav-button:active {
  transform: scale(0.95);
}
.carousel-message-renderer .carousel-navigation .carousel-counter {
  color: #495057;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  flex-grow: 1;
}
.carousel-message-renderer .carousel-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.carousel-message-renderer .carousel-preview .template-preview-container {
  max-width: 280px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.carousel-message-renderer .carousel-preview .mobile-preview {
  transform: scale(0.9);
  transform-origin: top center;
}
.carousel-message-renderer .carousel-scroll-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px;
  scrollbar-width: thin;
  scrollbar-color: #dadde1 transparent;
}
.carousel-message-renderer .carousel-scroll-container::-webkit-scrollbar {
  height: 8px;
  width: 0px;
}
.carousel-message-renderer .carousel-scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.carousel-message-renderer .carousel-scroll-container::-webkit-scrollbar-thumb {
  background: #dadde1;
  border-radius: 4px;
}
.carousel-message-renderer .carousel-scroll-container::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.carousel-message-renderer .carousel-card-container {
  min-width: 280px;
  max-width: 300px;
  flex-shrink: 0;
}
.carousel-message-renderer .carousel-card-content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.carousel-message-renderer .card-media {
  width: 100%;
  height: 140px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.carousel-message-renderer .card-video {
  width: 100%;
  height: 140px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  object-fit: cover;
}
.carousel-message-renderer .card-body {
  padding: 12px;
  background-color: #fff;
}
.carousel-message-renderer .card-text {
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  white-space: pre-line;
  word-wrap: break-word;
  font-weight: 400;
}
.carousel-message-renderer .rcs-actions {
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.carousel-message-renderer .rcs-action-item {
  padding: 12px 16px;
  color: #007BFD;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-message-renderer .rcs-action-item:hover {
  background-color: #f5f5f5;
}
.carousel-message-renderer .action-icon {
  margin-right: 8px;
  flex-shrink: 0;
  color: #007BFD;
}
.carousel-message-renderer .action-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.rcs-message-renderer {
  margin: 12px 0;
  padding: 16px;
  border-radius: 8px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rcs-message-renderer.outgoing {
  background: #e3f2fd;
  border-color: #bbdefb;
  margin-left: 20%;
}
.rcs-message-renderer.incoming {
  background: #f3e5f5;
  border-color: #e1bee7;
  margin-right: 20%;
}
.rcs-message-renderer .rcs-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.rcs-message-renderer .rcs-preview .template-preview-container {
  max-width: 280px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.rcs-message-renderer .rcs-preview .mobile-preview {
  transform: scale(0.9);
  transform-origin: top center;
}/* ConversationHeader styles using BEM methodology */
.conversation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e0e0;
  background-color: white;
  height: 50px;
  border-top-left-radius: 10px;
}
.conversation-header__user-section {
  display: flex;
  align-items: center;
}
.conversation-header__channel-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  min-width: 24px;
  min-height: 24px;
}
.conversation-header__channel-icon--waba, .conversation-header__channel-icon--whatsapp {
  background-color: #25D366;
}
.conversation-header__channel-icon--messenger {
  background-color: #ffffff;
}
.conversation-header__channel-icon--instagram {
  background-image: linear-gradient(30deg, #f6b754 1%, #ec7437 19%, #d6499d 51%, #5e46c5 74%);
}
.conversation-header__channel-icon--telegram {
  background-color: #289FD2;
}
.conversation-header__channel-icon--webchat {
  background-color: #4285F4;
}
.conversation-header__channel-icon--rcs {
  background-color: #5f6368;
}
.conversation-header__channel-icon--tiktok {
  background-color: #000000;
}
.conversation-header__username {
  font-size: 14px;
  font-weight: 700;
  color: var(--secondary-text-components);
  min-width: 250px;
  cursor: pointer;
}
.conversation-header__actions {
  display: flex;
  align-items: center;
}
.conversation-header__timer {
  margin-right: 15px;
  user-select: none;
  font-size: 11px;
  align-items: flex-end;
}
.conversation-header__button {
  -webkit-user-select: none;
  user-select: none;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  color: var(--secondary-text-components);
  font-size: 12px;
  cursor: pointer;
  border: 1.5px solid #ddd;
  font-weight: 700;
  color: #8e91a4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
}
.conversation-header__button:hover {
  background-color: #dfdfdf;
}
.conversation-header__button--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.conversation-header__button--primary {
  background-color: #fff;
  color: #8e91a4;
  border-color: #ddd;
}
.conversation-header__button--primary:hover {
  background-color: #dfdfdf;
}
.conversation-header__button--danger {
  background-color: #fff;
  color: #d54b3d;
  border-color: #ffcdd2;
}
.conversation-header__button--danger:hover {
  background-color: #ffebee;
}
.conversation-header__conversation-actions-dropdown {
  position: relative;
  display: flex;
}
.conversation-header__conversation-actions-dropdown-container {
  display: flex;
  min-width: 210px;
}
.conversation-header__conversation-actions-dropdown-main-button {
  -webkit-user-select: none;
  user-select: none;
  padding: 5px 10px;
  background: #fff;
  font-size: 12px;
  cursor: pointer;
  border: 1.5px solid #ddd;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: 700;
  color: #8e91a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.conversation-header__conversation-actions-dropdown-main-button:hover {
  background-color: #dfdfdf;
}
.conversation-header__conversation-actions-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  padding: 5px;
  background: #fff;
  border: 1.5px solid #ddd;
  border-left: 1px solid #eee;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
}
.conversation-header__conversation-actions-dropdown-toggle:hover {
  background-color: #dfdfdf;
}
.conversation-header__conversation-actions-dropdown-toggle-icon {
  color: #8e91a4;
  transition: transform 0.3s ease;
}
.conversation-header__conversation-actions-dropdown-toggle-icon--open {
  transform: rotate(180deg);
}
.conversation-header__conversation-actions-dropdown-button {
  -webkit-user-select: none;
  user-select: none;
  padding: 5px 10px;
  border-radius: 5px;
  background: #fff;
  font-size: 12px;
  cursor: pointer;
  border: 1.5px solid #ddd;
  font-weight: 700;
  color: #8e91a4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 180px;
}
.conversation-header__conversation-actions-dropdown-button:hover {
  background-color: #dfdfdf;
}
.conversation-header__conversation-actions-dropdown-button-icon {
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.conversation-header__conversation-actions-dropdown-button-icon--open {
  transform: rotate(180deg);
}
.conversation-header__conversation-actions-dropdown-menu {
  animation: conversation-header-dropdown-fade-in 0.2s ease;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: solid 1px #d6d6d6;
  border-radius: 3px;
  margin-top: 2px;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.conversation-header__conversation-actions-dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #8e91a4;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.conversation-header__conversation-actions-dropdown-item:hover {
  background-color: #f5f5f5;
}
.conversation-header__conversation-actions-dropdown-item-icon {
  margin-right: 8px;
}
.conversation-header__conversation-actions-dropdown-item--primary {
  color: #8e91a4;
}
.conversation-header__conversation-actions-dropdown-item--danger {
  color: #d54b3d;
}
@keyframes conversation-header-dropdown-fade-in {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.conversations-components-chat {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Conversation styles */
/* Styles for conversation history */
.conversation-separator {
  text-align: center;
  margin: 16px 0;
  padding: 8px;
  background-color: #f0f4f8;
  border-radius: 8px;
  font-size: 12px;
  color: #5a6572;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e1e8ed;
}

/* Style for messages from previous conversations */
.previous-conversation-message {
  opacity: 0.9;
}
.previous-conversation-message.IN {
  background-color: rgba(240, 244, 248, 0.7) !important;
}
.previous-conversation-message.OUT {
  background-color: rgba(220, 242, 255, 0.7) !important;
}
.previous-conversation-message {
  /* Add a subtle indicator */
}
.previous-conversation-message::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: #aab8c2;
  border-radius: 2px;
}

.events-module-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
}

.events-module-overlay > * {
  z-index: 1001;
}

.conversation-end-holder,
.upload-preview-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  z-index: 1;
}
.conversation-end-holder__title,
.upload-preview-container__title {
  max-width: 360px;
  text-align: center;
  color: #606060;
  font-weight: bold;
}
.conversation-end-holder__buttons,
.upload-preview-container__buttons {
  display: flex;
  gap: 20px;
  height: 45px;
  align-items: center;
}
.conversation-end-holder__buttons__cancel, .conversation-end-holder__buttons__confirm,
.upload-preview-container__buttons__cancel,
.upload-preview-container__buttons__confirm {
  width: 80px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
}
.conversation-end-holder__buttons__cancel,
.upload-preview-container__buttons__cancel {
  background: rgba(229, 11, 11, 0.81);
}
.conversation-end-holder__buttons__cancel:hover,
.upload-preview-container__buttons__cancel:hover {
  background: rgba(185, 9, 9, 0.9);
}
.conversation-end-holder__buttons__confirm,
.upload-preview-container__buttons__confirm {
  background: rgba(12, 169, 12, 0.81);
}
.conversation-end-holder__buttons__confirm:hover,
.upload-preview-container__buttons__confirm:hover {
  background: rgba(9, 185, 9, 0.9);
}

.carousel-inline-preview {
  background: #f8f9fa;
  border-top: 1px solid #e3e6f0;
  border-radius: 8px 8px 0 0;
  margin-top: 10px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.carousel-inline-preview .carousel-inline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #e9ecef;
  border-bottom: 1px solid #dee2e6;
  border-radius: 8px 8px 0 0;
}
.carousel-inline-preview .carousel-inline-header .carousel-inline-title {
  font-weight: 600;
  color: #495057;
  font-size: 14px;
}
.carousel-inline-preview .carousel-inline-header .carousel-inline-close {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 1;
  color: #6c757d;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.carousel-inline-preview .carousel-inline-header .carousel-inline-close:hover {
  background: #dc3545;
  color: white;
}

.carousel-floating-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
.carousel-floating-button .carousel-fab {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 60px;
  justify-content: center;
}
.carousel-floating-button .carousel-fab:hover {
  background: #0056b3;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 123, 255, 0.4);
}
.carousel-floating-button .carousel-fab:active {
  transform: translateY(0);
}

.custom-message-renderers {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10;
}
.custom-message-renderers > * {
  pointer-events: auto;
}

.inline-carousel-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 5;
}
.inline-carousel-container > * {
  pointer-events: auto;
}

.conversations-chat__system-message {
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto;
  font-size: 0.8rem;
  line-height: 1.25rem;
  margin: 0 auto;
  margin-bottom: 10px;
  /* centers horizontally */
  display: block;
  /* ensures margin auto works */
}
.conversations-chat__system-message--gradient {
  background: linear-gradient(90deg, #2563eb, #4f46e5) !important;
  padding: 5px 15px;
  border-radius: 25px;
  color: white;
  font-weight: 600;
}
.conversations-chat__system-message__separator {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
.conversations-chat__system-message--info {
  background-color: #17a2b8;
  padding: 10px 20px;
  border-radius: 25px;
  color: white;
  font-weight: 500;
}
.conversations-chat__system-message--loading {
  position: relative;
  background-color: #6c757d;
  color: white;
  pointer-events: none;
  padding: 10px 20px;
  border-radius: 25px;
  color: white;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.conversations-chat__system-message--warning {
  background-color: #ffc107;
  padding: 10px 20px;
  border-radius: 25px;
  color: #212529;
  font-weight: 500;
}
.conversations-chat__system-message--button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.conversations-chat__system-message--button--load-more {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
}
.conversations-chat__system-message--button--load-more span {
  font-size: 14px;
  font-weight: 500;
  color: white;
}
.conversations-chat__system-message--button--primary {
  background-color: #007bff;
  color: white;
  border-radius: 10px;
}
.conversations-chat__system-message--button--primary span {
  font-size: 14px;
  color: white;
  font-weight: 500;
}
.conversations-chat__system-message--button--secondary {
  background-color: #6c757d;
  color: white;
  border-radius: 10px;
}
.conversations-chat__system-message--button--secondary span {
  font-size: 14px;
  color: white;
  font-weight: 500;
}
.conversations-chat__system-message--button--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: button-loading-spinner 0.8s linear infinite;
}
.conversations-chat__system-message--button--loading span {
  font-size: 14px;
  color: white;
  font-weight: 500;
}
.conversations-chat__system-message--separator {
  text-align: center;
  padding: 8px 0;
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.conversations-chat__system-message--separator__content {
  display: flex;
  align-items: center;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 25px;
  flex-direction: column;
}
.conversations-chat__system-message--separator__content span {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  padding: 0 10px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.conversations-chat__system-message--separator__content__info {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.conversations-chat__system-message--separator__content__info span {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  padding: 0 10px;
  text-transform: capitalize;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.conversations-chat__system-message--separator:before, .conversations-chat__system-message--separator:after {
  content: "";
  height: 1px;
  background-color: #ddd;
  flex: 1;
  display: block;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.sentiment-header {
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 0.5rem;
  min-height: 65px;
  max-height: 65px;
}
.sentiment-header .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.sentiment-header .info .title {
  display: grid;
  grid-template-areas: "sentiment sentiment" "update update";
  grid-template-columns: 100%;
  grid-gap: 1px;
}
.sentiment-header .info .title .badge {
  grid-area: badge;
  background-color: black;
  color: white;
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 12px;
  padding: 5px 10px;
  max-width: 65%;
}
.sentiment-header .info .title .sentiment {
  grid-area: sentiment;
  user-select: none;
  font-size: 14px;
  font-weight: bold;
  display: grid;
  margin-top: auto;
  margin-bottom: auto;
}
.sentiment-header .info .title .update {
  grid-area: update;
  color: #9b9b9b;
  flex: 1 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.sentiment-header .info .updates {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column-reverse;
}
.sentiment-header .seemore {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  width: 133px;
}.events-module-modal {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0;
  padding: 32px 24px;
  max-width: none;
  margin: 0;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  position: relative;
  overflow: auto;
}
.events-module-modal .events-module-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  box-sizing: border-box;
}
.events-module-modal .events-module-header-options-buttons-area {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.events-module-modal .events-module-header-option-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  width: 1.5rem;
  height: 1.5rem;
  gap: 0.5rem;
  padding: 0;
  border: none;
  border-radius: calc(0.5rem - 2px);
  background-color: transparent;
  color: #1e293b;
  cursor: pointer;
  margin: 0;
}
.events-module-modal .events-module-header-option-button:hover {
  background-color: #f1f5f9;
}
.events-module-modal .events-module-header-option-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: inherit;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.events-module-modal .events-module-header-option-icon.rotate {
  animation: rotation 1.2s infinite linear;
}
.events-module-modal .events-module-header-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #1e293b;
}
.events-module-modal .events-module-header-description {
  color: #64748b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.events-module-modal .events-module-header .badge {
  background: #0047ff;
  color: #fff;
  font-size: 12px;
  border-radius: 8px;
  padding: 2px 8px;
  font-weight: 600;
}
.events-module-modal .events-module-section {
  margin-bottom: 24px;
}
.events-module-modal-search-area {
  box-sizing: border-box;
}
.events-module-modal-search-area .events-module-relative {
  position: relative;
  box-sizing: border-box;
}
.events-module-modal-search-area .events-module-search-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: #94a3b8;
  transform: translateY(-50%);
}
.events-module-modal-search-area .events-module-search-icon-close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: #94a3b8;
  transform: translateY(-50%);
}
.events-module-modal-search-area .events-module-search-input {
  display: flex;
  width: 100%;
  border: 1px solid rgba(226, 232, 240, 0.6);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
.events-module-modal-search-area .events-module-search-input::placeholder {
  color: #94a3b8;
}
.events-module-modal-search-area .events-module-search-input:focus-visible {
  outline: none;
  border-color: #2563eb;
}
.events-module-modal-search-area .events-module-search-input:focus {
  border-color: #2563eb;
}
.events-module-modal-search-area .events-module-search-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.events-module-modal .events-module-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
.events-module-modal .section-title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 8px;
  display: block;
}
.events-module-modal .search-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 15px;
}
.events-module-modal .category-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 320px;
  overflow-y: auto;
  padding-right: 4px;
}
.events-module-modal .category-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid #e2e8f0;
  color: #020817;
  border-radius: 0.5rem;
  padding: 16px 14px;
  cursor: pointer;
  background: #fafbfc;
  transition: border 0.2s, background 0.2s;
  min-height: 115px;
}
.events-module-modal .category-item.selected {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border: 1px solid #0047ff;
}
.events-module-modal .category-item .category-icon {
  font-size: 28px;
  margin-top: 2px;
}
.events-module-modal .category-item .category-info {
  flex: 1;
}
.events-module-modal .category-item .category-info .category-title {
  font-weight: 700;
  font-size: 16px;
  display: block;
  margin-bottom: 2px;
}
.events-module-modal .category-item .category-info .category-desc {
  color: #6b7280;
  font-size: 14px;
}
.events-module-modal .category-item .category-radio {
  margin-left: 8px;
  margin-top: 4px;
}
.events-module-modal .category-item .category-radio input[type=radio] {
  accent-color: #0047ff;
  width: 18px;
  height: 18px;
}
.events-module-modal .observation-input {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  margin-bottom: 4px;
  height: 120px;
  resize: none !important;
}
.events-module-modal .observation-footer {
  display: flex;
  justify-content: space-between;
  color: #6b7280;
  font-size: 13px;
}
.events-module-modal .tags-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 15px;
  margin-bottom: 4px;
}
.events-module-modal .tags-helper {
  color: #6b7280;
  font-size: 13px;
}
.events-module-modal .advanced-section {
  margin-bottom: 24px;
}
.events-module-modal .advanced-section .advanced-toggle {
  background: none;
  border: none;
  color: #374151;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  padding: 12px 0;
  border-bottom: 1px solid #e5e7eb;
  transition: color 0.2s;
}
.events-module-modal .advanced-section .advanced-toggle:hover {
  color: #0047ff;
}
.events-module-modal .advanced-section .advanced-caret {
  transition: transform 0.3s ease;
  color: #6b7280;
}
.events-module-modal .advanced-section .advanced-caret.open {
  transform: rotate(180deg);
  color: #0047ff;
}
.events-module-modal .advanced-section .advanced-content {
  margin-top: 16px;
}
.events-module-modal .advanced-section .advanced-content .row {
  margin-bottom: 20px;
}
.events-module-modal .advanced-section .advanced-content .row:last-child {
  margin-bottom: 0;
}
.events-module-modal .events-module-footer {
  width: 450px;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
}
.events-module-modal .events-module-footer .cancel-btn {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  color: #374151;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: border 0.2s, background 0.2s;
}
.events-module-modal .events-module-footer .cancel-btn:hover {
  border-color: #bdbdbd;
  background: #f3f4f6;
}
.events-module-modal .events-module-footer .finish-btn {
  background: #0047ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: not-allowed;
  opacity: 0.7;
}
.events-module-modal .events-module-footer .finish-btn:enabled {
  cursor: pointer;
  opacity: 1;
}
.events-module-modal .events-module-footer .finish-btn:hover {
  background: rgb(0, 56.8, 204);
}
.events-module-modal .close-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 18px;
  background: none;
  border: none;
  font-size: 28px;
  color: #6b7280;
  cursor: pointer;
  z-index: 2;
  padding: 0 8px;
  line-height: 1;
  transition: color 0.2s;
}
.events-module-modal .close-btn:hover {
  color: #0047ff;
}
.events-module-modal .required-indicator {
  color: #ef4444;
  margin-left: 4px;
}
.events-module-modal .available-tags {
  margin-top: 8px;
}

.events-module-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
.events-module-loading .loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e7eb;
  border-top: 3px solid #0047ff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 16px;
}
.events-module-loading p {
  color: #6b7280;
  font-size: 15px;
  margin: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}@keyframes skeleton-shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.skeleton-base, .skeleton-finish-btn, .skeleton-cancel-btn, .skeleton-advanced-caret, .skeleton-advanced-text, .skeleton-textarea, .skeleton-category-radio, .skeleton-category-desc, .skeleton-category-title, .skeleton-category-icon, .skeleton-search-input, .skeleton-section-title, .skeleton-close-btn, .skeleton-header-subtitle, .skeleton-header-title {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-shimmer 1.5s infinite;
  border-radius: 4px;
}

.skeleton-header-title {
  height: 28px;
  width: 280px;
  margin-bottom: 8px;
  border-radius: 6px;
}

.skeleton-header-subtitle {
  height: 18px;
  width: 220px;
  border-radius: 4px;
}

.skeleton-close-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 18px;
  border-radius: 50%;
}

.skeleton-section-title {
  height: 20px;
  width: 140px;
  margin-bottom: 8px;
  border-radius: 4px;
}

.skeleton-search-input {
  height: 36px;
  width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
}

.skeleton-category-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 14px;
  background: #fafbfc;
  margin-bottom: 12px;
}

.skeleton-category-icon {
  width: 28px;
  height: 28px;
  margin-top: 2px;
  border-radius: 6px;
}

.skeleton-category-info {
  flex: 1;
}

.skeleton-category-title {
  height: 20px;
  width: 120px;
  margin-bottom: 4px;
  border-radius: 4px;
}

.skeleton-category-desc {
  height: 16px;
  width: 200px;
  border-radius: 4px;
}

.skeleton-category-radio {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 4px;
  border-radius: 50%;
}

.skeleton-required-section {
  margin-bottom: 24px;
}

.skeleton-textarea {
  height: 120px;
  width: 100%;
  border-radius: 8px;
}

.skeleton-advanced-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #e5e7eb;
}

.skeleton-advanced-text {
  height: 18px;
  width: 80px;
  border-radius: 4px;
}

.skeleton-advanced-caret {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.skeleton-cancel-btn {
  height: 36px;
  width: 90px;
  border-radius: 8px;
}

.skeleton-finish-btn {
  height: 36px;
  width: 180px;
  border-radius: 8px;
}
.multimedia-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  z-index: 10;
  user-select: none;
}

/* ── Toolbar ─────────────────────────────────────── */
.multimedia-lightbox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  z-index: 12;
}

.multimedia-lightbox__toolbar-left,
.multimedia-lightbox__toolbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.multimedia-lightbox__counter {
  font-size: 13px;
  font-weight: 500;
  color: #49525f;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  min-width: 100px;
}

/* ── Buttons ─────────────────────────────────────── */
.multimedia-lightbox__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: none;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  cursor: pointer;
  color: #49525f;
  transition: background 0.15s, color 0.15s;
  padding: 6px;
}
.multimedia-lightbox__btn:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #1a1a1a;
}

.multimedia-lightbox__btn--close {
  padding: 6px;
}

.multimedia-lightbox__btn--expand {
  padding: 6px;
}

/* ── Navigation Arrows ───────────────────────────── */
.multimedia-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  color: #49525f;
  z-index: 12;
  transition: background 0.15s, box-shadow 0.15s;
}
.multimedia-lightbox__nav:hover {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  color: #1a1a1a;
}

.multimedia-lightbox__nav--prev {
  left: 12px;
}

.multimedia-lightbox__nav--next {
  right: 12px;
}

/* ── Media Content ───────────────────────────────── */
.multimedia-lightbox__content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 85%;
  max-height: 80%;
  z-index: 11;
}

.multimedia-lightbox__media-image {
  max-width: 100%;
  max-height: 75vh;
  object-fit: contain;
  border-radius: 4px;
}

.multimedia-lightbox__media-video {
  max-width: 100%;
  max-height: 75vh;
  border-radius: 4px;
}

.multimedia-lightbox__interactive-list {
  min-width: 300px;
  border-collapse: collapse;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.multimedia-lightbox__interactive-list th {
  background: #f5f6f8;
  padding: 10px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: #49525f;
}
.multimedia-lightbox__interactive-list td {
  padding: 10px 16px;
  font-size: 13px;
  color: #49525f;
  border-top: 1px solid #e8e9ed;
}

/* ── Caption ─────────────────────────────────────── */
.multimedia-lightbox__caption {
  padding: 0 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #49525f;
  max-width: 80%;
  text-align: center;
  z-index: 11;
}.confirm-merge {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.confirm-merge__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  min-height: 48px;
}
.confirm-merge__header-back {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: color 0.15s;
  width: auto;
  cursor: pointer;
}
.confirm-merge__header-back:hover {
  color: #111827;
}
.confirm-merge__header-title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  color: #111827;
  margin: 0;
}
.confirm-merge__header-subtitle {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
  text-align: center;
}
.confirm-merge__header-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 4px;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: color 0.15s, background-color 0.15s;
  width: auto;
  cursor: pointer;
}
.confirm-merge__header-close:hover {
  color: #111827;
  background-color: #f3f4f6;
}
.confirm-merge__header_icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.confirm-merge__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  overflow-y: auto;
  align-items: center;
}
.confirm-merge__visualization {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 0;
}
.confirm-merge__visualization-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.confirm-merge__visualization-avatar {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}
.confirm-merge__visualization-avatar--source {
  background-color: #f3f4f6;
  box-shadow: 0 0 0 2px #d1d5db;
}
.confirm-merge__visualization-avatar--target {
  background-color: #eff6ff;
  box-shadow: 0 0 0 2px #bfdbfe;
}
.confirm-merge__visualization-name {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.confirm-merge__visualization-merge-icon-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fef3c7;
  color: #d97706;
}
.confirm-merge__visualization-merge-icon {
  width: 20px;
  height: 20px;
  color: inherit;
  flex-shrink: 0;
}
.confirm-merge__consequences {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.confirm-merge__consequences-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #6b7280;
  padding: 0 4px;
  margin: 0 0 8px;
}
.confirm-merge__consequences-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.confirm-merge__consequences-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: #f9fafb;
  transition: background-color 0.15s;
}
.confirm-merge__consequences-item:hover {
  background-color: #f3f4f6;
}
.confirm-merge__consequences-item span {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #374151;
}
.confirm-merge__consequences-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.confirm-merge__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid #e5e7eb;
}
.confirm-merge__spinner {
  animation: confirm-merge-spin 1s linear infinite;
}
.confirm-merge :is(.smart-tips) {
  border-radius: 8px;
}
.confirm-merge :is(.smart-tips-title) {
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.confirm-merge :is(.smart-tips-description) {
  font-size: 0.75rem;
  line-height: 1.3333333333;
}

@keyframes confirm-merge-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.fade-in-from-top {
  animation: fadeInFromTop 0.5s ease-in-out forwards;
}

.fade-out-to-top {
  color: red;
  animation: fadeOutToTop 35s ease-in-out forwards;
}

.virtual-assistant-instructions {
  font-style: italic;
  font-size: 12px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  margin-top: 15px;
}

@keyframes fadeInFromTop {
  0% {
    color: red;
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    color: red;
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInFromTop {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.ai-assistant-block {
  margin-bottom: 15px;
}
.ai-assistant-block .ai-assistant-block-title .info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.ai-assistant-block .ai-assistant-block-title .info small {
  color: dimgrey;
  font-size: 11px;
  font-weight: 400;
}
.ai-assistant-block .ai-assistant-block-title .action {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
}
.ai-assistant-block .suggestion-card {
  margin-top: 15px;
  animation: fadeInFromTop 0.5s ease-in-out forwards;
}
.ai-assistant-block .suggestion-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(135deg, #1335C9 0%, #A120AD 75%, #CF2D55 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.ai-assistant-block .conversation-summary {
  width: 100%;
  height: auto;
  min-height: 150px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
  color: #767676;
  background-color: white;
}

.ai-assistant-v2 {
  color: var(--off-black, #1e1e1e);
}
.ai-assistant-v2 .ai-assistant-section {
  padding: 5px;
}
.ai-assistant-v2 .ai-assistant-section-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.ai-assistant-v2 .ai-assistant-section-header-icon-area {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rounded-lg, 0.5rem);
  background-color: #f9fafb;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
}
.ai-assistant-v2 .ai-assistant-section-header-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: var(--reach-blue, #2563eb);
}
.ai-assistant-v2 .ai-assistant-section-header-title {
  margin: 0;
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.5;
}
.ai-assistant-v2 .ai-assistant-section-header-description {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.33;
  color: rgba(63, 63, 70, 0.7019607843);
}
.ai-assistant-v2 .ai-assistant-divider {
  flex-shrink: 0;
  margin: 1.5rem 0;
  background-color: #e4e4e7;
  height: 1px;
  width: 100%;
}
.ai-assistant-v2 .ai-assistant-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.ai-assistant-v2 .ai-assistant-actions.is-disabled {
  opacity: 0.55;
  pointer-events: none;
}
.ai-assistant-v2 .ai-assistant-action {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 0.35rem;
  min-height: 92px;
  padding: 0.75rem;
  border-radius: var(--rounded-lg, 0.5rem);
  border: 1px solid #e2e8f0;
  background-color: var(--off-white, #ffffff);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: inherit;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ai-assistant-v2 .ai-assistant-action:hover:not(:disabled) {
  border-color: #d1d5db;
  transform: translateY(-1px);
}
.ai-assistant-v2 .ai-assistant-action:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ai-assistant-v2 .ai-assistant-action-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #6b7280;
}
.ai-assistant-v2 .ai-assistant-action-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.ai-assistant-v2 .ai-assistant-action-hint {
  font-size: 0.6875rem;
  line-height: 1.3;
  color: #6b7280;
}
.ai-assistant-v2 .ai-assistant-action-bullet {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: var(--reach-blue, #2563eb);
}
.ai-assistant-v2 .ai-assistant-action.selected {
  border-color: var(--reach-blue, #2563eb);
  box-shadow: 0 0 0 1px var(--reach-blue, #2563eb);
}
.ai-assistant-v2 .ai-assistant-action.selected .ai-assistant-action-icon,
.ai-assistant-v2 .ai-assistant-action.selected .ai-assistant-action-title {
  color: var(--reach-blue, #2563eb);
}
.ai-assistant-v2 .ai-assistant-compose-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.ai-assistant-v2 .ai-assistant-generate {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.ai-assistant-v2 .ai-assistant-generate-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.ai-assistant-v2 .ai-assistant-generate:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ai-generated-card {
  width: 100%;
  height: auto;
  min-height: 150px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 5px;
  color: #767676;
  background-color: white;
  font-size: small;
}
.ai-generated-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(135deg, #1335C9 0%, #A120AD 75%, #CF2D55 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}.virtual-assistant-card {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 50px auto;
  gap: 0px;
}
.virtual-assistant-card .title {
  grid-column: 1/2;
  grid-row: 1/2;
  padding: 10px 0px;
}
.virtual-assistant-card .title small {
  color: dimgrey;
  font-size: 11px;
  font-weight: 400;
}
.virtual-assistant-card .action {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 10px 0px;
  text-align: end;
  border: none;
  background: none;
  width: auto;
  padding: 0;
  color: #007bff;
  font-size: 0.8rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
.virtual-assistant-card .virtual-assistant-instructions {
  grid-column: 1/3;
  grid-row: 2/3;
  width: 100%;
  margin-top: 0px;
}
.virtual-assistant-card .multicolor_gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(135deg, #1335C9 0%, #A120AD 75%, #CF2D55 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.virtual-assistant-card .virtual-assistant-card {
  grid-column: 1/3;
  grid-row: 2/3;
  width: 100%;
  height: auto;
}
.virtual-assistant-card .content {
  font-style: normal;
  position: relative;
  padding-bottom: 45px;
}
.virtual-assistant-card .content .timestamp {
  position: absolute;
  bottom: 5px;
  left: 10px;
}.menu-card {
  background: white;
  border-radius: 5px;
  width: 100%;
  border: solid 1px #dddddd;
}
.menu-card .menu-card-title {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #D3D4DC;
  padding: 5px 10px;
  font-weight: bold;
}
.menu-card .menu-card-title .menu-card-option-button {
  cursor: pointer;
  color: #5087ec;
  font-weight: normal;
}
.menu-card .menu-card-items {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.menu-card .menu-card-items .menu-card-item {
  display: flex;
}
.menu-card .menu-card-items .menu-card-item .item-title {
  display: flow;
  width: 45%;
  font-weight: bold;
}
.menu-card .menu-card-items .menu-card-item .item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 170px;
  -webkit-box-orient: vertical;
  display: flex;
}
.menu-card .menu-card-items .menu-card-item .item-value.TAGS {
  flex-wrap: wrap;
  gap: 5px;
}
.menu-card .menu-card-items .menu-card-item.no-title .item-value {
  width: 100%;
  flex: 1;
}
.menu-card .menu-card-items .tag {
  padding: 1px 5px !important;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 15px;
  color: #494a4b;
  background: #ffffff;
  border: solid 1px var(--limit-border-color);
  max-width: 65px;
  font-size: 9.5px;
}
.menu-card .menu-card-items .tag span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 9.5px;
}.menu-buttons {
  border-radius: var(--rounded-lg);
  border: 1px solid #e2e8f0;
  background-color: var(--off-white);
}
.menu-buttons .menu-button {
  padding: 8px 10px;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}
.menu-buttons .menu-button .menu-button__icon__area {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: var(--rounded-md);
  background-color: #f5f5f5;
}
.menu-buttons .menu-button .menu-button__icon__icon {
  color: #6b7280;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.menu-buttons .menu-button .menu-buttons__title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  font-weight: bold;
}
.menu-buttons .menu-button .menu-buttons__arrow {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #6b7280;
}.carousel-viewer-modal .modal-dialog {
  max-width: 800px;
  margin: 1.75rem auto;
}

.carousel-viewer-container {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
.carousel-viewer-container .carousel-viewer-content {
  padding: 20px;
  flex: 1;
  overflow-y: auto;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  border-left: 4px solid var(--primary-background-components);
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item {
  margin-bottom: 8px;
  font-size: 14px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item:last-child {
  margin-bottom: 0;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item strong {
  color: #495057;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item .delivery-status {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item .delivery-status.viewed {
  background: #d4edda;
  color: #155724;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item .delivery-status.sent {
  background: #d1ecf1;
  color: #0c5460;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item .delivery-status.delivered {
  background: #d1ecf1;
  color: #0c5460;
}
.carousel-viewer-container .carousel-viewer-content .carousel-viewer-info .carousel-info-item code {
  background: #f8f9fa;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 11px;
  color: #6f42c1;
  border: 1px solid #e9ecef;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #dadde1 transparent; /* Firefox */
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container::-webkit-scrollbar {
  height: 8px; /* Chrome, Safari and Opera - solo horizontal */
  width: 0px; /* Sin scroll vertical */
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container::-webkit-scrollbar-thumb {
  background: #dadde1;
  border-radius: 8px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container .carousel-card-container {
  min-width: 280px;
  max-width: 300px;
  flex-shrink: 0;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container .carousel-card-container .carousel-card-content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-scroll-container .carousel-card-container .carousel-card-content .rcs-action-item:hover {
  background-color: #f5f5f5 !important;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  gap: 15px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-navigation .nav-button {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-navigation .nav-button:hover:not(:disabled) {
  background: #0056b3;
  transform: scale(1.05);
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-navigation .nav-button:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-navigation .carousel-counter {
  font-weight: 600;
  color: #495057;
  font-size: 14px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview {
  background: white;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-header .card-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-header .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content {
  padding: 15px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content .card-title {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
  line-height: 1.4;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content .card-subtitle {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 0;
  line-height: 1.4;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content .card-description {
  font-size: 13px;
  color: #868e96;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.3;
  font-style: italic;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons {
  border-top: 1px solid #e3e6f0;
  padding: 10px 15px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 8px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  gap: 8px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button:last-child {
  margin-bottom: 0;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button .button-icon {
  font-size: 16px;
  flex-shrink: 0;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button .button-text {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #495057;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button .button-data {
  font-size: 12px;
  color: #6c757d;
  font-style: italic;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-indicators {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-indicators .carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #dee2e6;
  cursor: pointer;
  transition: all 0.2s ease;
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-indicators .carousel-dot.active {
  background: #007bff;
  transform: scale(1.2);
}
.carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-indicators .carousel-dot:hover {
  background: #6c757d;
}
.carousel-viewer-container .carousel-viewer-footer {
  padding: 15px 20px;
  border-top: 1px solid #e3e6f0;
  background: #f8f9fa;
  display: flex;
  justify-content: flex-end;
}

.carousel-switcher {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.carousel-switcher .carousel-nav-btn {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.carousel-switcher .carousel-nav-btn:hover:not(:disabled) {
  background: #0056b3;
}
.carousel-switcher .carousel-nav-btn:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}

.carousel-viewer-inline {
  margin: 10px 0;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid #e3e6f0;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode {
  padding: 0;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-navigation {
  margin-bottom: 15px;
  gap: 10px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-navigation .nav-button {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-navigation .carousel-counter {
  font-size: 12px;
  font-weight: 500;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style {
  max-width: 250px;
  border: 1px solid #d1d1d1;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-header .card-image {
  height: 140px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-content {
  padding: 12px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-content .card-title {
  font-size: 14px;
  margin-bottom: 6px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-content .card-subtitle {
  font-size: 12px;
  margin-bottom: 0;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-content .card-description {
  font-size: 11px;
  margin-top: 4px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-buttons {
  padding: 8px 12px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-buttons .card-button {
  padding: 6px 8px;
  margin-bottom: 6px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-buttons .card-button .button-icon {
  font-size: 14px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-buttons .card-button .button-text {
  font-size: 12px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-buttons .card-button .button-data {
  font-size: 10px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-indicators {
  margin-top: 10px;
}
.carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-indicators .carousel-dot {
  width: 8px;
  height: 8px;
}

@media (max-width: 768px) {
  .carousel-viewer-modal .modal-dialog {
    max-width: 95%;
    margin: 0.5rem;
  }
  .carousel-viewer-container .carousel-viewer-content {
    padding: 15px;
  }
  .carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content {
    padding: 12px;
  }
  .carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content .card-title {
    font-size: 15px;
  }
  .carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-content .card-subtitle {
    font-size: 13px;
  }
  .carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons {
    padding: 8px 12px;
  }
  .carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button {
    padding: 6px 10px;
  }
  .carousel-viewer-container .carousel-viewer-content .carousel-preview-section .carousel-card-preview .card-buttons .card-button .button-text {
    font-size: 13px;
  }
  .carousel-viewer-inline {
    padding: 10px;
  }
  .carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style {
    max-width: 200px;
  }
  .carousel-viewer-inline .carousel-viewer-content.inline-mode .carousel-preview-section .carousel-card-preview.mobile-style .card-header .card-image {
    height: 120px;
  }
}.conversations-chat-component-container___multimedia-preview-history {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(3px);
  z-index: 1;
}
.conversations-chat-component-container___multimedia-preview-history .multimedia-preview__options-history {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.conversations-chat-component-container___multimedia-preview-history .multimedia-preview__options-history .multimedia-preview__options--close-icon-history {
  cursor: pointer;
}
.conversations-chat-component-container___multimedia-preview-history .multimedia-preview__image-preview-history {
  max-width: 80%;
  max-height: 80%;
}
.conversations-chat-component-container___multimedia-preview-history .conversations-chat-component-container___multimedia-preview___message-history {
  padding: 0px 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #49525f;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history {
  min-width: 300px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history th {
  background: #315563;
  color: white;
  user-select: none;
  text-align: left;
  padding: 14px 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history td {
  border: 1px solid #dddddd;
  background: white;
  text-align: left;
  padding: 10px 8px;
}
.conversations-chat-component-container___multimedia-preview-history .interactive-list-history tr td:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.message-bubble-container {
  position: relative;
}
.message-bubble-container .carousel-message-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  margin-bottom: 10px;
}
.message-bubble-container .carousel-message-actions .view-carousel-btn {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 15px;
  padding: 5px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}
.message-bubble-container .carousel-message-actions .view-carousel-btn:hover {
  background: #0056b3;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.message-bubble-container .carousel-message-actions .view-carousel-btn:active {
  transform: translateY(0);
}.overall {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 0.6rem 1rem;
  border: solid 1px var(--limit-border-color);
  border-radius: 5px;
  margin-bottom: 10px;
}
.overall .goback {
  width: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sentiment-overall {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.sentiment-overall.MT {
  flex-direction: row-reverse;
}

.sentiment-overall__icon {
  width: auto;
  text-align: center;
  font-size: 4rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  height: 100%;
}

.sentiment-overall__icon img {
  max-width: 30px;
  height: auto;
}

.sentiment-overall__details {
  width: auto;
}

.sentiment-overall__title {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 14px;
}

.sentiment-overall__meaning {
  color: #9b9b9b;
}.sentiment-list-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sentiment-list-container .sentiment-overall {
  position: sticky;
  top: 0;
}
.sentiment-list-container .sentiment-records {
  flex: 1;
  overflow-y: auto;
  border: solid 1px var(--limit-border-color);
  border-radius: 5px;
}.conversation-details-components__component-header {
  min-height: 40px;
}
.conversation-details-components__component-header .component-header__title {
  font-weight: bold;
  font-size: 14px;
  color: #49525f;
  -webkit-user-select: none;
  user-select: none;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.conversation-details-components__contact-details--container {
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-bottom: 0;
  overflow: auto;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--saving {
  height: 600px;
}
.conversation-details-components__contact-details--container .contact-details--header__edit-button,
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--header {
  height: 40px;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--header .contact-details--header__title {
  font-weight: bold;
  font-size: 14px;
  color: #49525f;
  user-select: none;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--header .contact-details--header__edit-button {
  width: 65px;
  height: 25px;
  border-radius: 4px;
  color: #ffffff;
  background: #0047ff;
  font-size: 12px;
  padding: 3px;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  font-weight: bold;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--header .editing {
  background-color: rgba(255, 193, 7, 0.82);
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--options-buttons {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--options-buttons .options-buttons__button {
  font-size: 14px;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  width: 130px;
  text-align: center;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--options-buttons .cancel {
  background: #dc3545;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--options-buttons .save {
  background: #218838;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--options-buttons .cancel:hover {
  background: #c82333;
}
.conversation-details-components__contact-details--container .conversation-details-components__contact-details--options-buttons .save:hover {
  background: #1e7e34;
}

.conversations-history__conversation-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.conversations-history__conversation-details .conversation-details__channel-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.conversation-details-components__conversations-history--container {
  height: 100%;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container {
  height: 100%;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .conversation-details-components__conversations-history--list {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(229, 231, 235, 0.6);
  border-top-left-radius: calc(var(--radius) + 4px);
  border-top-right-radius: calc(var(--radius) + 4px);
  padding-bottom: 5px;
  padding-top: 2px;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .conversation-details-components__conversations-history--list .conversations-history__history-label {
  font-weight: bold;
  font-size: 14px;
  color: #49525f;
  -webkit-user-select: none;
  user-select: none;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .conversation-details-components__conversations-history--list .history--list__list-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-bottom: 0;
  height: 100%;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .conversation-details-components__conversations-history--list .noConversationsHolder {
  text-align: center;
  padding: 30px 10px 10px 10px;
  width: 100%;
  color: #727272;
  font-size: 14px;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .conversation-details-components__conversations-history--list .noConversationsHolderNew {
  text-align: center;
  padding: 30px 10px;
  width: 100%;
  color: #727272;
  font-size: 14px;
  user-select: none;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--loading-container {
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.conversation-details-components__conversations-history--container .conversations-history__chat-container {
  padding: 5px 0px;
  overflow-y: auto;
  background-color: #ffffff;
  border: solid 1px #D3D4DC;
  border-radius: 5px;
}
.conversation-details-components__conversations-history--container .conversations-history__chat-container .message-bubble {
  max-width: 300px !important;
}

.conversation-details-components__conversation-details--container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 5px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--subtitle {
  font-size: 12px;
  color: #343537;
  font-weight: 600;
  user-select: none;
  min-height: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  border-bottom: solid 2px #d3d4dc;
  font-size: 14px;
  padding-top: 5px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px;
  margin: 8px 0;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-header .observation-comment {
  flex: 1;
  word-break: break-word;
  color: #333;
  font-size: 11px;
  line-height: 1.4;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-header .copy-icon {
  cursor: pointer;
  margin-left: 8px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-header .copy-icon:hover {
  opacity: 1;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-footer {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #666;
  margin-top: 8px;
  border-top: 1px solid #f0f0f0;
  padding-top: 8px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-footer .observation-date,
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observationCard .observation-card-footer .observation-author {
  font-weight: 500;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .conversation-details-components__annotations-container {
  background: #fafafa;
  display: grid;
  grid-template-rows: 70px auto;
  border-radius: 5px;
  border: solid 1px var(--limit-border-color);
  max-height: 300px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .conversation-details-components__annotations-container .conversation-details-components__conversation-details--observations-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  overflow-y: auto;
  max-height: 230px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .conversation-details-components__annotations-container .conversation-details-components__conversation-details--observations-container .Card {
  box-shadow: none !important;
  background: none !important;
  padding: 10px !important;
  border-bottom: solid 1px var(--limit-border-color) !important;
  border-radius: 0 !important;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observations-subtitle {
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--content .observations-subtitle strong {
  font-weight: bold;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details-sentiments {
  height: 360px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--tags {
  min-height: 75px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--tags .input-tag__tags {
  font-size: 12px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--tags .input-tag__tags .dark {
  font-weight: bold;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations {
  padding: 15px 0;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations .conversation-details-components__conversation-details--observations-container {
  max-height: 310px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 5px;
  background: #f1f1f1;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations .conversation-details-components__conversation-details--observations-container .conversation-details--observations__no-observations {
  text-align: center;
  font-size: 10px;
  color: #606060;
  font-weight: bold;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations .CAN_MAKE_OBSERVATIONS {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations-input {
  padding: 10px;
  height: 60px;
  border-bottom: solid 1px var(--limit-border-color);
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations-input .observations-input__input {
  background: #ffffff !important;
  font-size: 12px;
  padding: 5px;
  margin: 0 !important;
  color: grey;
  border: solid 1px #dddddd;
  border-radius: 3px;
}
.conversation-details-components__conversation-details--container .conversation-details-components__conversation-details--observations-input .observations-input__button {
  border: none;
  outline: none;
  color: white;
  font-size: 20px;
  font-weight: bold;
  border-radius: 3px;
  border: none;
  width: 30px;
  height: 35px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0047ff;
  font-size: 14px;
}

.ad-referral-container-fluid {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 15px 20px !important;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  gap: 15px;
}

.ad-referral-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ad-referral-replied-text {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.ad-referral-campaign {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  background-color: #f0f0f0;
  padding: 2px 8px;
  border-radius: 12px;
}

.ad-referral-card-detail {
  border: none !important;
  height: 225px;
  position: relative !important;
  overflow: hidden;
  border-radius: 10px !important;
}
.ad-referral-card-detail .ad-referral-card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ad-referral-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px;
  height: 225px;
}

.ad-referral-discount {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.ad-referral-description {
  color: #fff;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ad-referral-button-view-post {
  width: 100%;
  padding: 10px;
  font-weight: 500;
  background-color: #0047ff;
  color: white;
  font-weight: 15px;
  border-radius: 5px;
}

.contact-no-additional-info-label {
  text-align: center;
  padding-top: 20px;
  color: #727272;
}

.conversation-orders-component-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.conversation-orders-component-container .status-buttons {
  width: 100%;
  background: #0047ff;
  border: 1px solid #0047ff;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  height: 30px;
  margin-bottom: 5px;
  padding: 10px;
  cursor: pointer;
  grid-gap: 10px;
  gap: 10px;
}
.conversation-orders-component-container .status-buttons.DRAFT {
  background: #49525f;
  border: 1px solid #49525f;
}
.conversation-orders-component-container .status-buttons.NEEDS_APPROVAL {
  background: #e73089;
  border: 1px solid #e73089;
}
.conversation-orders-component-container .status-buttons.PAID {
  background: #51c172;
  border: 1px solid #51c172;
}
.conversation-orders-component-container .status-buttons.PENDING {
  background: #ff8300;
  border: 1px solid #ff8300;
}
.conversation-orders-component-container .status-buttons.REVERSED {
  background: #ffc714;
  border: 1px solid #ffc714;
}
.conversation-orders-component-container .status-buttons.VOID {
  background: #8e91a4;
  border: 1px solid #8e91a4;
}
.conversation-orders-component-container .status-buttons.EXPIRED {
  background: #60398e;
  border: 1px solid #60398e;
}
.conversation-orders-component-container .status-buttons.REJECTED {
  background: #d54b3d;
  border: 1px solid #d54b3d;
}
.conversation-orders-component-container .status-buttons.DELETED {
  background: red;
  border: 1px solid red;
}
.conversation-orders-component-container .history--create--button {
  width: 100%;
  background: #5087ec;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  height: 30px;
  margin-bottom: 5px;
  padding: 10px;
  cursor: pointer;
  gap: 10px;
}
.conversation-orders-component-container .history--create--button .gg-math-plus {
  transform: scale(0.6);
}
.conversation-orders-component-container .history--list__order-list-container {
  height: fit-content;
  max-height: 100%;
  gap: 0;
  padding: 0px;
  border: solid 1px var(--limit-border-color);
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  background: none;
  overflow-y: auto;
  margin: 10px 0px;
}
.conversation-orders-component-container .history--list__order-list-container .empty-cart {
  font-size: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  flex-wrap: wrap;
}
.conversation-orders-component-container .history--list__order-list-container .empty-cart .line-separator {
  width: 75%;
  border-bottom: 1px solid #727272;
  padding-top: 3px;
}
.conversation-orders-component-container .history--list__order-list-container .empty-cart h3 {
  color: #727272;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item {
  display: grid;
  grid-template-columns: 80px auto 20px;
  grid-template-rows: auto auto;
  gap: 5px;
  border-bottom: solid 1px #D3D4DC;
  padding: 10px;
  cursor: pointer;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .arrow {
  grid-column: 3/4;
  grid-row: 1/3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-number {
  grid-column: 1/2;
  grid-row: 1/2;
  font-weight: bold;
  text-align: right;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-date {
  grid-column: 2/3;
  grid-row: 1/2;
  text-align: right;
  font-weight: lighter;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status {
  grid-column: 2/3;
  grid-row: 2/3;
  text-align: right;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .status-chip {
  border-radius: 5px;
  font-size: 9px;
  border: solid 1.5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-weight: bold;
  padding: 1px 10px;
  text-transform: UPPERCASE;
  display: flex;
  justify-content: center;
  align-items: center;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .DRAFT {
  color: #49525f;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .NEEDS_APPROVAL {
  color: #e73089;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .PAID {
  color: #51c172;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .PENDING {
  color: #ff8300;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .REVERSED {
  color: #ffc714;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .VOID {
  color: #8e91a4;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .EXPIRED {
  color: #60398e;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .REJECTED {
  color: #d54b3d;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-status .DELETED {
  color: red;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .order-amount {
  grid-column: 1/2;
  grid-row: 2/3;
  color: #dddddd;
  font-weight: bold;
  text-align: right;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .DRAFT {
  color: #49525f;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .NEEDS_APPROVAL {
  color: #e73089;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .PAID {
  color: #51c172;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .PENDING {
  color: #ff8300;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .REVERSED {
  color: #ffc714;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .VOID {
  color: #8e91a4;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .EXPIRED {
  color: #60398e;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .REJECTED {
  color: #d54b3d;
}
.conversation-orders-component-container .history--list__order-list-container .history--list__list-order-item .DELETED {
  color: red;
}

.order-view-container {
  height: 100%;
}

.conversations-order-info {
  height: 100%;
}
.conversations-order-info .records-container {
  height: 500px !important;
}
.conversations-order-info .new-ui-tabs-container {
  margin-left: 0px;
  margin: 10px 0px;
}
.conversations-order-info .new-ui-tabs-container .tab {
  padding: 3px 6px;
}

.conversation-details-components__contact-details--form-container {
  background: #ffffff;
  padding: 10px;
  border-radius: 5px;
  height: 100%;
  border: solid 1px #dddddd;
}.portfolio-card {
  border: solid 1px var(--limit-border-color);
  font-size: 13px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.portfolio-card small {
  width: 100% !important;
  display: block;
  color: #8e91a4;
  font-weight: bold;
}
.portfolio-card small.portfolio-card__header {
  padding: 10px;
  border-bottom: solid 1px var(--limit-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.portfolio-card button {
  font-size: 13px;
  padding: 8px 12px;
  font-size: 0.7rem;
  width: 160px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.portfolio-card button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.portfolio-card button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.portfolio-card button.remove-btn {
  background-color: #C65C58;
  color: white;
  width: 100%;
}
.portfolio-card button.remove-btn:hover:not(:disabled) {
  background-color: #b02a37;
}
.portfolio-card button.add-btn {
  background-color: #28a745;
  color: white;
  width: 100%;
}
.portfolio-card button.loading {
  color: black;
  background: gainsboro;
  cursor: progress;
}
.portfolio-card .portfolio-card__button-container {
  padding: 10px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.portfolio-card .portfolio-card__portfolios-container {
  padding: 10px;
  width: 100%;
}
.portfolio-card .portfolio-card__loading,
.portfolio-card .portfolio-card__no-portfolios {
  text-align: center;
  padding: 15px;
  color: #8e91a4;
  font-style: italic;
}
.portfolio-card .portfolio-card__other-agent-notice {
  text-align: center;
  padding: 15px;
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  margin: 10px;
  font-style: italic;
  position: relative;
}
.portfolio-card .portfolio-card__my-portfolio-container {
  padding: 10px;
  background: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 4px;
  margin: 10px;
  position: relative;
  width: calc(100% - 20px);
}
.portfolio-card .portfolio-card__status-indicator {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
}
.portfolio-card .portfolio-card__status-indicator.portfolio-card__status-indicator--my-portfolio {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.portfolio-card .portfolio-card__status-indicator.portfolio-card__status-indicator--other-agent {
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
}
.portfolio-card .portfolio-card__portfolios-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
}
.portfolio-card .portfolio-card__portfolio-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 3px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.portfolio-card .portfolio-card__portfolio-content {
  flex: 1;
}
.portfolio-card .portfolio-card__portfolio-content strong {
  display: block;
  font-size: 12px;
  color: #333;
  margin-bottom: 2px;
}
.portfolio-card .portfolio-card__portfolio-content .portfolio-card__portfolio-description {
  display: block;
  font-size: 10px;
  color: #666;
  line-height: 1.2;
}.input-with-records-container {
  display: flex;
  flex-direction: column;
}
.input-with-records-container .observations-subtitle {
  display: flex;
  flex-shrink: 0;
}
.input-with-records-container .headerText {
  gap: 10px !important;
}
.input-with-records-container .fullMessage {
  text-align: left !important;
  display: flex !important;
  gap: 5px !important;
  font-size: 9px !important;
  margin-top: 5px !important;
}
.input-with-records-container .records-container {
  background: #fafafa;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: solid 1px var(--limit-border-color);
  height: 400px;
}
.input-with-records-container .records-container .input-container {
  padding: 10px;
  height: 60px;
  border-bottom: solid 1px var(--limit-border-color);
  flex-shrink: 0;
}
.input-with-records-container .records-container .input-container input {
  background: #ffffff !important;
  font-size: 12px;
  padding: 5px;
  margin: 0 !important;
  color: grey;
  border: solid 1px #dddddd;
  border-radius: 3px;
}
.input-with-records-container .records-container .items-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow-y: auto;
  height: calc(100% - 60px);
  padding: 10px;
}
.input-with-records-container .records-container .items-container .Card {
  box-shadow: none !important;
  background: none !important;
  padding: 10px !important;
  border-bottom: solid 1px var(--limit-border-color) !important;
  border-radius: 0 !important;
}
.input-with-records-container .disabled .input-container {
  display: none;
}
.input-with-records-container .disabled .items-container {
  height: 100%;
}.cart-view,
.cart-list,
.cart-info,
.order-detail,
.loading-container {
  background: #ffffff;
  height: 100%;
  width: 100%;
  position: relative;
}

.customView-error,
.customView-loading {
  height: 100%;
}

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

.cart-list .empty-cart {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  flex-wrap: wrap;
}
.cart-list .empty-cart .line-separator {
  width: 75%;
  border-bottom: 1px solid #727272;
  padding-top: 3px;
}
.cart-list .empty-cart h3 {
  color: #727272;
}

.orders-list {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 10px 20px;
  background: #ffffff;
}
.orders-list .order-item {
  cursor: pointer;
  padding: 2px 5px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  width: 100%;
  box-shadow: 0 1.7px 1.7px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}
.orders-list .order-item .order-detail {
  padding: 5px;
}
.orders-list .order-item .order-detail .order-number {
  font-size: 12px;
}
.orders-list .order-item .order-detail .order-date {
  font-size: 10px;
  color: #8e91a4;
}
.orders-list .order-item .status-chip {
  color: #0047ff;
  width: fit-content;
  font-size: 12px;
  border-radius: 3px;
}
.orders-list .order-item .NEEDS_APPROVAL {
  color: #e73089;
}
.orders-list .order-item .PAID {
  color: #51c172;
}
.orders-list .order-item .PENDING {
  color: #ff8300;
}
.orders-list .order-item .REVERSED {
  color: #ffc714;
}
.orders-list .order-item .VOID {
  color: #8e91a4;
}
.orders-list .order-item .EXPIRED {
  color: #60398e;
}
.orders-list .order-item .REJECTED {
  color: #d54b3d;
}
.orders-list .order-item .order-amount {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  color: #dddddd;
  font-weight: bold;
}
.orders-list .order-item .NEEDS_APPROVAL {
  color: #e73089;
}
.orders-list .order-item .PAID {
  color: #51c172;
}
.orders-list .order-item .DRAFT {
  color: #0047ff;
}
.orders-list .order-item .PENDING {
  color: #ff8300;
}
.orders-list .order-item .REVERSED {
  color: #ffc714;
}
.orders-list .order-item .VOID {
  color: #8e91a4;
}
.orders-list .order-item .EXPIRED {
  color: #60398e;
}
.orders-list .order-item .REJECTED {
  color: #d54b3d;
}
.orders-list .order-item:hover {
  box-shadow: 0 1.7px 4px 3px rgba(0, 0, 0, 0.16);
}

.order-details-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.order-details-container .details-download {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
  align-items: center;
}
.order-details-container .details-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.order-details-container .details-card .observations-subtitle {
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.order-details-container .download-button {
  background-color: #5087ec;
  color: white;
  border: none;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.order-details-container .order-number-total {
  font-weight: bold;
  color: #51c172;
}.form-row-with-border {
  border: 1px solid lightgray;
  padding: 3px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

input.is-invalid,
textarea.is-invalid {
  border: solid 1px red !important;
}

.ListItemCreateContact {
  background: #0047ff !important;
  color: white !important;
  cursor: pointer !important;
}

.DropdownButtonSelection .button p {
  padding: 5px 16px !important;
}

textarea {
  resize: none !important;
}

label.form-label {
  font-weight: bold;
  font-size: 12px;
}

.no-active-payment-container {
  height: auto;
  position: absolute;
  bottom: 60px;
  width: 93%;
  overflow-y: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.no-active-payment-container .records-disclaimer {
  margin-bottom: unset !important;
}
.no-active-payment-container .records-disclaimer button {
  width: auto !important;
}

.no-active-payment-container.relative {
  height: auto;
  position: relative;
  bottom: unset;
  width: unset;
  overflow-y: hidden;
  margin: 10px 0;
  z-index: 1;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.order-form-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.order-form-container .count-characters {
  font-size: small;
}
.order-form-container small,
.order-form-container .invalid-feedback {
  font-size: small;
}
.order-form-container .amount-grid-container {
  display: grid;
  grid-template-columns: auto 25px 150px;
  grid-template-rows: auto;
  grid-gap: 10px;
  grid-gap: 0px;
  gap: 0px;
  align-items: center;
}
.order-form-container .amount-grid-label {
  grid-column: 1/1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.order-form-container .amount-grid-currency {
  grid-column: 2/3;
  grid-row: 1;
  font-weight: bolder;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.order-form-container .amount-grid-input {
  grid-column: 3/4;
  grid-row: 1;
  min-width: 150px;
  max-width: 150px;
}
.order-form-container .form-control {
  font-size: 0.8rem;
}
.order-form-container .order-form-header {
  background: rgb(0, 71, 255);
  color: white;
  padding: 15px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.order-form-container .order-form-header .status-badge-container {
  grid-column: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.order-form-container .order-form-header .status-badge-container .status-chip {
  margin-left: 0px;
}
.order-form-container .order-form-header .order-form-header-title {
  grid-column: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: white;
}
.order-form-container .form-row {
  align-items: center;
}
.order-form-container .order-footer-container {
  border: solid 1px var(--limit-border-color);
  margin-top: 15px;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  bottom: 0;
  transition: all 2s;
  color: #49525f;
}
.order-form-container .order-footer-container .amount-form {
  border-radius: 4px;
  border: solid 1px lightgray;
}
.order-form-container .order-footer-container .amount-form.false {
  border: solid 1px #0047ff;
}
.order-form-container .order-footer-container .amount-form.true {
  border: solid 1px red;
}
.order-form-container .order-footer-container .address-form {
  border-radius: 4px;
  border: solid 1px lightgray;
}
.order-form-container .order-footer-container .address-form.false {
  border: solid 1px #0047ff;
}
.order-form-container .order-footer-container .address-form.true {
  border: solid 1px red;
}
.order-form-container .order-footer-container .invoiceNIT-form {
  border-radius: 4px;
  border: solid 1px lightgray;
}
.order-form-container .order-footer-container .invoiceNIT-form.false {
  border: solid 1px #0047ff;
}
.order-form-container .order-footer-container .invoiceNIT-form.true {
  border: solid 1px red;
}
.order-form-container .order-footer-container .form-buttons {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.order-form-container .order-footer-container .form-buttons .create-order-button {
  height: 40px;
  z-index: 100;
  font-size: 12px;
}
.order-form-container .order-footer-container .form-buttons .delete-order-button {
  height: 40px;
  z-index: 100;
  font-size: 12px;
}
.order-form-container .payment-options-container {
  padding: 5px;
}
.order-form-container .payment-options-container .custom-checkbox-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.order-form-container .payment-options-container .custom-checkbox-container input[type=checkbox] {
  height: 1px !important;
  display: none;
}
.order-form-container .payment-options-container .custom-checkbox-container {
  text-align: right;
}
.order-form-container .payment-options-container .form-group {
  margin-bottom: 0;
}
.order-form-container .payment-options-container .form-row {
  margin: 10px 0;
}
.order-form-container .payment-options-container .form-row .form-label {
  font-size: 12px;
  font-weight: bold;
}
.order-form-container .payment-options-container label.form-label {
  font-weight: bold;
  font-size: 12px;
}
.order-form-container .payment-options-container select.form-control {
  height: 35px;
  font-size: 14px;
  cursor: pointer;
  margin-top: 4px;
}
.order-form-container .payment-options-container .form-row > .col,
.order-form-container .payment-options-container .form-row > [class*=col-] {
  padding-left: 0px;
}
.order-form-container .order-checkbox-contanier {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  max-width: 270px;
  margin: 0 auto 20px auto;
  height: auto;
  opacity: 1;
  max-height: 100px;
  transition: max-height 200ms, opacity 5ms ease-in, margin 10ms;
}
.order-form-container .order-checkbox-contanier.hidden {
  max-height: 0;
  opacity: 0;
  margin: 0;
}
.order-form-container .order-checkbox-contanier.hidden input.form-check-input {
  pointer-events: none;
  cursor: initial;
}
.order-form-container .order-checkbox-contanier.hidden label.form-check-label {
  cursor: initial;
}
.order-form-container .order-checkbox-contanier.hidden .order-checkbox {
  max-height: 0;
}
.order-form-container .order-checkbox-contanier .form-check-input {
  -webkit-appearance: checkbox;
  appearance: checkbox;
  border-radius: 5px !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
}
.order-form-container .order-checkbox-contanier .form-check {
  display: flex;
  align-items: center;
  align-content: center;
  margin: 0;
}
.order-form-container .order-checkbox-contanier .form-check-label {
  font-family: inherit;
  font-size: 13.6px;
  font-weight: bold;
  color: #606060;
  padding-top: 6px;
  padding-left: 10px;
}
.order-form-container .invoice-container {
  padding: 5px;
  border: solid 1px var(--limit-border-color);
  border-radius: 5px;
  color: #49525f;
}
.order-form-container .invoice-container input {
  margin-right: 0 !important;
}
.order-form-container .form-label {
  cursor: auto !important;
}
.order-form-container .order-form.independent-layout {
  display: flex;
  justify-content: space-between;
  height: 100%;
  gap: 20px;
  padding: 20px;
}
.order-form-container .order-form form {
  width: 100%;
}
.order-form-container .order-form,
.order-form-container .order-form.rowResponsive {
  height: 100%;
  padding: 3px;
}
.order-form-container .order-form input,
.order-form-container .order-form textarea,
.order-form-container .order-form select,
.order-form-container .order-form.rowResponsive input,
.order-form-container .order-form.rowResponsive textarea,
.order-form-container .order-form.rowResponsive select {
  background: white !important;
}
.order-form-container .order-form .amount-form,
.order-form-container .order-form.rowResponsive .amount-form {
  display: grid;
  grid-template-columns: 31px auto;
}
.order-form-container .order-form .amount-form input,
.order-form-container .order-form.rowResponsive .amount-form input {
  padding-right: 5px !important;
  padding-left: 5px !important;
  border: none !important;
  height: 38px !important;
  font-weight: bold;
}
.order-form-container .order-form .amount-form input:focus,
.order-form-container .order-form.rowResponsive .amount-form input:focus {
  box-shadow: none !important;
}
.order-form-container .order-form .amount-form .input-group:focus-within,
.order-form-container .order-form.rowResponsive .amount-form .input-group:focus-within {
  border-color: #80bdff !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.order-form-container .order-form .amount-form span,
.order-form-container .order-form.rowResponsive .amount-form span {
  color: #bdbaba;
  padding-left: 3px;
  font-weight: bold;
}
.order-form-container .order-form .amount-form .input-group,
.order-form-container .order-form.rowResponsive .amount-form .input-group {
  height: 35px !important;
  background: white !important;
  border-radius: 5px !important;
  border: 1px solid #ced4da !important;
}
.order-form-container .order-form .true .input-group,
.order-form-container .order-form.rowResponsive .true .input-group {
  border-color: #dc3545 !important;
}
.order-form-container .order-form .true .input-group:focus-within,
.order-form-container .order-form.rowResponsive .true .input-group:focus-within {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.order-form-container .order-form .invoice-header .col-8,
.order-form-container .order-form.rowResponsive .invoice-header .col-8 {
  display: flex;
  align-items: center;
}
.order-form-container .order-form .invoice-header .col,
.order-form-container .order-form.rowResponsive .invoice-header .col {
  display: flex;
  justify-content: flex-end;
}
.order-form-container .order-form .invoice-header button.invoice-header-action,
.order-form-container .order-form.rowResponsive .invoice-header button.invoice-header-action {
  height: 24px;
  font-size: 12px;
  width: 65px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-form-container .order-form .invoice-header h1,
.order-form-container .order-form.rowResponsive .invoice-header h1 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
.order-form-container .order-form .form-buttons .send-chat-button,
.order-form-container .order-form.rowResponsive .form-buttons .send-chat-button {
  z-index: 100;
  color: #fff !important;
  background: #0047ff;
  border-radius: 4px;
  font-size: 10px;
  height: 40px;
}

@media (min-width: 1001px) {
  .custom__form__row.form-row {
    justify-content: space-evenly;
    align-items: flex-start;
  }
  .custom__form__row.form-row .custom__form__col {
    width: 48%;
  }
}
/* One-column layout for small screens */
@media (max-width: 1000px) {
  .custom__form__row.form-row {
    justify-content: flex-center;
    align-items: flex-center;
  }
  .custom__form__row.form-row .custom__form__col {
    width: 98%;
  }
}
.cart-order-details {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.cart-order-details span {
  font-size: 13px;
}

.payment-link {
  color: var(--off-black);
  margin-top: 1rem;
}
.payment-link-section-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.payment-link-section-header-icon-area {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rounded-lg);
  background-color: #f9fafb;
  height: 2rem;
  width: 2rem;
}
.payment-link-section-header-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #1e293b;
}
.payment-link-section-header-title {
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.5;
}
.payment-link-section-header-description {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: rgba(63, 63, 70, 0.7019607843);
}
.payment-link-section-header-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  background-color: #e5e7eb;
  color: #6b7280;
  margin-top: 0.25rem;
}
.payment-link-divider {
  flex-shrink: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #e4e4e7;
  height: 1px;
  width: 100%;
}
.payment-link-payment-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.payment-link-payment-methods-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 0.5rem;
  min-height: 65px;
  padding: 0.5rem;
  border-radius: var(--rounded-lg);
  border: 1px solid #e2e8f0;
  background-color: var(--off-white);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: inherit;
}
.payment-link-payment-methods-button.selected {
  border: 1px solid #6b7280;
}
.payment-link-payment-methods-button :disabled {
  opacity: 0.5;
}
.payment-link-payment-methods-button-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #6b7280;
}
.payment-link-payment-methods-button-bullet {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: #6b7280;
}
.payment-link-payment-methods-button-title {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
}
.payment-link-payment-methods-select-area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.payment-link-payment-methods-select-area :is(.select-container) {
  width: 100%;
  position: relative;
}
.payment-link-payment-methods-select-area :is(.bot-interaction-select, .bot-interaction-select-options) {
  width: 100% !important;
}
.payment-link-payment-methods-select-area :is(.bot-interaction-select-options) {
  left: 0;
  right: 0;
  width: auto !important;
  max-width: 100%;
  box-sizing: border-box;
}
.payment-link-payment-methods-select-area :is(.truncate) {
  width: auto;
}
.payment-link-amount-to-charge {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: max-content 1rem 5rem;
  justify-content: center;
  align-items: center;
  justify-items: center;
  gap: 0.5rem;
  width: max-content;
  white-space: nowrap;
  margin: 0 auto;
  flex-shrink: 0;
  overflow: visible;
  justify-self: center;
  align-self: center;
}
.payment-link-amount-to-charge-input {
  min-width: 0px;
  width: max-content !important;
  inline-size: max-content;
  display: inline-block;
  border: none;
  background-color: transparent;
  text-align: right;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--off-black);
  outline: none;
}
.payment-link-amount-to-charge-input::placeholder {
  color: #737373;
}
.payment-link-amount-to-charge-separator {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 300;
  color: #6b7280;
  text-align: center;
}
.payment-link-amount-to-charge-currency {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 500;
  color: #6b7280;
  width: 4ch;
  text-align: left;
}
.payment-link-amount-to-charge-icon {
  width: 2rem;
  height: 2rem;
  align-self: center;
  justify-self: flex-start;
  color: #6b7280;
  flex-shrink: 0;
}
.payment-link-amount-to-charge-cart-details {
  margin-inline: 2rem;
}
.payment-link-payment-preferences-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  max-width: 400px;
}
.payment-link-payment-preferences-v2-button {
  position: relative;
  padding: 1rem 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  text-align: left;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: white;
  cursor: pointer;
  margin: 0;
}
.payment-link-payment-preferences-v2-button:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-color: #d1d5db;
}
.payment-link-payment-preferences-v2-button-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.payment-link-payment-preferences-v2-button-header-icon-area {
  padding: 0.5rem;
  border-radius: 9999px;
  background-color: #f5f5f5;
  color: #6b7280;
}
.payment-link-payment-preferences-v2-button-header-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.payment-link-payment-preferences-v2-button-header-text-area {
  flex: 1;
}
.payment-link-payment-preferences-v2-button-header-text {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #6b7280;
}
.payment-link-payment-preferences-v2-button-body {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
}
.payment-link-payment-preferences-v2-button-bullet {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: #6b7280;
}
.payment-link-payment-preferences-v2-button.selected {
  border: 1px solid #6b7280;
}
.payment-link-payment-preferences-v2-select-area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.payment-link-payment-preferences-v2-select-area :is(.select-container) {
  width: 100%;
  position: relative;
}
.payment-link-payment-preferences-v2-select-area :is(.bot-interaction-select, .bot-interaction-select-options) {
  width: 100% !important;
}
.payment-link-payment-preferences-v2-select-area :is(.bot-interaction-select-options) {
  left: 0;
  right: 0;
  width: auto !important;
  max-width: 100%;
  box-sizing: border-box;
}
.payment-link-payment-preferences-v2-select-area :is(.truncate) {
  width: auto;
}
.payment-link-associated-banks {
  max-height: 200px;
  overflow-y: auto;
}
.payment-link-associated-banks-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e8f0;
  border-radius: var(--rounded-lg);
}
.payment-link-associated-banks-card:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.payment-link-associated-banks-card-icon-area {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: #f3f4f6;
}
.payment-link-associated-banks-card-icon {
  width: 20px;
  height: 20px;
  color: #6b7280;
}
.payment-link-associated-banks-card-details-area {
  flex: 1 1 0%;
  min-width: 0;
}
.payment-link-associated-banks-card-details-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.payment-link-associated-banks-card-details-row.number {
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
}
.payment-link-associated-banks-card-details-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #6b7280;
}
.payment-link-associated-banks-card-details-number {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-family: "Geist Mono", "Geist Mono Fallback";
  color: #6b7280;
}
.payment-link-associated-banks-card-details-separator {
  color: #6b7280;
}
.payment-link-associated-banks-card-details-copy-button {
  flex-shrink: 0;
  padding: 0.375rem;
  border-radius: 0.25rem;
  color: #6b7280;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
}
.payment-link-associated-banks-card-details-copy-button:hover {
  color: rgb(83.7787234043, 89.2595744681, 100.2212765957);
  background-color: #f3f4f6;
}
.payment-link-associated-banks-card-details-copy-button {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.payment-link-associated-banks-card-details-copy-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #6b7280;
}
.payment-link-delivery-details-charge-shipping-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-link-delivery-details-charge-shipping-currency {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: rgba(63, 63, 70, 0.7019607843);
}
.payment-link-delivery-details-shipping-cost {
  background-color: rgba(255, 255, 255, 0.5019607843);
  box-sizing: border-box;
}
.payment-link-delivery-details-shipping-cost-label {
  color: rgba(63, 63, 70, 0.7019607843) !important;
}
.payment-link-delivery-details-shipping-cost-content {
  position: relative;
  box-sizing: border-box;
}
.payment-link-delivery-details-shipping-cost-currency-area {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  color: rgba(63, 63, 70, 0.7019607843);
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-link-delivery-details-shipping-cost-input {
  display: flex;
  width: 100%;
  border: 1px solid #e2e8f0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem !important;
  background-color: var(--off-white);
  border-radius: calc(var(--radius) - 2px);
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
.payment-link-delivery-details-shipping-cost-input::placeholder {
  color: hsl(215.4, 16.3%, 46.9%);
}
.payment-link-delivery-details-shipping-cost-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0);
}
.payment-link-delivery-details-shipping-cost-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.payment-link-billing-information {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.payment-link-billing-information-billing-address {
  grid-column: span 2/span 2;
}
.payment-link-billing-information-billing-address-input {
  resize: none !important;
}
.payment-link-billing-information-optional {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
}
.payment-link-billing-information-optional-icon {
  width: 1rem;
  height: 1rem;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  color: #6b7280;
}
.payment-link-billing-information-optional-text {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
  user-select: none;
}
.payment-link-billing-information-optional[data-state=open] .payment-link-billing-information-optional-icon {
  transform: rotate(180deg);
}
.payment-link-billing-information-remember-me {
  display: flex;
  align-items: center;
  padding-top: 4px;
}
.payment-link-billing-information-remember-me-checkbox {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  margin-right: 8px;
}
.payment-link-billing-information-remember-me-checkbox[type=checkbox] {
  outline: none !important;
  border-color: #e5e5e5 !important;
}
.payment-link-billing-information-remember-me-label {
  font-weight: 500;
  line-height: 1;
  font-size: 0.75rem;
  margin: 0;
}
.payment-link-billing-information-notes {
  margin: 0;
}
.payment-link-notes {
  margin-top: 0 !important;
  resize: none !important;
}
.payment-link-sticky-summary {
  position: sticky;
  bottom: -15px;
  width: 100%;
  z-index: 40;
  border-top: 1px solid #e5e5e5;
  background-color: rgba(255, 255, 255, 0.95);
}
@supports (backdrop-filter: blur(0)) {
  .payment-link-sticky-summary {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
  }
}
.payment-link-sticky-summary.is-elevated {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.payment-link-sticky-summary-content {
  padding: 1rem;
}
.payment-link-sticky-summary-card {
  padding: 1rem;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.payment-link-sticky-summary-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-link-sticky-summary-card-header-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}
.payment-link-sticky-summary-card-header-currency {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: rgba(63, 63, 70, 0.7019607843);
}
.payment-link-sticky-summary-card-details {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.payment-link-sticky-summary-card-details-item {
  display: flex;
  justify-content: space-between;
}
.payment-link-sticky-summary-card-details-item.last {
  border-top: 1px solid #e5e5e5;
  padding-top: 0.5rem;
}
.payment-link-sticky-summary-card-details-item-title {
  color: rgba(63, 63, 70, 0.7019607843);
}
.payment-link-sticky-summary-card-details-item-value {
  font-weight: 500;
}
.payment-link-sticky-summary-card-details-item-value.total {
  color: var(--reach-blue);
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 600;
}
.payment-link-summary {
  position: sticky;
  bottom: 0rem;
  left: 0;
  right: 0;
  z-index: 40;
  border-top-width: 1px;
  border-top-style: solid;
  background-color: rgba(255, 255, 255, 0.9490196078);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: none;
}
.payment-link-summary-box {
  padding: 1rem;
}
.payment-link-summary-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
  border-width: 0;
  border-radius: 0.75rem;
  color: #000000;
  background-color: transparent;
  box-shadow: none;
}
.payment-link-summary-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-link-summary-card-header-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}
.payment-link-summary-card-header-currency {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: rgba(63, 63, 70, 0.7019607843);
}
.payment-link-invalid-feedback {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  margin-top: 0.5rem;
  color: #fb2c36;
}
.payment-link-invalid-feedback.center {
  text-align: center;
  width: 100%;
}
.payment-link-shopping-cart {
  justify-content: space-between;
  padding-block: 0.5rem;
  padding-inline: 1rem;
}
.payment-link-shopping-cart :is(.info-tooltip-trigger) {
  margin: 0;
  color: var(--reach-blue);
  text-decoration: none;
}
.payment-link-shopping-cart :is(.info-tooltip-trigger):hover {
  text-decoration: underline;
}

.payment-review {
  padding: 1rem;
}
.payment-review-arrow-back-area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.payment-review-arrow-back-area-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #6b7280;
}
.payment-review-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.payment-review-icon-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 9999px;
  background-color: color-mix(in oklab, var(--reach-blue) 10%, transparent);
}
.payment-review-icon {
  width: 2rem;
  height: 2rem;
  color: #2563eb;
}
.payment-review-title {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 700;
}
.payment-review-description {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #6b7280;
}
.payment-review-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: var(--off-white);
  color: #1e293b;
  border-radius: var(--rounded-lg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}
.payment-review-card-grid {
  display: grid;
  gap: 0.75rem;
}
.payment-review-card-description-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #64748b;
}
.payment-review-card-description-value {
  max-width: none;
}
.payment-review-card-description-value-text {
  font-size: 0.75rem;
  line-height: 1.3333333333;
}

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

.summary-sticky {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  margin-block: 2rem;
  background-color: var(--off-white);
  border-radius: var(--rounded-lg);
  border: 1px solid #e2e8f0;
}
.summary-sticky__inner {
  margin: 0 auto;
  padding: 16px;
}
.summary-sticky__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summary-sticky__title {
  margin: 0;
  font-weight: 600;
  color: #0f172a;
}
.summary-sticky__muted {
  font-size: 12px;
  color: #6b7280;
}
.summary-sticky__list {
  display: grid;
  grid-auto-rows: minmax(20px, auto);
  row-gap: 8px;
  font-size: 14px;
}
.summary-sticky__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summary-sticky__label {
  color: #64748b;
}
.summary-sticky__value {
  font-weight: 500;
  color: var(--off-black);
}
.summary-sticky__divider {
  margin-top: 8px;
  margin-bottom: 8px;
  height: 1px;
  background-color: oklch(92.2% 0 0deg);
}
.summary-sticky__strong {
  font-weight: 600;
  color: var(--off-black);
}
.summary-sticky__net-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--reach-blue);
}
.summary-sticky__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #6b7280;
}
.summary-sticky__disclaimer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #6b7280;
}
.summary-sticky__disclaimer-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #6b7280;
}
.summary-sticky__disclaimer-text {
  color: #6b7280;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.summary-sticky__button {
  appearance: none;
  border: none;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--reach-blue);
  cursor: pointer;
  transition: filter 120ms ease-in-out, transform 80ms ease-out;
}
.summary-sticky__button:hover {
  filter: brightness(1.05);
}
.summary-sticky__button-secondary {
  appearance: none;
  border: none;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f172a;
  background-color: white;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  transition: filter 120ms ease-in-out, transform 80ms ease-out;
}
.summary-sticky__button-secondary:hover {
  filter: brightness(1.05);
}

/* Ensure the sticky summary aligns to this container, not the window */
#payment-link-container {
  position: relative;
}.pick-catalog {
  display: flex;
  flex-direction: column;
  place-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
.pick-catalog-icon-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background-color: #dbeafe;
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.pick-catalog-icon {
  display: block;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%232563eb'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-package-icon%20lucide-package'%3e%3cpath%20d='M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z'/%3e%3cpath%20d='M12%2022V12'/%3e%3cpolyline%20points='3.29%207%2012%2012%2020.71%207'/%3e%3cpath%20d='m7.5%204.27%209%205.15'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.pick-catalog-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #111827;
}
.pick-catalog-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin-bottom: 1.5rem;
  max-width: 24rem;
}

.catalog-selector-button .dropdown-toggle {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #f8fafc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #2563eb;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
  border: none;
  margin-block: 0.5rem;
}
.catalog-selector-button .dropdown-toggle:hover {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}

.loading-skeleton {
  padding: 20px;
}
.loading-skeleton .skeleton-form-group {
  margin-bottom: 20px;
}
.loading-skeleton .skeleton-form-group .skeleton-label {
  width: 150px;
  height: 16px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 8px;
}
.loading-skeleton .skeleton-form-group .skeleton-select {
  width: 100%;
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 6px;
}
.loading-skeleton .skeleton-search {
  width: 100%;
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 6px;
  margin-bottom: 20px;
}
.loading-skeleton .skeleton-categories {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.loading-skeleton .skeleton-categories .skeleton-category {
  height: 80px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.product-options-container {
  margin: 12px 0;
  padding: 10px 12px;
  background-color: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
.product-options-container .options-title {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  margin: 0 0 8px 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #dee2e6;
}
.product-options-container .option-group {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.product-options-container .option-group:last-child {
  margin-bottom: 0;
}
.product-options-container .option-group .option-label {
  font-weight: 500;
  color: #6c757d;
  font-size: 13px;
  min-width: 60px;
  margin-right: 8px;
  flex-shrink: 0;
}
.product-options-container .option-group .option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.product-options-container .option-group .option-values .option-value-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  color: #495057;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
  min-height: 24px;
  line-height: 1;
}
.product-options-container .option-group .option-values .option-value-button:hover {
  background-color: #e9ecef;
  border-color: #adb5bd;
}
.product-options-container .option-group .option-values .option-value-button.selected {
  background-color: #20B9DB;
  color: #ffffff;
  border-color: #20B9DB;
  font-weight: 500;
}
.product-options-container .option-group .option-values .option-value-button.selected:hover {
  background-color: #1ba3c4;
  border-color: #1ba3c4;
}
.product-options-container .option-group .option-values .option-value-button:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(32, 185, 219, 0.3);
}
.product-options-container .option-group .option-values .option-value-button:active {
  transform: translateY(0.5px);
}

.variants-in-cart-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  margin: 8px 0;
  background-color: #e8f5e9;
  border-radius: 6px;
  border: 1px solid #c8e6c9;
}
.variants-in-cart-summary .summary-label {
  font-weight: 600;
  color: #2e7d32;
  font-size: 12px;
}
.variants-in-cart-summary .variant-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  background-color: #fff;
  border: 1px solid #81c784;
  border-radius: 12px;
  font-size: 11px;
  color: #1b5e20;
}

.btn-add-to-cart:disabled {
  background-color: #e0e0e0 !important;
  cursor: not-allowed;
  opacity: 0.7;
}

.option-values.loading .loading-indicator {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #666;
  font-size: 13px;
}
.option-values.loading .loading-indicator::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 2px solid #ddd;
  border-top-color: #20B9DB;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}.status-chip {
  border-radius: 5px;
  font-size: 9px;
  border: solid 1.5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-weight: bold;
  padding: 1px 10px;
  text-transform: UPPERCASE;
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-chip.DRAFT {
  color: #49525f;
}
.status-chip.NEEDS_APPROVAL {
  color: #e73089;
}
.status-chip.PAID {
  color: #51c172;
}
.status-chip.PENDING {
  color: #ff8300;
}
.status-chip.REVERSED {
  color: #ffc714;
}
.status-chip.VOID {
  color: #8e91a4;
}
.status-chip.EXPIRED {
  color: #60398e;
}
.status-chip.REJECTED {
  color: #d54b3d;
}
.status-chip.DELETED {
  color: red;
}.order-log-card {
  display: grid;
  grid-template-areas: "content" "madeby";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  max-height: 220px;
  height: fit-content;
  background-color: #FCFCFC;
  font-size: 0.8rem;
  padding: 15px 10px;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CECFD6;
}
.order-log-card .content {
  grid-area: content;
  font-size: 0.81rem;
  font-weight: normal;
  color: #7F7F7F;
}
.order-log-card .content .log-action {
  color: #127f97;
}
.order-log-card .madeby {
  grid-area: madeby;
  font-weight: lighter;
  color: #9da0b7;
  display: flex;
  width: 100%;
  font-size: 0.7rem;
}.processing-order-information-card {
  font-style: italic;
  font-size: 12px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  margin-top: 15px;
}.image-card {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.image-card .image-card-thumbnail {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.image-preview-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.image-preview-overlay .image-preview {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.image-preview-overlay .image-preview img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
}
.image-preview-overlay .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}.schedule-item-container {
  height: fit-content;
}
.schedule-item-container .schedule-item {
  height: 100%;
  user-select: none !important;
  cursor: pointer;
}
.schedule-item-container .schedule-item .schedule-container {
  display: grid;
  grid-template-columns: 50px calc(100% - 52px);
  padding: 0.7rem 0.3rem;
}
.schedule-item-container .schedule-item .schedule-container .channel-image {
  padding: 5px;
  width: 45px !important;
  height: 45px !important;
}
.schedule-item-container .schedule-item .schedule-container .channel-image .checkedBackground {
  height: 40px;
  width: 40px;
}
.schedule-item-container .schedule-item .schedule-container .channel-image .channel {
  bottom: 5px !important;
  right: 5px !important;
  border: solid 1px #fff !important;
  box-shadow: none !important;
}
.schedule-item-container .schedule-item .schedule-container .channel-image .profile-channel {
  width: 45px !important;
  height: 45px !important;
}
.schedule-item-container .schedule-item .schedule-container .channel-image .profile-channel .profile {
  width: 40px !important;
  height: 40px !important;
}
.schedule-item-container .schedule-item .schedule-container .channel-image .profile-channel .profile .channelImage, .schedule-item-container .schedule-item .schedule-container .channel-image .profile-channel .profile .channel {
  border-radius: 50% !important;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule {
  display: grid;
  grid-template-rows: auto auto auto;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #49525f;
  font-size: 12px;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .client {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  width: calc(100% - 120px);
  -webkit-box-orient: vertical;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time {
  font-size: 10px !important;
  padding: 4px !important;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .scheduled-time {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0047ff;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .scheduled-time p {
  font-size: 10px !important;
  margin: 0;
  color: #0047ff;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px;
  border-radius: 10px;
  background-color: #f8f8f8;
  border: solid 1px #e0e0e0;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip span {
  font-size: 9px;
  color: #49525f;
  font-weight: 500;
  text-transform: uppercase;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.SUCCESS, .schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.FINISHED {
  background-color: #e8f5e8;
  border-color: #51c172;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.SUCCESS span, .schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.FINISHED span {
  color: #51c172;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.PENDING {
  background-color: #fff5ea;
  border-color: #ff8300;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.PENDING span {
  color: #ff8300;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.DRAFT {
  background-color: #e6f0ff;
  border-color: #0047ff;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.DRAFT span {
  color: #0047ff;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.REJECTED {
  background-color: #ffeaea;
  border-color: #d54b3d;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.REJECTED span {
  color: #d54b3d;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.ERROR {
  background-color: #fff5ea;
  border-color: #ff8300;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.ERROR span {
  color: #ff8300;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.NEEDS_APPROVAL {
  background-color: #ffe6f0;
  border-color: #e73089;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.NEEDS_APPROVAL span {
  color: #e73089;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.PAID {
  background-color: #e8f5e8;
  border-color: #51c172;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.PAID span {
  color: #51c172;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.REVERSED {
  background-color: #fff8e6;
  border-color: #ffc714;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.REVERSED span {
  color: #ffc714;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.VOID {
  background-color: #f0f0f0;
  border-color: #8e91a4;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.VOID span {
  color: #8e91a4;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.EXPIRED {
  background-color: #f0e6ff;
  border-color: #60398e;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.EXPIRED span {
  color: #60398e;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.DELETED {
  background-color: #ffeaea;
  border-color: #d54b3d;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .time .status-chip.DELETED span {
  color: #d54b3d;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.SCHEDULED {
  color: #0047ff;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.FINISHED {
  color: #51c172;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.ERROR {
  color: #ff8300;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.DELETED {
  color: #d54b3d;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.PENDING {
  color: #ff8300;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.DRAFT {
  color: #0047ff;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.REJECTED {
  color: #d54b3d;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.NEEDS_APPROVAL {
  color: #e73089;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.PAID {
  color: #51c172;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.REVERSED {
  color: #ffc714;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.VOID {
  color: #8e91a4;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info.EXPIRED {
  color: #60398e;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .CLOSED p {
  font-size: 10px !important;
  color: #51c172 !important;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-info .FINISHED p {
  font-size: 10px !important;
  color: #d54b3d !important;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-content .message {
  color: #8e91a4;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 36px;
  line-height: 18px;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-footer .time-info {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8e91a4;
  font-size: 11px;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-footer .time-info .time-label {
  font-weight: 500;
}
.schedule-item-container .schedule-item .schedule-container .main-schedule .schedule-footer .time-info span {
  font-size: 11px;
}
.schedule-item-container .active .schedule-container {
  background-color: #e5ecfe;
}
.schedule-item-container .PENDING {
  background-color: #fff5ea;
}
.schedule-item-container .PAID {
  background-color: #f1f8f5;
}

.schedule-info-username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

.assigned-agent {
  color: #5087ec !important;
  font-weight: bold !important;
  padding-left: 2px;
}

.assigned-to-label {
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}

.assigned-group {
  padding-left: 2px;
  color: #994684 !important;
  font-weight: bold !important;
}

.tags-container {
  display: flex;
}
.tags-container .conversation-tags {
  margin: 0 2px;
  padding: 1px 5px !important;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 15px;
  color: #494a4b;
  background: #ffffff;
  border: solid 1px var(--limit-border-color);
  max-width: 55px;
  font-size: 10px;
}
.tags-container .conversation-tags span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 10px;
}.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container.no-border {
  border: none;
  border-radius: 0;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .reminders-search-container {
  padding: 12px;
  border-bottom: 1px solid #d3d4dc;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .reminders-search-container .search-input {
  width: 100%;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .schedule-item-container {
  border-bottom: 1px solid #d3d4dc;
  border-radius: 0;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .schedule-item-container:hover {
  border-color: #a0a0a0;
}
.conversation-details-components__conversations-history--container .conversation-details-components__conversations-history--list-container .schedule-item-container:not(:last-child) {
  border-bottom: 1px solid #d3d4dc;
}
.conversation-details-components__conversations-history--container .noConversationsHolder {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 16px;
  text-align: center;
  color: #8e91a4;
}.items-by-category-container {
  border: solid 1px var(--limit-border-color);
  border-radius: 5px;
}
.items-by-category-container .ListItemCustom {
  box-shadow: none;
  margin: 0;
  border-bottom: solid 1px var(--limit-border-color);
  border-radius: 0;
  padding: 10px;
  background: none;
  cursor: pointer;
}.bot-details-container {
  width: 100%;
  max-width: 672px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 12px;
}
.bot-details-container .agents-section {
  margin: 1rem 0rem;
}
.bot-details-container .agents-section .agents-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 100%;
}
.bot-details-container .agents-section .agents-list .agent-card {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
}
.bot-details-container .agents-section .agents-list .agent-card:hover, .bot-details-container .agents-section .agents-list .agent-card.agent-card--selected {
  border-color: #6b7280;
  background-color: #f9fafb;
}
.bot-details-container .agents-section .agents-list .agent-card.agent-card--current {
  border: 2px solid #0EA5E9;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-header .agent-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-header .type-badge {
  padding: 4px 10px;
  border-radius: 9999px;
  background-color: #f3f4f6;
  color: #374151;
  font-weight: 500;
  border: 1px solid #e5e7eb;
  font-size: 0.875rem;
  display: flex;
  gap: 4px;
  width: 80px;
  justify-content: space-between;
  align-items: center;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-header .type-badge svg {
  width: 20px;
  height: 20px;
  color: #374151;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-description {
  color: #6b7280;
  font-size: 0.75rem;
  margin: 0;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-capabilities .capability-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  font-size: 0.65rem;
  color: #374151;
  font-weight: 500;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-capabilities .capability-badge.capability-badge--empty {
  background-color: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-capabilities .capability-badge.capability-badge--more {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
  font-weight: 600;
}
.bot-details-container .agents-section .agents-list .agent-card .agent-content .agent-capabilities .capability-badge.capability-badge--more:hover {
  background-color: #bfdbfe;
  border-color: #93c5fd;
}
.bot-details-container .agents-section .empty-state {
  text-align: center;
  padding: 48px 24px;
  background-color: #f9fafb;
  border-radius: 8px;
  margin: 0 24px;
}
.bot-details-container .agents-section .empty-state .empty-state-icon {
  margin-bottom: 16px;
  color: #9ca3af;
}
.bot-details-container .agents-section .empty-state .empty-state-title {
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 8px 0;
}
.bot-details-container .agents-section .empty-state .empty-state-description {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 24px 0;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.bot-details-container .agents-section .empty-state .empty-state-actions {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.bot-details-container .agents-section .empty-state .empty-state-actions .empty-state-action {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bot-details-container .agents-section .empty-state .empty-state-actions .empty-state-action:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
  color: #374151;
}
.bot-details-container .agents-section .empty-state .empty-state-actions .empty-state-action svg {
  color: #9ca3af;
}
.bot-details-container .action-buttons {
  margin-top: 24px;
  padding: 16px;
  border-top: 1px solid #e5e7eb;
}
.bot-details-container .action-buttons .btn {
  width: 100%;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.bot-details-container .action-buttons .btn.btn-primary {
  background-color: #0EA5E9;
  border: 1px solid #0EA5E9;
  color: white;
}
.bot-details-container .action-buttons .btn.btn-primary:hover:not(:disabled) {
  background-color: #0284c7;
  border-color: #0284c7;
}
.bot-details-container .action-buttons .btn.btn-primary:disabled {
  background-color: #9ca3af;
  border-color: #9ca3af;
  cursor: not-allowed;
}@keyframes skeleton-loading {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.bot-details-skeleton {
  width: 100%;
  max-width: 672px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
.bot-details-skeleton .skeleton-current-agent {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-title {
  height: 20px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 12px;
  width: 120px;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-title--short {
  width: 80px;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-agent-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-agent-info .skeleton-icon {
  width: 16px;
  height: 16px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 50%;
  flex-shrink: 0;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-agent-info .skeleton-text {
  height: 16px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
  flex: 1;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-agent-info .skeleton-text--medium {
  width: 100px;
}
.bot-details-skeleton .skeleton-current-agent .skeleton-agent-info .skeleton-badge {
  height: 20px;
  width: 50px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 9999px;
  margin-left: auto;
}
.bot-details-skeleton .skeleton-agents-section {
  margin-bottom: 24px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-title {
  height: 20px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
  margin: 0 24px 16px 24px;
  width: 140px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-agent-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-agent-header .skeleton-icon {
  width: 20px;
  height: 20px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
  flex-shrink: 0;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-agent-header .skeleton-icon--large {
  width: 24px;
  height: 24px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-agent-header .skeleton-text {
  height: 18px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-agent-header .skeleton-text--large {
  width: 120px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-agent-header .skeleton-badge {
  height: 20px;
  width: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 9999px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-description {
  height: 16px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 12px;
  width: 80%;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.bot-details-skeleton .skeleton-agents-section .skeleton-agents-list .skeleton-agent-card .skeleton-capabilities .skeleton-capability-badge {
  height: 24px;
  width: 80px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 9999px;
}
.bot-details-skeleton .skeleton-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
.bot-details-skeleton .skeleton-action-buttons .skeleton-button {
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 8px;
}
.bot-details-skeleton .skeleton-action-buttons .skeleton-button--primary {
  width: 140px;
}
.shared-multimedia {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ── Tab Bar ─────────────────────────────────────── */
.shared-multimedia__tabs {
  display: flex;
  border-bottom: 1px solid #e8e9ed;
  background: #fff;
  flex-shrink: 0;
}

.shared-multimedia__tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 8px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: #6d7175;
  transition: color 0.15s, border-color 0.15s;
  border-radius: 0px;
}
.shared-multimedia__tab:hover {
  color: #3b82f6;
}
.shared-multimedia__tab--active {
  color: #3b82f6;
  border-bottom-color: #3b82f6;
}

.shared-multimedia__tab-count {
  font-size: 10px;
  font-weight: 600;
  background: #e8e9ed;
  color: #49525f;
  border-radius: 10px;
  padding: 1px 6px;
  min-width: 18px;
  text-align: center;
}
.shared-multimedia__tab--active .shared-multimedia__tab-count {
  background: #dbeafe;
  color: #3b82f6;
}

/* ── Content Area ────────────────────────────────── */
.shared-multimedia__content {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}

/* ── Empty State ─────────────────────────────────── */
.shared-multimedia__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  color: #9ca3af;
  font-size: 13px;
}

.shared-multimedia__empty-icon {
  opacity: 0.4;
}

/* ── Images Grid ─────────────────────────────────── */
.shared-multimedia__images-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}

.shared-multimedia__image-thumb {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  background: #f3f4f6;
}
.shared-multimedia__image-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.15s;
}
.shared-multimedia__image-thumb:hover img {
  transform: scale(1.05);
}

.shared-multimedia__video-thumb {
  width: 100%;
  height: 100%;
  position: relative;
}
.shared-multimedia__video-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-multimedia__video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
}

.shared-multimedia__play-icon {
  color: #fff;
  font-size: 20px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

/* ── Documents List (history-card style) ─────────── */
.shared-multimedia__documents-list {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(229, 231, 235, 0.6);
  border-radius: 8px;
  overflow: hidden;
  margin: 4px 0;
}

.shared-multimedia__document-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.12s;
  border-bottom: 1px solid rgba(229, 231, 235, 0.6);
}
.shared-multimedia__document-item:last-child {
  border-bottom: none;
}
.shared-multimedia__document-item:hover {
  background: #f9fafb;
}

.shared-multimedia__document-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #f3f4f6;
}

.doc-icon {
  color: #6d7175;
}
.doc-icon--pdf {
  color: #ef4444;
}
.doc-icon--doc {
  color: #3b82f6;
}
.doc-icon--xls {
  color: #22c55e;
}
.doc-icon--ppt {
  color: #f97316;
}
.doc-icon--csv {
  color: #06b6d4;
}

.shared-multimedia__document-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.shared-multimedia__document-name {
  font-size: 13px;
  font-weight: 500;
  color: #49525f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-multimedia__document-date {
  font-size: 11px;
  color: #727272;
}

.shared-multimedia__document-actions {
  flex-shrink: 0;
}

.shared-multimedia__document-download {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: #6d7175;
  transition: background 0.12s, color 0.12s;
}
.shared-multimedia__document-download:hover {
  background: #e8e9ed;
  color: #49525f;
}

/* ── Links List (history-card style) ─────────────── */
.shared-multimedia__links-list {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(229, 231, 235, 0.6);
  border-radius: 8px;
  overflow: hidden;
  margin: 4px 0;
}

.shared-multimedia__link-item {
  padding: 10px 16px;
  transition: background 0.12s;
  border-bottom: 1px solid rgba(229, 231, 235, 0.6);
}
.shared-multimedia__link-item:last-child {
  border-bottom: none;
}
.shared-multimedia__link-item:hover {
  background: #f9fafb;
}

.shared-multimedia__link-urls {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 6px;
}

.shared-multimedia__link-url {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #3b82f6;
  text-decoration: none;
  word-break: break-all;
}
.shared-multimedia__link-url:hover {
  text-decoration: underline;
}
.shared-multimedia__link-url span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-multimedia__link-context {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shared-multimedia__link-message {
  flex: 1;
  font-size: 12px;
  color: #49525f;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.shared-multimedia__link-date {
  flex-shrink: 0;
  font-size: 11px;
  color: #727272;
}.special-label {
  display: none;
}

.create-contact-form {
  background: #ffffff;
  border-radius: 10px;
}
.create-contact-form .spinnerContainer {
  height: 100%;
}
.create-contact-form .create-contact-form-header {
  user-select: none;
  height: 50px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.create-contact-form .create-contact-form-header h1 {
  font-size: 14px;
  color: #606060;
  font-weight: normal;
}
.create-contact-form .create-contact-form-header .arrow-form-back {
  margin-right: 10px;
}
.create-contact-form .create-contact-form-header .arrow-form-back img {
  cursor: pointer;
}
.create-contact-form .create-contact-form-body {
  padding: 20px;
  border-radius: 10px;
  overflow: scroll;
  overflow-x: auto;
}
.create-contact-form .create-contact-form-body .agent-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-contact-form .create-contact-form-body .save-button {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0047ff;
  color: #ffffff;
  font-size: 12px;
}

.email-error-label {
  font-size: 12px;
  color: #ff0000;
}

.validate-contact {
  font-size: 12px;
  color: #848484;
  font-style: italic;
  line-height: 1;
}

.contact-portfolio-area {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  padding: 0.5rem;
}
.contact-portfolio-desc-area {
  flex: 1;
}
.contact-portfolio-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  user-select: none;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  cursor: pointer;
}
.contact-portfolio-title-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contact-portfolio-description {
  font-size: 0.75rem;
  color: #737373;
  line-height: 1.625;
}
.contact-portfolio-optional-block {
  background: #f2f2f2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
}
.contact-portfolio-no-select {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background-color: rgba(245, 245, 245, 0.5019607843);
  border: 1px solid rgba(229, 229, 229, 0.5019607843);
  margin-top: 1rem;
}
.contact-portfolio-no-select-icon {
  height: 1rem;
  width: 1rem;
  color: #737373;
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.contact-portfolio-no-select-text {
  font-size: 0.75rem;
  color: #737373;
  line-height: 1.625;
}.assignmentContainer {
  width: 100%;
  height: 100%;
  background: #E5ECFE;
  padding: 60px 70px 0px 20px;
  padding-top: 10px;
  overflow-y: auto;
  max-width: 1020px;
  position: relative;
}
.assignmentContainer .agent-status-confirmation {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  backdrop-filter: blur(3px);
  left: 0;
  top: 0;
}
.assignmentContainer .buttonOptions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.assignmentContainer .buttonOptions .bigButtonContainer {
  margin-bottom: 20px;
}
.assignmentContainer .agent-selector {
  background: rgb(206, 227, 255);
}
.assignmentContainer .agent-selector .agent-selector__header {
  height: auto;
  padding: 10px;
  padding-bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assignmentContainer .agent-selector .agent-selector__header .agent-selector__search-bar {
  width: 280px;
}
.assignmentContainer .agent-selector .agent-selector__header .agent-selector__search-bar .search-input {
  border: solid 1px #4f87ec;
}
.assignmentContainer .agent-selector .agent-selector__header .agent-selector__search-bar .search-input:focus {
  border: solid 2px #4f87ec;
}
.assignmentContainer .agent-selector .agentSelectorContainer {
  display: flex;
  background: white;
  border-radius: 6px;
  padding: 8px 5px;
  overflow-y: hidden;
}
.assignmentContainer .tagAssignment {
  display: flex;
  margin-top: 15px;
}
.assignmentContainer .tagAssignment .tagConversation {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 5px;
  padding-right: 10px;
}
.assignmentContainer .tagAssignment .tagObservation {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 5px;
  padding-left: 10px;
}
.assignmentContainer .tagAssignment .tagObservation textarea {
  height: 80px !important;
  resize: none;
  padding: 10px;
  border: none;
  border-radius: 7px;
}
.assignmentContainer .tagAssignment input {
  background: white !important;
  border: 0px;
  border-radius: 5px;
}
.assignmentContainer .tagAssignment span {
  margin-right: auto;
  font-family: var(--font-sans);
  font-weight: bold;
  user-select: none;
  font-size: 18px;
}
.assignmentContainer .buttonContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 12px;
}
.assignmentContainer .buttonContainer button {
  background: #0047ff;
  border-radius: 8px;
  width: 45%;
  padding: 15px;
}
.assignmentContainer .buttonContainer {
  button: hover;
}
.assignmentContainer .disabled button {
  background: #898a8d;
}

input {
  background: transparent !important;
}

.selectContainer {
  width: 100%;
}

.mobileAgentAssignment {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mobileAgentAssignment span {
  font-size: 12px !important;
  color: #84898f !important;
}
.mobileAgentAssignment .assignmentContainerHeader {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
}
.mobileAgentAssignment .assignmentDetails {
  padding: 5px 10px;
}
.mobileAgentAssignment .assignmentDetails .tagObservation {
  display: flex;
  flex-direction: column;
}
.mobileAgentAssignment .assignmentDetails .tagObservation textarea {
  height: 85px !important;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.agentsContainer {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 55vh;
  justify-content: center;
  overflow-x: hidden;
}
.agentsContainer .agent {
  width: 125px !important;
  max-width: none !important;
  min-width: 125px !important;
}

.countConversations {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eff3fd;
  color: #8e91a4;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
}
.countConversations h1 {
  font-size: 16px;
  font-weight: bold;
  color: #373e46;
}
.countConversations button {
  width: 25px;
  padding: 0px;
  color: #8e91a4;
  background: none;
  font-size: 25px;
  font-weight: lighter;
}
.countConversations button:focus {
  outline: none;
}

.mobile-container {
  position: relative;
  height: 100%;
}
.mobile-container .options-container {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.mobile-container .options-container .group-assignment {
  border: solid 1px #8e91a4;
  color: #8e91a4;
  font-weight: bold;
  background: #ffffff;
}

.continue-button {
  width: 100%;
  height: 50px;
  background: #0047ff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: bold;
}.groupSelectorContainer {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  display: flex;
  background: white;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 5px;
  padding: 5px;
}

.group {
  background: #ffffff;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  margin: 2px 5px;
  cursor: pointer;
  width: 160px;
  height: 145px;
  text-align: center;
  border-radius: 15px;
  padding: 10px;
  position: relative;
  min-width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
}
.group .selected-container {
  display: none;
  position: absolute;
  bottom: 88px;
  right: 0px;
  width: 37px;
  height: 98px;
  overflow: hidden;
  transform: rotate(315deg);
}
.group .selected-container .checked {
  transform: rotate(45deg);
  background-color: #0047ff;
  width: 75px;
  height: 65px;
  top: 20px;
  left: -50px;
  position: relative;
  border-radius: 15px;
}
.group .selected-container .checked img {
  position: absolute;
  top: 13px;
  width: 15px;
  right: 8px;
}
.group .a {
  display: none;
  background: #cee3ff;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 130px;
  right: 0;
}
.group .image {
  margin: auto;
}
.group .name {
  color: grey;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  width: 150px;
  text-wrap: nowrap;
}
.group .contact {
  font-size: 12px;
  color: grey;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.group.active {
  background: #cee3ff;
}
.group.active .a {
  display: block;
}
.group.active .selected-container {
  display: block;
}
.group.active .name {
  font-weight: bolder;
}

.group:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}.popover-content {
  background-color: white;
  color: #1e293b;
  z-index: 50;
  width: 18rem;
  padding: 1rem;
  width: auto;
  padding: 0;
  max-width: none;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  outline: none;
  border-radius: 8px;
}
.popover-content .filters-panel-date-range {
  max-width: 280px;
  overflow: hidden;
}
.popover-content[data-state=open] {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.popover-content[data-state=closed] {
  animation: fadeOut 0.15s cubic-bezier(0.7, 0, 0.84, 0), zoomOut 0.15s cubic-bezier(0.7, 0, 0.84, 0);
}
.popover-content[data-side=bottom][data-state=open] {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), slideInFromTop 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.popover-content[data-side=left][data-state=open] {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), slideInFromRight 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.popover-content[data-side=right][data-state=open] {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), slideInFromLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.popover-content[data-side=top][data-state=open] {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), zoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1), slideInFromBottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomIn {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.95);
  }
}
@keyframes slideInFromTop {
  from {
    transform: translateY(-0.5rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideInFromRight {
  from {
    transform: translateX(0.5rem);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  from {
    transform: translateX(-0.5rem);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInFromBottom {
  from {
    transform: translateY(0.5rem);
  }
  to {
    transform: translateY(0);
  }
}.nav-rail {
  display: flex;
  flex-direction: column;
  width: 56px;
  min-width: 56px;
  height: 100%;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  padding: 12px 0;
}
.nav-rail__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  padding: 0 8px;
  list-style: none;
  margin: 0;
}
.nav-rail__separator {
  height: 1px;
  width: 24px;
  background-color: rgba(0, 0, 0, 0.08);
  margin: 4px auto;
  list-style: none;
}
.nav-rail__item {
  position: relative;
}
.nav-rail__indicator {
  position: absolute;
  left: -8px;
  top: 50%;
  width: 3px;
  height: 20px;
  transform: translateY(-50%);
  border-radius: 0 9999px 9999px 0;
  background-color: var(--reach-blue);
  opacity: 0;
  transition: opacity 150ms ease;
}
.nav-rail__indicator--active {
  opacity: 1;
}
.nav-rail__button {
  display: grid;
  place-items: center;
  height: 36px;
  width: 100%;
  border: none;
  border-radius: 6px;
  background: none;
  cursor: pointer;
  color: #6b7280;
  transition: background-color 150ms ease, color 150ms ease;
}
.nav-rail__button:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.nav-rail__button--active {
  color: var(--reach-blue);
}
.nav-rail__button--active:hover {
  background-color: transparent;
  color: var(--reach-blue);
}
.nav-rail__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-rail__badge {
  position: absolute;
  right: -5px;
  top: -5px;
  display: grid;
  place-items: center;
  height: 10px;
  min-width: 10px;
  padding: 0 4px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  background-color: #8b9ab5;
  box-shadow: 0 0 0 2px #ffffff;
}
.nav-rail__badge--active {
  background-color: var(--reach-blue);
}
.nav-rail__avatar-menu {
  margin-top: auto;
  align-self: center;
  flex-shrink: 0;
}
.nav-rail__avatar {
  display: grid;
  place-items: center;
  margin-top: auto;
  align-self: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #c5d3f7;
  color: #2233a8;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.nav-rail__avatar:hover {
  background-color: #b3c4f2;
}
.nav-rail__avatar:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2233a8;
}
.nav-rail__avatar[data-state=open] {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2233a8;
}
.nav-rail__menu {
  min-width: 220px;
}
.nav-rail__menu-list {
  list-style: none;
  margin: 0;
  padding: 6px;
}
.nav-rail__menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #1e293b;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
.nav-rail__menu-item:hover {
  background-color: #f1f5f9;
}
.nav-rail__menu-item:focus-visible {
  outline: none;
  background-color: #f1f5f9;
}
.nav-rail__menu-item:disabled {
  opacity: 0.6;
  cursor: default;
}
.nav-rail__menu-item-icon {
  flex-shrink: 0;
  color: #64748b;
}.comment-dispenser {
  display: flex;
  align-items: center;
}
.comment-dispenser__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: none;
  border-radius: 6px;
  color: #374151;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}
.comment-dispenser__btn:hover {
  background: rgba(0, 0, 0, 0.05);
}
.comment-dispenser__btn:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.5);
  outline-offset: 1px;
}
.comment-dispenser__btn--available {
  color: #374151;
}
.comment-dispenser__btn--empty, .comment-dispenser__btn--offline {
  color: #9ca3af;
  cursor: default;
}
.comment-dispenser__btn--empty:hover, .comment-dispenser__btn--offline:hover {
  background: none;
}
.comment-dispenser__btn--offline {
  color: #d1d5db;
}
.comment-dispenser__btn--loading {
  color: #2563eb;
  cursor: default;
}
.comment-dispenser__btn--loading:hover {
  background: none;
}
.comment-dispenser__badge {
  position: absolute;
  top: -3px;
  right: -3px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 9999px;
  background: #2563eb;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  box-shadow: 0 0 0 2px #fff;
}
.comment-dispenser__btn--empty .comment-dispenser__badge, .comment-dispenser__btn--offline .comment-dispenser__badge {
  background: #e5e7eb;
  color: #9ca3af;
}
.comment-dispenser__badge--pulse {
  animation: comment-dispenser-pop 0.5s ease;
}
.comment-dispenser__spinner {
  animation: comment-dispenser-spin 0.7s linear infinite;
}

@keyframes comment-dispenser-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes comment-dispenser-pop {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 2px #fff;
  }
  35% {
    transform: scale(1.35);
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(37, 99, 235, 0.25);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 2px #fff;
  }
}.post-list {
  display: flex;
  flex-direction: column;
  width: 320px;
  min-width: 320px;
  flex-shrink: 0;
  overflow: hidden;
}
.post-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 16px;
  flex-shrink: 0;
}
.post-list__header-left {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.post-list__header-left h2 {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
}
.post-list__header-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.post-list__pages-btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 6px;
  border: none;
  background: none;
  border-radius: 6px;
  cursor: pointer;
  color: #6b7280;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 500;
  transition: background-color 120ms ease, color 120ms ease;
  max-width: 120px;
}
.post-list__pages-btn:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.post-list__pages-btn--active {
  color: #2563eb;
}
.post-list__pages-btn--active:hover {
  background: rgba(37, 99, 235, 0.08);
}
.post-list__pages-btn-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-list__filter-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  transition: background-color 120ms ease, color 120ms ease;
}
.post-list__filter-btn:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #374151;
}
.post-list__filter-btn--active {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
}
.post-list__filter-btn--active:hover {
  background: rgba(37, 99, 235, 0.15);
  color: #2563eb;
}
.post-list__filter-dot {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2563eb;
  pointer-events: none;
}
.post-list__search-wrapper {
  padding: 0 12px 8px;
  flex-shrink: 0;
}
.post-list__search-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 8px;
  height: 32px;
}
.post-list__search-icon {
  flex-shrink: 0;
  color: #9ca3af;
}
.post-list__search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #1f2937;
  outline: none;
  height: auto !important;
}
.post-list__search-input::placeholder {
  color: #9ca3af;
}
.post-list__search-clear {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  color: #9ca3af;
  flex-shrink: 0;
  transition: color 120ms ease;
}
.post-list__search-clear:hover {
  color: #374151;
}
.post-list__items {
  flex: 1;
  overflow-y: auto;
  padding: 4px 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  margin: 0;
}
.post-list__items::-webkit-scrollbar {
  width: 4px;
}
.post-list__items::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
}
.post-list__empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 24px 32px;
  text-align: center;
}
.post-list__empty-state-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f1f5f9;
  color: #94a3b8;
}
.post-list__empty-state-icon--error {
  background: #fef2f2;
  color: #ef4444;
}
.post-list__empty-state-title {
  margin: 16px 0 0;
  font-size: 0.8125rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1f2937;
}
.post-list__empty-state-body {
  margin: 4px 0 0;
  max-width: 220px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
}

@keyframes post-list-shimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
.post-list-skeleton__line, .post-list-skeleton__thumb {
  background: linear-gradient(90deg, #f0f2f4 25%, #e4e6e9 50%, #f0f2f4 75%);
  background-size: 1200px 100%;
  animation: post-list-shimmer 1.6s ease-in-out infinite;
}

.post-list-skeleton__thumb {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}
.post-list-skeleton__line {
  border-radius: 4px;
}
.post-list-skeleton__line--name {
  height: 10px;
  width: 55%;
}
.post-list-skeleton__line--time {
  height: 8px;
  width: 28px;
}
.post-list-skeleton__line--snippet {
  height: 9px;
  width: 80%;
  margin-bottom: 6px;
}
.post-list-skeleton__line--stats {
  height: 8px;
  width: 36%;
}

.post-list-item__trigger--skeleton {
  pointer-events: none;
}
.post-list-item__trigger--skeleton .post-list-item__top {
  align-items: center;
}

.post-list-item {
  list-style: none;
}
.post-list-item__trigger {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 10px;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
  text-align: left;
  transition: background-color 120ms ease;
}
.post-list-item__trigger:hover {
  background: rgba(0, 0, 0, 0.04);
}
.post-list-item__trigger:focus-visible {
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.4);
}
.post-list-item__trigger--selected {
  background: rgba(37, 99, 235, 0.08);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.35), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.post-list-item__trigger--selected:hover {
  background: rgba(37, 99, 235, 0.1);
}
.post-list-item__trigger--selected:focus-visible {
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.4);
}
.post-list-item__thumb-wrap {
  position: relative;
  flex-shrink: 0;
}
.post-list-item__thumb {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  background: #e5e7eb;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.post-list-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-list-item__page-badge {
  position: absolute;
  bottom: -3px;
  right: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e7f0ff;
  color: #2563eb;
  font-size: 0.5625rem;
  font-weight: 700;
  box-shadow: 0 0 0 2px #ffffff;
  overflow: hidden;
}
.post-list-item__page-badge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.post-list-item__body {
  flex: 1;
  min-width: 0;
}
.post-list-item__top {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 2px;
}
.post-list-item__page-name {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-list-item__time {
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: #9ca3af;
  white-space: nowrap;
  flex-shrink: 0;
}
.post-list-item__snippet {
  margin: 0 0 6px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-list-item__snippet--italic {
  font-style: italic;
  color: rgba(107, 114, 128, 0.75);
}
.post-list-item__stats {
  display: flex;
  align-items: center;
  gap: 10px;
}
.post-list-item__stat {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.625rem;
  line-height: 1;
  color: #9ca3af;
}
.post-list-item__stats-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.post-list-item__boosted {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  border-radius: 9999px;
  background: #ede9fe;
  color: #7c3aed;
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 500;
}
.post-list-item__error, .post-list-item__no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  font-size: 0.8125rem;
  color: #6b7280;
}
.post-list-item__error {
  color: #ef4444;
}
.post-list-item__sentinel {
  height: 1px;
  flex-shrink: 0;
}
.post-list-item__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 9999px;
  background: #2563eb;
  color: #ffffff;
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 600;
}

.post-list-filter {
  width: 224px;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.post-list-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
}
.post-list-filter__title {
  font-size: 13px;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1f2937;
}
.post-list-filter__reset {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  border-radius: 6px;
  cursor: pointer;
  padding: 0;
  color: #6b7280;
  transition: background-color 120ms ease, color 120ms ease;
}
.post-list-filter__reset:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
  color: #374151;
}
.post-list-filter__reset:disabled {
  color: rgba(107, 114, 128, 0.3);
  cursor: default;
}
.post-list-filter__body {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 0;
}
.post-list-filter__section {
  padding: 0 8px 8px;
}
.post-list-filter__section + .post-list-filter__section {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 8px;
}
.post-list-filter__section-label {
  padding: 0 8px 4px;
  font-size: 10px;
  line-height: 1.3333333333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(107, 114, 128, 0.6);
}

.plf-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  border: none;
  background: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: background-color 120ms ease;
}
.plf-option:hover:not(.plf-option--checked) {
  background: #f3f4f6;
}
.plf-option--checked {
  background: rgba(37, 99, 235, 0.07);
}
.plf-option__check {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(107, 114, 128, 0.3);
  background: #ffffff;
}
.plf-option__check--checked {
  border-color: #2563eb;
  background: #2563eb;
}
.plf-option__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #6b7280;
}
.plf-option__icon--checked {
  color: #2563eb;
}
.plf-option__label {
  flex: 1;
  font-size: 12px;
  line-height: 1.3333333333;
  color: #1f2937;
}
.plf-option__label--checked {
  font-weight: 600;
  color: #2563eb;
}

.post-list-page-filter {
  width: 200px;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.post-list-page-filter__search {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.post-list-page-filter__search-icon {
  flex-shrink: 0;
  color: #9ca3af;
}
.post-list-page-filter__search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 12px;
  line-height: 1.3333333333;
  color: #1f2937;
  outline: none;
}
.post-list-page-filter__search-input::placeholder {
  color: #9ca3af;
}
.post-list-page-filter__list {
  padding: 4px;
}
.post-list-page-filter__divider {
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  margin: 4px 0;
}
.post-list-page-filter__empty {
  padding: 12px 8px;
  font-size: 12px;
  line-height: 1.3333333333;
  color: #9ca3af;
  text-align: center;
  margin: 0;
}

.plpf-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  border: none;
  background: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: background-color 120ms ease;
}
.plpf-option:hover:not(.plpf-option--selected) {
  background: #f3f4f6;
}
.plpf-option--selected {
  background: rgba(37, 99, 235, 0.07);
}
.plpf-option__icon-all {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #6b7280;
}
.plpf-option--selected .plpf-option__icon-all {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
}
.plpf-option__name {
  flex: 1;
  font-size: 12px;
  line-height: 1.3333333333;
  color: #1f2937;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plpf-option--selected .plpf-option__name {
  color: #2563eb;
  font-weight: 600;
}
.plpf-option__check {
  flex-shrink: 0;
  color: #2563eb;
}

.plpf-avatar {
  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}
.plpf-avatar__img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  object-fit: cover;
}
.plpf-avatar__initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #e7f0ff;
  color: #2563eb;
  font-size: 12px;
  line-height: 1.3333333333;
  font-weight: 600;
}
.plpf-avatar__badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #ffffff;
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.plpf-avatar__badge-icon {
  width: 11px;
  height: 11px;
  display: block;
  object-fit: contain;
}.tp .tp__chip-x,
.tp .tp__tag-x,
.tp .tp__tag-suggestion {
  width: auto;
}

.popover-content.tp {
  width: 380px;
  max-width: 380px;
  max-height: calc(100vh - 24px);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  overflow: hidden;
}
.popover-content.tp .popover-main-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.tp {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  color: #111827;
}
.tp__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.tp__scroll::-webkit-scrollbar {
  width: 6px;
}
.tp__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.tp__scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
  border-radius: 9999px;
}
.tp__scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.24);
}
.tp__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tp__title {
  font-size: 0.78125rem;
  font-weight: 600;
  color: #111827;
}
.tp__close {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease;
}
.tp__close:hover {
  background: #f3f4f6;
  color: #111827;
}
.tp__target {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tp__target-label {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #6b7280;
}
.tp__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 9999px;
  background: rgba(37, 99, 235, 0.08);
}
.tp__chip-tile {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #6b7280;
}
.tp__chip-avatar {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  font-size: 0.5rem;
  font-weight: 600;
}
.tp__chip-name {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #2563eb;
}
.tp__chip-suffix {
  font-size: 0.6875rem;
  color: #9ca3af;
}
.tp__chip-x {
  display: inline-grid;
  place-items: center;
  border: none;
  background: transparent;
  padding: 0;
  margin-left: 2px;
  color: #2563eb;
  cursor: pointer;
  transition: color 120ms ease;
}
.tp__chip-x:hover {
  color: #1d4ed8;
}
.tp__search-wrap {
  padding: 8px 12px;
}
.tp__search {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #f3f4f6;
  padding: 6px 10px;
}
.tp__search-icon {
  color: #9ca3af;
  flex-shrink: 0;
}
.tp__search-input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.75rem;
  color: #111827;
  height: 18px !important;
}
.tp__search-input::placeholder {
  color: #b0b7c3;
}
.tp__list {
  height: auto;
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 6px 6px;
}
.tp__list::-webkit-scrollbar {
  width: 6px;
}
.tp__list::-webkit-scrollbar-track {
  background: transparent;
}
.tp__list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
  border-radius: 9999px;
}
.tp__list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.24);
}
.tp__section {
  margin-bottom: 4px;
}
.tp__section-label {
  padding: 6px 8px;
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #9ca3af;
}
.tp__loading, .tp__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 28px 8px;
  font-size: 0.75rem;
  color: #9ca3af;
}
.tp__row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 6px 8px;
  border: none;
  background: transparent;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  transition: background 100ms ease;
}
.tp__row:hover:not(.tp__row--selected) {
  background: #f3f4f6;
}
.tp__row--selected {
  background: rgba(37, 99, 235, 0.08);
}
.tp__row-tile {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #f3f4f6;
  color: #6b7280;
  flex-shrink: 0;
}
.tp__row-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.tp__row-title {
  font-size: 0.78125rem;
  font-weight: 600;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tp__row > .tp__row-title {
  flex: 1;
}
.tp__row-subtitle {
  font-size: 0.6875rem;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tp__row-subtitle-group {
  color: #9ca3af;
}
.tp__row-count {
  font-size: 0.6875rem;
  color: #6b7280;
  flex-shrink: 0;
}
.tp__row-chevron {
  color: #9ca3af;
  flex-shrink: 0;
}
.tp__row-check {
  color: #2563eb;
  flex-shrink: 0;
}
.tp__avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 600;
  flex-shrink: 0;
  user-select: none;
}
.tp__status {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
}
.tp__status--online {
  background: #10b981;
}
.tp__status--away {
  background: #f59e0b;
}
.tp__status--offline {
  background: #9ca3af;
}
.tp__back {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 6px 8px;
  margin-bottom: 4px;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  color: #6b7280;
  transition: background 100ms ease;
}
.tp__back:hover {
  background: #f3f4f6;
}
.tp__back-name {
  font-size: 0.78125rem;
  font-weight: 600;
  color: #111827;
}
.tp__assign-group {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  margin-bottom: 4px;
  border: none;
  background: transparent;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  transition: background 100ms ease;
}
.tp__assign-group:hover:not(.tp__assign-group--selected):not(.tp__assign-group--disabled) {
  background: #f3f4f6;
}
.tp__assign-group--selected {
  background: rgba(37, 99, 235, 0.08);
}
.tp__assign-group--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.tp__assign-group-tile {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #6b7280;
  flex-shrink: 0;
}
.tp__field {
  padding: 10px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tp__field-label {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 6px;
}
.tp__field-title {
  font-size: 0.78125rem;
  font-weight: 600;
  color: #111827;
}
.tp__summary {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.tp__summary-icon {
  color: #2563eb;
  flex-shrink: 0;
  margin-top: 2px;
}
.tp__summary-body {
  flex: 1;
  min-width: 0;
}
.tp__summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp__summary-hint {
  margin: 2px 0 0;
  font-size: 0.6875rem;
  color: #6b7280;
  line-height: 1.5;
}
.tp__switch {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  width: 32px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 9999px !important;
  background: #e5e7eb;
  cursor: pointer;
  transition: background 200ms ease;
}
.tp__switch--on {
  background: #2563eb;
}
.tp__switch-knob {
  position: absolute;
  left: 2px;
  width: 14px !important;
  height: 14px !important;
  border-radius: 9999px;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: transform 200ms ease;
}
.tp__switch--on .tp__switch-knob {
  transform: translateX(14px);
}
.tp__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  background: #f3f4f6;
}
.tp__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 9999px;
  background: rgba(37, 99, 235, 0.08);
  font-size: 0.6875rem;
  font-weight: 500;
  color: #2563eb;
}
.tp__tag-x {
  display: inline-grid;
  place-items: center;
  border: none;
  background: transparent;
  padding: 0;
  color: #2563eb;
  cursor: pointer;
}
.tp__tag-x:hover {
  color: #1d4ed8;
}
.tp__tag-input {
  flex: 1;
  min-width: 60px;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.6875rem;
  color: #111827;
  height: 16.5px !important;
}
.tp__tag-input::placeholder {
  color: #b0b7c3;
}
.tp__tag-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.tp__tag-suggestion {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 0.6875rem;
  color: #6b7280;
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease, border-color 100ms ease;
}
.tp__tag-suggestion:hover {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.2);
  color: #2563eb;
}
.tp__obs {
  border-radius: 8px;
  background: #f3f4f6;
}
.tp__obs-input {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none !important;
  padding: 8px 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #111827;
  font-family: inherit;
  box-sizing: border-box;
}
.tp__obs-input::placeholder {
  color: #b0b7c3;
}
.tp__footer {
  flex-shrink: 0;
  padding: 10px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: #ffffff;
}
.tp__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  background: #2563eb;
  color: #ffffff;
  font-size: 0.78125rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: background 150ms ease, opacity 150ms ease;
}
.tp__submit:hover:not(:disabled) {
  background: #1d4ed8;
}
.tp__submit:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.tp__submit--success {
  background: #22c55e;
  opacity: 1 !important;
  cursor: default;
}
.tp__spin {
  animation: tp-spin 0.8s linear infinite;
}

@keyframes tp-spin {
  to {
    transform: rotate(360deg);
  }
}.cb__hidden-show,
.cb__reply-inline,
.cb__delete-cancel,
.cb__delete-ok,
.cb__collapse-hidden {
  width: auto;
}

.cb {
  position: relative;
  cursor: pointer;
  outline: none;
}
.cb--selected {
  padding-top: 14px;
}
.cb:focus-visible .cb__toolbar {
  visibility: visible;
  border-color: #e2e8f0;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.cb:hover .cb__toolbar {
  visibility: visible;
  border-color: #e2e8f0;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.cb--kb-focused .cb__bubble,
.cb--kb-focused .cb__hidden-pill {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 12px;
}
.cb--kb-focused .cb__toolbar {
  visibility: visible;
  border-color: #e2e8f0;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.cb__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.cb__avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 0.6875rem;
  line-height: 1;
  font-weight: 600;
  background: #e5e7eb;
  color: #374151;
  user-select: none;
}

.cb__hidden-pill {
  display: flex;
  flex: 1;
  max-width: min(640px, 85%);
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px dashed rgba(107, 114, 128, 0.25);
  background: rgba(243, 244, 246, 0.4);
  padding: 8px 12px;
}

.cb__hidden-icon {
  flex-shrink: 0;
  color: rgba(107, 114, 128, 0.6);
}

.cb__hidden-text {
  flex: 1;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
}

.cb__hidden-name {
  font-weight: 500;
  color: rgba(17, 24, 39, 0.7);
}

.cb__hidden-show {
  flex-shrink: 0;
  border: none;
  background: transparent;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
}
.cb__hidden-show:hover {
  background: #f3f4f6;
  color: #111827;
}

.cb__unsupported {
  display: flex;
  flex: 1;
  max-width: min(640px, 85%);
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  border: 1px dashed rgba(107, 114, 128, 0.25);
  background: rgba(243, 244, 246, 0.5);
  padding: 10px 12px;
}

.cb__unsupported-icon {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(107, 114, 128, 0.1);
  color: rgba(107, 114, 128, 0.75);
}

.cb__unsupported-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.cb__unsupported-head {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 1px;
}

.cb__unsupported-title {
  font-size: 0.8125rem;
  line-height: 1.4;
  font-weight: 600;
  color: #374151;
}

.cb__unsupported-text {
  margin: 2px 0 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #6b7280;
  word-break: break-word;
}

.cb__unsupported-code {
  align-self: flex-start;
  margin-top: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #9ca3af;
  background: #f3f4f6;
  border-radius: 4px;
  user-select: all;
}

.cb__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: min(640px, 85%);
  flex: 1;
}

.cb__bubble {
  position: relative;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 8px 12px;
  transition: all 120ms ease;
}
.cb__bubble--in {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.cb:hover .cb__bubble--in {
  filter: brightness(0.99);
}
.cb__bubble--out {
  background: #dbeafe;
}
.cb:hover .cb__bubble--out {
  filter: brightness(0.98);
}
.cb__bubble--selected {
  background: rgba(37, 99, 235, 0.08);
  border-color: transparent;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.35), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.cb__replying-badge {
  position: absolute;
  top: -11px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #2563eb;
  color: #ffffff;
  border-radius: 9999px;
  padding: 2px 6px;
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cb__header {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.cb__author {
  font-size: 0.78125rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #111827;
}

.cb__page-badge {
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.1);
  padding: 1px 5px;
  border-radius: 4px;
}

.cb__timestamp {
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: #6b7280;
}

.cb__text {
  margin: 3px 0 0;
  font-size: 0.8125rem;
  line-height: 1.625;
  color: #111827;
  white-space: pre-wrap;
  word-break: break-word;
}

.cb__media {
  margin-top: 6px;
}

.cb__media-el {
  display: block;
  max-width: 240px;
  max-height: 180px;
  width: auto;
  height: auto;
  border-radius: 8px;
}

.cb__media--image .cb__media-el,
.cb__media--gif .cb__media-el,
.cb__media--video .cb__media-el {
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.cb__media--image .cb__media-el,
.cb__media--gif .cb__media-el {
  cursor: zoom-in;
}

.cb__media--sticker .cb__media-el {
  max-width: 160px;
  max-height: 160px;
}

.cb__media--video .cb__media-el {
  width: 100%;
  background: #000;
}

.cb__mention {
  font-weight: 500;
  color: #2563eb;
}

@keyframes cb-reactions-in {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cb__reactions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: -2px;
}

.cb__reactions-count {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: #9ca3af;
  font-weight: 500;
  animation: cb-reactions-in 150ms ease both;
}

.cb__reactions-total {
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: #6b7280;
}

.cb__reply-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: transparent;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: color 120ms ease;
}
.cb__reply-inline:hover {
  color: #2563eb;
}

.cb__footer {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 4px;
  margin-top: 4px;
  gap: 8px;
}

.cb__liked {
  display: inline-flex;
  align-items: center;
  color: #2563eb;
}

.cb__liked-icon {
  fill: #2563eb;
}

.cb__icon--liked {
  fill: #2563eb;
  color: #2563eb;
}

.cb__toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  border-radius: 6px;
  border: 1px solid transparent;
  padding: 2px;
  background: transparent;
  visibility: hidden;
}
.cb__toolbar--visible {
  visibility: visible;
  border-color: #e2e8f0;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.cb__action-btn {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  transition: background 100ms ease, color 100ms ease;
}
.cb__action-btn:hover {
  background: #f3f4f6;
  color: #111827;
}
.cb__action-btn--muted {
  color: rgba(107, 114, 128, 0.7);
}
.cb__action-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.cb__action-btn:disabled:hover {
  background: transparent;
  color: #6b7280;
}

.cb__delete-confirm {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  border-radius: 6px;
  border: 1px solid rgba(220, 38, 38, 0.3);
  background: rgba(220, 38, 38, 0.05);
  padding: 4px 6px;
}

.cb__delete-confirm-label {
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #dc2626;
}

.cb__delete-cancel {
  border: none;
  background: transparent;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
}
.cb__delete-cancel:hover {
  background: #f3f4f6;
  color: #111827;
}

.cb__delete-ok {
  border: none;
  background: #dc2626;
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 600;
  cursor: pointer;
}
.cb__delete-ok:hover {
  filter: brightness(1.1);
}

.cb__collapse-hidden {
  border: none;
  background: transparent;
  padding: 2px 4px;
  margin-top: 2px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: rgba(107, 114, 128, 0.5);
  cursor: pointer;
}
.cb__collapse-hidden:hover {
  color: #6b7280;
}@keyframes ib-card-enter {
  from {
    opacity: 0;
    transform: translateY(4px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes ib-bar-enter {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ib {
  padding: 0;
}
.ib__inner {
  max-width: 48rem;
  margin: 0 auto;
}
.ib__bar {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  background: #ffffff;
  padding: 6px;
  animation: ib-bar-enter 200ms ease;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.ib__bar--enabled {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px -1px rgba(16, 24, 40, 0.05), 0 6px 20px -8px rgba(16, 24, 40, 0.08);
}
.ib__bar--enabled:focus-within {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1), 0 1px 3px -1px rgba(16, 24, 40, 0.05);
}
.ib__bar--disabled {
  border: 1px dashed rgba(0, 0, 0, 0.14);
  box-shadow: none;
}
.ib__bar--drag {
  border: 1px dashed rgba(37, 99, 235, 0.5) !important;
  background: rgba(37, 99, 235, 0.03) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}
.ib__card {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 1px 3px -1px rgba(16, 24, 40, 0.05), 0 6px 20px -8px rgba(16, 24, 40, 0.08);
  transform-origin: bottom center;
  animation: ib-card-enter 250ms cubic-bezier(0.16, 1, 0.3, 1);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.ib__card:focus-within {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1), 0 1px 3px -1px rgba(16, 24, 40, 0.05);
}
.ib__card--drag {
  border: 1px dashed rgba(37, 99, 235, 0.5) !important;
  background: rgba(37, 99, 235, 0.02) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}
.ib__card-header {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 8px 0;
}
.ib__card-footer {
  display: flex;
  align-items: center;
  gap: 2px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 5px 6px;
}
.ib__mode-wrap {
  position: relative;
  flex-shrink: 0;
}
.ib__mode-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #f5f7fc, #eef0f6);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  white-space: nowrap;
  transition: background 120ms ease, box-shadow 120ms ease, transform 80ms ease;
}
.ib__mode-btn:hover:not(:disabled) {
  background: linear-gradient(to bottom, #eef0f6, #e4e7ef);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ib__mode-btn--disabled, .ib__mode-btn:disabled {
  color: #9ca3af;
  cursor: not-allowed;
}
.ib__mode-icon {
  color: #6b7280;
  flex-shrink: 0;
}
.ib__mode-menu {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  z-index: 20;
  width: 208px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 4px;
  overflow: hidden;
}
.ib__mode-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 80ms ease;
}
.ib__mode-option:hover:not(:disabled):not(.ib__mode-option--active) {
  background: #f3f4f6;
}
.ib__mode-option--active {
  background: rgba(37, 99, 235, 0.08);
}
.ib__mode-option--active:hover {
  background: rgba(37, 99, 235, 0.11);
}
.ib__mode-option--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ib__mode-option-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #f3f4f6;
  color: #6b7280;
  flex-shrink: 0;
  margin-top: 1px;
}
.ib__mode-option-icon--active {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
}
.ib__mode-option-body {
  flex: 1;
  min-width: 0;
}
.ib__mode-option-row {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ib__mode-option-title {
  font-size: 0.78125rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: #111827;
}
.ib__mode-option-title--active {
  color: #2563eb;
}
.ib__mode-check {
  color: #2563eb;
}
.ib__mode-option-subtitle {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.3rem;
  color: #6b7280;
}
.ib__input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  outline: none;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #111827;
  padding: 0 8px;
}
.ib__input::placeholder {
  color: #b0b7c3;
}
.ib__input:disabled {
  cursor: not-allowed;
}
.ib__textarea {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  resize: none !important;
  font-size: 0.8125rem;
  line-height: 1.625rem;
  color: #111827;
  padding: 10px 12px;
  font-family: inherit;
  box-sizing: border-box;
}
.ib__textarea::placeholder {
  color: #b0b7c3;
}
.ib__textarea::-webkit-scrollbar {
  width: 4px;
}
.ib__textarea::-webkit-scrollbar-track {
  background: transparent;
}
.ib__textarea::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
}
.ib__textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ib__emoji-wrap {
  position: relative;
  flex-shrink: 0;
}
.ib__emoji-panel {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 0;
  z-index: 200;
}
.ib__emoji-panel--right {
  left: auto;
  right: 0;
}
.ib__file-input {
  display: none;
}
.ib__card-image-wrap {
  padding-top: 8px;
}
.ib__image-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f8faff;
  border: 1px solid rgba(37, 99, 235, 0.15);
}
.ib__image-thumb {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.ib__image-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ib__image-name {
  font-size: 0.75rem;
  font-weight: 500;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ib__image-size {
  font-size: 0.6875rem;
  color: #9ca3af;
}
.ib__image-remove {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  line-height: 0;
  border-radius: 9999px;
  border: none;
  background: #e5e7eb;
  color: #6b7280;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 120ms ease, color 120ms ease;
}
.ib__image-remove:hover {
  background: #fee2e2;
  color: #dc2626;
}
.ib__bar-image-chip {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ib__bar-image-chip-thumb {
  width: 28px;
  height: 28px;
  border-radius: 5px;
  object-fit: cover;
  border: 1.5px solid rgba(37, 99, 235, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: block;
}
.ib__bar-image-chip-remove {
  position: absolute;
  top: -5px;
  right: -5px;
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  border: 1.5px solid #ffffff;
  background: #6b7280;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
  line-height: 0;
  transition: background 120ms ease;
}
.ib__bar-image-chip-remove:hover {
  background: #dc2626;
}
.ib__tools {
  display: flex;
  align-items: center;
  gap: 2px;
}
.ib__tool-btn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease;
}
.ib__tool-btn:hover:not(:disabled) {
  background: #f3f4f6;
  color: #374151;
}
.ib__tool-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.ib__tool-btn--active {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
}
.ib__tool-btn--active:hover:not(:disabled) {
  background: rgba(37, 99, 235, 0.13);
  color: #1d4ed8;
}
.ib__divider {
  width: 1px;
  height: 16px;
  background: rgba(0, 0, 0, 0.08);
  margin: 0 4px;
  flex-shrink: 0;
}
.ib__char-count {
  font-size: 0.625rem;
  line-height: 1rem;
  color: #c4c9d4;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  transition: color 250ms ease;
}
.ib__char-count--warn {
  color: #f59e0b;
}
.ib__char-count--danger {
  color: #ef4444;
  font-weight: 600;
}
.ib__hint {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  margin-right: 2px;
  font-size: 0.625rem;
  line-height: 1rem;
  color: #b0b7c3;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.ib__kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  padding: 1px 3px;
  border-radius: 3px;
  border: 1px solid #dde1e9;
  background: #f4f5f8;
  font-size: 0.6rem;
  font-family: inherit;
  color: #8b94a6;
  line-height: 1rem;
  box-shadow: 0 1.5px 0 #d0d5e0;
}
.ib__collapse-btn {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  margin-left: auto;
  transition: background 100ms ease, color 100ms ease;
}
.ib__collapse-btn:hover {
  background: #f3f4f6;
  color: #374151;
}
.ib__send {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 8px;
  border: none;
  background: #2563eb;
  color: #ffffff;
  cursor: not-allowed;
  opacity: 0.35;
  transition: opacity 150ms ease, box-shadow 150ms ease, transform 80ms ease, filter 120ms ease;
}
.ib__send--active {
  cursor: pointer;
  opacity: 1;
  box-shadow: 0 2px 10px -2px rgba(37, 99, 235, 0.5);
}
.ib__send--active:hover {
  filter: brightness(1.08);
  box-shadow: 0 4px 14px -3px rgba(37, 99, 235, 0.55);
}@keyframes ph-shimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
.ct-sk__avatar, .ct-sk__block, .ph-skeleton {
  background: linear-gradient(90deg, #f0f2f4 25%, #e4e6e9 50%, #f0f2f4 75%);
  background-size: 1200px 100%;
  animation: ph-shimmer 1.6s ease-in-out infinite;
  border-radius: 4px;
  display: block;
}

.phs--avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
}
.phs--name {
  width: 144px;
  height: 14px;
}
.phs--badge {
  width: 40px;
  height: 16px;
  border-radius: 4px;
}
.phs--timestamp {
  width: 96px;
  height: 12px;
}
.phs--open-btn {
  width: 56px;
  height: 24px;
  border-radius: 6px;
}
.phs--icon-btn {
  width: 28px;
  height: 28px;
  border-radius: 6px;
}
.phs--thumb {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  flex-shrink: 0;
}
.phs--stat {
  width: 80px;
  height: 12px;
}
.phs--stat-sm {
  width: 56px;
  height: 12px;
}
.phs--commenters {
  width: 144px;
  height: 14px;
}
.phs--filter-btn {
  width: 56px;
  height: 20px;
  border-radius: 6px;
}
.phs--line {
  height: 12px;
}
.phs--line-full {
  width: 100%;
}
.phs--line-5of6 {
  width: 83%;
}
.phs--line-3of5 {
  width: 60%;
}

.phs__lines {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 2px;
}

.post-header {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04), 0 4px 12px -2px rgba(15, 23, 42, 0.07), 0 18px 32px -12px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}
.post-header__row1 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 20px 12px;
}
.post-header__avatar-wrap {
  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-top: 2px;
}
.post-header__thumb-avatar {
  position: absolute;
  inset: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  opacity: 0;
  transition: opacity 300ms ease-out;
}
.post-header__thumb-avatar--visible {
  opacity: 1;
}
.post-header__page-avatar {
  position: absolute;
  inset: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f3f4f6;
  color: #6b7280;
  display: grid;
  place-items: center;
  overflow: hidden;
  transition: opacity 300ms ease-out;
}
.post-header__page-avatar--hidden {
  opacity: 0;
}
.post-header__page-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.post-header__fb-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  place-items: center;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ffffff;
}
.post-header__fb-icon {
  width: 10px;
  height: 10px;
  object-fit: contain;
}
.post-header__row1-body {
  flex: 1;
  min-width: 0;
}
.post-header__page-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4285714286;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.post-header__row1-sub {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.post-header__type-badge {
  font-size: 0.625rem;
  line-height: 1.3333333333;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #374151;
  background: #f3f4f6;
  padding: 1px 6px;
  border-radius: 4px;
}
.post-header__row1-dot {
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: rgba(107, 114, 128, 0.6);
}
.post-header__timestamp {
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-header__collapsed-msg {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 300ms ease-out, opacity 300ms ease-out, margin-top 300ms ease-out;
}
.post-header__collapsed-msg--visible {
  grid-template-rows: 1fr;
  opacity: 1;
  margin-top: 4px;
}
.post-header__collapsed-msg-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  line-height: 1.4;
  color: rgba(17, 24, 39, 0.75);
  margin: 0;
}
.post-header__row1-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.post-header__open-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background 100ms ease, color 100ms ease;
}
.post-header__open-btn:hover {
  background: #f3f4f6;
  color: #111827;
}
.post-header__collapse-btn {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  transition: background 100ms ease, color 100ms ease;
}
.post-header__collapse-btn:hover {
  background: #f3f4f6;
  color: #111827;
}
.post-header__collapse-chevron {
  transition: transform 300ms ease-out;
}
.post-header__collapse-chevron--up {
  transform: rotate(180deg);
}
.post-header__collapsible {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 300ms ease-out, opacity 300ms ease-out;
}
.post-header__collapsible--open {
  grid-template-rows: 1fr;
  opacity: 1;
}
.post-header__collapsible-inner {
  overflow: hidden;
}
.post-header__media-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px 14px;
}
.post-header__thumbnail {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 6px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.post-header__thumbnail-placeholder {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 6px;
  background: #f3f4f6;
}
.post-header__message {
  flex: 1;
  min-width: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #111827;
  margin: 0;
  padding-top: 2px;
}
.post-header__stats-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  padding: 10px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.71875rem;
  line-height: 1.3333333333;
}
.post-header__stats-divider {
  width: 1px;
  align-self: stretch;
  min-height: 14px;
  margin: 0 -4px;
  background: rgba(0, 0, 0, 0.12);
}
.post-header__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
}
.post-header__stat strong {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #111827;
}
.post-header__stat--warn {
  color: #92400e;
}
.post-header__stat--warn strong {
  color: #111827;
}
.post-header__stat--danger {
  color: #dc2626;
}
.post-header__stat--danger strong {
  color: #111827;
}
.post-header__row4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.post-header__commenters {
  display: flex;
  align-items: center;
  gap: 8px;
}
.post-header__commenters-count {
  font-size: 0.8125rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #111827;
}
.post-header__commenters-sub {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6b7280;
}
.post-header__filter-wrap {
  position: relative;
}
.post-header__filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
  padding: 2px 6px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease;
}
.post-header__filter-btn:hover {
  background: #f3f4f6;
  color: #111827;
}
.post-header__filter-btn--active {
  color: #2563eb;
}
.post-header__filter-btn--active:hover {
  background: rgba(37, 99, 235, 0.08);
}
.post-header__filter-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 50;
  width: 192px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.post-header__filter-dropdown-inner {
  padding: 8px;
}
.post-header__filter-section-label {
  font-size: 0.625rem;
  line-height: 1.3333333333;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(107, 114, 128, 0.6);
  padding: 0 8px;
  margin: 0 0 4px;
}
.post-header__filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 6px 8px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background 100ms ease;
}
.post-header__filter-option:hover {
  background: #f3f4f6;
}
.post-header__filter-option--checked {
  background: rgba(37, 99, 235, 0.07);
}
.post-header__filter-checkbox {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(107, 114, 128, 0.3);
  background: #ffffff;
  display: grid;
  place-items: center;
}
.post-header__filter-checkbox--checked {
  border-color: #2563eb;
  background: #2563eb;
}
.post-header__filter-option-icon {
  flex-shrink: 0;
  color: #6b7280;
}
.post-header__filter-option-icon--checked {
  color: #2563eb;
}
.post-header__filter-option-label {
  flex: 1;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #111827;
}
.post-header__filter-option--checked .post-header__filter-option-label {
  font-weight: 600;
  color: #2563eb;
}

.post-detail {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.post-detail__threads {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  margin-top: 0;
}
.post-detail__empty, .post-detail__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  color: #6b7280;
  font-size: 0.8125rem;
}

.ct-sk {
  flex: 1;
  overflow-y: auto;
}
.ct-sk::-webkit-scrollbar {
  width: 4px;
}
.ct-sk::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
}

.ct-sk__list {
  max-width: 768px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.ct-sk__block {
  border-radius: 4px;
  display: block;
}
.ct-sk__block--faint {
  opacity: 0.4;
}

.ct-sk__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
}

.ct-sk__group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ct-sk__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 42px;
}
.ct-sk__meta .ct-sk__block {
  border-radius: 9999px;
}

.ct-sk__comment {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.ct-sk__body {
  flex: 1;
  min-width: 0;
}

.ct-sk__bubble {
  background: #ffffff;
  border-radius: 8px;
  padding: 8px 12px;
}

.ct-sk__bubble-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
}

.ct-sk__bubble-lines {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ct-sk__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 28px;
  padding: 0 4px;
  margin-top: 4px;
}
.ct-sk__footer .ct-sk__block {
  border-radius: 6px;
}

.ct-sk__footer-empty {
  height: 28px;
  margin-top: 4px;
}

.ct-sk__reply {
  padding-left: 40px;
}

.ct {
  height: 100%;
  overflow-y: auto;
}
.ct:focus, .ct:focus-visible {
  outline: none;
}
.ct::-webkit-scrollbar {
  width: 4px;
}
.ct::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
}

.ct__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 768px;
  margin: 0 auto;
  padding: 20px;
}

.ct__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ct__group-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 42px;
  font-size: 0.65625rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #6b7280;
}

.ct__state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ct__state--open {
  color: #b45309;
}
.ct__state--closed {
  color: #047857;
}

.ct__state-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ct__state--open .ct__state-dot {
  background: #f59e0b;
}
.ct__state--closed .ct__state-dot {
  background: #10b981;
}

.ct__dot {
  color: rgba(107, 114, 128, 0.5);
}

.ct__assigned {
  color: #6b7280;
}

.ct__activity {
  color: #6b7280;
}

.ct__thread-collapse {
  display: block;
  width: auto;
  margin: 4px auto 0;
  border: none;
  background: transparent;
  padding: 2px 8px;
  font-size: 0.6875rem;
  line-height: 1.3333333333;
  color: rgba(107, 114, 128, 0.5);
  cursor: pointer;
}
.ct__thread-collapse:hover {
  color: #6b7280;
}

.ct__private-reply {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  font-style: italic;
  color: #9ca3af;
}

.ct__private-reply-icon {
  flex-shrink: 0;
  color: #9ca3af;
}

.ct__private-reply--sending {
  color: #6b7280;
  font-style: normal;
}
.ct__private-reply--sending .ct__private-reply-icon {
  color: #6b7280;
}

.ct__private-reply--error {
  color: #b91c1c;
  font-style: normal;
}
.ct__private-reply--error .ct__private-reply-icon {
  color: #b91c1c;
}

.ct__private-reply-retry {
  width: auto;
  border: none;
  background: transparent;
  padding: 0 2px;
  font: inherit;
  font-weight: 600;
  color: #b91c1c;
  text-decoration: underline;
  cursor: pointer;
}
.ct__private-reply-retry:hover {
  color: #991b1b;
}

.ct__private-reply-spin {
  animation: ct-private-reply-spin 0.8s linear infinite;
}

@keyframes ct-private-reply-spin {
  to {
    transform: rotate(360deg);
  }
}
.ct__comments {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ct__connector {
  position: absolute;
  left: 16px;
  top: 44px;
  bottom: 16px;
  width: 1px;
  background: rgba(148, 163, 184, 0.65);
  pointer-events: none;
}

.ct__reply {
  padding-left: 40px;
}

.ct__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  gap: 8px;
  color: #6b7280;
  text-align: center;
}

.ct__empty-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f3f4f6;
  color: #6b7280;
}

.ct__empty-title {
  font-size: 0.8125rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #111827;
  margin: 0;
}

.ct__empty-sub {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  max-width: 260px;
  margin: 0;
}
.ct__empty-sub strong {
  font-weight: 600;
}

.post-thread-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 4px;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  transition: box-shadow 120ms ease;
}
.post-thread-item:hover {
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}
.post-thread-item__avatar {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e7edff;
  color: #3b5bdb;
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin-top: 1px;
}
.post-thread-item__body {
  flex: 1;
  min-width: 0;
}
.post-thread-item__top {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.post-thread-item__name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-thread-item__state {
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.post-thread-item__state--open {
  background: #dcfce7;
  color: #15803d;
}
.post-thread-item__state--closed {
  background: #f3f4f6;
  color: #6b7280;
}
.post-thread-item__state--finished {
  background: #f3f4f6;
  color: #6b7280;
}
.post-thread-item__time {
  font-size: 0.6875rem;
  color: #6b7280;
  white-space: nowrap;
  margin-left: auto;
  flex-shrink: 0;
}
.post-thread-item__snippet {
  font-size: 0.75rem;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}@keyframes dp-shimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
.dp-sk {
  background: linear-gradient(90deg, #f0f2f4 25%, #e4e6e9 50%, #f0f2f4 75%);
  background-size: 1200px 100%;
  animation: dp-shimmer 1.6s ease-in-out infinite;
  border-radius: 4px;
  display: block;
}

.dp-sk--avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dp-sk--badge {
  width: 76px;
  height: 16px;
  border-radius: 9999px;
}
.dp-sk--name {
  width: 120px;
  height: 13px;
  margin-top: 6px;
}
.dp-sk--info-label {
  width: 64px;
  height: 11px;
  flex-shrink: 0;
}
.dp-sk--info-value {
  height: 12px;
}
.dp-sk--chevron {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  flex-shrink: 0;
}
.dp-sk--section-title {
  width: 88px;
  height: 13px;
}

.details-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: width 200ms ease;
}
.details-panel--open {
  width: 340px;
}
.details-panel--collapsed {
  width: 40px;
}
.details-panel__header {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 8px;
  flex-shrink: 0;
}
.details-panel__toggle {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  transition: background-color 120ms ease, color 120ms ease;
}
.details-panel__toggle:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #374151;
}
.details-panel__body {
  flex: 1;
  overflow-y: auto;
}
.details-panel__body::-webkit-scrollbar {
  width: 4px;
}
.details-panel__body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
}

@keyframes dp-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dp-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  animation: dp-fade-in 150ms ease;
}

.dp-section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.dp-section:last-child {
  border-bottom: none;
}
.dp-section__header {
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.dp-section__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  padding: 12px 0;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  color: #6b7280;
  transition: color 120ms ease;
}
.dp-section__toggle:disabled {
  cursor: default;
}
.dp-section__toggle:not(:disabled):hover {
  color: #111827;
}
.dp-section__chevron {
  flex-shrink: 0;
  color: #6b7280;
  transition: transform 150ms ease;
}
.dp-section__chevron--closed {
  transform: rotate(-90deg);
}
.dp-section__title {
  font-size: 0.8125rem;
  line-height: 1.4;
  font-weight: 600;
  color: #111827 !important;
}
.dp-section__count {
  font-size: 0.75rem;
  line-height: 1.4;
  font-weight: 500;
  color: #6b7280;
}
.dp-section__action {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #2563eb;
  border: none;
  background: none;
  cursor: pointer;
  padding: 4px 0 4px 8px;
}
.dp-section__action:hover {
  text-decoration: underline;
}
.dp-section__body {
  padding: 0 8px 12px;
}

.dp-post-card,
.dp-contact-card {
  background: #f2f6f8;
  border-radius: 12px;
  padding: 12px;
}

.dp-card-divider {
  margin: 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.dp-post-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.dp-post-card__thumb {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.dp-post-card__thumb-placeholder {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #e5e7eb;
}
.dp-post-card__meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.dp-post-card__page-name {
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 600;
  color: #111827;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dp-post-card__posted-at {
  font-size: 0.6875rem;
  line-height: 1.4;
  color: #6b7280;
  margin: 0;
}

.dp-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  background: #ffffff;
  border-radius: 9999px;
  padding: 2px 6px;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b7280;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  width: fit-content;
}

.dp-contact-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dp-contact-card__avatar-wrap {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.dp-contact-card__avatar-img, .dp-contact-card__avatar-initials {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.dp-contact-card__avatar-img {
  object-fit: cover;
  display: block;
}
.dp-contact-card__avatar-initials {
  display: grid;
  place-items: center;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: uppercase;
}
.dp-contact-card__fb-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  place-items: center;
  overflow: hidden;
  box-shadow: 0 0 0 2px #f2f6f8;
}
.dp-contact-card__fb-icon {
  width: 11px;
  height: 11px;
  object-fit: contain;
}
.dp-contact-card__name-block {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dp-contact-card__name {
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 600;
  color: #111827;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dp-state-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 0.625rem;
  font-weight: 500;
}
.dp-state-badge--open {
  background: rgba(245, 158, 11, 0.15);
  color: #b45309;
}
.dp-state-badge--closed {
  background: rgba(16, 185, 129, 0.15);
  color: #047857;
}
.dp-state-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dp-state-badge--open .dp-state-badge__dot {
  background: #f59e0b;
}
.dp-state-badge--closed .dp-state-badge__dot {
  background: #10b981;
}

.dp-info-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dp-info-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.dp-info-row__label {
  width: 88px;
  flex-shrink: 0;
  font-size: 0.6875rem;
  line-height: 1.4;
  font-weight: 500;
  color: #6b7280;
}
.dp-info-row__value {
  flex: 1;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  font-weight: 500;
  color: #374151;
}

.dp-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dp-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dp-row__left {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
}
.dp-row__label {
  font-size: 0.6875rem;
  line-height: 1.4;
  color: #6b7280;
}
.dp-row__value {
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 1.4;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #111827;
}
.dp-row--warn .dp-row__value {
  color: #b45309;
}
.dp-row--danger .dp-row__value {
  color: #dc2626;
}

.dp-message {
  font-size: 0.75rem;
  line-height: 1.625;
  color: rgba(17, 24, 39, 0.8);
  margin: 0;
  white-space: pre-wrap;
}

.dp-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #2563eb;
  text-decoration: none;
  font-size: inherit;
}
.dp-link:hover {
  text-decoration: underline;
}

.dp-mono {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.6875rem;
  color: #374151;
}

.dp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dp-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  background: #f2f6f8;
  padding: 2px 8px;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #111827;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.dp-empty-text {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #9ca3af;
  margin: 0;
}

.dp-error {
  padding: 24px 12px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #6b7280;
}

@media (max-width: 1279px) {
  .details-panel {
    display: none;
  }
}.posts-inbox {
  flex: 1;
  min-width: 0;
  display: flex;
  height: 100%;
  background: #f4f6f9;
  border-radius: 10px;
  overflow: hidden;
  gap: 12px;
}

.posts-inbox__card {
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.posts-inbox__center {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.posts-inbox__chat-area {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 12px;
}

.posts-inbox__chat-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 12px;
  padding: 12px;
  background: #f0f2f7;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

@keyframes pi-float {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(var(--base-rotate, 0deg));
  }
  50% {
    transform: translate3d(var(--drift-x, 4px), var(--float-dist, -8px), 0) rotate(calc(var(--base-rotate, 0deg) + var(--float-rotate, 2deg)));
  }
}
@keyframes pi-drift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  33% {
    transform: translate3d(calc(var(--drift-x, 4px) * -1), calc(var(--float-dist, -8px) * 0.6), 0);
  }
  66% {
    transform: translate3d(var(--drift-x, 4px), var(--float-dist, -8px), 0);
  }
}
@keyframes pi-pulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.04);
  }
}
@keyframes pi-dot-bounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-4px);
  }
}
.posts-inbox__empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.posts-inbox__empty__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 360px;
}
.posts-inbox__empty__title {
  margin: 24px 0 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: #111827;
  letter-spacing: -0.01em;
}
.posts-inbox__empty__subtitle {
  margin: 8px 0 0;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #6b7280;
}
.posts-inbox__empty__hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  padding: 6px 14px;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.posts-inbox__empty__hint-icon {
  color: #2563eb;
  flex-shrink: 0;
}

.pi-empty__illustration {
  position: relative;
  width: 176px;
  height: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1.03);
}
.pi-empty__backdrop {
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  background: rgba(37, 99, 235, 0.07);
  animation: pi-pulse 6s ease-in-out infinite;
}
.pi-empty__backdrop--inner {
  inset: 16px;
  background: rgba(37, 99, 235, 0.05);
  filter: blur(8px);
  animation-duration: 8s;
  animation-delay: -2s;
}
.pi-empty__card {
  position: absolute;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 12px;
}
.pi-empty__card--back {
  width: 128px;
  top: 24px;
  left: 24px;
  --base-rotate: -4deg;
  --drift-x: -3px;
  --float-dist: -6px;
  --float-rotate: 2deg;
  animation: pi-float 7s ease-in-out infinite;
  animation-delay: -1s;
  will-change: transform;
}
.pi-empty__card-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pi-empty__card-body {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pi-empty__dot {
  width: 12px;
  height: 12px;
  border-radius: 9999px;
  background: #f3f4f6;
  flex-shrink: 0;
}
.pi-empty__dot--bounce {
  width: 4px;
  height: 4px;
  background: rgba(107, 114, 128, 0.5);
  animation: pi-dot-bounce 1.2s ease-in-out infinite;
}
.pi-empty__dot--white {
  background: rgba(255, 255, 255, 0.8);
}
.pi-empty__line {
  height: 6px;
  border-radius: 9999px;
  background: #f3f4f6;
  width: 100%;
}
.pi-empty__line--short {
  width: 48px;
}
.pi-empty__line--mid {
  width: 75%;
}
.pi-empty__line--long {
  width: 83%;
}
.pi-empty__bubble {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.pi-empty__bubble--outline {
  width: 56px;
  height: 36px;
  bottom: 24px;
  left: 8px;
  border-radius: 16px 16px 16px 2px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  --drift-x: 5px;
  --float-dist: -10px;
  animation: pi-drift 5.5s ease-in-out infinite;
  animation-delay: -0.5s;
  animation-direction: reverse;
  will-change: transform;
}
.pi-empty__bubble--filled {
  width: 64px;
  height: 44px;
  bottom: 12px;
  right: 16px;
  border-radius: 16px 16px 2px 16px;
  background: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
  --drift-x: -4px;
  --float-dist: -10px;
  --float-rotate: -3deg;
  animation: pi-float 4.5s ease-in-out infinite;
  will-change: transform;
}.chatListCC {
  width: 100%;
  max-width: 342px;
  position: relative;
}

.chatCC {
  width: 100%;
}

.noResults {
  text-align: center;
  padding-top: 20px;
  color: #727272;
}

.ChatDetailCC {
  width: 100%;
  max-width: 342px;
}

.agentContainer {
  width: 100%;
  background: #E5ECFE;
}

.selectContainer {
  width: 100%;
}.tabProfile {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.tabProfile .tagsContainer {
  display: flex;
  flex-wrap: wrap;
}
.tabProfile .tagsContainer .tag {
  background: #e9ecef;
  padding: 5px 10px;
  text-align: center;
  border-radius: 16px;
  width: auto;
  margin-bottom: 5px;
  margin-right: 3px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  border: 1px solid #ced4da;
}

.custom_tab img, .custom_tab svg {
  height: 12px;
}

.container {
  padding: 0 !important;
}

.tab-products {
  background: #f8f8f8;
}.conversationDetailContainer {
  background-color: #e5ecfe;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.conversationDetailContainer .tagsContainer {
  flex: 0 1 auto;
  padding: 8px;
  width: 100%;
}
.conversationDetailContainer .tagsContainer .inputContainer {
  width: 100% !important;
}
.conversationDetailContainer .tagsContainer .noTags {
  width: 100%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #727272;
}
.conversationDetailContainer .tagsCardsDivider {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.conversationDetailContainer .tagsCardsDivider .divider {
  flex: 1 1 0;
}
.conversationDetailContainer .observationCardsContainer {
  overflow-y: auto;
  flex: 1 1 auto;
  padding-top: 10px;
}
.conversationDetailContainer .observationCardsContainer .noObservations {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 12px;
  color: #727272;
}
.conversationDetailContainer .observationCardsContainer .observationCard {
  padding: 6px 15px;
}
.conversationDetailContainer .observationInputContainer {
  padding: 0 5px;
  flex: 0 1 auto;
}
.conversationDetailContainer .observationInputContainer .observationInput {
  padding: 5px;
  border: none;
  height: 60px !important;
  width: 100%;
  resize: none;
  border-radius: 5px;
  background-color: white !important;
}
.conversationDetailContainer .observationInputContainer .observationInput:focus {
  outline: none;
  border: none;
}
.conversationDetailContainer .observationInputContainer .observationSubmitButton {
  font-size: 25px !important;
  padding: 0 !important;
  width: 100% !important;
  height: 60px !important;
}.mainHistoriesContainer {
  background: white;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.mainHistoriesContainer .historyLabel {
  width: 100%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 5px;
  color: #727272;
}
.mainHistoriesContainer .eventCardContainer {
  padding: 10px 25px;
}
.mainHistoriesContainer .noConversationsHolder {
  width: 100%;
  text-align: center;
  padding: 20px;
  color: #727272;
}
.mainHistoriesContainer .conversationContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mainHistoriesContainer .conversationContainer .conversations-history__chat-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mainHistoriesContainer .conversationContainer .backButton {
  border-top-left-radius: 5px;
}
.mainHistoriesContainer .conversationContainer .headerInfo {
  border-top-right-radius: 5px;
}
.mainHistoriesContainer .conversationContainer .chatDetailContainer {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 5px;
}
.mainHistoriesContainer .conversationContainer .chatDetailContainer .progress {
  position: relative !important;
}.search-input-container .searchInput {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  width: 100%;
  display: grid;
  grid-template-columns: 35px auto;
  padding: 5px;
}
.search-input-container .searchInput .search-input-container {
  width: 100%;
  padding: 0px 3px;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.search-input-container .searchInput input {
  border-radius: 3px;
  border: solid 1px #dfe3e9;
  width: 100% !important;
  height: 35px !important;
}
.search-input-container .searchInput input:focus {
  outline: none !important;
}
.search-input-container .searchInput input[type=checkbox] {
  cursor: pointer;
  height: 16px !important;
  width: 100%;
}
.search-input-container .searchInput .searchIcon {
  margin: 5px;
  background: #e5ecfe;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  color: #8e91a4;
  width: 31px;
  height: 31px;
}
.search-input-container .searchInput .filter-view, .search-input-container .searchInput .add-conversation {
  width: 35px;
  background: #e5ecfe;
  height: 35px;
  margin-top: 5px;
  margin-bottom: auto;
  padding: 0px;
}
.search-input-container .searchInput .true {
  background: #0047ff;
}
.search-input-container .searchInput .true img {
  height: 12px;
}
.search-input-container .searchInput .add-conversation {
  background: #e5ecfe;
}
.search-input-container .searchInput .not-available {
  background: #ebe9e9;
  cursor: not-allowed;
}
.search-input-container .searchInput .available {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #01bb69;
  cursor: pointer;
}
.search-input-container .COOKIE {
  grid-template-columns: 35px auto 35px;
}
.search-input-container .true {
  grid-template-columns: auto;
}.conversations-list-header {
  display: grid;
}
.conversations-list-header .conversations-filter-container___cookie-container, .conversations-list-header .add-conversation, .conversations-list-header .conversations-filter-container___search-input-container,
.conversations-list-header .conversations-filter-container___search-input-filters-button, .conversations-list-header .conversations-filter-container___search-input-filters-applied,
.conversations-list-header .conversations-filter-container___search-button-container, .conversations-list-header .conversations-filter-container___switch-contacts-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversations-list-header .conversations-filter-container {
  padding: 5px;
  width: 100%;
  display: grid;
}
.conversations-list-header .conversations-filter-container.smart-filter-extended-expanded {
  grid-template-rows: 45px 85px;
}
.conversations-list-header .conversations-filter-container.smart-filter-extended-collapsed {
  grid-template-rows: 45px 40px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-button, .conversations-list-header .conversations-filter-container .conversations-filter-container___switch-contacts-button {
  cursor: pointer;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-button:hover path, .conversations-list-header .conversations-filter-container .conversations-filter-container___switch-contacts-button:hover path {
  fill: #0047ff;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container {
  height: 130px;
  border-radius: 3px;
  overflow-x: auto;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .chips-component {
  height: 35px;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .chips-component .chips__item {
  height: 25px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .chips-component .chips__input {
  font-size: 12px;
  margin: 0 !important;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .chips-component .chips__list {
  flex-wrap: nowrap;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .conversations-filter-container__search-input {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .search-input__tag-icon {
  width: 15px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .search-input__chips-container {
  width: 100%;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container__search-input-container .search-input__search-button {
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: flex;
  background: #01bb69;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___filter-applied {
  font-size: 10px;
  color: #434343;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container {
  display: flex;
  justify-content: space-between;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .search-input-container__filters-section {
  display: flex;
  width: 100%;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .search-input-container__filters-section .conversations-filter-container___search-input-filters-button {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .add-conversation {
  width: 55px !important;
  justify-content: space-between !important;
  border-radius: 3px !important;
  border: none !important;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container {
  width: 100%;
  height: 35px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection {
  border: solid 1px #d6d6d6 !important;
  border-left: none !important;
  border-radius: 3px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  height: 35px;
  display: block;
  font-size: 12px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .button .button-label {
  margin: auto 0;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .button {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  height: 100%;
  gap: 5px;
  padding: 0px 5px;
  justify-content: space-between;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .button span {
  padding: 0;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .button p {
  padding: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .menu {
  margin-right: 0px !important;
  margin-top: 3px !important;
  border-radius: 3px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .menu .menu-items {
  display: flex;
  flex-direction: column;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___dropdown-container .DropdownButtonSelection .menu .menu-items li {
  text-transform: none;
  font-size: 12px;
  width: 100%;
  min-height: 35px;
  height: auto !important;
  padding: 5px;
  color: #49525f;
  border: none;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___search-input-filters-button {
  width: 30px;
  height: 35px;
  border-radius: 3px;
  background: #5087ec;
  cursor: pointer;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___search-input-filters-button .conversations-filter-container___search-input-filters-button-count {
  font-size: 15px;
  color: #ffffff;
  margin: auto;
  font-weight: bold;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___search-input {
  height: 35px;
  width: 100%;
  background: #f8f8f8;
  border-radius: 5px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .conversations-filter-container___search-input-filters-applied {
  cursor: context-menu;
  margin: auto;
  border-radius: 3px;
  padding: 0;
  width: 16px;
  height: 16px;
  text-align: center;
  background: #989aac;
  color: #ffffff;
  font-size: 10px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___search-input-container .filters {
  background: #0047ff;
}
.conversations-list-header .conversations-filter-container .filters-applied {
  grid-template-columns: 35px auto 35px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___cookie-container .add-conversation {
  width: 35px;
  height: 35px;
  background: none;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___cookie-container .add-conversation img {
  height: 30px;
  width: auto;
  max-width: fit-content;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___cookie-container .add-conversation .conversations-counter {
  color: #49525F;
  font-size: 18px;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___cookie-container .not-available {
  cursor: not-allowed;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___cookie-container .available {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.conversations-list-header .conversations-filter-container .conversations-filter-container___switch-contacts-container {
  width: 45px;
}
.conversations-list-header .conversations-filter-params {
  height: 45px;
  width: 100%;
  display: grid;
  grid-template-columns: 55px auto;
  padding: 5px;
  gap: 5px;
}
.conversations-list-header .conversations-filter-params .conversations-filter-container___search-button-container {
  background: #01bb69;
  border-radius: 5px;
  cursor: pointer;
  width: 55px;
  height: 30px;
  margin: auto;
}
.conversations-list-header .conversations-filter-params .conversations-filter-params__label {
  font-size: 10px;
  word-break: break-word;
  line-height: normal;
  white-space: break-spaces;
  margin: auto;
  color: #989aac;
  padding: 0;
}
.conversations-list-header .conversations-filter-params .conversations-filter-params__container {
  display: flex;
  align-items: center;
  font-size: 10px;
  gap: 3px 5px;
  overflow-x: auto;
  overflow-y: hidden;
}
.conversations-list-header .conversations-filter-params .conversations-filter-params__container .conversations-filter-params__chip {
  display: grid;
  grid-template-columns: auto 10px;
  text-align: center;
  height: fit-content;
  padding: 3px 5px;
  border-radius: 3px;
  background: #0047ff;
  color: #ffffff;
  grid-gap: 5px;
}
.conversations-list-header .conversations-filter-params .conversations-filter-params__container .conversations-filter-params__chip .conversations-filter-params__chip-label {
  white-space: nowrap;
}
.conversations-list-header .conversations-filter-params .conversations-filter-params__container .conversations-filter-params__chip .conversations-filter-params__chip-close {
  cursor: pointer;
  font-weight: bold;
  font-size: 10px;
  margin: auto;
}

.section-divider {
  height: 30px;
  width: 1px;
  background: #ececec;
  border-radius: 5px;
  margin: auto;
  margin-left: 5px;
}.alert-container .alert {
  height: 60px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-sans);
  position: relative;
  border-bottom: 1px solid #dfe3e9;
  padding: 0px !important;
  background: rgba(213, 75, 61, 0.2);
  margin: 0px !important;
  border-radius: 0px !important;
}
.alert-container .alert .alert_text {
  display: flex;
  flex-direction: column;
  padding: 5px;
  padding-left: 7px;
  padding-top: 10px;
  flex-wrap: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: min-content;
}
.alert-container .alert .main {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  color: #d54b3d;
}
.alert-container .alert .sub {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #d54b3d;
  overflow: hidden;
}
.alert-container .alert .alert_type {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.alert-container .alert .alert_type .alert_icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 5px;
  z-index: 1;
  display: flex;
  justify-content: center;
  text-align: center;
}
.alert-container .alert .alert_type .alert_icon svg {
  max-width: 20px;
  margin-left: 1px;
}
.alert-container .alert .alert_type .alert_icon .channelIcon {
  display: inline-block;
}
.alert-container .warning {
  background: rgba(255, 255, 45, 0.39);
}
.alert-container .warning .main, .alert-container .warning .sub {
  color: #5f5407;
}
.alert-container .warning .alert_icon svg path {
  fill: #5f5407;
}.filters-list {
  border-radius: 10px;
  user-select: none;
  width: 100%;
  padding: 0;
  gap: 0;
  overflow-y: auto;
  background: #ffffff;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.filters-list .filters-list-header-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.filters-list .check-filter {
  display: flex;
  align-items: center;
  color: #82878d;
  font-size: 12px;
}
.filters-list .check-filter input {
  appearance: auto !important;
  width: 15px !important;
  margin-right: 10px;
}
.filters-list .filters-container {
  display: grid;
  grid-template-columns: 32px auto;
  grid-gap: 5px;
}
.filters-list .filters-container .filters-container___search-button, .filters-list .filters-container .filters-container___close-button {
  cursor: pointer;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.filters-list .filters-container .filters-container___search-button {
  background: #f8f8f8;
}
.filters-list .filters-container .filters-container___close-button:hover path {
  fill: #0047ff;
}
.filters-list .filters-container .filters-container___search-button {
  font-size: 14px;
  text-align: center;
  background: #acadb0;
  color: #ffffff;
  cursor: disabled;
}
.filters-list .filters-container .changes-to-search {
  background: #5087ec;
  cursor: pointer;
}
.filters-list .CategoryFilter .container-title {
  font-size: 12px !important;
}
.filters-list .CategoryFilter .container-filters ul {
  margin-top: 5px !important;
}
.filters-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 10;
  border: 1px solid #e4e4e7;
  padding: 1rem;
}
.filters-list__header .filters-list-header-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  color: black;
}
.filters-list__header .filters-list-header-close-button {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  text-transform: none;
  border: none;
}
.filters-list__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fff;
  padding: 1rem;
}
.filters-list__footer {
  position: sticky;
  bottom: 0px;
  border-top: 1px solid #e4e4e7;
  padding: 1rem;
}
.filters-list__footer .filters-list-footer-button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: white;
  background-color: #0047ff;
  border: none;
  cursor: pointer;
}
.filters-list__footer .filters-list-footer-button:disabled {
  pointer-events: none;
  background-color: #acadb0;
}

.channels-filter .last-activity-filter-header {
  display: flex;
  justify-content: space-between;
  height: 30px;
}
.channels-filter .last-activity-filter-header .last-activity-filter-header__switch-container {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
.channels-filter .last-activity-filter-header .last-activity-filter-header__switch-container .switch-title {
  font-size: 11px;
  margin: auto;
  color: #606060;
}
.channels-filter .channels-filter-container {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin-top: 1rem;
}
.channels-filter .channels-filter-container .channel-container {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 5px;
  position: relative;
}
.channels-filter .channels-filter-container .channel-container .channel-image {
  padding-top: 10px;
}
.channels-filter .channels-filter-container .channel-container .check-icon {
  position: absolute;
  top: 5px;
  right: 5px;
}
.channels-filter .channels-filter-container .channel-container path {
  fill: #0047ff;
}
.channels-filter .channels-filter-container .channel-selected {
  background: #0047ff;
}
.channels-filter .channels-filter-container .channel-selected path {
  fill: #ffffff;
}
.channels-filter .channels-filter-container .channel-container:hover {
  background: #dddddd;
}

.agents-list {
  max-height: 200px;
  overflow-y: auto;
}

.check-icon-svg {
  position: absolute;
  z-index: 1000;
  top: 10px;
  right: 10px;
}.email-templates-container {
  margin: 0px;
}

.templates-container {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  width: 100%;
  height: 100%;
}
.templates-container .filter-container {
  padding: 20px;
}
.templates-container .filter-container .container-filter {
  margin-top: 12px !important;
}
.templates-container .filter-container .container-filter .active label {
  font-weight: bold !important;
}

.form-container {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 3fr 2fr;
  gap: 0px 0px;
  grid-template-areas: "." "." ".";
  width: 100%;
  height: 100%;
}
.form-container .title-form {
  display: flex;
  justify-content: space-between;
  background-color: #f8f8f8;
  margin: 20px 100px 20px 100px;
  padding: 12px;
  height: 45px;
}
.form-container .title-form .back-button {
  cursor: pointer;
  font-size: 14px;
}
.form-container .title-form .back-button img {
  padding: 3px;
}
.form-container .title-form .text {
  color: #606060;
  font-weight: bold;
  font-size: 14px;
}
.form-container .data-form {
  margin: auto;
}
.form-container .data-form input {
  border: solid 1px #8e91a4;
  border-radius: 4px;
  padding: 20px;
  font-size: 14px;
  color: #8e91a4;
}
.form-container .data-form label {
  font-size: 14px;
  color: #8e91a4;
  font-weight: bold;
}
.form-container .form-button {
  display: flex;
  justify-self: center;
}
.form-container .form-button .button-container {
  margin: 5px;
}

.templates-list {
  padding: 20px;
  width: 100%;
  height: 100%;
}

.top-bar-templates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 0px 0px;
  gap: 0px 0px;
  grid-template-areas: ". .";
  width: 100%;
  margin: 0px 0px 5px 0px;
}
.top-bar-templates .filter {
  width: 30%;
}
.top-bar-templates .search-box {
  display: flex;
}

.custom-view {
  height: auto;
}

.list-view {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  width: 100%;
  height: 100%;
}

.builder-view {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  width: 100%;
  height: 100%;
}
.builder-view .filter-container {
  padding: 20px;
}
.builder-view .filter-container .container-filter {
  margin-top: 12px !important;
}
.builder-view .filter-container .container-filter .active label {
  font-weight: bold !important;
}

.template-container {
  overflow: auto;
}

.SelectionSummaryDetail .header {
  color: #606060;
}
.SelectionSummaryDetail {
  padding: 15px 0px 0px 0px;
}
.SelectionSummaryDetail .details div {
  padding: 12px 0px;
  font-size: 12px;
}
.SelectionSummaryDetail .details div .detail-title {
  margin: 0px 10px;
}
.SelectionSummaryDetail .details div .detail-info {
  color: #606060;
}

.create-button {
  cursor: pointer;
  margin: 0px 0px 0px 10px;
}
.create-button .button {
  width: 228px;
  border: solid 1px;
  font-size: 14px;
  background-color: #0047ff;
  color: white;
  border-radius: 4px;
  padding: 12px 12px 12px 10px;
  display: inline-block;
}

.button {
  color: white;
  border: solid 1px;
  padding: 4px;
  cursor: pointer;
}

.background-template {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr 5fr 1fr;
  grid-gap: 0px 0px;
  gap: 0px 0px;
  grid-template-areas: ". . ." ". . ." ". . .";
  width: 100%;
  height: 100%;
  justify-items: center;
}
.background-template .no-template-title {
  color: #606060;
}

.fields {
  margin: 10px;
}
.fields input {
  color: rgb(222, 223, 225);
}

.table-container {
  display: grid !important;
  grid-template-rows: 40px;
}

.table-container .table-content .table-item {
  padding: 10px !important;
  color: #606060;
  font-size: 14px;
}
.table-container .table-content .table-item:hover {
  color: #606060;
  font-weight: bold;
  background-color: #f8f8f8 !important;
}

.chip-status {
  color: white;
  padding: 5px;
  display: inline-flex;
  border-radius: 5px;
}
.chip-status.published {
  background-color: #01bb69;
}
.chip-status.draft {
  color: #8e91a4;
  background-color: #f8f8f8;
}
.chip-status.archived {
  background-color: #0047ff;
}

.DropdownButton {
  width: 100%;
}
.DropdownButton .button {
  background-color: #0047ff;
  color: white;
  border-radius: 4px;
}
.DropdownButton .button:hover {
  background-color: #0047ff;
}
.DropdownButton .button span {
  border-left: 1px solid white;
}

.builder-container {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 5fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  width: 100%;
  height: 100%;
}
.builder-container .back-button {
  cursor: pointer;
  padding: 5px;
  font-size: 10px;
  color: #d9dde6;
  background-color: #373e46;
}
.builder-container .back-button img {
  width: 10px;
  margin: 8px;
}
.builder-container .apply-button {
  width: inherit;
  bottom: 0px;
  position: absolute;
  padding: 20px;
  background: rgb(35, 47, 62);
}
.builder-container .nav-tabs {
  border-bottom: none;
}
.builder-container .tab-content {
  height: calc(100% - 170px) !important;
  overflow: auto;
}
.builder-container .nav-tabs .nav-link {
  color: white;
  margin-bottom: -1px;
  border: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 11px !important;
}
.builder-container .nav-tabs .nav-link:hover {
  color: white;
}
.builder-container .nav-tabs .nav-link.active,
.builder-container .nav-tabs .nav-item.show .nav-link {
  background-color: #28313a !important;
  color: white !important;
  border-bottom: none !important;
  padding: 11px !important;
}

.template-info {
  background-color: #28313a;
}

.variable-fields-form {
  padding: 10px;
  background-color: #28313a;
}
.variable-fields-form .variable-labels {
  margin-bottom: 3px;
  color: #ffffff;
}
.variable-fields-form .variable-fields {
  background-color: white !important;
  font-size: 13px;
}
.variable-fields-form .variable-edit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.variable-list {
  margin: 10px;
  height: fit-content;
  max-height: 300px;
}
.variable-list .variable-item {
  color: #f8f8f8;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  background-color: #20272f;
  border: solid 1px #373e46;
}
.variable-list .variable-item .variable-icon {
  width: 70px;
  display: flex;
  justify-content: right;
}
.variable-list .variable-item .variable-icon .icon-container {
  display: none;
  cursor: pointer;
  margin: 1px;
}
.variable-list .variable-item .variable-icon .icon-container .icon {
  font-size: 12px;
  background-color: white;
  height: 20px;
  border-radius: 3px;
  padding: 3px;
}
.variable-list .variable-item:hover {
  background-color: #373e46;
}
.variable-list .variable-item:hover .icon-container {
  margin: 1px;
  display: flex;
}
.variable-list .variable-item:hover .icon-container .icon {
  font-size: 12px;
  display: block;
}

.report-container {
  margin: 0px 100px;
  display: grid;
  grid-template-columns: 1fr 4fr;
}

.kpis {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.kpis .kpi {
  padding: 5px;
  border: solid 1px #cee3ff;
  border-radius: 4px;
  width: 97%;
  height: 90%;
}

.information {
  padding: 0px;
}

.templateDetail {
  padding: 0px;
}
.templateDetail .field-container {
  padding: 0px;
  margin-bottom: 25px;
}
.templateDetail .field-container .field {
  padding: 0px;
  font-weight: bold;
}
.templateDetail .field-container .field-data {
  padding: 0px;
}.login-view-container .headerNotificame {
  position: fixed;
  width: 100%;
  background: white;
  border-top: solid red 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: grid;
  grid-template-columns: 1% auto;
  z-index: 1;
}
.login-view-container .headerNotificame .claro-icon {
  width: 150px;
  height: 43px;
  grid-column-start: 2;
  margin: 22px 0px;
}
.login-view-container .browser-login {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: #f8f8f8;
  overflow-x: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.login-view-container .browser-login .browser-login__login_shopping {
  margin-left: 10vw;
}
.login-view-container .browser-login img {
  user-select: none;
}
.login-view-container .browser-login .browser-login__card {
  padding: 20px 35px;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(142, 145, 164, 0.25);
  border: solid 1px var(--intermediate-gray);
  background-color: var(--white);
  position: absolute;
  width: 365px;
  height: 535px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-view-container .browser-login.TIGO {
  justify-content: flex-start;
  overflow: hidden;
  background-image: var(--tigo-login-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.login-view-container .browser-login.TIGO .browser-login__card {
  display: block;
  position: relative;
  margin-left: 8vw;
  width: 100%;
  max-width: 385px;
  min-width: 340px;
  height: auto;
  background-color: var(--card-background-components, #FFFFFF);
  border: 1px solid var(--border-color-components, #CFCFCF);
  border-radius: var(--card-border-radius-components, 41px);
  box-shadow: none;
  padding: 40px 32px;
}
.login-view-container .browser-login.TIGO .browser-login__card .login-card-container {
  width: 100%;
  height: auto;
}
.login-view-container .CLARO {
  justify-content: flex-end;
  overflow-y: hidden;
}
.login-view-container .CLARO .claro-background {
  width: 100%;
}
.login-view-container .CLARO .browser-login__card {
  width: 340px;
  height: 390px;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-right: 10vw;
}
.login-view-container .QUICKLY {
  z-index: 1;
}
.login-view-container .mobile-login {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10vh 5vh;
}
/* make the customizations */
@font-face {
  font-family: OpenSansRegular;
  src: url("/v5/assets/OpenSansRegular-B-dCXNyc.ttf");
}
@font-face {
  font-family: OpenSansBold;
  src: url("/v5/assets/OpenSansBold-fo1ORDhe.ttf");
}
textarea {
  resize: vertical !important;
}

.form-control::placeholder {
  color: #a7a9ab !important;
  opacity: 1;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #0047ff !important;
  background-color: #fff !important;
  border-color: #fff !important;
  border-bottom: 3px solid #0047ff !important;
  font-weight: 800 !important;
  font-size: 12px !important;
}

button {
  border-radius: 5px;
}

.Toastify__close-button {
  width: auto;
}

.nav-tabs {
  justify-content: center !important;
  flex-direction: row !important;
  flex-flow: inherit !important;
  text-align: center !important;
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
  height: 51px !important;
}

.nav-link {
  width: 100%;
  outline: none !important;
  color: black;
  font-size: 12px !important;
  font-size: 12px !important;
  padding: 5px 8px !important;
}

/* .form-control:focus{
    background-image: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    //border: solid 1px black !important;
    font-size: 10px !important;
} */
.tab-content {
  font-size: 12px !important;
}

.form-control {
  text-align: left;
  border-radius: 4px;
}

/* import bootstrap to set changes */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(122.4, 186.36, 255);
}

.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}

.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(127.5, 189, 255);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(178.5, 215.4, 255);
  border-color: rgb(178.5, 215.4, 255);
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(127.5, 189, 255);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb {
  appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb {
  appearance: none;
}
.custom-range::-moz-range-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb {
  appearance: none;
}
.custom-range::-ms-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(0, 86.1, 178.5);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}
.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}
.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}

.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(183.6, 218.04, 255);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(158.1, 204.84, 255);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0, 63.96, 132.6);
  border-color: rgb(0, 63.96, 132.6);
}

.list-group-item-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(213.84, 216.36, 218.6);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(56.16, 60.84, 65);
  border-color: rgb(56.16, 60.84, 65);
}

.list-group-item-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(194.8, 230.36, 202.92);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(20.8, 86.84, 35.88);
}

.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}

.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}

.list-group-item-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(245.2, 198.44, 202.92);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(114.4, 27.56, 35.88);
}

.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}

.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

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

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
:root {
  /* COLORS */
  --color-primary: #0047ff;
  --color-disabled: #9b9b9b;
  --color-black: #434343;
  --color-white: #F8F8F8;
  --color-lightgrey: #dadce0;
  --color-grey: #989aac;
  --color-dark: #1C1C1B;
  --color-dark-two: #0f151c;
  --color-soft-blue: #20B9DB;
  --color-soft-blue-light-1: #c6c6c4;
  --color-soft-blue-light-2: #eef3fd;
  --color-soft-blue-dark-1: #0047ff;
  --color-soft-blue-dark-2: #30518e;
  --color-red: #e93a3d;
  --color-success: #28a745;
  --color-orange: #fd7e14;
  --color-yellow: #ffc107;
  --color-teal: #17a2b8;
  --color-listitem-avatar: #e4c381;
  --color-sms: #49525f;
  --color-whatsapp: #31ad63;
  --color-messenger: #0047ff;
  --color-email: #d54b3d;
  --color-rcs: #5e388a;
  /* FONTS */
  --font-sans: OpenSansRegular, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  --font-serif: "Times New Roman", serif;
  /* custom toggle defaults */
  --toggle-width: 26px;
  --toggle-height: 14px;
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul, li {
  list-style: none;
}

button, input, select, textarea {
  margin: 0;
}

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

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

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

td:not([align]), th:not([align]) {
  text-align: left;
}

html, body {
  --limit-border-color: #D3D4DC;
  height: 100%;
  margin: 0;
  font-family: var(--font-sans);
}
html button, body button {
  border-radius: 5px;
}
html h1, body h1 {
  word-spacing: 3px;
}
html button, body button {
  border: none;
  background-color: #0069d9;
  color: white;
  font-weight: bold;
  outline: none;
  padding: 0 5px;
  font-size: 0.8rem;
}
html h1, html .reach-title, body h1, body .reach-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #4e5053;
}
html h2, html .reach-subtitle, body h2, body .reach-subtitle {
  font-weight: 600;
  font-size: 1rem;
  color: #49525f;
}
html h3, html .reach-subtitle-2, body h3, body .reach-subtitle-2 {
  font-weight: 600;
  font-size: 0.975rem;
  color: #49525f;
}
html h4, html .reach-subtitle-3, body h4, body .reach-subtitle-3 {
  font-weight: 600;
  font-size: 0.8rem;
  color: #515862;
}
html p, html .reach-body, body p, body .reach-body {
  font-size: 0.875rem;
  color: #49525f;
  font-weight: normal;
}
html .reach-text, body .reach-text {
  font-size: 0.7rem;
  color: #49525f;
  font-weight: normal;
}
html .break-words, body .break-words {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  overflow: hidden;
}
html .reach-small-words, body .reach-small-words {
  font-size: 0.75rem;
  color: #8e91a4;
  font-weight: normal;
}
html .reach-small-words-2x, body .reach-small-words-2x {
  font-size: 0.75rem;
  color: #8e91a4;
  font-weight: normal;
}

/* custom toggles */
/* custom buttons */
::-webkit-scrollbar {
  width: 4px !important;
  height: 3px !important;
}

::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

::-webkit-scrollbar-thumb {
  background: #a8aeb5;
  border-radius: 4px;
  height: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #97a0af;
  border-radius: 3px;
}

.btn-primary {
  background-color: var(--color-primary);
}

.btn-needsaproval {
  background-color: #e73089;
  border-color: #f638a7;
}
.btn-needsaproval:hover, .btn-needsaproval:active, .btn-needsaproval:focus {
  background-color: #f638a7;
  border-color: #e73089;
}
.btn-needsaproval:not(:disabled):not(.disabled):active,
.btn-needsaproval .btn-needsaproval:not(:disabled):not(.disabled).active,
.btn-needsaproval .show > .btn-needsaproval.dropdown-toggle {
  color: #fff;
  background-color: #f638a7;
  border-color: #e73089;
}
.btn-needsaproval:disabled {
  background-color: #ccc;
  border-color: #ccc;
  color: #999;
}

.pulse {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.inline-link-button {
  border: none;
  background: none;
  width: auto;
  padding: 0;
  color: #007bff;
  cursor: pointer;
  text-decoration: none;
  margin-left: 5px;
}

.gg-math-plus,
.gg-math-plus::after {
  display: block;
  box-sizing: border-box;
  background: currentColor;
  border-radius: 10px;
}

.gg-math-plus {
  margin-top: -2px;
  position: relative;
  transform: scale(0.8);
  width: 16px;
  height: 2px;
}

.gg-math-plus::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 16px;
  top: -7px;
  left: 7px;
}

.gg-key {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 8px;
  border: 2px solid;
  border-radius: 100px;
  margin-left: -12px;
}

.gg-key::after,
.gg-key::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: -12px;
}

.gg-key::before {
  background: currentColor;
  width: 12px;
  height: 2px;
  top: 1px;
}

.gg-key::after {
  width: 5px;
  height: 3px;
  top: 2px;
  border-left: 2px solid;
  border-right: 2px solid;
}

.optional-badge-span {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 3px;
}

.gg-smartphone-chip {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 6px double;
  border-radius: 3px;
}

.gg-smartphone-chip::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  height: 2px;
  left: -3px;
  top: -9px;
  background: currentColor;
  box-shadow: 4px 0 0, 8px 0 0, 0 20px 0, 4px 20px 0, -6px 6px 0, 14px 6px 0, 14px 10px 0, 14px 14px 0, -6px 10px 0, -6px 14px 0, 8px 20px 0;
}

.arrow-select-container {
  position: relative;
  width: 100%;
}

.arrow-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none;
  width: 100%;
  padding: 10px;
  padding-right: 30px;
  border: 1px solid #ccc;
  border-radius: 7px;
  background-color: #fff;
  font-size: 13px;
  line-height: 1;
  color: #333;
  cursor: pointer;
  text-transform: capitalize;
}

.arrow-select-container::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #333;
  transform: translateY(-50%);
  border-radius: 6px;
}

.rigth-arrow-select-container {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 15px;
  height: 15px;
  border-radius: 100px;
  top: 3px;
}
.rigth-arrow-select-container::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #8e91a4;
  border-right: 2px solid #8e91a4;
  transform: rotate(315deg);
}.login-card-container {
  height: 100%;
}
.login-card-container .login-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.login-card-container .login-card form {
  width: 100%;
}
.login-card-container .login-card label {
  font-weight: bold;
  margin: 0 !important;
  color: #49525f !important;
  margin-bottom: 5px !important;
}
.login-card-container .login-card h3 {
  text-align: end;
  font-size: 12px;
  margin-top: 5px;
  font-weight: normal;
  cursor: pointer;
  color: #8e91a4;
}
.login-card-container .login-card .login-card__icon {
  margin-top: 25px;
}
.login-card-container .login-card .login-card___help {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-card-container .login-card .login-card___help .login-card___help-contact {
  cursor: pointer;
}
.login-card-container .login-card .login-card___help .login-card___help-icon, .login-card-container .login-card .login-card___help .login-card___help-contact {
  margin-left: 3px;
}
.login-card-container .login-card .login-sso {
  color: #929396;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  text-align: center;
}
.login-card-container .TIGO {
  font-family: var(--font-theme, Roboto), var(--font-sans);
  align-items: stretch;
  justify-content: flex-start;
  height: auto;
}
.login-card-container .TIGO .login-card__icon {
  margin-top: 0;
  height: 56px;
  width: auto;
  align-self: center;
  margin-bottom: 40px;
}
.login-card-container .TIGO .tigo-header {
  width: 100%;
  margin-bottom: 24px;
}
.login-card-container .TIGO .tigo-header .tigo-header-title {
  font-size: 28px;
  line-height: 33px;
  font-weight: 700;
  color: var(--title-font-color-components, #123773);
  text-align: left;
}
.login-card-container .TIGO label, .login-card-container .TIGO .form-label {
  color: var(--title-font-color-components, #123773) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px !important;
}
.login-card-container .TIGO .tigo-input-wrap {
  position: relative;
  margin-bottom: 20px;
}
.login-card-container .TIGO .tigo-input-wrap .tigo-input-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  pointer-events: none;
}
.login-card-container .TIGO .tigo-input-wrap .form-control {
  height: var(--input-height-components, 45px) !important;
  border: 1px solid var(--border-color-components, #CFCFCF);
  border-radius: var(--input-border-radius-components, 13px);
  padding: 0 16px 0 48px;
  font-size: 1rem;
  color: var(--text-strong-color-components, #0E1526);
}
.login-card-container .TIGO .tigo-input-wrap .form-control:focus {
  border-color: var(--primary-background-components, #123773);
  box-shadow: 0 0 0 3px rgba(18, 55, 115, 0.15);
}
.login-card-container .TIGO .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height-components, 44px);
  padding: 0 var(--button-padding-x-components, 16px);
  border-radius: var(--button-border-radius-components, 13px);
  font-size: var(--button-font-size-components, 16px);
  font-weight: var(--button-font-weight-components, 700);
}
.login-card-container .TIGO .btn-primary {
  background: var(--primary-background-components, #123773);
  border-color: var(--primary-background-components, #123773);
  box-shadow: none;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.login-card-container .TIGO .btn-primary:hover, .login-card-container .TIGO .btn-primary:focus, .login-card-container .TIGO .btn-primary:active {
  background: var(--primary-hover-background-components, #17489F) !important;
  border-color: var(--primary-hover-background-components, #17489F) !important;
}
.login-card-container .TIGO .btn-primary:active {
  transform: scale(0.98);
}
.login-card-container .TIGO .tigo-submit {
  width: 100%;
  margin-top: 8px;
}
.login-card-container .TIGO .tigo-recover-password {
  color: var(--accent-color-components, #85C4EB);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  margin-top: 14px;
}
.login-card-container .TIGO .two-fa-description {
  font-size: 13px;
  text-align: center;
  margin: 0 0 5px 0;
}
.login-card-container .CLARO .claro-header {
  width: 100%;
  margin-bottom: 15px;
}
.login-card-container .CLARO .claro-header .claro-header-title {
  font-size: 30px;
  color: #25303d;
}
.login-card-container .CLARO .btn {
  background: #0097a9;
  border-color: #0097a9;
}
.login-card-container .CLARO .claro-recover-password {
  color: #929396;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
}
.login-card-container .CLARO .claro-icon {
  width: 150px;
  height: 55px;
}
.login-card-container .CLARO .two-fa-description {
  font-size: 12px;
  text-align: center;
  margin: 5px 0;
}
.login-card-container input:disabled {
  cursor: not-allowed;
}
.login-card-container button:disabled {
  cursor: not-allowed;
}
.login-card-container .two-fa-description {
  font-size: 13px;
  margin: 15px 0;
}
.login-card-container .two-fa {
  color: #929396;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  margin: 10px 0;
}

.login-error {
  font-size: 12px;
  font-weight: bold;
  color: #e74c3c;
}

.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.login-button-quickly {
  background-color: var(--primary-background-components);
  color: var(--primary-text-components);
  border-color: var(--primary-background-components);
}
.login-button-quickly:hover {
  background-color: var(--primary-hover-background-components) !important;
  border-color: var(--primary-hover-background-components) !important;
}.reach-login {
  position: relative;
  min-height: 100vh;
  background-color: #f9f9f9;
}
.reach-login .grecaptcha-badge {
  z-index: 1;
}
.reach-login .main-reach-area {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  padding-bottom: 4rem;
}
@media (max-width: 1366px) {
  .reach-login .main-reach-area {
    padding: 1rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .reach-login .main-reach-area {
    padding: 1rem;
    padding-bottom: 2rem;
  }
}
.reach-login .reach-login-area {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 72rem;
  overflow: hidden;
  border-radius: 1.5rem;
  background-color: white;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.reach-login .reach-login-area .reach-login-cards {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .reach-login .reach-login-area .reach-login-cards {
    flex-direction: row;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
}
@media (min-width: 768px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form {
    padding: 3rem;
  }
}
@media (max-width: 1366px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form {
    padding: 2rem;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-logo {
  display: inline-flex;
  width: 13rem;
  height: 5rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%20424.94%2066.02'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2029.5.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.0%20Build%20137)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%231e1f1d;%20}%20.st1%20{%20fill:%20%2320badc;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M422.5.8h-8.84c-1.35,0-2.44,1.09-2.44,2.44v21.55c0,1.58-1.28,2.86-2.86,2.86h-49.03c-1.58,0-2.86-1.28-2.86-2.86V3.17c0-1.35-1.09-2.44-2.44-2.44h-8.84c-1.35,0-2.44,1.09-2.44,2.44v60.32c0,1.35,1.09,2.44,2.44,2.44h8.84c1.35,0,2.44-1.09,2.44-2.44v-21.23c0-1.58,1.28-2.86,2.86-2.86h49.03c1.58,0,2.86,1.28,2.86,2.86v21.29c0,1.35,1.09,2.44,2.44,2.44h8.84c1.35,0,2.44-1.09,2.44-2.44V3.23c0-1.35-1.09-2.44-2.44-2.44h0Z'/%3e%3cpath%20class='st0'%20d='M72.92,37.01c7.2-4.35,9.42-8.25,9.42-15.23v-2.67c0-10.03-11.01-18.15-21.04-18.15H1.59c-.88,0-1.59.71-1.59,1.59v61.86c0,.88.71,1.59,1.59,1.59h10.59c.75-.08,1.35-.67,1.42-1.42v-16.53c0-1.9.65-3.44,2.55-3.44l41.22.29c5.05,0,9.15,2.87,9.15,9.15v10.3c0,.91.74,1.65,1.65,1.65h10.32c1.32,0,2.4-1.07,2.4-2.4v-11.49c-.28-5.82-2.48-8.34-8.23-12.25-1.32-.9-.78-2.56.25-2.86h.01,0ZM68.49,23.96c0,4.99-4.05,9.04-9.04,9.04H15.14c-.85,0-1.53-.69-1.53-1.53V14.69c0-.85.68-1.53,1.53-1.53h44.31c4.99,0,9.04,4.04,9.04,9.04v1.78-.02Z'/%3e%3cpath%20class='st0'%20d='M333.87,11.99V2.97c0-1.23-1-2.23-2.23-2.23h-53.86c-14.77,0-26.74,11.98-26.74,26.75v11.78c0,14.77,11.97,26.74,26.74,26.74h54.66c.79,0,1.44-.64,1.44-1.44v-10.56c0-.81-.66-1.47-1.47-1.47h-54.54c-7.03,0-12.72-5.7-12.72-12.72v-12.62c0-7.02,5.69-12.72,12.72-12.72h53.51c1.38,0,2.5-1.12,2.5-2.5h-.01Z'/%3e%3cpath%20class='st1'%20d='M118.63,52.93c-6.38,0-13.17-3.85-13.62-11.16h0c0-1.29.32-2.46,1.61-2.46l52.26.39h2.26c.87-.14.82-.56,1.23-1.35l4.22-9.2c.43-.85-.19-1.86-1.14-1.86h-59.42c-1.21.15-1.58-.68-1.37-1.85l1.17-3.92c1.14-3.59,5.62-7.06,12.54-7.38l50.05-.17h5.08c.49,0,.94-.28,1.16-.71l5.44-10.71c.39-.77-.17-1.68-1.03-1.68h-63.88c-13.89,0-25.15,11.26-25.15,25.15v15.68c0,13.32,10.89,24.21,24.21,24.21h32.25c.88,0,1.69-.5,2.09-1.28l4.72-8.95c.74-1.27-.19-2.85-1.65-2.84l-6.57.1h-26.46Z'/%3e%3cpath%20class='st0'%20d='M250.94,63.32l-27.49-53.56h0c-2.48-5.66-9.64-9.76-18.09-9.76s-15.76,4.17-18.17,9.93l-27.2,53.71c-.55,1.09.24,2.38,1.46,2.38h10.15c1.19,0,2.28-.68,2.8-1.76l6.04-12.55c.54-1.05,1.63-1.71,2.81-1.71h44.67c.8,0,1.52.45,1.89,1.16l6.69,13.22c.5,1,1.53,1.63,2.65,1.63h10.18c1.38,0,2.28-1.46,1.64-2.69h-.03ZM220.23,37.85h-30.02c-1.17,0-1.94-1.23-1.41-2.28l9.81-19.72c1.06-2.13,3.23-3.48,5.62-3.48h2.22c2.11,0,4.03,1.18,4.99,3.06l10.22,20.12c.53,1.05-.23,2.3-1.41,2.3h-.02,0Z'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
  margin-bottom: 2rem;
}
@media (max-width: 1366px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-logo {
    margin-bottom: 1rem;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-welcome-area {
  margin-bottom: 2.5rem;
}
@media (max-width: 1366px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-welcome-area {
    margin-bottom: 1.5rem;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-welcome-area-headline {
  margin-bottom: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: #374151;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-welcome-area-subheadline {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 1366px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area {
    gap: 1rem;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-relative {
  position: relative;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area .reach-login-card-form-input-area-relative:has(.reach-login-invalid-feedback) .reach-login-card-form-input-area-reveal-password-button {
  top: 35%;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-input {
  display: flex;
  width: 100% !important;
  height: 3.5rem !important;
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.75rem;
  background-color: #f9fafb !important;
  margin-top: 0.5rem;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-input.password {
  padding-right: 2.5rem;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-input::placeholder {
  color: hsl(215.4, 16.3%, 46.9%);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-reveal-password-button {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  color: #6b7280;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  text-transform: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  transform: translate(0, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-reveal-password-button .eye-on-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-eye-icon%20lucide-eye'%3e%3cpath%20d='M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-reveal-password-button .eye-off-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-eye-off-icon%20lucide-eye-off'%3e%3cpath%20d='M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.747%2010.747%200%200%201-1.444%202.49'/%3e%3cpath%20d='M14.084%2014.158a3%203%200%200%201-4.242-4.242'/%3e%3cpath%20d='M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143'/%3e%3cpath%20d='m2%202%2020%2020'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25rem;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: #f8fafc;
  font-weight: 600;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
  height: 3.5rem;
  width: 100%;
  border-radius: 0.75rem;
  background-color: #2563eb;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-button:hover {
  background-color: #1d4ed8;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-forgot-password {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #2563eb;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-area .reach-login-card-form-input-area-forgot-password:hover {
  text-decoration: underline;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-sso-area {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  font-weight: 600;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-sso-area-button {
  background-color: transparent;
  border: none;
  width: auto;
  color: #6b7280;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-sso-area-button:hover {
  text-decoration: underline;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-support-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 3rem;
  color: #6b7280;
}
@media (max-width: 1366px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-support-area {
    margin-top: 2rem;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-support-area-inside-area {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-support-area-inside-area:hover {
  text-decoration: underline;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-support-area-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-headphones-icon%20lucide-headphones'%3e%3cpath%20d='M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-form .reach-login-card-form-support-area-back-to-sign-in {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  color: white;
  background: #090b18;
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
@media (max-width: 767px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-landing {
    display: none;
  }
}
@media (min-width: 768px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-landing {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-landing {
    padding: 3rem;
  }
}
@media (max-width: 1366px) {
  .reach-login .reach-login-area .reach-login-cards .reach-login-card-landing {
    padding: 2rem;
  }
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing::before, .reach-login .reach-login-area .reach-login-cards .reach-login-card-landing::after {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  opacity: 0.55;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(24px);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing::before {
  left: -180px;
  bottom: -180px;
  background: radial-gradient(circle, #2f2c61 0%, rgba(47, 44, 97, 0) 80%);
  opacity: 1;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing::after {
  right: -180px;
  top: -180px;
  background: radial-gradient(circle, #14324c 0%, rgba(20, 50, 76, 0) 80%);
  opacity: 1;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-logo-area {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-logo-area--circle {
  position: absolute;
  height: 15rem;
  width: 15rem;
  border-radius: 9999px;
  border: 3px solid rgba(36, 56, 150, 0.3019607843);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-logo-area--logo {
  position: relative;
  z-index: 10;
  height: 16rem;
  width: 16rem;
  background: url("/v5/assets/kira-bot-BBei8Z2p.svg") no-repeat center center;
  background-size: contain;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-title-area {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-title-area .reach-login-card-landing-title {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: white;
  user-select: none;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area {
  width: 100%;
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button {
  position: relative;
  font-weight: 500;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 999px;
  width: 100%;
  color: white;
  background: linear-gradient(90deg, #23244a 0%, #0e1220 100%);
  box-shadow: 0 2px 24px 0 rgba(36, 56, 150, 0.15);
  border: none;
  overflow: hidden;
  font-size: 1rem;
  font-weight: bold;
  transition: all 0.3s ease;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button:hover {
  box-shadow: 0 4px 28px 0 rgba(36, 56, 150, 0.25);
  filter: brightness(1.3);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 2px;
  background: linear-gradient(90deg, rgb(9, 11, 24) 0%, rgb(38, 47, 113) 35%, rgb(14, 18, 28) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button-v2 {
  width: auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 3rem;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  z-index: 1;
  cursor: pointer;
  isolation: isolate;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 2px;
  background: linear-gradient(90deg, #262956, #0e1328);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 0;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button-v2::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(38, 47, 113, 0.5294117647), #0e121c);
  z-index: 1;
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button-v2:hover {
  filter: brightness(1.3);
}
.reach-login .reach-login-area .reach-login-cards .reach-login-card-landing .reach-login-card-landing-inside .reach-login-card-landing-button-area .reach-login-card-landing-button-v2 .reach-login-card-landing-button-v2-text {
  position: relative;
  z-index: 2;
}
.reach-login .reach-login-footer {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  user-select: none;
}
.reach-login .encrusted-alert {
  padding: 1rem;
  border-radius: 0.75rem;
  background-color: #f8fafc;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  user-select: none;
}
.reach-login .encrusted-alert-title {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}
.reach-login .encrusted-alert-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.reach-login .encrusted-alert.error {
  background-color: #fef2f2;
  border-color: #e2e8f0;
  color: #991b1b;
}
.reach-login .encrusted-alert.error .smart-tips-description {
  color: #991b1b;
}
.reach-login .encrusted-alert.success {
  background-color: #f0fdf4;
  border-color: #e2e8f0;
  color: #166534;
}
.reach-login .encrusted-alert.success .encrusted-alert-title {
  color: #166534;
}
.reach-login .encrusted-alert.success .encrusted-alert-description {
  color: #166534;
}
.reach-login .encrusted-alert .login-success-icon {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.75);
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;
  color: #22c55e;
  flex-shrink: 0;
}
.reach-login .encrusted-alert .login-success-icon::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-color: currentColor;
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.reach-login .encrusted-alert .login-error-icon {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.75);
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 40px;
  flex-shrink: 0;
  color: #991b1b;
}
.reach-login .encrusted-alert .login-error-icon::after,
.reach-login .encrusted-alert .login-error-icon::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  background: currentColor;
  left: 7px;
}
.reach-login .encrusted-alert .login-error-icon::after {
  bottom: 2px;
  height: 8px;
}
.reach-login .encrusted-alert .login-error-icon::before {
  height: 2px;
  top: 2px;
}
.reach-login .reach-login-card-form-two-fa {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reach-login .reach-login-card-form-two-fa-method {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.75rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  background-color: white;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.reach-login .reach-login-card-form-two-fa-method-sub-area {
  display: flex;
  align-items: center;
}
.reach-login .reach-login-card-form-two-fa-method-sub-area-text {
  margin-left: 1rem;
  text-align: left;
}
.reach-login .reach-login-card-form-two-fa-method-sub-area-text-headline {
  font-weight: 500;
  color: #111827;
  font-size: 1rem;
  line-height: 1.5rem;
}
.reach-login .reach-login-card-form-two-fa-method-sub-area-text-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.reach-login .reach-login-card-form-two-fa-method-icon {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background-color: #f3f4f6;
  color: #6b7280;
}
.reach-login .reach-login-card-form-two-fa-method-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.reach-login .reach-login-card-form-two-fa-method:hover {
  background-color: rgba(239, 246, 255, 0.5019607843);
  border-color: #bfdbfe;
}
.reach-login .reach-login-card-form-two-fa-method.selected {
  border-color: #3b82f6;
  background-color: #eff6ff;
}
.reach-login .reach-login-card-form-two-fa-method-selected-icon {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%233b82f6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}

.reach-login-invalid-feedback {
  align-items: center;
  color: #ef4444;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.reach-login-invalid-feedback.custom {
  display: flex;
}
.reach-login-invalid-feedback-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: block;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ef4444'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-circle-alert-icon%20lucide-circle-alert'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cline%20x1='12'%20x2='12'%20y1='8'%20y2='12'/%3e%3cline%20x1='12'%20x2='12.01'%20y1='16'%20y2='16'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}.My-Account-Container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
}
.My-Account-Container .full-height {
  height: 100%;
}
.My-Account-Container .default-padding {
  padding: 15px;
}
.My-Account-Container .no-padding {
  padding: 0;
}
.My-Account-Container .Row-separator {
  margin-top: 25px;
}
.My-Account-Container .Title-section {
  font-size: 16px;
  color: #49525f;
  font-weight: bold;
  display: block;
}
.My-Account-Container .Caption-section {
  font-size: 12px;
  color: #6d7175;
  display: block;
}
.My-Account-Container .Information-section {
  float: left;
  width: 100%;
  min-height: 250px;
  border-radius: 4px;
  border: 2px solid #eff3fc;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 50%;
  padding: 10px;
}
.My-Account-Container .Information-section .Item-info {
  margin: 0 10px;
}
.My-Account-Container .Information-section .Item-info .Title-item {
  font-size: 13px;
  color: #49525f;
}
.My-Account-Container .Information-section .Item-info .Value-item {
  float: left;
  width: 100%;
  min-height: 35px;
  border-radius: 5px;
  background-color: #f6f6f7;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  color: #49525f;
  font-weight: bold;
  padding: 0 10px;
  text-overflow: ellipsis;
}
.My-Account-Container .Information-section .Item-info.complete {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}
.My-Account-Container .Information-section .Item-info.complete.start {
  grid-row-start: 1;
}
.My-Account-Container .Information-section .Item-info.complete.end {
  grid-row-start: 2;
}
.My-Account-Container .Sidebar-to-information {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #eff3fc;
  padding: 15px;
}
.My-Account-Container .Sidebar-to-information .header-info {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.My-Account-Container .Sidebar-to-information .header-info .my-account {
  float: left;
  height: 30px;
  width: 30px;
  background: url("data:image/svg+xml,%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20id='icon'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20none;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20d='M16,8a5,5,0,1,0,5,5A5,5,0,0,0,16,8Z'%20transform='translate(0%200)'/%3e%3cpath%20d='M16,2A14,14,0,1,0,30,16,14.0158,14.0158,0,0,0,16,2Zm7.9925,22.9258A5.0016,5.0016,0,0,0,19,20H13a5.0016,5.0016,0,0,0-4.9925,4.9258,12,12,0,1,1,15.985,0Z'%20transform='translate(0%200)'/%3e%3crect%20id='_Transparent_Rectangle_'%20data-name='&lt;Transparent%20Rectangle&gt;'%20class='cls-1'%20width='32'%20height='32'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-right: 10px;
}
.My-Account-Container .Sidebar-to-information .header-info .header-text {
  font-size: 16px;
  color: #49525f;
  font-weight: bold;
}
.My-Account-Container .Sidebar-to-information .item-user {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0;
}
.My-Account-Container .Sidebar-to-information .item-user .Title-item {
  font-size: 13px;
  color: #49525f;
}
.My-Account-Container .Sidebar-to-information .item-user .Value-item {
  float: left;
  width: 100%;
  min-height: 35px;
  border-radius: 5px;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  color: #49525f;
  font-weight: bold;
  padding: 0 10px;
  text-overflow: ellipsis;
}
.My-Account-Container .Sidebar-to-information .logout-user {
  float: left;
  width: 95%;
  height: 42px;
  background: white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEyUlEQVR4nO3dO2xbVRzH8d//5iaQEKSqUlo7DSOTCxJ4QFWcqDylxjctArqlW6moWCgTC6KwFYnH1oqoA5SJUob4OhHiHdtigFQICBISW4PtCqkdmpK0fvwZmhbbzXXv4xz7xPl/txzZ53+VT04cRdY1YaPlw4mBnWs7joFoBoy9AB6A1Nh1AL8B+PTK4NXZxPnlmzqGEAD8c3B8tFqHC9BjOob0YBftCjkjX+ZKqje2lg8nBgQjcI9X+znDyWS/6o2tnWs7jglGqJLl2NBR1ZvaG68ZjWVsi18ZmSsUVQ/byl1y9u2x0XcGgHNnkXAEwGmVcywwEo0LVdSOC8bdPeT++HetZh9vXuW9qudYAIZbB6se0iuNLXy/0rL0oOoZluoNpWgJiGEJiGEJiGEJiGEJiGEJiGEJiGEJiGEJiGEJiGEJSNAYb+jcXkACFs/mT+lEEZAQ6UQRkJDFs/lTAN5Wva+ARCju5k+q3lNADEtADEtADMvu9gVslcpTk4/Uqf4eEVWY8OZoJndRxxw5IT5jq/YxEZ4FeIqYfyimxyd0zBEQ39FIwxfDRDSvA0VAfMagd1qWbqFMTU6qnCMgPht1c7PMfAJoep/nMFn1hVJ6/ElVcwQkQKPZwofM/DqaUYZA5JanJ59SMUNAAuaFwlzPqEARkBDpRBGQkOlCEZAItUVxJp4Os6eARMwTBTwXBkVAFKQSRUAU1Q7lcjr1jN99BERhXih1gm8UAVGcB8qgXxQB0VAUFAHRVBsUt5SeSHs9T0A05oFyH4gveKEIiOaCoghIB2qHUp5OOY2PFZAO5YXCjM8bUQSkg7VBuVB2UtOAAe86KaYnZoj4fQAj93xw7zbAwGfF9MTzXT0hnEz2E/FH2N4Yt7ufiL/oKshfu3ZZQMu9iLZ5XQV5eGHhBhFeBnC5m9dhSOvM9AKVnFTTT2jczVO3rmg7VEyPv0ZEH7Qs3yDCS7FM3pW/sjrYvTAAA/7K2i55YYDpxZiby95ekBPSgdphxLP/YwByQrTngbFmWXxo91z+q9bHC4jGPDEYB3fPFb7e7DnyK0tTbTGy+U0xAAHRUlgMQECU54Hxrx8MQECU5oVBIF8YgIAoqx1GzM1943cfAVGQJwZZ00EwAAGJXFuMzOK3QfcTkAipxgAEJHQ6MAABCZUuDED+dRI4LwwwOzF38buo+8sJCVA7jHi2EBkDkBPiu5KTehVAK8Yq16306Pzioqo5ckJ8tPHhX++2LK8y85RKDEBA/DW9VAOw3rByCyNbyKkeJSA+opOoA3wEwJ8E/GKh/pwODEBeQ3wXdwvzAOZ1z5ETYlgCYlgCYlgCEqGSk5L79prSBsZbqvcVkBDpwgAEJHA6MQABCZM2DEBAjEtADEtADEtADEtADEtADEtADEtADEtADEtADEtADMsCcK1xYeXA/rEuXYvxbfK9ubbpAyNkgfBH40JfX/X0JWffHtWDtnorB/aP9dnVM82r9LvqOTYY5wA80bDm2OhbKTkp1bO2eNW77lvEqH+ieop1ZfDqLAAtHwHX29FP8dL6WdW7WonzyzftCjkAllRv3rMxfrYrOERLSxXVW9+5FRMnk/3l2NBRJp4h4FEAw6qHbfFWGfgV4HPx0vpZHRgA8B9kIxaVb2+9pgAAAABJRU5ErkJggg==") no-repeat center;
  background-size: 20px;
  background-position: 5% 50%;
  border-radius: 4px;
  border: 1px solid #e4e5e7;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  user-select: none;
  color: #d82c0d;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  left: 10px;
}.not-found-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  user-select: none;
}
.not-found-container .labels-container {
  margin: 10px 0;
}
.not-found-container .labels-container .error-label, .not-found-container .labels-container .error-label-contact {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #a5a5a5;
  text-align: center;
}
.not-found-container .labels-container .error-label-contact {
  font-weight: normal;
  font-size: 14px;
}
.not-found-container .not-found___go-back-button {
  color: #fff;
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  font-size: 18px;
  font-weight: normal;
  max-width: 180px;
}
.not-found-container .not-found___go-back-button:hover {
  color: #fff;
  background-color: var(--primary-hover-background-components);
  border-color: var(--primary-hover-background-components);
}.accountSettingsContainer {
  display: flex;
}
.accountSettingsContainer h1 {
  font-size: 16px;
  font-weight: bold;
}
.accountSettingsContainer p {
  font-size: 12px;
}
.accountSettingsContainer .settingsOptions {
  margin-top: 15px;
  margin-right: 20px;
  width: 375px;
  height: 100%;
}
.accountSettingsContainer .settingsOptions p {
  font-size: 16px;
}
.accountSettingsContainer .settingsOptions label {
  color: #0f151c;
  font-weight: bold;
}
.accountSettingsContainer .settingsComponent {
  padding: 15px;
  width: 100%;
  height: 100%;
}
.accountSettingsContainer .settingsComponent .integrations {
  width: 75%;
  margin-left: 10px;
}
.accountSettingsContainer .settingsComponent .integrations .integrationsContainer {
  user-select: none;
}
.accountSettingsContainer .settingsComponent .integrations .integrationsContainer .integratedChannels {
  margin-bottom: 10px;
}
.accountSettingsContainer .settingsComponent .divider {
  width: calc(75% + 20px);
}
.accountSettingsContainer .settingsComponent .integrated {
  height: 100%;
  width: 75%;
  margin-left: 10px;
}.react-tel-input {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  position: relative;
  width: 100%;
}

.react-tel-input :disabled {
  cursor: not-allowed;
}

.react-tel-input .flag {
  width: 16px;
  height: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=);
}

.react-tel-input .ad {
  background-position: -16px 0;
}

.react-tel-input .ae {
  background-position: -32px 0;
}

.react-tel-input .af {
  background-position: -48px 0;
}

.react-tel-input .ag {
  background-position: -64px 0;
}

.react-tel-input .ai {
  background-position: -80px 0;
}

.react-tel-input .al {
  background-position: -96px 0;
}

.react-tel-input .am {
  background-position: -112px 0;
}

.react-tel-input .ao {
  background-position: -128px 0;
}

.react-tel-input .ar {
  background-position: -144px 0;
}

.react-tel-input .as {
  background-position: -160px 0;
}

.react-tel-input .at {
  background-position: -176px 0;
}

.react-tel-input .au {
  background-position: -192px 0;
}

.react-tel-input .aw {
  background-position: -208px 0;
}

.react-tel-input .az {
  background-position: -224px 0;
}

.react-tel-input .ba {
  background-position: -240px 0;
}

.react-tel-input .bb {
  background-position: 0 -11px;
}

.react-tel-input .bd {
  background-position: -16px -11px;
}

.react-tel-input .be {
  background-position: -32px -11px;
}

.react-tel-input .bf {
  background-position: -48px -11px;
}

.react-tel-input .bg {
  background-position: -64px -11px;
}

.react-tel-input .bh {
  background-position: -80px -11px;
}

.react-tel-input .bi {
  background-position: -96px -11px;
}

.react-tel-input .bj {
  background-position: -112px -11px;
}

.react-tel-input .bm {
  background-position: -128px -11px;
}

.react-tel-input .bn {
  background-position: -144px -11px;
}

.react-tel-input .bo {
  background-position: -160px -11px;
}

.react-tel-input .br {
  background-position: -176px -11px;
}

.react-tel-input .bs {
  background-position: -192px -11px;
}

.react-tel-input .bt {
  background-position: -208px -11px;
}

.react-tel-input .bw {
  background-position: -224px -11px;
}

.react-tel-input .by {
  background-position: -240px -11px;
}

.react-tel-input .bz {
  background-position: 0 -22px;
}

.react-tel-input .ca {
  background-position: -16px -22px;
}

.react-tel-input .cd {
  background-position: -32px -22px;
}

.react-tel-input .cf {
  background-position: -48px -22px;
}

.react-tel-input .cg {
  background-position: -64px -22px;
}

.react-tel-input .ch {
  background-position: -80px -22px;
}

.react-tel-input .ci {
  background-position: -96px -22px;
}

.react-tel-input .ck {
  background-position: -112px -22px;
}

.react-tel-input .cl {
  background-position: -128px -22px;
}

.react-tel-input .cm {
  background-position: -144px -22px;
}

.react-tel-input .cn {
  background-position: -160px -22px;
}

.react-tel-input .co {
  background-position: -176px -22px;
}

.react-tel-input .cr {
  background-position: -192px -22px;
}

.react-tel-input .cu {
  background-position: -208px -22px;
}

.react-tel-input .cv {
  background-position: -224px -22px;
}

.react-tel-input .cw {
  background-position: -240px -22px;
}

.react-tel-input .cy {
  background-position: 0 -33px;
}

.react-tel-input .cz {
  background-position: -16px -33px;
}

.react-tel-input .de {
  background-position: -32px -33px;
}

.react-tel-input .dj {
  background-position: -48px -33px;
}

.react-tel-input .dk {
  background-position: -64px -33px;
}

.react-tel-input .dm {
  background-position: -80px -33px;
}

.react-tel-input .do {
  background-position: -96px -33px;
}

.react-tel-input .dz {
  background-position: -112px -33px;
}

.react-tel-input .ec {
  background-position: -128px -33px;
}

.react-tel-input .ee {
  background-position: -144px -33px;
}

.react-tel-input .eg {
  background-position: -160px -33px;
}

.react-tel-input .er {
  background-position: -176px -33px;
}

.react-tel-input .es {
  background-position: -192px -33px;
}

.react-tel-input .et {
  background-position: -208px -33px;
}

.react-tel-input .fi {
  background-position: -224px -33px;
}

.react-tel-input .fj {
  background-position: -240px -33px;
}

.react-tel-input .fk {
  background-position: 0 -44px;
}

.react-tel-input .fm {
  background-position: -16px -44px;
}

.react-tel-input .fo {
  background-position: -32px -44px;
}

.react-tel-input .fr, .react-tel-input .bl, .react-tel-input .mf {
  background-position: -48px -44px;
}

.react-tel-input .ga {
  background-position: -64px -44px;
}

.react-tel-input .gb {
  background-position: -80px -44px;
}

.react-tel-input .gd {
  background-position: -96px -44px;
}

.react-tel-input .ge {
  background-position: -112px -44px;
}

.react-tel-input .gf {
  background-position: -128px -44px;
}

.react-tel-input .gh {
  background-position: -144px -44px;
}

.react-tel-input .gi {
  background-position: -160px -44px;
}

.react-tel-input .gl {
  background-position: -176px -44px;
}

.react-tel-input .gm {
  background-position: -192px -44px;
}

.react-tel-input .gn {
  background-position: -208px -44px;
}

.react-tel-input .gp {
  background-position: -224px -44px;
}

.react-tel-input .gq {
  background-position: -240px -44px;
}

.react-tel-input .gr {
  background-position: 0 -55px;
}

.react-tel-input .gt {
  background-position: -16px -55px;
}

.react-tel-input .gu {
  background-position: -32px -55px;
}

.react-tel-input .gw {
  background-position: -48px -55px;
}

.react-tel-input .gy {
  background-position: -64px -55px;
}

.react-tel-input .hk {
  background-position: -80px -55px;
}

.react-tel-input .hn {
  background-position: -96px -55px;
}

.react-tel-input .hr {
  background-position: -112px -55px;
}

.react-tel-input .ht {
  background-position: -128px -55px;
}

.react-tel-input .hu {
  background-position: -144px -55px;
}

.react-tel-input .id {
  background-position: -160px -55px;
}

.react-tel-input .ie {
  background-position: -176px -55px;
}

.react-tel-input .il {
  background-position: -192px -55px;
}

.react-tel-input .in {
  background-position: -208px -55px;
}

.react-tel-input .io {
  background-position: -224px -55px;
}

.react-tel-input .iq {
  background-position: -240px -55px;
}

.react-tel-input .ir {
  background-position: 0 -66px;
}

.react-tel-input .is {
  background-position: -16px -66px;
}

.react-tel-input .it {
  background-position: -32px -66px;
}

.react-tel-input .je {
  background-position: -144px -154px;
}

.react-tel-input .jm {
  background-position: -48px -66px;
}

.react-tel-input .jo {
  background-position: -64px -66px;
}

.react-tel-input .jp {
  background-position: -80px -66px;
}

.react-tel-input .ke {
  background-position: -96px -66px;
}

.react-tel-input .kg {
  background-position: -112px -66px;
}

.react-tel-input .kh {
  background-position: -128px -66px;
}

.react-tel-input .ki {
  background-position: -144px -66px;
}

.react-tel-input .xk {
  background-position: -128px -154px;
}

.react-tel-input .km {
  background-position: -160px -66px;
}

.react-tel-input .kn {
  background-position: -176px -66px;
}

.react-tel-input .kp {
  background-position: -192px -66px;
}

.react-tel-input .kr {
  background-position: -208px -66px;
}

.react-tel-input .kw {
  background-position: -224px -66px;
}

.react-tel-input .ky {
  background-position: -240px -66px;
}

.react-tel-input .kz {
  background-position: 0 -77px;
}

.react-tel-input .la {
  background-position: -16px -77px;
}

.react-tel-input .lb {
  background-position: -32px -77px;
}

.react-tel-input .lc {
  background-position: -48px -77px;
}

.react-tel-input .li {
  background-position: -64px -77px;
}

.react-tel-input .lk {
  background-position: -80px -77px;
}

.react-tel-input .lr {
  background-position: -96px -77px;
}

.react-tel-input .ls {
  background-position: -112px -77px;
}

.react-tel-input .lt {
  background-position: -128px -77px;
}

.react-tel-input .lu {
  background-position: -144px -77px;
}

.react-tel-input .lv {
  background-position: -160px -77px;
}

.react-tel-input .ly {
  background-position: -176px -77px;
}

.react-tel-input .ma {
  background-position: -192px -77px;
}

.react-tel-input .mc {
  background-position: -208px -77px;
}

.react-tel-input .md {
  background-position: -224px -77px;
}

.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}

.react-tel-input .mg {
  background-position: 0 -88px;
}

.react-tel-input .mh {
  background-position: -16px -88px;
}

.react-tel-input .mk {
  background-position: -32px -88px;
}

.react-tel-input .ml {
  background-position: -48px -88px;
}

.react-tel-input .mm {
  background-position: -64px -88px;
}

.react-tel-input .mn {
  background-position: -80px -88px;
}

.react-tel-input .mo {
  background-position: -96px -88px;
}

.react-tel-input .mp {
  background-position: -112px -88px;
}

.react-tel-input .mq {
  background-position: -128px -88px;
}

.react-tel-input .mr {
  background-position: -144px -88px;
}

.react-tel-input .ms {
  background-position: -160px -88px;
}

.react-tel-input .mt {
  background-position: -176px -88px;
}

.react-tel-input .mu {
  background-position: -192px -88px;
}

.react-tel-input .mv {
  background-position: -208px -88px;
}

.react-tel-input .mw {
  background-position: -224px -88px;
}

.react-tel-input .mx {
  background-position: -240px -88px;
}

.react-tel-input .my {
  background-position: 0 -99px;
}

.react-tel-input .mz {
  background-position: -16px -99px;
}

.react-tel-input .na {
  background-position: -32px -99px;
}

.react-tel-input .nc {
  background-position: -48px -99px;
}

.react-tel-input .ne {
  background-position: -64px -99px;
}

.react-tel-input .nf {
  background-position: -80px -99px;
}

.react-tel-input .ng {
  background-position: -96px -99px;
}

.react-tel-input .ni {
  background-position: -112px -99px;
}

.react-tel-input .nl, .react-tel-input .bq {
  background-position: -128px -99px;
}

.react-tel-input .no {
  background-position: -144px -99px;
}

.react-tel-input .np {
  background-position: -160px -99px;
}

.react-tel-input .nr {
  background-position: -176px -99px;
}

.react-tel-input .nu {
  background-position: -192px -99px;
}

.react-tel-input .nz {
  background-position: -208px -99px;
}

.react-tel-input .om {
  background-position: -224px -99px;
}

.react-tel-input .pa {
  background-position: -240px -99px;
}

.react-tel-input .pe {
  background-position: 0 -110px;
}

.react-tel-input .pf {
  background-position: -16px -110px;
}

.react-tel-input .pg {
  background-position: -32px -110px;
}

.react-tel-input .ph {
  background-position: -48px -110px;
}

.react-tel-input .pk {
  background-position: -64px -110px;
}

.react-tel-input .pl {
  background-position: -80px -110px;
}

.react-tel-input .pm {
  background-position: -96px -110px;
}

.react-tel-input .pr {
  background-position: -112px -110px;
}

.react-tel-input .ps {
  background-position: -128px -110px;
}

.react-tel-input .pt {
  background-position: -144px -110px;
}

.react-tel-input .pw {
  background-position: -160px -110px;
}

.react-tel-input .py {
  background-position: -176px -110px;
}

.react-tel-input .qa {
  background-position: -192px -110px;
}

.react-tel-input .re {
  background-position: -208px -110px;
}

.react-tel-input .ro {
  background-position: -224px -110px;
}

.react-tel-input .rs {
  background-position: -240px -110px;
}

.react-tel-input .ru {
  background-position: 0 -121px;
}

.react-tel-input .rw {
  background-position: -16px -121px;
}

.react-tel-input .sa {
  background-position: -32px -121px;
}

.react-tel-input .sb {
  background-position: -48px -121px;
}

.react-tel-input .sc {
  background-position: -64px -121px;
}

.react-tel-input .sd {
  background-position: -80px -121px;
}

.react-tel-input .se {
  background-position: -96px -121px;
}

.react-tel-input .sg {
  background-position: -112px -121px;
}

.react-tel-input .sh {
  background-position: -128px -121px;
}

.react-tel-input .si {
  background-position: -144px -121px;
}

.react-tel-input .sk {
  background-position: -160px -121px;
}

.react-tel-input .sl {
  background-position: -176px -121px;
}

.react-tel-input .sm {
  background-position: -192px -121px;
}

.react-tel-input .sn {
  background-position: -208px -121px;
}

.react-tel-input .so {
  background-position: -224px -121px;
}

.react-tel-input .sr {
  background-position: -240px -121px;
}

.react-tel-input .ss {
  background-position: 0 -132px;
}

.react-tel-input .st {
  background-position: -16px -132px;
}

.react-tel-input .sv {
  background-position: -32px -132px;
}

.react-tel-input .sx {
  background-position: -48px -132px;
}

.react-tel-input .sy {
  background-position: -64px -132px;
}

.react-tel-input .sz {
  background-position: -80px -132px;
}

.react-tel-input .tc {
  background-position: -96px -132px;
}

.react-tel-input .td {
  background-position: -112px -132px;
}

.react-tel-input .tg {
  background-position: -128px -132px;
}

.react-tel-input .th {
  background-position: -144px -132px;
}

.react-tel-input .tj {
  background-position: -160px -132px;
}

.react-tel-input .tk {
  background-position: -176px -132px;
}

.react-tel-input .tl {
  background-position: -192px -132px;
}

.react-tel-input .tm {
  background-position: -208px -132px;
}

.react-tel-input .tn {
  background-position: -224px -132px;
}

.react-tel-input .to {
  background-position: -240px -132px;
}

.react-tel-input .tr {
  background-position: 0 -143px;
}

.react-tel-input .tt {
  background-position: -16px -143px;
}

.react-tel-input .tv {
  background-position: -32px -143px;
}

.react-tel-input .tw {
  background-position: -48px -143px;
}

.react-tel-input .tz {
  background-position: -64px -143px;
}

.react-tel-input .ua {
  background-position: -80px -143px;
}

.react-tel-input .ug {
  background-position: -96px -143px;
}

.react-tel-input .us {
  background-position: -112px -143px;
}

.react-tel-input .uy {
  background-position: -128px -143px;
}

.react-tel-input .uz {
  background-position: -144px -143px;
}

.react-tel-input .va {
  background-position: -160px -143px;
}

.react-tel-input .vc {
  background-position: -176px -143px;
}

.react-tel-input .ve {
  background-position: -192px -143px;
}

.react-tel-input .vg {
  background-position: -208px -143px;
}

.react-tel-input .vi {
  background-position: -224px -143px;
}

.react-tel-input .vn {
  background-position: -240px -143px;
}

.react-tel-input .vu {
  background-position: 0 -154px;
}

.react-tel-input .wf {
  background-position: -16px -154px;
}

.react-tel-input .ws {
  background-position: -32px -154px;
}

.react-tel-input .ye {
  background-position: -48px -154px;
}

.react-tel-input .za {
  background-position: -64px -154px;
}

.react-tel-input .zm {
  background-position: -80px -154px;
}

.react-tel-input .zw {
  background-position: -96px -154px;
}

.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.react-tel-input .hide {
  display: none;
}

.react-tel-input .v-hide {
  visibility: hidden;
}

.react-tel-input .form-control {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  background: #FFFFFF;
  border: 1px solid #CACACA;
  border-radius: 5px;
  line-height: 25px;
  height: 35px;
  width: 300px;
  outline: none;
}

.react-tel-input .form-control.invalid-number {
  border: 1px solid #d79f9f;
  background-color: #FAF0F0;
  border-left-color: #cacaca;
}

.react-tel-input .form-control.invalid-number:focus {
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #FAF0F0;
}

.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-color: #f5f5f5;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .flag-dropdown:hover, .react-tel-input .flag-dropdown:focus {
  cursor: pointer;
}

.react-tel-input .flag-dropdown.invalid-number {
  border-color: #d79f9f;
}

.react-tel-input .flag-dropdown.open {
  z-index: 2;
  background: #fff;
  border-radius: 3px 0 0 0;
}

.react-tel-input .flag-dropdown.open .selected-flag {
  background: #fff;
  border-radius: 3px 0 0 0;
}

.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}

.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}

.react-tel-input .selected-flag {
  outline: none;
  position: relative;
  width: 38px;
  height: 100%;
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus {
  background-color: #fff;
}

.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 50%;
  margin-top: -5px;
}

.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.react-tel-input .country-list {
  outline: none;
  z-index: 1;
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 10px 0 10px -1px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
  background-color: white;
  width: 300px;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 0 0 3px 3px;
}

.react-tel-input .country-list .flag {
  display: inline-block;
}

.react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.react-tel-input .country-list .country {
  padding: 7px 9px;
}

.react-tel-input .country-list .country .dial-code {
  color: #6b6b6b;
}

.react-tel-input .country-list .country:hover {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .country.highlight {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .flag {
  margin-right: 7px;
  margin-top: 2px;
}

.react-tel-input .country-list .country-name {
  margin-right: 6px;
}

.react-tel-input .country-list .search {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 10px 0 6px 10px;
}

.react-tel-input .country-list .search-emoji {
  font-size: 15px;
}

.react-tel-input .country-list .search-box {
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 15px;
  line-height: 15px;
  margin-left: 6px;
  padding: 3px 8px 5px;
  outline: none;
}

.react-tel-input .country-list .no-entries-message {
  padding: 7px 10px 11px;
  opacity: 0.7;
}

.react-tel-input .invalid-number-message {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  color: #de0000;
}

.react-tel-input .special-label {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  white-space: nowrap;
}

.titleHeader {
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
  padding: 10px 0px;
  padding-bottom: 0px;
}

.subTitleHeader {
  font-size: 12px;
  font-weight: normal;
  color: #49525f;
  padding: 10px 0px;
  padding-top: 0px;
}

.btnHeader {
  margin-top: 19px;
  height: 31px;
  padding: 0px;
  background-color: #0047ff;
}

.notification-options-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  margin: 5px 0;
}
.notification-options-buttons .btnHeaderEnabled, .notification-options-buttons .btnHeaderDisabled, .notification-options-buttons .btnHeaderAdd {
  width: 140px !important;
}

.btnHeaderAdd {
  height: 31px;
  padding: 0px;
  background-color: #e8f0fe;
  color: #0047ff;
}

.btnHeaderEnabled {
  margin-top: 19px;
  height: 31px;
  padding: 0px;
  background-color: #f1f8f5;
  color: #218656;
  border-color: #218656;
}

.btnHeaderEnabled:hover {
  margin-top: 19px;
  height: 31px;
  padding: 0px;
  background-color: #218656;
  color: #f1f8f5;
  border-color: #f1f8f5;
}

.btnHeaderDisabled {
  margin-top: 19px;
  height: 31px;
  padding: 0px;
  background-color: #fff0f0;
  color: #d82c0d;
  border-color: #d82c0d;
}

.btnHeaderDisabled:hover {
  margin-top: 19px;
  height: 31px;
  padding: 0px;
  background-color: #d82c0d;
  color: #fff0f0;
  border-color: #fff0f0;
}

.form-group .pnlHeader {
  padding: 15px 20px;
  border-radius: 4px;
  background-color: #f8f8f8;
  margin: 0px !important;
}
.form-group .pnlHeader p {
  font-size: 10px;
  color: #49525f;
  font-weight: bold;
  margin-bottom: 5px;
}
.form-group .pnlHeader input {
  background: white !important;
}
.form-group .pnlHeader .react-tel-input .form-control {
  font-size: 1rem;
}
.form-group .row {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}

.table-container .table-header {
  background: white;
  border-bottom: solid 2px #656060;
}

.notification-settings {
  margin-left: 10px;
  width: 75%;
}

.notification-preview {
  width: 25%;
}

.pFont {
  font-size: 10px;
  color: #49525f;
  font-weight: bold;
  margin-bottom: 5px;
}

.pFontBold {
  font-size: 12px;
  font-weight: bold;
  color: #49525f;
}

.pnlDivPadding {
  padding: 10px 35px;
}

.pnlDivPaddingSmall {
  padding: 5px 35px;
}

.pnlDivTag {
  background: white;
  padding: 10px 15px;
}

.txtTag {
  font-size: 12px;
  padding: 0px 10px;
  color: #8e91a4;
}

.txtTag2 {
  font-size: 12px;
  text-align: right;
  font-weight: bold;
  padding: 0px 10px;
}

.txtTag3 {
  font-size: 12px;
  font-weight: normal;
  color: #49525f;
}

.txtTag4 {
  font-size: 12px;
  text-decoration: underline;
  text-align: center;
  color: #0047ff;
}

.pnlConfig {
  background-color: #eef4ff;
  padding-bottom: 10%;
}

.notificationConfig .order-change-confirmation {
  max-width: 1500px;
}

.btnSwicthNoti {
  height: 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  margin: 14px 0px 25px 0px;
  padding: 20px 0px;
  border-radius: 5px;
  background-color: white;
  float: left;
}

.notification-history-container {
  width: 95%;
}

.notifications-list {
  display: grid;
  grid-template-columns: auto 250px;
  grid-gap: 10px;
}.containerModal {
  display: flex;
}
.containerModal h1 {
  font-size: 16px;
  font-weight: bold;
}
.containerModal p {
  font-size: 12px;
}
.containerModal .settingsOptions {
  margin-top: 15px;
  margin-right: 20px;
  width: 375px;
  height: 100%;
}
.containerModal .settingsOptions p {
  font-size: 16px;
}
.containerModal .settingsOptions label {
  color: #0f151c;
  font-weight: bold;
}
.containerModal .componentModal {
  height: 100%;
  margin-top: -60px;
  width: 102%;
  background: white;
}
.containerModal .componentModal .integrations {
  width: 75%;
  margin-left: 10px;
}
.containerModal .componentModal .integrations .integrationsContainer {
  user-select: none;
}
.containerModal .componentModal .integrations .integrationsContainer .integratedChannels {
  margin-bottom: 10px;
}
.containerModal .componentModal .divider {
  width: calc(75% + 20px);
}
.containerModal .componentModal .integrated {
  height: 100%;
  width: 75%;
  margin-left: 10px;
}
.containerModal .componentModal .centerModal {
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.containerModal .privacyDisclaimer {
  width: 100%;
  margin: 20px 0;
}.app .app-container .NavbarContainer {
  background: #1C1C1B;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
}
.app .app-container .NavbarContainer .MainMenuContainer {
  width: 100%;
}
.app .app-container .NavbarContainer .AccountMenuContainer {
  padding: 10px 20px;
  width: 326px;
  display: flex;
  justify-content: flex-end;
}
.app .app-container .NavbarContainer .CLARO {
  background: #ffffff;
  border-top: 15px solid #e40001;
}
.app .app-container .NavbarContainer .QUICKLY {
  background: #132d46;
  padding: 8px 20px;
}
.app .vertical {
  display: grid;
  grid-template-columns: 45px auto;
}

.vertical-menu-container-reach .AccountDropdownButtonSelection .menu.open {
  max-height: 300px;
}.banner-primary-theme a, .banner-danger-theme a, .banner-warning-theme a, .banner-success-theme a, .banner-custom-theme a, .banner-info-theme a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.banner-primary-theme a:hover, .banner-danger-theme a:hover, .banner-warning-theme a:hover, .banner-success-theme a:hover, .banner-custom-theme a:hover, .banner-info-theme a:hover {
  opacity: 0.75;
}

.banner-info-theme {
  background-color: var(--info-background-components);
  color: var(--info-text-components);
}
.banner-info-theme p {
  color: var(--info-text-components);
}

.banner-custom-theme p {
  color: inherit;
}

.banner-success-theme {
  background-color: var(--success-background-components);
  color: var(--success-text-components);
}
.banner-success-theme p {
  color: var(--success-text-components);
}

.banner-warning-theme {
  background-color: var(--warning-background-components);
  color: var(--warning-text-components);
}
.banner-warning-theme p {
  color: var(--warning-text-components);
}

.banner-danger-theme {
  background-color: var(--danger-background-components);
  color: var(--danger-text-components);
}
.banner-danger-theme p {
  color: var(--danger-text-components);
}

.banner-primary-theme {
  background-color: var(--primary-background-components);
  color: #fff;
}
.banner-primary-theme p {
  color: #fff;
}

.banner-container {
  position: fixed;
  top: 0;
  width: 100%;
  max-height: 20vh;
  z-index: 1000;
}
.banner-container.banner--collapsed {
  max-height: 0;
  min-height: 0;
  overflow: visible;
}
.banner-container.banner--collapsed .banner-content {
  transform: translateY(-100vh);
}
.banner-container .banner-content {
  display: flex;
  flex-direction: row;
  padding: 6px 6px 6px 6px;
  text-align: center;
  width: 100%;
}
.banner-container .banner-content .banner-text {
  display: flex;
  justify-content: center;
  padding-left: 5%;
  text-align: left;
  width: calc(94% - 100px);
  font-size: 14px;
  white-space: wrap;
  justify-content: space-around;
}
.banner-container .banner-content .banner-text.banner--collapsed {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner-container .banner-content .banner-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  width: 100px;
  top: 0;
  right: 7%;
  padding-top: 9px;
}
.banner-container .banner-content .banner-controls .banner-arrows-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 50px;
}
.banner-container .banner-content .banner-controls .banner-arrows-container .banner-arrow {
  display: flex;
  justify-content: center;
  align-items: start;
  cursor: pointer;
  height: 10px;
  margin: 0 5px;
}
.banner-container .banner-content .banner-controls .banner-cursor-close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: start;
  height: 10px;
  width: 10px;
  margin: 0 5px;
}
.banner-container .banner-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: absolute;
  font-weight: bold;
  right: 80px;
  bottom: -2rem;
  width: 100px;
  transform: translateY(-6px);
  padding: 5px 0px;
  font-size: 12px;
  border-bottom-left-radius: var(--border-radius-components);
  border-bottom-right-radius: var(--border-radius-components);
  cursor: pointer;
  z-index: -1;
}
.banner-container .banner-tab__arrow {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-left: 4px;
}
.banner-container .banner-tab__arrow--up::before, .banner-container .banner-tab__arrow--up::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: currentColor;
  border-radius: 1px;
}
.banner-container .banner-tab__arrow--up::before {
  top: 0;
  left: 2px;
  transform: rotate(-45deg);
  transform-origin: bottom center;
}
.banner-container .banner-tab__arrow--up::after {
  top: 0;
  right: 2px;
  transform: rotate(45deg);
  transform-origin: bottom center;
}
.banner-container .banner-tab__arrow--down::before, .banner-container .banner-tab__arrow--down::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: currentColor;
  border-radius: 1px;
}
.banner-container .banner-tab__arrow--down::before {
  bottom: 0;
  left: 2px;
  transform: rotate(45deg);
  transform-origin: top center;
}
.banner-container .banner-tab__arrow--down::after {
  bottom: 0;
  right: 2px;
  transform: rotate(-45deg);
  transform-origin: top center;
}
.banner-container.banner-with-image.banner-image-left {
  height: auto;
  min-height: 24px;
  align-items: stretch;
  display: flex;
}
.banner-container.banner-with-image.banner-image-left.banner--collapsed {
  min-height: 0;
}
.banner-container.banner-with-image.banner-image-left .banner-content {
  width: 100%;
  padding: 4px 6px;
  align-items: center;
  flex-direction: row;
}
.banner-container.banner-with-image.banner-image-left .banner-content .banner-text {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-around;
}
.banner-container.banner-with-image.banner-image-left .banner-content .banner-text .banner-inline-image {
  flex-shrink: 0;
  width: auto;
  border-radius: var(--border-radius-components);
  object-fit: contain;
  order: -1;
  max-height: 10vh;
}
.banner-container.banner-with-image.banner-image-left .banner-content .banner-controls {
  position: relative;
  width: auto;
  right: auto;
  padding: 0;
}
.banner-container.banner-with-image.banner-image-right {
  height: auto;
  min-height: 24px;
  align-items: stretch;
  display: flex;
}
.banner-container.banner-with-image.banner-image-right.banner--collapsed {
  min-height: 0;
}
.banner-container.banner-with-image.banner-image-right .banner-content {
  padding: 4px 6px;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.banner-container.banner-with-image.banner-image-right .banner-content .banner-text {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-around;
}
.banner-container.banner-with-image.banner-image-right .banner-content .banner-text .banner-inline-image {
  flex-shrink: 0;
  width: auto;
  border-radius: var(--border-radius-components);
  object-fit: contain;
  order: 1;
  max-height: 10vh;
}
.banner-container.banner-with-image.banner-image-right .banner-content .banner-controls {
  position: relative;
  width: auto;
  right: auto;
  padding: 0;
}.floating-notification {
  position: fixed;
  bottom: 24px;
  right: 24px;
  max-width: 25vw;
  max-height: 30vh;
}
@media (max-width: 1400px) {
  .floating-notification {
    max-width: 30vw;
  }
}
@media (max-width: 1024px) {
  .floating-notification {
    max-width: 40vw;
  }
}
@media (max-width: 900px) {
  .floating-notification {
    max-width: 60vw;
    max-height: 40vh;
  }
}
.floating-notification {
  border-radius: var(--border-radius-components);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  z-index: 1035;
  overflow: visible;
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.floating-notification--visible {
  min-width: 200px;
  transform: translateX(0);
  opacity: 1;
}
.floating-notification--exiting {
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.25s ease-in, opacity 0.25s ease-in;
}
.floating-notification--info {
  background-color: var(--info-background-components);
  color: var(--info-text-components);
}
.floating-notification--success {
  background-color: var(--success-background-components);
  color: var(--success-text-components);
}
.floating-notification--warning {
  background-color: var(--warning-background-components);
  color: var(--warning-text-components);
}
.floating-notification--danger {
  background-color: var(--danger-background-components);
  color: var(--danger-text-components);
}
.floating-notification--primary {
  background-color: var(--primary-background-components);
  color: #fff;
}
.floating-notification--with-image.floating-notification--image-left {
  display: flex;
  flex-direction: row;
}
.floating-notification--with-image.floating-notification--image-left .floating-notification__image {
  flex-shrink: 0;
  padding: 12px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  width: fit-content;
  max-width: 40%;
}
.floating-notification--with-image.floating-notification--image-left .floating-notification__image img {
  width: 100%;
  height: auto;
  max-width: 100px;
  max-height: 100px;
  display: block;
  object-fit: contain;
  border-radius: var(--border-radius-components);
}
.floating-notification--with-image.floating-notification--image-left .floating-notification__body {
  flex: 1;
  padding: 12px 16px;
  min-width: 0;
  overflow: auto;
}
.floating-notification--with-image.floating-notification--image-right {
  display: flex;
  flex-direction: row-reverse;
}
.floating-notification--with-image.floating-notification--image-right .floating-notification__image {
  flex-shrink: 0;
  padding: 12px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  width: fit-content;
  max-width: 40%;
}
.floating-notification--with-image.floating-notification--image-right .floating-notification__image img {
  width: 100%;
  height: auto;
  max-width: 100px;
  max-height: 100px;
  display: block;
  object-fit: contain;
  border-radius: var(--border-radius-components);
}
.floating-notification--with-image.floating-notification--image-right .floating-notification__body {
  flex: 1;
  padding: 12px 16px;
  min-width: 0;
  overflow: auto;
}
.floating-notification:not(.floating-notification--with-image) .floating-notification__image {
  width: 100%;
}
.floating-notification:not(.floating-notification--with-image) .floating-notification__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.floating-notification:not(.floating-notification--with-image) .floating-notification__body {
  padding: 12px 16px;
  overflow: auto;
}
.floating-notification__image {
  width: 100%;
}
.floating-notification__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: var(--border-radius-components);
}
.floating-notification__body {
  padding: 12px 16px;
  overflow: auto;
  color: inherit;
}
.floating-notification__content {
  font-size: 14px;
  line-height: 1.5;
  color: inherit;
}
.floating-notification__content p {
  margin: 0 0 8px;
  color: inherit;
}
.floating-notification__content p:last-child {
  margin-bottom: 0;
}
.floating-notification__content a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.floating-notification__content a:hover {
  opacity: 0.75;
}
.floating-notification__actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.floating-notification__action-btn {
  padding: 6px 12px;
  border: 1px solid currentColor;
  border-radius: var(--border-radius-components);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 13px;
}
.floating-notification__action-btn:hover {
  opacity: 0.8;
}
.floating-notification__close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: none !important;
  width: auto;
  cursor: pointer;
  padding: 4px;
}
.floating-notification__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid currentColor;
  opacity: 0.7;
}
.floating-notification__arrows-container {
  display: flex;
  gap: 12px;
}
.floating-notification__arrows-container svg {
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}
.floating-notification__arrows-container svg:hover {
  opacity: 1;
}
.floating-notification__counter {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.floating-notification__tab {
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 8px 12px;
  border-radius: var(--border-radius-components);
  z-index: 1034;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  user-select: none;
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  display: flex;
  align-items: center;
  gap: 4px;
}
.floating-notification__tab-arrow {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-left: 4px;
}
.floating-notification__tab-arrow--up::before, .floating-notification__tab-arrow--up::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: currentColor;
  border-radius: 1px;
}
.floating-notification__tab-arrow--up::before {
  top: 0;
  left: 2px;
  transform: rotate(-45deg);
  transform-origin: bottom center;
}
.floating-notification__tab-arrow--up::after {
  top: 0;
  right: 2px;
  transform: rotate(45deg);
  transform-origin: bottom center;
}
.floating-notification__tab-arrow--down::before, .floating-notification__tab-arrow--down::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: currentColor;
  border-radius: 1px;
}
.floating-notification__tab-arrow--down::before {
  bottom: 0;
  left: 2px;
  transform: rotate(45deg);
  transform-origin: top center;
}
.floating-notification__tab-arrow--down::after {
  bottom: 0;
  right: 2px;
  transform: rotate(-45deg);
  transform-origin: top center;
}
.floating-notification__tab--visible {
  transform: translateX(0);
  opacity: 1;
}
.floating-notification__tab--exiting {
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.25s ease-in, opacity 0.25s ease-in;
}
.floating-notification__tab--info {
  background-color: var(--info-background-components);
  color: var(--info-text-components);
  border: 1px solid var(--info-text-components);
}
.floating-notification__tab--success {
  background-color: var(--success-background-components);
  color: var(--success-text-components);
  border: 1px solid var(--success-text-components);
}
.floating-notification__tab--warning {
  background-color: var(--warning-background-components);
  color: var(--warning-text-components);
  border: 1px solid var(--warning-text-components);
}
.floating-notification__tab--danger {
  background-color: var(--danger-background-components);
  color: var(--danger-text-components);
  border: 1px solid var(--danger-text-components);
}
.floating-notification__tab--primary {
  background-color: var(--primary-background-components);
  color: #fff;
  border: 1px solid var(--primary-text-components);
}
.floating-notification__tab:hover {
  opacity: 0.9;
}
.floating-notification__tab:active {
  opacity: 0.8;
}
.floating-notification__tab.floating-notification__tab--hide-button {
  position: absolute;
  top: -1.75rem;
  bottom: auto;
  right: 15px;
  transform: translateX(0);
  opacity: 1;
  z-index: 1036;
  padding: 8px 12px;
  border-radius: var(--border-radius-components);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none !important;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}
.floating-notification__tab.floating-notification__tab--hide-button.floating-notification__tab--info {
  background-color: var(--info-background-components);
  color: var(--info-text-components);
  border: 1px solid var(--info-text-components);
}
.floating-notification__tab.floating-notification__tab--hide-button.floating-notification__tab--success {
  background-color: var(--success-background-components);
  color: var(--success-text-components);
  border: 1px solid var(--success-text-components);
}
.floating-notification__tab.floating-notification__tab--hide-button.floating-notification__tab--warning {
  background-color: var(--warning-background-components);
  color: var(--warning-text-components);
  border: 1px solid var(--warning-text-components);
}
.floating-notification__tab.floating-notification__tab--hide-button.floating-notification__tab--danger {
  background-color: var(--danger-background-components);
  color: var(--danger-text-components);
  border: 1px solid var(--danger-text-components);
}
.floating-notification__tab.floating-notification__tab--hide-button.floating-notification__tab--primary {
  background-color: var(--primary-background-components);
  color: #fff;
  border: 1px solid var(--primary-text-components);
}.AccountDropdownButtonSelection {
  display: inline-block;
  position: relative;
  width: 100%;
  box-shadow: var(--default-box-shadow);
}
.AccountDropdownButtonSelection .button {
  width: max-content;
  padding: 0px;
  display: flex;
  user-select: none;
  cursor: pointer;
  align-items: stretch;
  background-color: #ffffff;
  color: #606060;
  border-radius: var(--border-radius-components);
  position: relative;
  z-index: 120;
  transition: background-color 200ms ease-out;
  border: solid 1px var(--primary-background-components);
  border-radius: var(--border-radius-components);
}
.AccountDropdownButtonSelection .button .letter {
  border: 1px solid var(--primary-background-components);
  color: var(--primary-background-components);
  border-radius: 100px;
  padding: 5px 12px;
}
.AccountDropdownButtonSelection .button.open {
  height: auto;
}
.AccountDropdownButtonSelection .button.open span img {
  transform: rotate(180deg);
}
.AccountDropdownButtonSelection .button p {
  display: inline;
  padding: 12px 16px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  color: var(--tertiary-text-components);
}
.AccountDropdownButtonSelection .button p:first-letter {
  text-transform: capitalize;
}
.AccountDropdownButtonSelection .button span {
  display: flex;
  border-left: 1px solid white;
  padding: 0 15px;
}
.AccountDropdownButtonSelection .button span img {
  transition: transform 200ms ease-out;
}
.AccountDropdownButtonSelection .menu {
  position: absolute;
  background: #eef3fd;
  right: 0;
  left: 0;
  border-radius: 0rem 0rem 0.25rem 0.25rem;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 300ms ease-out;
  z-index: 110;
}
.AccountDropdownButtonSelection .menu.open {
  opacity: 1;
  z-index: 1000 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  height: auto;
  font-size: 14px;
}
.AccountDropdownButtonSelection .menu .menu-items {
  margin: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  color: #606060;
  background: #ffffff;
}
.AccountDropdownButtonSelection .menu .menu-items .search-input-container {
  padding: 1px;
}
.AccountDropdownButtonSelection .menu .menu-items .menu-item {
  font-weight: normal;
}
.AccountDropdownButtonSelection .menu .menu-items .menu-item .letter-without-using {
  color: var(--primary-background-components);
  border: 1px solid var(--primary-background-components);
  border-radius: 100px;
  padding: 5px 11px;
}
.AccountDropdownButtonSelection .menu .menu-items .selected {
  background: #e5eeff;
}
.AccountDropdownButtonSelection .menu .menu-items li {
  height: 40px;
  font-size: 14px;
  color: #606060;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 5px 15px;
  text-transform: capitalize;
  color: var(--tertiary-text-components);
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 1;
}
.AccountDropdownButtonSelection .menu .menu-items li:hover {
  opacity: 0.7;
  background: #f8f8f8;
}
.AccountDropdownButtonSelection .menu .menu-items li:not(:last-child) {
  border-bottom: 2px solid var(--color-white);
}
.AccountDropdownButtonSelection .menu .menu-items li img {
  margin-right: 10px;
  width: 22px;
}
.AccountDropdownButtonSelection .menu .menu-items li p.danger {
  color: var(--color-red);
}.schedule-countdown-banner-host {
  position: sticky;
  top: 0;
  z-index: 20;
  width: 100%;
}.orderChartContainer {
  display: block;
  width: inherit;
}
.orderChartContainer .tabs {
  margin: 0%;
  background-color: var(--tertiary-background-components);
  position: relative;
  width: calc(100% + 60px);
  right: 20px;
}
.orderChartContainer .conversationsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.orderChartContainer .conversationsContainer .conversationsPerChannel {
  height: 40vh;
  margin-top: 30px;
  width: 38vh;
}

.reportsViewContainer {
  display: grid !important;
  grid-template-columns: 200px auto;
}
.reportsViewContainer .chart-card-container {
  font-family: inherit;
  width: 100%;
}
.reportsViewContainer .chart-card-container .conversations-by-channel-container {
  position: relative;
}
.reportsViewContainer .chart-card-container .no-available-data {
  width: 90%;
}
.reportsViewContainer .conversations-per-channel {
  display: flex;
  align-items: center;
  height: 85%;
  justify-content: center;
}
.reportsViewContainer {
  width: 100%;
  height: 100;
  display: flex;
}
.reportsViewContainer .reportsViewContainer {
  width: 100%;
}
.reportsViewContainer .filterBarContainer {
  width: 200px;
  padding: 10px 0px;
  position: relative;
}
.reportsViewContainer .reportsContainer {
  padding: 20px;
  width: calc(100vw - 200px);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--tertiary-background-components);
  margin: 0;
}
.reportsViewContainer .reportsContainer .order-back {
  margin: 15px 0 !important;
}
.reportsViewContainer .reportsContainer .order-back .clickable-back {
  display: flex;
  cursor: pointer;
  user-select: none;
}
.reportsViewContainer .reportsContainer .report-detail-container {
  display: grid;
  justify-content: flex-start;
  grid-template-columns: 50% 49.5%;
  width: 100%;
  gap: 10px;
}
@media (max-width: 900px) {
  .reportsViewContainer .reportsContainer .report-detail-container {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .reportsViewContainer .reportsContainer .report-detail-container .divider {
    height: 0 !important;
  }
}
.reportsViewContainer .reportsContainer .reports-row-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .reportsViewContainer .reportsContainer .reports-row-container {
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .reportsViewContainer .reportsContainer .reports-row-container .divider {
    height: 0 !important;
  }
}
.reportsViewContainer .reportsContainer .wrapperReportsContainer {
  padding: 5px;
}
.reportsViewContainer .reportsContainer .barContainer {
  width: 100%;
  height: 250px;
}

.cart-reports-container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 78% 20%;
  column-gap: 2%;
}
.cart-reports-container .orders-report {
  user-select: none;
  width: 100%;
  display: grid;
  grid-template-rows: 10% 15% 75%;
  padding: 0 5px;
}
.cart-reports-container .orders-report .orders-header, .cart-reports-container .orders-report .orders, .cart-reports-container .orders-report .total-orders, .cart-reports-container .orders-report .orders-list {
  width: 100%;
  height: 100%;
}
.cart-reports-container .orders-report .orders-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-reports-container .orders-report .orders-header h1 {
  font-size: 14px;
  font-weight: bold;
  color: var(--secondary-text-components);
}
.cart-reports-container .orders-report .orders-header .search-input-container {
  width: 25%;
  height: 100%;
  padding: 18px 0;
}
.cart-reports-container .orders-report .orders {
  display: grid;
  grid-template-rows: 60% 40%;
}
.cart-reports-container .orders-report .orders .total-orders {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-reports-container .orders-report .orders .total-orders .order-card {
  height: 100%;
  border-radius: var(--border-radius-components);
  width: 18%;
  border: solid 1px var(--danger-background-components);
  padding: 5px;
  position: relative;
  color: var(--secondary-text-components);
}
.cart-reports-container .orders-report .orders .total-orders .order-card h2, .cart-reports-container .orders-report .orders .total-orders .order-card .order-number {
  position: absolute;
}
.cart-reports-container .orders-report .orders .total-orders .order-card h2 {
  font-size: 12px;
  top: 5;
}
.cart-reports-container .orders-report .orders .total-orders .order-card .order-number {
  position: absolute;
  right: 5px;
  bottom: 0px;
  font-size: 24px;
  bottom: 0;
}
.cart-reports-container .orders-report .orders .total-orders .created {
  border-color: var(--info-background-components);
}
.cart-reports-container .orders-report .orders .total-orders .paid {
  border-color: var(--success-background-components);
}
.cart-reports-container .orders-report .orders .total-orders .pending {
  border-color: var(--warning-background-components);
}
.cart-reports-container .orders-report .orders .total-orders .expired {
  border-color: var(--tertiary-background-components);
}
.cart-reports-container .orders-report .orders .total-orders .rejected {
  border-color: var(--danger-background-components);
}
.cart-reports-container .orders-report .orders .total-orders .canceled {
  border-color: var(--secondary-text-components);
}
.cart-reports-container .orders-report .orders .orders-bar {
  width: 100%;
  height: 100%;
  padding: 10px 0px;
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-components);
  display: flex;
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .hover-bar {
  position: absolute;
  height: 30px;
  background: var(--tertiary-background-components);
  right: 30px;
  color: var(--primary-text-components);
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: var(--border-radius-components);
  visibility: hidden;
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .paid-bar, .cart-reports-container .orders-report .orders .orders-bar .percent-bar .pending-bar, .cart-reports-container .orders-report .orders .orders-bar .percent-bar .canceled-bar, .cart-reports-container .orders-report .orders .orders-bar .percent-bar .expired-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text-components);
  font-size: 12px;
  position: relative;
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .paid-bar:hover .hover-bar, .cart-reports-container .orders-report .orders .orders-bar .percent-bar .pending-bar:hover .hover-bar, .cart-reports-container .orders-report .orders .orders-bar .percent-bar .canceled-bar:hover .hover-bar, .cart-reports-container .orders-report .orders .orders-bar .percent-bar .expired-bar:hover .hover-bar {
  visibility: visible !important;
  animation: fadeIn ease 0.55s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .paid-bar {
  border-top-left-radius: var(--border-radius-components);
  border-bottom-left-radius: var(--border-radius-components);
  background: var(--success-background-components);
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .pending-bar {
  background: var(--warning-background-components);
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .canceled-bar {
  border-top-right-radius: var(--border-radius-components);
  border-bottom-right-radius: var(--border-radius-components);
  background: var(--secondary-text-components);
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .expired-bar {
  background: var(--tertiary-background-components);
}
.cart-reports-container .orders-report .orders .orders-bar .percent-bar .rejected-bar {
  background: var(--danger-background-components);
}
.cart-reports-container .orders-report .orders-list {
  background: none;
  padding: 0;
}
.cart-reports-container .agent-orders {
  user-select: none;
  width: 100%;
  height: 100%;
  background: var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  display: grid;
  grid-template-rows: 5% 95%;
  padding: 5px 10px;
}
.cart-reports-container .agent-orders .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cart-reports-container .agent-orders .title h1 {
  color: var(--secondary-text-components);
  font-size: 15px;
}
.cart-reports-container .agent-orders .agents-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.cart-reports-container .agent-orders .agents-container .agent-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--primary-background-components);
  height: 30px;
  border-radius: var(--border-radius-components);
  padding: 5px;
  margin-bottom: 8px;
  font-size: 14px;
}
.cart-reports-container .agent-orders .agents-container .agent-item .agent-name {
  color: var(--tertiary-text-components);
}

.downloadCard {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1450px) {
  .downloadCard {
    flex-direction: column;
  }
}

.download-card-async-message {
  font-size: 14px;
  color: #01bb69;
}

.download-file-container {
  min-width: 515px;
  max-width: 600px;
  width: auto;
  height: 250px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  border-radius: var(--border-radius-components);
  border: 1px solid var(--limit-border-color);
  background-color: white;
  box-shadow: var(--default-box-shadow);
  box-sizing: border-box;
}
.download-file-container .download-card-question-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-question-circle'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M5.255%205.786a.237.237%200%200%200%20.241.247h.825c.138%200%20.248-.113.266-.25.09-.656.54-1.134%201.342-1.134.686%200%201.314.343%201.314%201.168%200%20.635-.374.927-.965%201.371-.673.489-1.206%201.06-1.168%201.987l.003.217a.25.25%200%200%200%20.25.246h.811a.25.25%200%200%200%20.25-.25v-.105c0-.718.273-.927%201.01-1.486.609-.463%201.244-.977%201.244-2.056%200-1.511-1.276-2.241-2.673-2.241-1.267%200-2.655.59-2.75%202.286m1.557%205.763c0%20.533.425.927%201.01.927.609%200%201.028-.394%201.028-.927%200-.552-.42-.94-1.029-.94-.584%200-1.009.388-1.009.94'%20fill='%23AEAFB1'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.download-file-container .download-card-info-box {
  width: 100%;
  height: 25px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-inline: 5px;
  color: var(--primary-background-components);
}
.download-file-container .download-cover-image {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.download-file-container .download-card-form {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.download-file-container .download-card-form .download-card-title {
  font-size: 18px;
  font-weight: bold;
  color: var(--tertiary-text-components);
}
.download-file-container .download-card-form .download-card-muted {
  font-size: 14px;
  color: var(--tertiary-text-components);
}
.download-file-container .download-card-form .download-card-status {
  width: auto;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.download-file-container .download-card-form .download-button {
  background-color: var(--primary-background-components);
  color: white;
  border-radius: 25px;
  border: 1px solid var(--primary-background-components);
  padding: 5px 15px;
}
.download-file-container .download-card-form .download-button strong {
  color: white;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
}
.download-file-container .rdrDateRangeWrapper {
  width: 245px !important;
  margin: 0 !important;
}
.download-file-container .download-file {
  width: 100%;
  height: 100%;
  border: solid 1px var(--info-background-components);
  background: var(--primary-background-components);
  border-radius: var(--border-radius-components);
  display: grid;
  grid-template-columns: 50% 50%;
}
.download-file-container .download-file .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.download-file-container .download-file .report-details {
  background: var(--primary-background-components);
  height: 158px;
  border-bottom-left-radius: var(--border-radius-components);
  border-bottom-right-radius: var(--border-radius-components);
  width: 100%;
  padding: 10px;
}
.download-file-container .download-file .report-details h1 {
  font-weight: bold;
  color: var(--primary-background-components);
}
.download-file-container .download-file .report-details h2 {
  margin: 10px 0;
  color: var(--tertiary-text-components);
  font-weight: normal;
}
.download-file-container .download-file .report-details .datePiker-container {
  margin: 5px 0;
}
.download-file-container .download-file .report-details .download-button, .download-file-container .download-file .report-details a {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #0047ff;
  color: #0047ff;
  background: #cee3ff;
  padding: 0;
  font-weight: normal;
}

.table-container {
  overflow-x: scroll;
  border-radius: var(--border-radius-components);
  box-shadow: var(--default-box-shadow);
}
.table-container .table-header {
  border-bottom: solid 1px var(--limit-border-color) !important;
}

.order-back {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.reports-downloads-settings {
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 10px;
  width: 100%;
  height: auto;
}
.reports-downloads-settings .form-check {
  padding-left: 0 !important;
}
.reports-downloads-settings .form-check .form-check-label {
  font-size: 15px;
  margin-left: 5px;
}
.reports-downloads-settings input[type=radio] {
  appearance: checkbox !important;
  all: revert !important;
}.ad-referral-container {
  color: #49525f;
  height: 100%;
}

.ad-referral-container-title {
  font-size: 23px;
  font-weight: bold;
  margin-block: 10px;
}

.ad-referral-card {
  width: 100%;
  height: 125px;
  border: 1px solid #D9DBE9;
  background-color: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  border-radius: 16px;
  padding-inline: 15px;
  padding-block: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 5px;
}

.ad-performance-ranking {
  align-items: center;
  padding-block: 10px;
  border-bottom: 1px solid #dee2e6;
  display: grid;
  grid-template-columns: 65px auto 50px 40px;
  gap: 10px;
  width: 100%;
}

.ad-performance-item {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #e4e4e7;
  border-radius: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  margin-bottom: 1rem;
}
.ad-performance-item:hover {
  background-color: #f9fafb;
}
.ad-performance-item-multimedia {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ad-performance-item-multimedia-image {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ad-performance-item-multimedia-headline {
  color: #111827;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ad-performance-item-multimedia-subheadline {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.ad-performance-item-stats {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.ad-performance-item-stats .stats-area-detail {
  text-align: center;
  min-width: 120px;
  display: flex;
  flex-direction: column;
}
.ad-performance-item-stats-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #4b5563;
}
.ad-performance-item-stats-value {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #09090B;
}
.ad-performance-item-stats-value.conversations {
  color: #2563eb;
}
.ad-performance-item-stats-value.orders {
  color: #16a34a;
}

.ad-referral-image {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.add-performance-name {
  font-size: 15px;
  font-weight: bold;
}

.add-performance-description {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.add-performance-value {
  font-size: 15px;
  font-weight: bold;
}

.ad-referral-button {
  height: 40px;
  width: 40px;
  border: 1px solid lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  border-radius: 10px;
  cursor: pointer;
}

.ad-referral-button .gg-arrow-long-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;
}

.ad-referral-button .gg-arrow-long-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 0;
  bottom: -2px;
}

.ad-referral-card-header {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  padding-bottom: 0rem;
  border: none;
  background-color: white;
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.ad-referral-card-header .ad-referral-card-header-title {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #09090B;
}
.ad-referral-card-header .ad-referral-card-header-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #71717a;
  margin-top: 6px;
}

.box-segmented {
  box-sizing: border-box;
  margin-block: 10px;
  padding: 2px;
  color: #71717a;
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  display: inline-block;
  background-color: #eaeaea;
  border-radius: 6px;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-segmented .box-segmented-items {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.box-segmented .box-segmented-items .box-segmented-item {
  min-height: 28px;
  line-height: 28px;
  padding: 0 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 4px;
  transform: translateZ(0);
  box-sizing: border-box;
  user-select: none;
}
.box-segmented .box-segmented-items .box-segmented-item.segmented-item-selected {
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  color: #49525f;
}

.date-range-indicator {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  background-color: transparent;
  color: #6B7280;
  padding: 8px 0x;
  border-radius: calc(0.5rem - 2px);
  margin-bottom: 10px;
}
.date-range-indicator .date-range-label {
  color: #6B7280;
  font-size: 13px;
  font-weight: 600;
}
.date-range-indicator .date-range-indicator-icon,
.date-range-indicator .date-range-indicator-icon::before {
  display: block;
  box-sizing: border-box;
  margin-right: 5px;
}
.date-range-indicator .date-range-indicator-icon {
  position: relative;
  transform: scale(0.7);
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;
}
.date-range-indicator .date-range-indicator-icon::before {
  content: "";
  position: absolute;
  width: 10px;
  border-radius: 3px;
  left: 2px;
  background: currentColor;
  height: 2px;
  top: 2px;
}

.ad-referral-card-design {
  background-color: white;
  margin: 0px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 #ccc;
  border: solid 1px #f8f8f8;
}
.ad-referral-card-design .card-body {
  height: 0;
  overflow-x: auto;
}

.ad-referral-card-height {
  min-height: 430px;
}

.ad-referral-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M11%206H13V18H11V6Z'%20fill='%233b82f6'%20/%3e%3cpath%20d='M7%2013H9V18H7V13Z'%20fill='%233b82f6'%20/%3e%3cpath%20d='M15%209H17V18H15V9Z'%20fill='%233b82f6'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: 100%;
  margin-block: 10px;
}

.ad-referral-general-stats {
  display: grid;
  width: 100%;
  gap: 1.5rem;
  box-sizing: border-box;
  grid-template-columns: repeat(4, 1fr);
  padding-block: 1rem;
}
@media (max-width: 1200px) {
  .ad-referral-general-stats .ad-referral-general-stats {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .ad-referral-general-stats .ad-referral-general-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .ad-referral-general-stats .ad-referral-general-stats {
    grid-template-columns: 1fr;
  }
}

.stats-card-container, .card {
  width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  box-sizing: border-box;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #e4e4e7;
  border-radius: 0.5rem;
}
.stats-card-container:hover, .card:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-color: rgba(113, 113, 122, 0.2);
}
.stats-card-container:hover .stats-card-description .stats-card-action, .card:hover .stats-card-description .stats-card-action {
  opacity: 100;
}

.ad-preview {
  height: calc(270px + 1.5rem);
  gap: 5px;
  padding: 1rem 1.5rem;
}
.ad-preview .ad-preview-image {
  width: 100%;
  height: 145px;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ad-preview .ad-preview-title {
  text-align: start;
  align-self: flex-start;
  font-size: 17px;
  color: #333;
  font-weight: bold;
}
.ad-preview .ad-preview-text {
  text-align: justify;
  font-size: 14px;
  color: #333;
  align-self: self-start;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-card-question-overlay {
  position: absolute;
  top: 17px;
  right: 15px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-question-circle'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M5.255%205.786a.237.237%200%200%200%20.241.247h.825c.138%200%20.248-.113.266-.25.09-.656.54-1.134%201.342-1.134.686%200%201.314.343%201.314%201.168%200%20.635-.374.927-.965%201.371-.673.489-1.206%201.06-1.168%201.987l.003.217a.25.25%200%200%200%20.25.246h.811a.25.25%200%200%200%20.25-.25v-.105c0-.718.273-.927%201.01-1.486.609-.463%201.244-.977%201.244-2.056%200-1.511-1.276-2.241-2.673-2.241-1.267%200-2.655.59-2.75%202.286m1.557%205.763c0%20.533.425.927%201.01.927.609%200%201.028-.394%201.028-.927%200-.552-.42-.94-1.029-.94-.584%200-1.009.388-1.009.94'%20fill='%23AEAFB1'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}

.stats-card-header {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  padding-bottom: 0.5rem;
}
.stats-card-header .stats-card-header-subarea {
  display: flex;
  align-items: center;
  color: #71717a;
  gap: 0.5rem;
}
.stats-card-header .stats-card-header-title {
  font-size: 15px;
  color: #AEAFB1;
  font-weight: bold;
}
.stats-card-header .stats-card-header-icon {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}
.stats-card-header .stats-card-referral-icon {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='none'%20class='bi%20bi-megaphone'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M13%202.5a1.5%201.5%200%200%201%203%200v11a1.5%201.5%200%200%201-3%200v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405%202.712A1%201%200%200%201%205.51%2015.1h-.548a1%201%200%200%201-.916-.599l-1.85-3.49a68.14%2068.14%200%200%200-.202-.003A2.014%202.014%200%200%201%200%209V7a2.02%202.02%200%200%201%201.992-2.013%2074.663%2074.663%200%200%200%202.483-.075c3.043-.154%206.148-.849%208.525-2.199zm1%200v11a.5.5%200%200%200%201%200v-11a.5.5%200%200%200-1%200m-1%201.35c-2.344%201.205-5.209%201.842-8%202.033v4.233c.18.01.359.022.537.036%202.568.189%205.093.744%207.463%201.993V3.85zm-9%206.215v-4.13a95.09%2095.09%200%200%201-1.992.052A1.02%201.02%200%200%200%201%207v2c0%20.55.448%201.002%201.006%201.009A60.49%2060.49%200%200%201%204%2010.065m-.657.975%201.609%203.037.01.024h.548l-.002-.014-.443-2.966a68.019%2068.019%200%200%200-1.722-.082z'%20fill='%23AEAFB1'/%3e%3c/svg%3e") no-repeat center;
}
.stats-card-header .stats-card-conversations-icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23AEAFB1'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-message-circle-icon%20lucide-message-circle'%3e%3cpath%20d='M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z'/%3e%3c/svg%3e");
}
.stats-card-header .stats-card-sales-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M17%205H7V7H17V5Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M7%209H9V11H7V9Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M9%2013H7V15H9V13Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M7%2017H9V19H7V17Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M13%209H11V11H13V9Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M11%2013H13V15H11V13Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M13%2017H11V19H13V17Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M15%209H17V11H15V9Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M17%2013H15V19H17V13Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%203C3%201.89543%203.89543%201%205%201H19C20.1046%201%2021%201.89543%2021%203V21C21%2022.1046%2020.1046%2023%2019%2023H5C3.89543%2023%203%2022.1046%203%2021V3ZM5%203H19V21H5V3Z'%20fill='%23AEAFB1'%20/%3e%3c/svg%3e");
}
.stats-card-header .stats-card-conversion-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M16.2426%206.34319C16.6331%205.95266%2017.2663%205.95266%2017.6568%206.34319C18.0474%206.73371%2018.0474%207.36688%2017.6568%207.7574L7.75734%2017.6569C7.36681%2018.0474%206.73365%2018.0474%206.34313%2017.6569C5.9526%2017.2664%205.9526%2016.6332%206.34313%2016.2427L16.2426%206.34319Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M9.87866%209.87872C9.09761%2010.6598%207.83128%2010.6598%207.05023%209.87872C6.26918%209.09767%206.26918%207.83134%207.05023%207.05029C7.83128%206.26924%209.09761%206.26924%209.87866%207.05029C10.6597%207.83134%2010.6597%209.09767%209.87866%209.87872Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M14.1213%2016.9498C14.9023%2017.7308%2016.1687%2017.7308%2016.9497%2016.9498C17.7308%2016.1687%2017.7308%2014.9024%2016.9497%2014.1214C16.1687%2013.3403%2014.9023%2013.3403%2014.1213%2014.1214C13.3403%2014.9024%2013.3403%2016.1687%2014.1213%2016.9498Z'%20fill='%23AEAFB1'%20/%3e%3c/svg%3e");
}
.stats-card-header .stats-card-reach-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19%209C19%2011.3787%2017.8135%2013.4804%2016%2014.7453V22H13.4142L12%2020.5858L10.5858%2022H8V14.7453C6.18652%2013.4804%205%2011.3787%205%209C5%205.13401%208.13401%202%2012%202C15.866%202%2019%205.13401%2019%209ZM17%209C17%2011.7614%2014.7614%2014%2012%2014C9.23858%2014%207%2011.7614%207%209C7%206.23858%209.23858%204%2012%204C14.7614%204%2017%206.23858%2017%209ZM10%2019.7573L12%2017.7573L14%2019.7574V15.7101C13.3663%2015.8987%2012.695%2016%2012%2016C11.305%2016%2010.6337%2015.8987%2010%2015.7101V19.7573Z'%20fill='%23AEAFB1'%20/%3e%3c/svg%3e");
}
.stats-card-header .stats-card-click-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.9236%2018V14C14.9236%2012.3431%2013.5804%2011%2011.9236%2011C10.2667%2011%208.92355%2012.3431%208.92355%2014V18C8.92355%2019.6569%2010.2667%2021%2011.9236%2021C13.5804%2021%2014.9236%2019.6569%2014.9236%2018ZM11.9236%209C9.16213%209%206.92355%2011.2386%206.92355%2014V18C6.92355%2020.7614%209.16213%2023%2011.9236%2023C14.685%2023%2016.9236%2020.7614%2016.9236%2018V14C16.9236%2011.2386%2014.685%209%2011.9236%209Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M10.9236%2014C10.9236%2013.4477%2011.3713%2013%2011.9236%2013C12.4758%2013%2012.9236%2013.4477%2012.9236%2014V17H10.9236V14Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20d='M11.9235%201C14.7023%201%2017.2164%202.13339%2019.0286%203.96311L17.6144%205.37735C16.1641%203.90955%2014.15%203%2011.9235%203C9.77436%203%207.82311%203.84749%206.38577%205.22651L4.97131%203.81205C6.7708%202.07122%209.22207%201%2011.9235%201Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9233%205C13.5809%205%2015.1038%205.5761%2016.3029%206.53898L14.8768%207.9651C14.0493%207.35833%2013.0281%207%2011.9233%207C10.848%207%209.85204%207.33943%209.03662%207.91699L7.60779%206.48816C8.79686%205.55586%2010.2952%205%2011.9233%205Z'%20fill='%23AEAFB1'%20/%3e%3c/svg%3e");
}
.stats-card-header .stats-card-impressions-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2012C16%2014.2091%2014.2091%2016%2012%2016C9.79086%2016%208%2014.2091%208%2012C8%209.79086%209.79086%208%2012%208C14.2091%208%2016%209.79086%2016%2012ZM14%2012C14%2013.1046%2013.1046%2014%2012%2014C10.8954%2014%2010%2013.1046%2010%2012C10%2010.8954%2010.8954%2010%2012%2010C13.1046%2010%2014%2010.8954%2014%2012Z'%20fill='%23AEAFB1'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%203C17.5915%203%2022.2898%206.82432%2023.6219%2012C22.2898%2017.1757%2017.5915%2021%2012%2021C6.40848%2021%201.71018%2017.1757%200.378052%2012C1.71018%206.82432%206.40848%203%2012%203ZM12%2019C7.52443%2019%203.73132%2016.0581%202.45723%2012C3.73132%207.94186%207.52443%205%2012%205C16.4756%205%2020.2687%207.94186%2021.5428%2012C20.2687%2016.0581%2016.4756%2019%2012%2019Z'%20fill='%23AEAFB1'%20/%3e%3c/svg%3e");
}

.stats-card-main-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  min-height: 3rem;
}

.stats-card-value {
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #09090B;
}

.stats-card-arrow {
  font-size: 2rem;
  color: #b0b3b8;
  font-weight: 400;
  margin-left: 1rem;
  transition: color 0.15s;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 100%;
  position: static;
}

.stats-card-description {
  display: flex;
  align-items: center;
  padding: 1rem;
  font-size: 12px;
  color: #71717a;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.stats-card-progress-bar {
  padding: 0rem 1rem 1rem 1rem;
}
.stats-card-progress-bar .progress {
  height: 0.75rem;
}

.stats-card-action {
  color: #18181b;
  position: absolute;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  gap: 0.25rem;
  align-items: center;
  display: flex;
  right: 0.75rem;
  bottom: 0.75rem;
  opacity: 0;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.stats-card-action .stats-card-conversations-icon {
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2318181b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-message-circle-icon%20lucide-message-circle'%3e%3cpath%20d='M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}

.stats-card-unavailable {
  background-color: #f8f9fa;
  opacity: 0.7;
  user-select: none;
}
.stats-card-unavailable .stats-card .stats-card-value {
  opacity: 0.5;
}

.alert-message-container .alert-message-title {
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.alert-message-container .alert-message-description {
  color: white;
  font-size: 16px;
}

.ad-detail-container {
  color: #49525f;
  background-color: rgb(246, 246, 247);
  height: 100%;
}

.stats-card-clickable:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-color: rgba(113, 113, 122, 0.2);
}
.stats-card-clickable:hover .stats-card-arrow {
  color: #71717a;
}

.ad-referral-input-search {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}
.ad-referral-input-search .search-subarea {
  position: relative;
  flex: 1 1 0%;
}
.ad-referral-input-search .search-subarea .search-input {
  height: 40px !important;
  width: 100% !important;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: transparent !important;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.ad-referral-input-search .search-subarea .search-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent;
  border: none;
}
.ad-referral-input-search .search-subarea .search-button:hover {
  background-color: #f1f5f9;
}
.ad-referral-input-search .search-subarea .search-close-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M6.2253%204.81108C5.83477%204.42056%205.20161%204.42056%204.81108%204.81108C4.42056%205.20161%204.42056%205.83477%204.81108%206.2253L10.5858%2012L4.81114%2017.7747C4.42062%2018.1652%204.42062%2018.7984%204.81114%2019.1889C5.20167%2019.5794%205.83483%2019.5794%206.22535%2019.1889L12%2013.4142L17.7747%2019.1889C18.1652%2019.5794%2018.7984%2019.5794%2019.1889%2019.1889C19.5794%2018.7984%2019.5794%2018.1652%2019.1889%2017.7747L13.4142%2012L19.189%206.2253C19.5795%205.83477%2019.5795%205.20161%2019.189%204.81108C18.7985%204.42056%2018.1653%204.42056%2017.7748%204.81108L12%2010.5858L6.2253%204.81108Z'%20fill='currentColor'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.ad-referral-input-search .search-subarea .search-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  top: 0.75rem;
  left: 0.75rem;
  position: absolute;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-search%20h-4%20w-4%20absolute%20right-3%20top-3%20text-slate-400'%3e%3ccircle%20cx='11'%20cy='11'%20r='8'%3e%3c/circle%3e%3cpath%20d='m21%2021-4.3-4.3'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}

.ad-referral-empty-area {
  padding: 1.5rem;
  color: #64748b;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
}
.ad-referral-empty-area-icon {
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2364748b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-bottom: 0.25rem;
}
.ad-referral-empty-area-text {
  color: #71717a;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ad-referral-empty-area-text.bold {
  font-weight: 600;
}:root {
  --rwa-card-header-color: #1e293b;
  --rwa-card-icons-color: #9ca3af;
}

.rwa-card {
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid rgba(229, 231, 235, 0.6);
  background-color: var(--off-white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.rwa-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  color: var(--rwa-card-header-color);
  border-bottom: 1px solid rgba(229, 231, 235, 0.6);
}
@media (min-width: 640px) {
  .rwa-card-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.rwa-card-header-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: inherit;
  margin: 0;
}
.rwa-card-header-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #6b7280;
  margin: 0.25rem 0 0 0;
}
.rwa-card-content {
  padding: 1rem;
}
@media (min-width: 640px) {
  .rwa-card-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.rwa-card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid rgba(229, 231, 235, 0.6);
}
@media (min-width: 640px) {
  .rwa-card-footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.rwa-card-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  background-color: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
  color: var(--off-black);
}
.rwa-card-action-button:is(:hover, :focus) {
  background-color: #f4f4f5;
  outline: none;
}
.rwa-card-action-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-blue), 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.rwa-card-action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rwa-card-action-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.rwa-card-action-button-primary {
  background-color: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--off-white);
}
.rwa-card-action-button-primary:is(:hover, :focus) {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
  border-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.rwa-card-elevated {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.rwa-card-flat {
  border: none;
  box-shadow: none;
}
.rwa-card-loading-area {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.rwa-card-loading-item {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: calc(var(--radius) - 2px);
  background-color: #f4f4f5;
  width: 100%;
  height: 1rem;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.cmd-card {
  background-color: white;
  outline-color: #ebe6e7;
  outline-width: 1px;
  outline-style: solid;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 1rem;
  position: relative;
}
@media (max-width: 1400px) {
  .cmd-card {
    padding: 0.9rem;
  }
}
@media (max-width: 1100px) {
  .cmd-card {
    padding: 0.85rem;
  }
}
@media (max-width: 768px) {
  .cmd-card {
    padding: 0.75rem;
  }
}
.cmd-card[data-col-span="1"] {
  grid-column: span 1;
}
.cmd-card[data-col-span="2"] {
  grid-column: span 2;
}
.cmd-card[data-col-span="3"] {
  grid-column: span 3;
}
.cmd-card[data-col-span="4"] {
  grid-column: span 4;
}
.cmd-card[data-col-span="5"] {
  grid-column: span 5;
}
.cmd-card[data-col-span="6"] {
  grid-column: span 6;
}
.cmd-card[data-row-span="1"] {
  grid-row: span 1;
}
.cmd-card[data-row-span="2"] {
  grid-row: span 2;
}
.cmd-card[data-row-span="3"] {
  grid-row: span 3;
}
.cmd-card[data-row-span="4"] {
  grid-row: span 4;
}
.cmd-card-header {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.cmd-card-header.with-tools {
  justify-content: space-between;
}
.cmd-card-content {
  flex: 1 1 0%;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .cmd-card-content {
    overflow-y: visible;
  }
}
.cmd-card-footer {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  flex-shrink: 0;
}
.cmd-card-drag-handle {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  cursor: grab;
  z-index: 2;
}
.cmd-card-drag-handle:active {
  cursor: grabbing;
}
.cmd-card-drag-handle__icon {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  color: inherit;
}
.cmd-card-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  min-height: 180px;
}
.cmd-card-loading-dots-area {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.cmd-card-loading-dot {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  background-color: #101828;
  animation: bounce-dot 0.55s ease-in-out infinite;
  animation-delay: 0ms;
}
.cmd-card-loading-dot:nth-child(2) {
  animation-delay: 0.09s;
}
.cmd-card-loading-dot:nth-child(3) {
  animation-delay: 0.18s;
}
.cmd-card-loading-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #6a7282;
}
.cmd-comparison {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cmd-comparison-widget {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  padding-left: 0.375rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.cmd-comparison-widget-icon-area {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.cmd-comparison-widget-icon {
  height: 1rem;
  width: 1rem;
  color: #ffffff;
  flex-shrink: 0;
}
.cmd-comparison-widget-value {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
}
.cmd-comparison-widget-period {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #B0B0B0;
}
.cmd-comparison-widget.neutral {
  background-color: #f3f4f6;
}
.cmd-comparison-widget.neutral .cmd-comparison-widget-icon-area {
  background-color: #6a7282;
}
.cmd-comparison-widget.neutral .cmd-comparison-widget-icon {
  color: white;
}
.cmd-comparison-widget.neutral .cmd-comparison-widget-value {
  color: #6a7282;
}
.cmd-comparison-widget.positive {
  background-color: #dcfce7;
}
.cmd-comparison-widget.positive .cmd-comparison-widget-icon-area {
  background-color: #00c951;
}
.cmd-comparison-widget.positive .cmd-comparison-widget-icon {
  color: #ffffff;
}
.cmd-comparison-widget.positive .cmd-comparison-widget-value {
  color: #00c951;
}
.cmd-comparison-widget.negative {
  background-color: #ffe4e6;
}
.cmd-comparison-widget.negative .cmd-comparison-widget-icon-area {
  background-color: #ff2056;
}
.cmd-comparison-widget.negative .cmd-comparison-widget-icon {
  color: #ffffff;
}
.cmd-comparison-widget.negative .cmd-comparison-widget-value {
  color: #ff2056;
}
.cmd-progress-bar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.cmd-progress-bar-header-target {
  color: #0a0a0a;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cmd-progress-bar-header-target-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cmd-progress-bar-header-days {
  font-size: 0.75rem;
  color: #9ca3af;
}
.cmd-progress-bar-header-percentage {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #f3f4f6;
}
.cmd-progress-bar-header-percentage--success {
  color: #00c951;
}
.cmd-progress-bar-header-percentage--warning {
  color: #fdc700;
}
.cmd-progress-bar-header-percentage--danger {
  color: #ff2056;
}
.cmd-progress-bar-chart {
  position: relative;
}
.cmd-progress-bar-chart .progress {
  height: 0.5rem;
  background-color: #f1f5f9;
  border-radius: 9999px;
}
.cmd-progress-bar-chart .progress-bar {
  background-color: #2663EB;
  border-radius: 9999px;
}
.cmd-progress-bar-chart--with-marker {
  position: relative;
  padding-bottom: 1.25rem;
}
.cmd-progress-bar-chart-bar {
  margin-top: 0.5rem;
}
.cmd-progress-bar-chart-bar--success .progress-bar {
  background-color: #00c951;
}
.cmd-progress-bar-chart-bar--warning .progress-bar {
  background-color: #fdc700;
}
.cmd-progress-bar-chart-bar--danger .progress-bar {
  background-color: #ff2056;
}
.cmd-progress-bar-chart-marker {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.cmd-progress-bar-chart-marker-line {
  width: 2px;
  height: 0.75rem;
  background-color: #374151;
  border-radius: 1px;
}
.cmd-progress-bar-chart-marker-label {
  font-size: 0.625rem;
  color: #6b7280;
  white-space: nowrap;
  margin-top: 0.125rem;
}
.cmd-progress-bar-legend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.cmd-progress-bar-legend-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #374151;
  font-size: 11px;
}
.cmd-progress-bar-legend-item--muted {
  color: #737373;
}
.cmd-progress-bar-legend-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
}
.cmd-progress-bar-legend-dot--success {
  background-color: #00c951;
}
.cmd-progress-bar-legend-dot--warning {
  background-color: #fdc700;
}
.cmd-progress-bar-legend-dot--danger {
  background-color: #ff2056;
}
.cmd-progress-bar-legend-dot--prorated {
  background-color: #cbd5e1;
}
.cmd-progress-bar--with-target {
  border-radius: 0.5rem;
}
.cmd-targets-drawer-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem;
}
.cmd-targets-drawer-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.25rem 0;
}
.cmd-targets-drawer-footer-button {
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cmd-targets-drawer-footer-button--secondary {
  background-color: transparent;
  color: #475569;
  border-color: #e2e8f0;
}
.cmd-targets-drawer-footer-button--secondary:hover:not(:disabled) {
  background-color: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}
.cmd-targets-drawer-footer-button--primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(to right, #10b981, #059669);
  color: white;
  box-shadow: 0 4px 14px -3px rgba(16, 185, 129, 0.4);
}
.cmd-targets-drawer-footer-button--primary:hover:not(:disabled) {
  background: linear-gradient(to right, #059669, #047857);
  box-shadow: 0 6px 20px -3px rgba(16, 185, 129, 0.5);
}
.cmd-targets-drawer-footer-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cmd-targets-drawer-footer-button-icon {
  width: 1rem;
  height: 1rem;
  stroke-width: 2.5;
}
.cmd-targets-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cmd-targets-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
  margin-bottom: 0.25rem;
}
.cmd-targets-section-header-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.cmd-targets-section-header-pulse-icon {
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  background-color: #10b981;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cmd-targets-section-header-icon-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  flex-shrink: 0;
}
.cmd-targets-section-header-icon-area.goals {
  background-color: #ecfdf5;
  border: 1px solid #d1fae5;
}
.cmd-targets-section-header-icon-area.limits {
  background-color: #fffbeb;
  border: 1px solid #fef3c7;
}
.cmd-targets-section-header-icon {
  width: 1rem;
  height: 1rem;
  stroke-width: 2.5;
}
.goals .cmd-targets-section-header-icon {
  color: #059669;
}
.limits .cmd-targets-section-header-icon {
  color: #d97706;
}
.cmd-targets-section-header-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}
.cmd-targets-section-header-description {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0.125rem 0 0;
}
.cmd-targets-section-header-count {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  border-radius: 9999px;
  background-color: #ecfdf5;
  color: #047857;
  border: 1px solid #d1fae5;
  padding: 0.375rem 0.75rem;
  transition: all 0.15s ease-in-out;
  flex-shrink: 0;
}
.cmd-targets-section-header-count::before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: #10b981;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cmd-targets-section-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cmd-targets-info-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding: 1rem 1.125rem;
  background-color: #f8fafc;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
}
.cmd-targets-info-banner-icon {
  width: 1rem;
  height: 1rem;
  color: #94a3b8;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.cmd-targets-info-banner-text {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}
.cmd-target-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  background-color: rgba(248, 250, 252, 0.8);
  border: 1px solid #f1f5f9;
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.cmd-target-row:hover {
  background-color: rgba(241, 245, 249, 0.8);
  border-color: #e2e8f0;
}
.cmd-target-row--revenue {
  gap: 1rem;
}
.cmd-target-row-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.cmd-target-row-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
.cmd-target-row-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  flex-shrink: 0;
}
.cmd-target-row-icon {
  width: 1rem;
  height: 1rem;
  stroke-width: 2.5;
  color: #10b981;
}
.cmd-targets-section:last-of-type .cmd-target-row-icon {
  color: #d97706;
}
.cmd-target-row-text {
  flex: 1;
  min-width: 0;
}
.cmd-target-row-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}
.cmd-target-row-help-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #94a3b8;
  cursor: help;
  transition: color 0.15s ease;
}
.cmd-target-row-help-icon:hover {
  color: #64748b;
}
.cmd-target-row-description {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0.25rem 0 0;
}
.cmd-target-row-input-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.cmd-target-row-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cmd-target-row-input-wrapper :is(.reach-form-input) {
  box-shadow: none;
  margin-top: 0;
}
.cmd-target-row-input-suffix {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  min-width: 24px;
  text-align: center;
}
.cmd-target-row-footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #f1f5f9;
  padding-top: 0.75rem;
  margin-top: 0;
}
.cmd-target-row-reset {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--off-black);
  cursor: pointer;
  transition: color 0.15s ease;
}
.cmd-target-row-reset:hover {
  color: #64748b;
}
.cmd-target-revenue-currencies {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  box-sizing: border-box;
}
.cmd-target-revenue-empty {
  font-size: 0.8125rem;
  color: #94a3b8;
  text-align: center;
  padding: 0.75rem 0;
  margin: 0;
}
.cmd-target-currency-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  transition: all 0.2s ease;
}
.cmd-target-currency-row:focus-within {
  border-color: #a7f3d0;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1);
}
.cmd-target-currency-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.625rem 0.875rem;
  background-color: #f8fafc;
  color: #475569;
  border-right: 1px solid #e2e8f0;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.cmd-target-currency-input-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 0.125rem;
}
.cmd-target-currency-symbol {
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
}
.cmd-target-currency-input {
  flex: 1;
  padding: 0.625rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: none;
  background-color: transparent;
  outline: none;
}
.cmd-target-currency-input::placeholder {
  color: #cbd5e1;
}
.cmd-target-currency-input::-webkit-outer-spin-button, .cmd-target-currency-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cmd-target-currency-input[type=number] {
  -moz-appearance: textfield;
}
.cmd-target-currency-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #94a3b8;
  border-radius: 0.75rem;
  margin-right: 0.25rem;
  transition: all 0.2s ease;
}
.cmd-target-currency-remove:hover {
  color: #f43f5e;
  background-color: #fff1f2;
}
.cmd-target-currency-remove-icon {
  width: 1rem;
  height: 1rem;
}
.cmd-target-add-currency {
  position: relative;
}
.cmd-target-add-currency-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 1rem;
  background: none;
  border: 1px dashed #cbd5e1;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cmd-target-add-currency-button:hover {
  background-color: #f8fafc;
  border-color: #94a3b8;
  color: #475569;
}
.cmd-target-add-currency-icon {
  width: 1rem;
  height: 1rem;
}
.cmd-target-add-currency-chevron {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}
.cmd-target-add-currency-chevron.open {
  transform: rotate(180deg);
}
.cmd-target-currency-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.375rem;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 10;
  overflow: hidden;
}
.cmd-target-currency-dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  font-size: 0.8125rem;
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s ease;
  text-align: left;
}
.cmd-target-currency-dropdown-item:hover {
  background-color: #f8fafc;
}
.cmd-target-currency-dropdown-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  background-color: #f1f5f9;
  color: #475569;
  border-radius: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.cmd-target-currency-dropdown-symbol {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
}
.cmd-target-currency-dropdown-name {
  color: #64748b;
}
.cmd-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.cmd-empty-state-icon-area {
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #f5f5f5;
}
.cmd-empty-state-icon {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  color: #737373;
}
.cmd-empty-state-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #0a0a0a;
}
.cmd-empty-state-description {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #737373;
}

@keyframes bounce-dot {
  0%, 100% {
    transform: translateY(0) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateY(-12px) scale(1.2);
    opacity: 1;
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.billing-reports-container {
  color: #49525f;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f6f6f7;
}

.billing-reports-container-title {
  font-size: 23px;
  font-weight: bold;
  margin-block: 10px;
}

.billing-reports-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M11%206H13V18H11V6Z'%20fill='%233b82f6'%20/%3e%3cpath%20d='M7%2013H9V18H7V13Z'%20fill='%233b82f6'%20/%3e%3cpath%20d='M15%209H17V18H15V9Z'%20fill='%233b82f6'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: 100%;
  margin-block: 10px;
}

.waba-report-selection-container {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}
.waba-report-selection-container .reach-dropdown-button-selection {
  position: relative;
}
.waba-report-selection-container .reach-dropdown-button-selection .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2.2em;
  position: relative;
}
.waba-report-selection-container .reach-dropdown-button-selection .dropdown-toggle::after {
  position: absolute;
  right: 1em;
}
.waba-report-selection-container .reach-dropdown-button-selection {
  min-width: 180px;
  max-width: 300px;
  flex: 1 1 0;
}
.waba-report-selection-container .reach-datepicker-component {
  min-width: 120px;
}
.waba-report-selection-container .billing-filter-btn {
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
  margin-left: 12px;
  min-width: unset;
  width: auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.waba-report-selection-container .billing-filter-btn:disabled {
  background: #e5e7eb;
  color: #a1a1aa;
  cursor: not-allowed;
}

.billing-reports-filters-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  background: #fff;
  border-radius: 12px;
  padding: 1.2rem 1.5rem;
  box-shadow: 0 1px 6px 0 #e5e7eb;
  flex-wrap: wrap;
}

.billing-reports-filter-field {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  flex: 1 1 0;
}

.billing-reports-filter-label {
  font-size: 0.95rem;
  color: #64748b;
  font-weight: 500;
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.billing-reports-filter-btn {
  background: #2563eb;
  color: #fff;
  font-weight: 600;
  justify-content: center;
  border: none;
  border-radius: 8px;
  padding: 0.7rem 2.2rem;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  gap: 0.5em;
  transition: background 0.15s;
  box-shadow: 0 1px 4px 0 #e5e7eb;
  height: 42px;
  min-width: 120px;
  flex: 0 0 auto;
}

.billing-reports-filter-btn:disabled {
  background: #a5b4fc;
  cursor: not-allowed;
}

@media (max-width: 900px) {
  .billing-reports-filters-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  .billing-reports-filter-btn {
    margin-left: 0;
    width: 100%;
  }
}
.date-range-indicator {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  background-color: transparent;
  color: #6B7280;
  padding: 8px 0x;
  border-radius: calc(0.5rem - 2px);
  margin-bottom: 10px;
}
.date-range-indicator .date-range-label {
  color: #6B7280;
  font-size: 13px;
  font-weight: 600;
}
.date-range-indicator .date-range-indicator-icon,
.date-range-indicator .date-range-indicator-icon::before {
  display: block;
  box-sizing: border-box;
  margin-right: 5px;
}
.date-range-indicator .date-range-indicator-icon {
  position: relative;
  transform: scale(0.7);
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;
}
.date-range-indicator .date-range-indicator-icon::before {
  content: "";
  position: absolute;
  width: 10px;
  border-radius: 3px;
  left: 2px;
  background: currentColor;
  height: 2px;
  top: 2px;
}

.waba-quota-consumption-card {
  width: 100%;
  border-radius: 8px !important;
  margin-bottom: 1rem;
}
.waba-quota-consumption-card .rwa-card-content {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1rem 1.25rem;
}

.waba-quota-consumption-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.waba-quota-consumption-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #374151;
}

.waba-quota-consumption-loading {
  font-size: 0.8rem;
  color: #9ca3af;
}

.waba-quota-consumption-description {
  font-size: 0.82rem;
  color: #6b7280;
}

.waba-quota-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.waba-quota-chip--ok {
  background-color: #dcfce7;
  color: #166534;
}
.waba-quota-chip--warning {
  background-color: #fef9c3;
  color: #854d0e;
}
.waba-quota-chip--danger {
  background-color: #fee2e2;
  color: #991b1b;
}

.waba-quota-cards-row {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.waba-quota-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 8px;
  border: 1.5px solid rgb(229, 231, 235);
  text-align: center;
}
.waba-quota-stat-card__value {
  font-size: 1.1rem;
  font-weight: 700;
  color: #111827;
}
.waba-quota-stat-card__label {
  font-size: 0.72rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 0.2rem;
}

.billing-reports-general-stats {
  display: grid;
  width: 100%;
  gap: 1.5rem;
  box-sizing: border-box;
  grid-template-columns: repeat(4, 1fr);
  padding-block: 1rem;
}
@media (max-width: 1200px) {
  .billing-reports-general-stats {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .billing-reports-general-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .billing-reports-general-stats {
    grid-template-columns: 1fr;
  }
}

.billing-reports-card-design {
  background-color: white;
  margin: 0px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 #ccc;
  border: solid 1px #f8f8f8;
}
.billing-reports-card-design .card-body {
  overflow-x: auto;
}

.billing-reports-card-height {
  min-height: 430px;
}

.billing-reports-card-header {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  padding-bottom: 0rem;
  border: none;
  background-color: white;
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.billing-reports-card-header .billing-reports-card-header-title {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #09090B;
}
.billing-reports-card-header .billing-reports-card-header-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #71717a;
  margin-top: 6px;
}

.box-segmented {
  box-sizing: border-box;
  margin-block: 10px;
  padding: 2px;
  color: #71717a;
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  display: inline-block;
  background-color: #eaeaea;
  border-radius: 6px;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-segmented .box-segmented-items {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.box-segmented .box-segmented-items .box-segmented-item {
  min-height: 28px;
  line-height: 28px;
  padding: 0 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 4px;
  transform: translateZ(0);
  box-sizing: border-box;
  user-select: none;
}
.box-segmented .box-segmented-items .box-segmented-item.segmented-item-selected {
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  color: #49525f;
}

.billing-reports-empty-area {
  padding: 1.5rem;
  color: #64748b;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
}
.billing-reports-empty-area-icon {
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2364748b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin-bottom: 0.25rem;
}
.billing-reports-empty-area-text {
  color: #71717a;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.billing-reports-empty-area-text.bold {
  font-weight: 600;
}

.whatsApp-business-report-container {
  padding: 20px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f6f6f7;
}
.whatsApp-business-report-container .whatsApp-business-report-header {
  display: flex;
  justify-content: space-between;
}
.whatsApp-business-report-container .whatsApp-business-report-header .whatsApp-business-report-title {
  font-weight: bold;
}
.whatsApp-business-report-container .whatsApp-business-report-header .waba-report-selection-container {
  width: 205px;
}
.whatsApp-business-report-container .reports-waba-container {
  height: 85vh;
  display: grid;
  grid-template-rows: 300px auto;
}
.whatsApp-business-report-container .reports-waba-container .billing-report .billing-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.whatsApp-business-report-container .reports-waba-container .billing-report .billing-title .react-datepicker__input-container input {
  border: solid 1px #e0e0e0 !important;
  height: 20px !important;
  width: 100px !important;
  font-size: 14px !important;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container {
  margin-top: 15px;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container {
  background: #ffffff;
  border: none;
  box-shadow: 0 1px 4px 0 #ccc;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .business-count-title, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .business-count-total {
  text-align: left;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .user-count-title, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .user-count-total {
  text-align: right;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .user-count-title, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .business-count-title {
  line-height: 1;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .user-count-total, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .business-count-total {
  font-size: 14px;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .user-count-total, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .business-count-total, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .paid-total, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .billing-total {
  font-weight: bold;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .paid-total {
  color: #51c172;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .billing-total-free, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .billing-total {
  color: #0047ff;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .billing-total .billing-total-free {
  font-weight: bold;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .billing-total .billing-total-free-total {
  font-weight: normal;
  font-size: 14px;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .kpi-item-title, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .billing-total-free-total, .whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .kpi-item-detail {
  color: #8e91a4;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .kpi-group-container .kpi-item-detail-title {
  font-size: 10px;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .disclaimers-container {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.whatsApp-business-report-container .reports-waba-container .messages-used-container .disclaimers-container .waba-messages-disclaimer {
  color: #656565;
  font-size: 10px;
}
.whatsApp-business-report-container .reports-waba-container .reports-table {
  display: flex;
  flex-direction: column;
}
.whatsApp-business-report-container .reports-waba-container .reports-table .container-filters {
  margin-bottom: 15px;
}
.whatsApp-business-report-container .reports-waba-container .reports-table .table-container {
  height: calc(100% - 135px);
}

.no-channels-message {
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-channels-message .no-channels-message {
  align-items: center;
}

.stats-card--total-cost,
.billing-reports-total-cost-card {
  background: #f0fcf5 !important;
  color: #199c47 !important;
  border: none;
}

.stats-card--total-cost .stats-card-header-title,
.stats-card--total-cost .stats-card-value,
.stats-card--total-cost .stats-card-description {
  color: #199c47 !important;
}

.stats-card--total-cost .stats-card-header-icon {
  background: #e3f9ec !important;
  color: #199c47 !important;
}.type-pill-filter-container {
  margin-bottom: 0.5rem;
  background: none;
  box-shadow: none;
  padding: 0;
}

.type-pill-filter-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.25rem;
  background: none;
}
.type-pill-filter-header .type-pill-filter-label {
  font-weight: 600;
  font-size: 1.1rem;
  color: #22223b;
}
.type-pill-filter-header .type-pill-filter-count {
  background: #e0e7ff;
  color: #3730a3;
  border-radius: 12px;
  font-size: 0.95em;
  padding: 2px 10px;
  margin-left: 0.5em;
  font-weight: 500;
  width: 120px;
}
.type-pill-filter-header .type-pill-filter-clear {
  background: none;
  border: none;
  color: #64748b;
  font-size: 1em;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.15s;
  text-align: left;
  width: 700px;
}
.type-pill-filter-header .type-pill-filter-clear:hover {
  color: #1d4ed8;
}

.type-pill-filter-list {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.type-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 16px;
  font-weight: 500;
  font-size: 14px;
  border: 1.5px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  transition: all 0.15s;
  gap: 0.5em;
  box-shadow: none;
  outline: none;
  position: relative;
  min-width: 0;
  margin: 0;
  width: auto;
  flex: none;
}

.type-pill .type-pill-count {
  background: #f3f4f6;
  color: #64748b;
  border-radius: 10px;
  font-size: 0.95em;
  padding: 2px 8px;
  margin-left: 0.5em;
  font-weight: 500;
}

.type-pill.active {
  font-weight: 600;
  box-shadow: 0 2px 8px 0 #e5e7eb;
  border-width: 2px;
  filter: brightness(1.04);
}

.type-pill svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}.detail-sentiment-report {
  width: 100%;
  display: grid;
  grid-template-areas: "tab-view" "content-container" "table";
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
}
.detail-sentiment-report .tab-view {
  grid-area: tab-view;
}
.detail-sentiment-report .content-container {
  grid-area: content-container;
  max-width: 100%;
}.observationCard {
  margin-bottom: 10px;
}
.observationCard .order-log-card {
  background: #F5F5F5;
  border-radius: 5px;
  padding: 10px;
}
.observationCard .order-log-card .content {
  font-size: 14px;
  color: #49525F;
}
.observationCard .order-log-card .content .log-action {
  font-weight: 600;
}
.observationCard .order-log-card .madeby {
  font-size: 12px;
  color: #6D7175;
  margin-top: 5px;
}:root {
  --reach-table-header-color: #1e293b;
  --reach-table-icons-color: #9ca3af;
}

.reach-data {
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid rgba(229, 231, 235, 0.6);
  background-color: var(--off-white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.reach-data-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
  padding: 1rem;
  color: var(--reach-table-header-color);
}
.reach-data-header.contact-detail {
  border-bottom: 1px solid rgba(229, 231, 235, 0.6);
}
.reach-data-header.product-detail {
  border-bottom: 1px solid rgba(229, 231, 235, 0.6);
}
.reach-data-header.products-grid, .reach-data-header.collections-table, .reach-data-header.extra-groups-grid {
  border-bottom: 1px solid rgba(229, 231, 235, 0.6);
}
.reach-data-header.products-grid .reach-data-header-title, .reach-data-header.collections-table .reach-data-header-title, .reach-data-header.extra-groups-grid .reach-data-header-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #1e293b;
}
.reach-data-header.tools {
  padding: 0.75rem 1rem;
}
@media (min-width: 640px) {
  .reach-data-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.reach-data-header-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: inherit;
}
.reach-data-header-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: inherit;
}
.reach-data-header-sub-area {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.reach-data-header-actions-area {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}
.reach-data-header-unselect-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  background-color: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
  color: inherit;
}
.reach-data-header-unselect-button:is(:hover, :focus) {
  background-color: #f4f4f5;
  outline: none;
}
.reach-data-header-unselect-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--reach-blue), 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.reach-data-header-unselect-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-data-header-unselect-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-data-header-unselect-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: inherit;
}
.reach-data-header-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-shrink: 0;
  height: 2rem;
  width: 2rem;
  padding: 0;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.reach-data-header-action-button.gray {
  color: var(--reach-table-icons-color);
}
.reach-data-header-action-button_wide {
  width: fit-content;
  padding: 0.5rem 1rem;
}
.reach-data-header-action-button:is(:hover, :focus) {
  background-color: #f4f4f5;
}
.reach-data-header-action-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--reach-blue), 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.reach-data-header-action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-data-header-action-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-data-header-action-button-text {
  width: fit-content;
}
.reach-data-header-edit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--off-white);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  white-space: nowrap;
  background-color: var(--reach-blue);
  border-radius: 0.375rem;
  height: 2rem;
  padding: 0 0.75rem;
  transition: all 150ms ease-in-out;
  border: none;
}
.reach-data-header-edit-button:focus-visible {
  outline: none;
}
.reach-data-header-edit-button:is(:hover, :focus) {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.reach-data-header-edit-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-data-header-add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--off-white);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  background-color: var(--reach-blue);
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0 1rem;
  transition: all 150ms ease-in-out;
  border: none;
  cursor: pointer;
}
.reach-data-header-add-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--reach-blue);
}
.reach-data-header-add-button:is(:hover, :focus) {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.reach-data-header-add-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-data-header-add-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-data-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid rgba(229, 231, 235, 0.6);
}
@media (min-width: 640px) {
  .reach-data-footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.reach-data-footer-sub-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-data-footer-caption {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}
.reach-data-footer-navigation-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  background-color: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
  color: var(--off-black);
}
.reach-data-footer-navigation-button:is(:hover, :focus) {
  background-color: #f4f4f5;
  outline: none;
}
.reach-data-footer-navigation-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--reach-blue), 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.reach-data-footer-navigation-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-data-footer-navigation-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-data-main-area {
  overflow-x: auto;
}
.reach-data-table-area {
  position: relative;
  width: 100%;
  overflow: auto;
}
.reach-data-table {
  width: 100%;
  caption-side: bottom;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.reach-data-table-head-tr {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.reach-data-table-head-tr:hover {
  background-color: transparent;
}
.reach-data-table-head-tr {
  border-bottom: 1px solid;
  border-color: rgba(229, 231, 235, 0.6);
}
.reach-data-table-head-th {
  vertical-align: middle;
}
.reach-data-table-head-th:has([role=checkbox]) {
  padding-right: 0;
}
.reach-data-table-head-th {
  height: 2.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (min-width: 640px) {
  .reach-data-table-head-th {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.reach-data-table-head-th.hidden-md {
  display: none;
}
@media (min-width: 768px) {
  .reach-data-table-head-th.hidden-md {
    display: table-cell;
  }
}
.reach-data-table-head-th.hidden-lg {
  display: none;
}
@media (min-width: 1024px) {
  .reach-data-table-head-th.hidden-lg {
    display: table-cell;
  }
}
.reach-data-table-head-th:last-child {
  text-align: right;
}
.reach-data-table-body tr:last-child {
  border: 0;
}
.reach-data-table-body-tr {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition-duration: 150ms;
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
}
.reach-data-table-body-tr:nth-child(even) {
  background-color: inherit;
}
.reach-data-table-body-tr:last-child {
  border-bottom: 0;
}
.reach-data-table-body-tr:hover {
  background-color: rgba(249, 250, 251, 0.5);
}
.reach-data-table-body-tr.selected {
  background-color: #f6f6f6;
}
.reach-data-table-body-tr.selected:hover {
  background-color: rgba(245, 245, 245, 0.5);
}
.reach-data-table-body-tr-td {
  padding-block: 1rem;
  padding-inline: 1rem;
  vertical-align: middle;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}
@media (min-width: 640px) {
  .reach-data-table-body-tr-td {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.reach-data-table-body-tr-td:has([role=checkbox]) {
  padding-right: 0;
}
.reach-data-table-body-tr-td.hidden-md {
  display: none;
}
@media (min-width: 768px) {
  .reach-data-table-body-tr-td.hidden-md {
    display: table-cell;
  }
}
.reach-data-table-body-tr-td.hidden-lg {
  display: none;
}
@media (min-width: 1024px) {
  .reach-data-table-body-tr-td.hidden-lg {
    display: table-cell;
  }
}
@media (min-width: 640px) {
  .reach-data-table-body-tr-td.actions {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.reach-data-table-body-tr-td-value {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reach-data-table-body-tr-td-actions-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}
.reach-data-table-body-tr-td-actions-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  height: 2rem;
  width: 2rem;
  padding: 0;
  opacity: 0.6;
  color: var(--reach-table-icons-color);
  transition: opacity 0.15s ease-in-out;
  background-color: transparent;
}
.reach-data-table-body-tr-td-actions-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #0A0A0A;
}
.reach-data-table-body-tr-td-actions-button:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-data-table-body-tr-td-actions-button:hover {
  opacity: 1;
  background-color: #f3f4f6;
  color: var(--reach-table-icons-color);
}
.reach-data-table-body-tr-td-actions-button-icon {
  pointer-events: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.reach-data-table-checkbox-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 2px solid #d1d5db;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: opacity;
  transition-duration: 200ms;
}
.reach-data-loading-row {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: calc(var(--radius) - 2px);
  background-color: #f4f4f5;
  width: 8rem;
  height: 1rem;
}
.reach-data-loading-action {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: calc(var(--radius) - 2px);
  background-color: #f4f4f5;
  height: 2rem;
  width: 2rem;
}
.reach-data-loading-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.table-selector-area {
  position: absolute;
  inset: 0;
  z-index: 10;
  height: 32px;
  width: 32px;
  border-radius: 9999px;
  border: 1px solid #eff4ff;
  background-color: #dbe6fe;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s ease-in-out;
  transition-duration: 200ms;
  opacity: 0;
}
.table-selector-area.opactity-0 {
  opacity: 0;
}
.table-selector-area.opacity-100 {
  opacity: 1;
}

.reach-avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  background-color: #f3f4f6;
}
.reach-avatar.opactity-0 {
  opacity: 0;
}
.reach-avatar.opacity-100 {
  opacity: 1;
}
.reach-avatar--small {
  width: 32px;
  height: 32px;
}
.reach-avatar--medium {
  width: 4.5rem;
  height: 4.5rem;
}
.reach-avatar--large {
  width: 6rem;
  height: 6rem;
}
.reach-avatar-loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #f4f4f5;
  border-radius: 9999px;
}

.reach-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.reach-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #e5e7eb;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.reach-avatar-fallback--small {
  font-size: 0.75rem;
  line-height: 1rem;
}
.reach-avatar-fallback--medium {
  font-size: 1rem;
  line-height: 1.5rem;
}
.reach-avatar-fallback--large {
  font-size: 1.5rem;
  line-height: 2rem;
}

.reach-checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  background-color: var(--off-white);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
}
.reach-checkbox:hover {
  border-color: var(--reach-blue);
}
.reach-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}
.reach-checkbox-checked {
  background-color: var(--reach-blue);
  border-color: var(--reach-blue);
  color: var(--off-white);
}
.reach-checkbox-indeterminate {
  background-color: var(--reach-blue);
  border-color: var(--reach-blue);
  color: var(--off-white);
}
.reach-checkbox-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-checkbox-disabled:hover {
  border-color: #d1d5db;
}

.reach-checkbox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.reach-checkbox-check {
  width: 12px;
  height: 12px;
}.conversation-end-classifier-report .no-data-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
.conversation-end-classifier-report .no-data-container .no-data-icon {
  color: #94a3b8;
  margin-bottom: 16px;
  width: 64px;
  height: 64px;
}
.conversation-end-classifier-report .no-data-container .no-data-title {
  font-size: 18px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 8px;
}
.conversation-end-classifier-report .no-data-container .no-data-subtitle {
  font-size: 14px;
  color: #64748b;
}
.conversation-end-classifier-report .error .error-message {
  text-align: center;
  padding: 40px;
  color: #dc3545;
}
.conversation-end-classifier-report .error .error-message i {
  font-size: 48px;
  margin-bottom: 20px;
}
.conversation-end-classifier-report .error .error-message p {
  font-size: 16px;
  margin-bottom: 20px;
}
.conversation-end-classifier-report .error .error-message .retry-button {
  background: #dc3545;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}
.conversation-end-classifier-report .error .error-message .retry-button:hover {
  background: #c82333;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes skeleton-loading {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.skeleton-line {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 10s infinite;
  border-radius: 4px;
  margin: 4px 0;
}

.skeleton-chart {
  height: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.skeleton-chart .skeleton-bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  height: 250px;
  gap: 20px;
}
.skeleton-chart .skeleton-bars .skeleton-bar {
  flex: 1;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px 4px 0 0;
  min-height: 40px;
}
.skeleton-chart .skeleton-chart-labels {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin-top: 10px;
}
.skeleton-chart .skeleton-chart-labels .skeleton-line {
  flex: 1;
  max-width: 100px;
}

.skeleton-table .skeleton-table-header {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 2fr;
  gap: 12px;
  padding: 12px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e1e5e9;
  margin-bottom: 8px;
}
.skeleton-table .skeleton-table-rows .skeleton-table-row {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 2fr;
  gap: 12px;
  padding: 12px;
  border-bottom: 1px solid #e1e5e9;
}
.skeleton-table .skeleton-table-rows .skeleton-table-row:hover {
  background-color: #f8f9fa;
}@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.ai-agents-usage-report {
  padding-bottom: 2rem;
}
.ai-agents-usage-report .channelsList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ai-agents-usage-report .channelsList .channelsItem {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
}
.ai-agents-usage-report .channelsList .channelsItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ai-agents-usage-report .header-settings {
  background: transparent;
  padding: 10px 0;
}
.ai-agents-usage-report.skeleton .skeleton-line {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
}
.ai-agents-usage-report.skeleton .agent-card-skeleton {
  background-color: #f8f9fa;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.ai-agents-usage-report.skeleton .skeleton-table {
  width: 100%;
}
.ai-agents-usage-report.skeleton .skeleton-table .skeleton-table-header {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  background-color: #f8f9fa;
  margin-bottom: 8px;
}
.ai-agents-usage-report.skeleton .skeleton-table .skeleton-table-rows .skeleton-table-row {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.ai-agents-usage-report.skeleton .skeleton-table .skeleton-table-rows .skeleton-table-row:last-child {
  border-bottom: none;
}
.ai-agents-usage-report .usage-indicator {
  flex: 1;
  min-width: 100%;
  margin-bottom: 16px;
}
.ai-agents-usage-report .usage-indicator .usage-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.ai-agents-usage-report .usage-indicator .progress-container {
  margin: 15px 0;
}
.ai-agents-usage-report .usage-indicator .usage-details {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 0.9rem;
  color: #6c757d;
}
.ai-agents-usage-report .agent-cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 20px;
}
.ai-agents-usage-report .agent-cards-container .agent-card {
  flex: 1;
  min-width: 250px;
  max-width: calc(33.333% - 16px);
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
}
.ai-agents-usage-report .agent-cards-container .agent-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.ai-agents-usage-report .agent-cards-container .agent-card.selected {
  border-color: #0d6efd;
  background-color: rgba(13, 110, 253, 0.05);
}
.ai-agents-usage-report .agent-cards-container .agent-card .agent-card-content {
  padding: 20px;
}
.ai-agents-usage-report .agent-cards-container .agent-card .agent-icon {
  margin-bottom: 15px;
  color: #0d6efd;
}
.ai-agents-usage-report .agent-cards-container .agent-card .agent-type {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.ai-agents-usage-report .agent-cards-container .agent-card .agent-count {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #0d6efd;
}
.ai-agents-usage-report .agent-cards-container .agent-card .agent-assigned-by {
  font-size: 0.9rem;
  color: #6c757d;
}
.ai-agents-usage-report .events-table-container {
  margin-top: 30px;
}
.ai-agents-usage-report .events-table-container .table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.ai-agents-usage-report .events-table-container .table-header h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
}
.ai-agents-usage-report .no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
  background-color: #f8f9fa;
  margin-top: 20px;
}
.ai-agents-usage-report .no-data i {
  font-size: 2rem;
  color: #6c757d;
  margin-bottom: 15px;
}
.ai-agents-usage-report .no-data p {
  font-size: 1.1rem;
  color: #6c757d;
}
.ai-agents-usage-report .error-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
  background-color: #f8d7da;
  margin-top: 20px;
}
.ai-agents-usage-report .error-message i {
  font-size: 2rem;
  color: #dc3545;
  margin-bottom: 15px;
}
.ai-agents-usage-report .error-message p {
  font-size: 1.1rem;
  color: #842029;
}
.ai-agents-usage-report .error-message .retry-button {
  margin-top: 15px;
  padding: 8px 20px;
  background-color: #dc3545;
  color: white;
  border: none;
  cursor: pointer;
}
.ai-agents-usage-report .error-message .retry-button:hover {
  background-color: #bb2d3b;
}
.ai-agents-usage-report .no-records-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}
.ai-agents-usage-report .no-records-message .no-records-icon {
  color: #6c757d;
  margin-bottom: 15px;
}
.ai-agents-usage-report .no-records-message .no-records-text {
  font-size: 1.1rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 5px;
}
.ai-agents-usage-report .no-records-message .no-records-subtext {
  font-size: 0.9rem;
  color: #8c8c8c;
}.accountSettingsContainer {
  display: flex;
}
.accountSettingsContainer h1 {
  font-size: 16px;
  font-weight: bold;
}
.accountSettingsContainer p {
  font-size: 12px;
}
.accountSettingsContainer .settingsOptions {
  margin-top: 15px;
  margin-right: 20px;
  width: 375px;
  height: 100%;
}
.accountSettingsContainer .settingsOptions p {
  font-size: 16px;
}
.accountSettingsContainer .settingsOptions label {
  color: #0f151c;
  font-weight: bold;
}
.accountSettingsContainer .settingsComponent {
  padding: 15px;
  width: 100%;
  height: 100%;
}
.accountSettingsContainer .settingsComponent .integrations {
  width: 75%;
  margin-left: 10px;
}
.accountSettingsContainer .settingsComponent .integrations .integrationsContainer {
  user-select: none;
}
.accountSettingsContainer .settingsComponent .integrations .integrationsContainer .integratedChannels {
  margin-bottom: 10px;
}
.accountSettingsContainer .settingsComponent .divider {
  width: calc(75% + 20px);
}
.accountSettingsContainer .settingsComponent .integrated {
  height: 100%;
  width: 75%;
  margin-left: 10px;
}
.accountSettingsContainer .privacyDisclaimer {
  width: 100%;
  margin: 20px 0;
}.list-studys .table-content {
  height: 450px;
}

.btnCreate {
  width: 265px;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 14px 43px 25px 20px;
  padding: 10px;
  border-radius: 5px;
  background-color: #e8f0fe;
  color: #0047ff;
}

.btnCreate:hover {
  background-color: #0047ff;
  color: #e8f0fe;
}

.tabs-study {
  margin-top: 25px;
  height: 45px;
  background: #eff3fc;
}
.tabs-study .nav-tabs .nav-link {
  background: #eff3fc;
  font-size: 12px !important;
  border: 0px;
  color: #8e91a4;
  width: 162px;
  padding: 10px !important;
}
.tabs-study .nav-tabs .nav-link.active {
  background: #eff3fc !important;
  font-size: 12px !important;
  border: 0px;
  font-weight: bold !important;
  border-bottom: 2px solid #0047ff !important;
  width: 162px;
  padding: 10px !important;
}

.input-control {
  color: #606060;
  border-radius: 4px !important;
  border: solid 2px #8e91a4;
  background-color: white !important;
  padding: 10px;
  min-height: 34px !important;
}

.input-control[readonly] {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}

.title-control {
  font-size: 13px;
  font-weight: normal;
  color: #49525f;
  margin-top: 25px;
}

.btn-add-question {
  height: 65px;
  border-radius: 5px;
  border: solid 1px #0047ff;
  color: #0047ff;
  font-size: 12px;
  background-color: #ffffff;
}

.questions-list {
  height: auto;
}

.panel-frm .order-details .tab-content {
  padding: 0px;
}

.title-list {
  font-size: 12px;
  font-weight: bold;
  color: #0f151c;
  font-size: 15px;
  font-weight: bold;
  color: #0f151c;
  margin-left: 20px;
  margin-bottom: 20px;
}

.input-select {
  border: solid 1px #dddddd !important;
  color: #49525f;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
}

.BreadCrumb {
  height: 35px;
  font-size: 10px;
  font-weight: bold;
  color: white;
}

.BreadCrumb > div > span span {
  margin: 0 7px 0 7px;
}

.btnBreadcrumb {
  padding: 0px;
}

.list-question {
  width: 20%;
  padding: 20px 20px 20px 15px;
}
.list-question .questions-list li {
  padding: 10px;
  margin-bottom: 15px;
}
.list-question .questions-list li .title {
  font-weight: normal;
  font-size: 12px;
  color: #6d7175;
}
.list-question .questions-list li .text {
  font-size: 14px;
  font-weight: bold;
  color: #49525f;
}
.list-question .questions-list .active {
  margin-bottom: 30px;
}

.pnl-create-question {
  width: 60%;
}

.pnl-preview-question {
  width: 20%;
  text-align: center;
}

.row-sky {
  padding-left: 10px;
  background-color: #eff3fc;
  min-height: 460px;
  flex: 1 1 auto;
}
.row-sky .date-picker {
  appearance: auto;
  width: 100% !important;
  height: 34px !important;
  background: white !important;
  border: solid 1px #dddddd !important;
}
.row-sky .date-picker[readonly] {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.row-sky .input-text {
  width: 100% !important;
  border: solid 1px #dddddd !important;
}
.row-sky .checkbox-input input {
  appearance: auto;
  width: 15px !important;
  height: 15px !important;
}
.row-sky .switch-input input {
  appearance: auto;
  width: 15px !important;
  height: 15px !important;
}
.row-sky .row-checkbox {
  background: white;
  padding: 8px 0px 8px 15px;
  margin: 10px 1px 10px 1px;
  border-radius: 8px;
}
.row-sky .row-checkbox .checkbox-input {
  margin-top: 4px;
}
.row-sky .row-checkbox .checkbox-text {
  margin-top: 7px;
}
.row-sky .row-checkbox .checkbox-image {
  margin-top: 9px;
}
.row-sky .row-textarea {
  margin: -10px 1px 10px 1px;
}
.row-sky .row-textarea .form-group {
  width: 100%;
}
.row-sky .row-textarea textarea {
  border: solid 1px #dddddd !important;
}
.row-sky .row-swith {
  background: #e5ecfe;
  padding: 5px 0px 0px 0px;
  margin: 10px 1px 10px 1px;
  border-radius: 8px;
  border: solid 1px white;
}
.row-sky .row-swith .custom-switch {
  padding-left: 0px;
}
.row-sky .row-swith .switch-input {
  position: absolute;
}
.row-sky .row-swith .checkbox-text {
  padding: 2px 5px 5px 15px;
}
.row-sky .row-swith .checkbox-image {
  padding-left: 6px;
}

.back-title {
  font-size: 15px;
  font-weight: bold;
  color: #6d7175;
  margin-left: 10px;
  cursor: pointer;
}

.title-init, .title-init-two {
  font-weight: bold;
  font-size: 20px;
  color: #49525f;
}

.title-init-two {
  margin-top: 50px;
  font-size: 19px;
}

.title-whatsapp {
  margin-top: 5px;
  color: #8e91a4;
  font-size: 14px;
  font-weight: bold;
}

.instructions {
  margin: 0px;
  margin-top: 10px;
  color: #6d7175;
}

.tagsContainer-studylist-init {
  flex: 0 1 auto;
  width: 100%;
}
.tagsContainer-studylist-init .inputContainer {
  width: 100% !important;
}
.tagsContainer-studylist-init .noTags {
  width: 100%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #727272;
}
.tagsContainer-studylist-init .input-tag {
  min-height: 50px;
}
.tagsContainer-studylist-init .suggestions-dropdown {
  top: 22px;
}

.title-config {
  color: #011a22;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.rdw-suggestion-dropdown {
  position: relative !important;
}

.pnl-block {
  width: 62%;
  min-height: 690px;
  position: absolute;
  background: rgba(62, 62, 62, 0.4705882353);
  border-radius: 5px;
  z-index: 2;
  margin-left: -15px;
}.questionbox {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
}

.questionbox-header {
  height: 54px;
  background-color: #eff3fc;
  margin-bottom: 5px;
  padding: 10px;
}
.questionbox-header select {
  width: 285px;
  height: 34px;
  padding: 5px;
  border-radius: 5px;
  border: solid 1px #0047ff;
  background-color: #fff;
}
.questionbox-header select:focus-visible {
  outline: solid 1px #0047ff;
}

.questionbox-body {
  padding-left: 10px;
  background-color: #eff3fc;
  min-height: 460px;
  flex: 1 1 auto;
}
.questionbox-body .question-wrap {
  margin: 0;
  padding-top: 10px;
  width: 500px;
}
.questionbox-body .block-wrap {
  width: 59%;
  background: rgba(155, 155, 155, 0.0431372549);
  min-height: 551px;
  position: absolute;
  border-radius: 5px;
}.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}


/*# sourceMappingURL=react-draft-wysiwyg.css.map*/.order-confirmation-modal {
  backdrop-filter: blur(3px);
  background: none !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  z-index: 1;
}
.order-confirmation-modal .confirmation-container {
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.records-disclaimer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff5ea;
  border: #ff8300;
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 12px;
}
.records-disclaimer .info {
  width: 80%;
  margin-right: 10%;
}
.records-disclaimer button {
  width: 10%;
}

@media only screen and (max-width: 767px) {
  .records-disclaimer {
    flex-direction: column;
  }
  .records-disclaimer .info {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .records-disclaimer button {
    width: 100%;
  }
}
.cardContainer {
  height: 100px;
}

@media only screen and (max-width: 844px) {
  .cardContainer {
    height: 100px;
    font-size: 12px;
  }
}
.ticket-image-container {
  height: 300px;
  width: 100%;
  overflow: scroll;
}

.order-change-confirmation {
  max-width: none;
}
.order-change-confirmation .confirmation {
  margin-top: 5%;
}

.order-detail-report {
  display: grid;
  grid-template-columns: 70% 1fr;
  grid-template-rows: 100px 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
}
.order-detail-report .order-header {
  grid-area: order-header;
  grid-area: 1/1/2/4;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 100% !important;
}
.order-detail-report .order-header h1 {
  text-align: center;
  color: #606060;
  font-size: 22px;
  font-weight: bold;
}
.order-detail-report .order-header .order-number {
  width: 850%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.order-detail-report .order-header .order-back {
  display: flex;
  cursor: pointer;
  user-select: none;
  position: absolute;
  left: 5%;
}
.order-detail-report .order-header .order-back img {
  margin-right: 10px;
}
.order-detail-report .order-header .order-back h2 {
  color: #8e91a4;
  font-size: 18px;
}
.order-detail-report .order-header .order-back:hover h2 {
  font-weight: bold !important;
}
.order-detail-report .order-details {
  grid-row: 2/3;
  grid-column: 1/3;
  width: 100%;
  position: relative;
  background: white;
  padding: 0px;
}
.order-detail-report .order-details .order-change-confirmation {
  backdrop-filter: blur(3px);
  background: radial-gradient(circle, rgba(2, 0, 36, 0.1348914566) 20%, rgba(133, 127, 122, 0.2329306723) 21%, rgba(255, 255, 255, 0.0760679272) 52%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.order-detail-report .order-details .order-info {
  width: 100%;
}
.order-detail-report .order-details .order-info .order-info-columns {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.order-detail-report .order-details .order-info .order-info-container {
  width: 45%;
}
.order-detail-report .order-details .order-info .order-info-container h1 {
  font-size: 14px;
  color: #606060;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.order-detail-report .order-details .order-info .order-info-container h2 {
  font-size: 16px;
  color: #8e91a4;
}
.order-detail-report .order-details .order-info .order-info-container .order-item {
  width: 100%;
  margin: 5px 0;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons {
  display: flex;
  align-items: center;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons .reviewbtn-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #e73089;
  color: #e73089 !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons .reviewbtn-btn:hover {
  color: #ffffff !important;
  background: #e73089 !important;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons .default-btn {
  margin-left: 10px;
  background: white;
  border: solid 1px #d54b3d;
  color: #d54b3d !important;
  padding: 2px 5px;
  font-weight: normal !important;
  width: 64px;
  height: 22px;
  font-size: 12px;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons .default-btn:hover {
  color: #ffffff !important;
  background: #d54b3d !important;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .separator {
  background: #dddddd;
  width: 100%;
  height: 2px;
  margin: 10px 0;
}
.order-detail-report .order-details .order-info .order-info-container .order-item .order-description-detail {
  font-size: 14px;
  white-space: break-spaces;
  margin-top: 5px;
  font-weight: bold;
  color: #606060;
  max-height: 110px;
  overflow-y: auto;
  padding: 5px 0;
  height: fit-content;
}
.order-detail-report .order-details .resume .link-info {
  user-select: auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.order-detail-report .order-details .resume .link-info .link-info-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-detail-report .order-details .resume .link-info .link-info-container strong {
  font-size: 14px;
  color: #606060;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.order-detail-report .order-details .tabProfile {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.order-detail-report .order-details .tabProfile .tagsContainer {
  display: flex;
  flex-wrap: wrap;
}
.order-detail-report .order-details .tabProfile .tagsContainer .tag {
  background: #e9ecef;
  padding: 5px 10px;
  text-align: center;
  border-radius: 16px;
  width: auto;
  margin-bottom: 5px;
  margin-right: 3px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  border: 1px solid #ced4da;
}
.order-detail-report .order-details .custom_tab img {
  height: 12px;
}
.order-detail-report .order-details .container {
  padding: 0 !important;
}
.order-detail-report .order-details .nav {
  width: 70% !important;
  display: flex !important;
  align-items: center !important;
  margin-left: 15% !important;
  box-shadow: none !important;
  border: none !important;
}
.order-detail-report .order-details .tab-content {
  padding: 20px 5%;
}
.order-detail-report .order-details .order-detail > .header-button {
  display: none;
}
.order-detail-report .cartdetail-sidebar {
  padding-top: 5%;
  display: none;
  width: 100% !important;
  min-height: 100% !important;
  background: #e8f0fe;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 5rem;
  overflow: scroll;
}
.order-detail-report .cartdetail-sidebar.open {
  grid-row: 2/3;
  grid-column: 3/3;
  display: block;
}
.order-detail-report .cartdetail-sidebar .status-buttons {
  padding: 5px;
}
.order-detail-report .cartdetail-sidebar input {
  background: white !important;
}

.sidelist {
  background: white;
}

.order-conversation {
  height: 30rem;
  width: 100%;
  overflow-y: auto;
  background: rgba(241, 236, 236, 0.7411764706);
  border-radius: 5px;
  padding: 15px;
}

.arrow-back {
  color: #8e91a4 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.arrow-back img {
  margin-right: 10px;
}

.cart-reports-container {
  width: 100%;
  display: grid;
  grid-template-columns: 78% 20%;
  grid-template-areas: "orders-report agent-orders" "orders-report agent-orders";
  column-gap: 2%;
}
.cart-reports-container .orders-report {
  grid-area: orders-report;
  user-select: none;
  width: 100%;
  display: grid;
  grid-template-rows: auto 15% 15% 65% !important;
  padding: 0 5px;
}
.cart-reports-container .orders-report .filtersContainer {
  width: 100% !important;
  padding-top: 0.5rem;
}
.cart-reports-container .orders-report .filtersContainer .FilterList .filter {
  min-width: none !important;
  min-width: 200px !important;
  width: 100% !important;
}
.cart-reports-container .orders-report .orders-header,
.cart-reports-container .orders-report .orders,
.cart-reports-container .orders-report .total-orders,
.cart-reports-container .orders-report .orders-list {
  width: 100%;
}
.cart-reports-container .orders-report .orders-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 0px 0px 0px;
  height: 100px !important;
  position: relative;
}
.cart-reports-container .orders-report .orders-header .order-number {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cart-reports-container .orders-report .orders-header .order-back {
  position: absolute;
  left: 0% !important;
}
.cart-reports-container .orders-report .orders-header .header-info {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-reports-container .orders-report .orders-header .header-info h1 {
  font-size: 14px;
  font-weight: bold;
  color: #606060;
}
.cart-reports-container .orders-report .orders-header .header-info button.btn.btn-primary {
  min-width: 25%;
  max-width: 45%;
}
.cart-reports-container .orders-report .orders-header .search-input-container {
  width: 100% !important;
  padding: 18px 0;
}
.cart-reports-container .orders-report .orders {
  display: grid;
  grid-template-rows: auto 40%;
}
.cart-reports-container .orders-report .orders .orders-bar {
  width: 100%;
  padding: 10px 0px;
}
@keyframes barGrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.cart-reports-container .orders-report .orders-list {
  background: none;
  padding: 0;
}
.cart-reports-container .agent-orders {
  grid-area: agent-orders;
}

@media (min-width: 480px) and (max-width: 1024px) {
  .order-detail-report {
    display: grid;
  }
  .order-detail-report .order-header {
    grid-area: order-header;
  }
  .order-detail-report .order-details {
    grid-area: order-details;
  }
  .order-detail-report .order-details .rowResponsive {
    display: flex;
    flex-direction: column;
  }
  .order-detail-report .cartdetail-sidebar {
    grid-area: cartdetail-sidebar;
  }
}
@media (max-width: 700px) and (min-width: 0px) {
  .order-detail-report {
    display: grid;
    flex-direction: column;
  }
  .order-detail-report .order-details {
    width: 100%;
    position: relative;
    background: white;
    padding: 0px;
    height: 100px !important;
  }
  .order-detail-report .order-details .order-change-confirmation {
    backdrop-filter: blur(3px);
    background: radial-gradient(circle, rgba(2, 0, 36, 0.1348914566) 20%, rgba(133, 127, 122, 0.2329306723) 21%, rgba(255, 255, 255, 0.0760679272) 52%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .order-detail-report .order-details .order-info {
    width: 100%;
  }
  .order-detail-report .order-details .order-info .order-info-columns {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .order-detail-report .order-details .order-info .order-info-container {
    width: 100%;
  }
  .order-detail-report .order-details .order-info .order-info-container h1 {
    font-size: 18px;
    color: #606060;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .order-detail-report .order-details .order-info .order-info-container h2 {
    font-size: 16px;
    color: #8e91a4;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item {
    width: 100%;
    margin: 5px 0;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons {
    display: flex;
    align-items: center;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons button {
    margin-left: 10px;
    background: white;
    border: solid 1px #d54b3d;
    color: #d54b3d !important;
    padding: 2px 5px;
    font-weight: normal !important;
    width: 64px;
    height: 22px;
    font-size: 12px;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item .order-item-content .order-status-buttons button:hover {
    color: #ffffff !important;
    background: #d54b3d !important;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item .separator {
    background: #dddddd;
    width: 100%;
    height: 2px;
    margin: 10px 0;
  }
  .order-detail-report .order-details .order-info .order-info-container .order-item .order-description-detail {
    font-size: 14px;
    white-space: break-spaces;
    margin-top: 5px;
    font-weight: bold;
    color: #606060;
    max-height: 110px;
    overflow-y: auto;
    padding: 5px 0;
    height: fit-content;
  }
  .order-detail-report .order-details .resume .link-info {
    user-select: auto;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .order-detail-report .order-details .resume .link-info .link-info-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .order-detail-report .order-details .tabProfile {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
  }
  .order-detail-report .order-details .tabProfile .tagsContainer {
    display: flex;
    flex-wrap: wrap;
  }
  .order-detail-report .order-details .tabProfile .tagsContainer .tag {
    background: white;
    padding: 5px 10px;
    text-align: center;
    border-radius: 16px;
    width: auto;
    margin-bottom: 5px;
    margin-right: 3px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ced4da;
  }
  .order-detail-report .order-details .custom_tab img {
    height: 12px;
  }
  .order-detail-report .order-details .container {
    padding: 0 !important;
  }
  .order-detail-report .order-details .nav {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 0% !important;
    box-shadow: none !important;
    border: none !important;
    margin-top: 20px !important;
  }
  .order-detail-report .order-details .tab-content {
    padding: 20px 5%;
  }
  .order-detail-report .order-details .order-detail > .header-button {
    display: none;
  }
}
.order-cart-items {
  margin: 10px 0;
}
.order-cart-items__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  background: none;
  border: none;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  color: #2c2c2c;
  font-size: 14px;
  font-weight: 600;
}
.order-cart-items__chevron {
  color: #606060;
  transition: transform 0.2s ease;
}
.order-cart-items__header.is-open .order-cart-items__chevron {
  transform: rotate(180deg);
}
.order-cart-items__body {
  padding-top: 8px;
}
.order-cart-items__item {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
.order-cart-items__item-image {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  background: #f5f5f5;
}
.order-cart-items__item-details {
  flex: 1;
  min-width: 0;
}
.order-cart-items__item-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.order-cart-items__item-title {
  font-size: 13px;
  font-weight: 600;
  color: #2c2c2c;
  word-break: break-word;
}
.order-cart-items__item-total {
  font-size: 13px;
  font-weight: 600;
  color: #2c2c2c;
  white-space: nowrap;
}
.order-cart-items__item-subtitle {
  display: block;
  font-size: 12px;
  color: #909090;
}
.order-cart-items__item-qty {
  display: block;
  font-size: 12px;
  color: #606060;
}
.order-cart-items__extras {
  margin-top: 6px;
  padding-left: 8px;
  border-left: 2px solid #eaeaea;
}
.order-cart-items__extras-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #909090;
  margin-bottom: 2px;
}
.order-cart-items__extra {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  color: #606060;
}
.order-cart-items__footer {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #2c2c2c;
}.lp-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.lp-container .lp-filters-sidebar {
  float: left;
  width: 15%;
  max-width: 285px;
  height: 100%;
  background-color: white;
  padding: 20px 5px 20px 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .lp-container .lp-filters-sidebar {
    display: none;
  }
}
.lp-container .lp-list-content {
  float: left;
  width: 85%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .lp-container .lp-list-content {
    width: 100%;
  }
}
.lp-container .lp-list-content .full-size-container {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lp-container .lp-list-content .full-size-container .header-list .header-headline, .lp-container .lp-list-content .full-size-container .header-list .no-logo {
  grid-template-columns: auto 200px;
}
.lp-container .lp-list-content .full-size-container.imposed-loading {
  position: absolute;
  top: 0;
  right: 0;
  background: white !important;
  z-index: 1;
}
.lp-container .lp-list-content .full-size-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.lp-container .lp-list-content .full-size-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}
.lp-container .lp-list-content .full-size-container.superimposed .confirmation-container .confirmation {
  width: 425px;
}
.lp-container .lp-list-content .lp-header-list {
  float: left;
  width: 100%;
  height: auto;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.lp-container .lp-list-content .lp-header-list .title-landing {
  color: #202223;
  font-size: 18px;
  font-weight: bold;
}
.lp-container .lp-list-content .lp-header-list .caption-landing {
  color: #6d7175;
  font-size: 15px;
  line-height: normal;
}
.lp-container .lp-list-content .lp-header-list .landing-page-button {
  width: auto;
  height: 38px;
  min-width: 150px;
  font-size: 13px;
  background-color: var(--primary-background-components);
  margin-left: 15px;
}
.lp-container .lp-list-content .lp-header-list .landing-page-button:disabled {
  opacity: 0.5;
}
.lp-container .lp-list-content .lg-header-filters {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px;
}
.lp-container .lp-list-content .lp-table-list {
  float: left;
  width: 100%;
  height: calc(100% - 220px);
  margin-top: 25px;
  padding: 0px 10px;
}
.lp-container .lp-list-content .lp-table-list .landing-page-click-name {
  font-weight: "bold";
  cursor: pointer;
}
.lp-container .landing-page-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.lp-container .landing-page-tag.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.lp-container .landing-page-tag.PUBLISHED {
  background-color: #f1f8f5;
  color: #218656;
}
.lp-container .landing-page-tag.DELETED {
  background-color: #fff0f0;
  color: #d82c0d;
}
.lp-container .landing-page-tag.CLOSED {
  background-color: #fff3cd;
  color: #664d03;
}
.lp-container .landing-page-tag.IN_PROGRESS {
  color: #004085;
  background-color: #cce5ff;
}

.lp-create-content {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.lp-create-content .tab-content {
  height: calc(100% - 51px);
}
.lp-create-content .landing-page-tabs {
  background-color: #eff3fc;
  box-shadow: none;
}
.lp-create-content .landing-page-tabs .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #eff3fc;
  color: #49525f;
  width: auto;
  min-width: 150px;
}
.lp-create-content .landing-page-tabs .nav-item.active {
  background-color: #eff3fc !important;
  color: #0047ff !important;
  border: none !important;
  border-bottom: 2px solid #0047ff !important;
}
.lp-create-content .landing-page-tabs .nav-item.disabled {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.lp-create-content .landing-page-tab {
  float: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: white;
  padding: 10px;
}
.lp-create-content .caption-input-idenfier {
  height: 30px !important;
}
.lp-create-content .input-identifier {
  position: relative !important;
  width: 1% !important;
  border: 1px solid #ced4da !important;
  margin: 0 !important;
}
.lp-create-content .landing-page-editor {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.lp-create-content .landing-page-editor .editor-section {
  float: left;
  width: 100%;
  height: calc(100% - 50px);
  display: flex;
}
.lp-create-content .landing-page-editor .editor-section .tabs-container {
  width: 350px;
  border: 1px solid #dee2e6;
}
.lp-create-content .landing-page-editor .editor-section .links-table-container {
  border: 1px solid #dee2e6;
  min-height: 320px;
  border-radius: var(--border-radius-components);
}
.lp-create-content .landing-page-editor .editor-section .links-table-container .links-table-container__title {
  padding: 5px 10px;
  font-weight: bolder;
  border-bottom: 1px solid #dee2e6;
}
.lp-create-content .landing-page-editor .editor-section .links-table-container .toolbar {
  margin: 5px;
}
.lp-create-content .landing-page-editor .editor-section .links-table-container .toolbar .toolbar-left__item {
  width: 315px;
}
.lp-create-content .landing-page-editor .editor-section .custom-data-table {
  max-height: 280px;
}
.lp-create-content .landing-page-editor .editor-section .nav-item, .lp-create-content .landing-page-editor .editor-section .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #eff3fc;
}
.lp-create-content .landing-page-editor .editor-section .nav-tabs .nav-link.active {
  background: #eff3fc !important;
}
.lp-create-content .landing-page-editor .editor-section .editor-landing {
  min-height: 100%;
  height: 100%;
}
.lp-create-content .landing-page-editor .editor-section .selected-links-list {
  padding-top: 0px;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form {
  background-color: #fff;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .link-container {
  display: grid;
  grid-template-columns: 30px auto;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .link-container .add-icon {
  height: 20px;
  width: 20px;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .link-container .link-name {
  font-size: 12px;
  font-weight: 600;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .link-container .link-name .link-short-url {
  font-size: 10px;
  font-weight: normal;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .variable-labels {
  color: #000;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .custom-checkbox {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  align-items: center;
  text-align: center;
}
.lp-create-content .landing-page-editor .editor-section .variable-fields-form .custom-checkbox .custom-checkbox-label {
  text-align: center;
}
.lp-create-content .landing-page-editor .editor-section .link-list {
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item {
  background-color: #fafafa;
  color: #000;
  border: 1px solid rgb(212, 212, 212);
  border-radius: 0.13144rem;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item .variable-name {
  font-size: 12px;
  font-weight: 600;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item .variable-name .variable-name-link {
  font-size: 10px;
  font-weight: normal;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item .variable-icon {
  align-items: center;
  width: 25px;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item .variable-icon .icon-container {
  display: contents;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item .variable-icon .icon {
  height: 25px;
  background-color: transparent;
}
.lp-create-content .landing-page-editor .editor-section .variable-list .variable-item:hover {
  background-color: #eaeaea;
  color: #000;
}
.lp-create-content .landing-page-editor .editor-actions {
  float: left;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-create-content .landing-page-editor .editor-actions button {
  height: 38px;
}
.lp-create-content .landing-page-editor .editor-actions.space-between {
  justify-content: space-between;
}
.lp-create-content .landing-page-editor .editor-actions .save-landing {
  background-color: #0047ff;
  color: white;
  width: auto;
  min-width: 250px;
  margin: 0 5px;
}
.lp-create-content .landing-page-editor .editor-actions .save-landing:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.lp-create-content .landing-page-editor .editor-actions .publish-landing {
  background-color: #51c172;
  color: white;
  width: auto;
  min-width: 250px;
  margin: 0 5px;
}
.lp-create-content .landing-page-editor .editor-actions .publish-landing:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.lp-create-content .landing-page-editor .editor-actions .cancel-landing {
  background-color: transparent;
  color: #6c757d;
  border-color: #6c757d;
  border: 1px solid;
  width: auto;
  min-width: 250px;
  margin: 0 5px;
}
.lp-create-content .landing-page-editor .editor-actions .cancel-landing:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.lp-create-content .landing-page-editor .full-size-container {
  float: left;
  width: 100%;
  height: 100%;
}
.lp-create-content .landing-page-editor .full-size-container.imposed-loading {
  position: absolute;
  top: 0;
  right: 0;
  background: white !important;
  z-index: 1;
}
.lp-create-content .landing-page-editor .full-size-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.lp-create-content .landing-page-editor .full-size-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}
.lp-create-content .landing-page-editor .full-size-container.superimposed .confirmation-container .confirmation {
  width: 425px;
}
.lp-create-content .count-characters-input {
  color: #606770;
  text-align: right;
}
.lp-create-content .switch-draft {
  color: #49525f;
}
.lp-create-content .switch-published {
  color: #218656;
}
.lp-create-content .landing-switch input[type=checkbox] {
  all: unset;
}
.lp-create-content .landing-switch .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #218656 !important;
  background-color: #218656 !important;
}
.lp-create-content .lp-tag-edited {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  padding: 0 5px;
}
.lp-create-content .lp-tag-edited.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.lp-create-content .lp-tag-edited.PUBLISHED {
  background-color: #f1f8f5;
  color: #218656;
}

.lp-stats-content {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  overflow-y: auto;
}
.lp-stats-content.error-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lp-stats-content.error-items .error-caption {
  font-weight: 600;
  margin-top: 15px;
  user-select: none;
}
.lp-stats-content.error-items .error-button {
  background-color: #3688f0;
  width: auto;
  font-size: 14px;
  margin-top: 15px;
}
.lp-stats-content.error-items .landing-image-error {
  float: left;
  width: 100px;
  height: 100px;
}
.qr-container {
  height: calc(100vh - 60px);
  position: relative;
}
.qr-container .container-filters .date-column {
  margin-right: 15px;
  padding-left: unset;
}
.qr-container .container-filters .date-column input {
  border: solid 1px var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components);
  height: 36px !important;
  text-align: center;
  background-color: var(--white) !important;
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
  margin-top: 10px;
}
.qr-container .header-headline.no-logo {
  grid-template-columns: auto 200px;
  min-height: 30px;
  padding: 0px;
}
.qr-container .header-headline.no-logo .header-description {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.qr-container .header-headline.no-logo .header-description .header-description-last-update {
  margin-left: 1rem;
}
.qr-container .header-headline.no-logo .header-description-title {
  font-size: 20px;
}
.qr-container .header-headline.no-logo .header-action {
  margin-top: unset;
  justify-content: end;
}
.qr-container .header-headline.no-logo .header-action .btn-action {
  display: flex;
  align-items: center;
  font-size: 14px;
  justify-content: center;
  max-height: 35px;
}
.qr-container .header-headline-description {
  min-height: 30px;
  padding: 0px;
  margin-bottom: 5px;
  margin-top: unset;
}

.qr-flex-screen {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 65px);
  width: 100%;
}

.qr-header {
  flex-shrink: 0;
}

.qr-filters {
  flex-shrink: 0;
  margin-top: 8px;
}
.qr-filters .container-title-filter {
  padding-right: 10px;
  padding-left: 5px;
  width: 80px;
}
.qr-filters .FilterList .container-filters .Filter {
  margin: unset;
}
.qr-filters .FilterList .container-filters .Filter .organic {
  margin-bottom: unset;
  padding-bottom: unset;
}
.qr-filters .FilterList .container-filters .Filter .DropdownButtonSelection .menu.open {
  max-height: 300px;
  overflow-y: auto;
}

.qr-content {
  flex: 1 1 0%;
  overflow: auto;
  margin-top: 16px;
  width: 100%;
}

/* Contenedor genérico para tablas de reportes */
.qr-table-container {
  margin-top: 10px;
  overflow-x: auto;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 16px;
}
.qr-table-container.disable-search .toolbar {
  display: none;
}
.qr-table-container.enable-search {
  overflow-y: hidden;
}
.qr-table-container.enable-search .custom-data-table {
  max-height: calc(100vh - 200px);
}

.qr-badge {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  line-height: 16px;
  padding: 0 6px;
  border-radius: 9999px;
  margin-inline-end: 8px;
  width: auto;
}

.qr-badge.success {
  background-color: var(--success);
}

.qr-badge.secondary {
  background-color: var(--secondary);
}

.qr-badge.danger {
  background-color: var(--danger);
}

.qr-badge.info {
  background-color: var(--info);
}

.qr-badge.warning {
  background-color: var(--warning);
}

.qr-badge.gray {
  background-color: #999999;
}

.qr-state-flow {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qr-state-arrow {
  margin: 0 6px;
  color: #abaaaa;
  font-weight: 500;
}

.qr-duration-fast {
  color: var(--success);
  font-weight: 500;
}

.qr-duration-moderate {
  color: #faad14;
  font-weight: 500;
}

.qr-duration-slow {
  color: #ff4d4f;
  font-weight: 500;
}

.qr-duration-gray {
  color: #999999;
}.action_campaign {
  cursor: pointer;
  width: 200px;
  display: flex;
}
.action_campaign .icon {
  justify-content: center;
  margin: 3px;
  margin-right: 5px;
}
.action_campaign .sub {
  padding-top: 5px;
  font-size: 13.3px;
  font-weight: bold;
}.landings-dashboard-container {
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
.landings-dashboard-container .landings-dashboard-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container .landings-dashboard-header__update-time {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  width: auto;
  cursor: pointer;
}
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container .landings-dashboard-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container .landings-dashboard-header__update-time .update-time__arrow,
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container .landings-dashboard-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container .landings-dashboard-header__update-time .update-time__arrow {
  cursor: pointer;
}
.landings-dashboard-container .landings-dashboard-header .landings-dashboard-header__title-container .landings-dashboard-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.landings-dashboard-container .landings-dashboard-header .no-print-pdf .export-selection .dropdown-toggle {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.landings-dashboard-container .landings-detail-header {
  overflow-y: auto;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container {
  overflow-x: auto;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .detail-container {
  display: grid;
  grid-template-columns: 700px 1070px 1.5%;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .detail-container .detail-short-tittle {
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #606060;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel {
  display: grid;
  align-items: center;
  grid-template-columns: 170px 150px 150px 150px 150px 150px 150px;
  margin-top: 40px;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel2 {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
  margin-left: 0px;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title {
  grid-template-columns: 700px 1070px 1.5%;
  align-items: center;
  gap: 0px !important;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .title p {
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel {
  grid-template-columns: 170px 150px 150px 150px 150px 150px 150px;
  gap: 0px !important;
  justify-items: center;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel p {
  font-size: 20px;
  font-weight: bold;
  color: #0047ff;
  text-align: center;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .icon {
  text-align: right;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters {
  width: 1770px;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container {
  overflow-x: hidden;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 {
  justify-content: center;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 .table-value-center {
  text-align: center;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item {
  padding-left: 15px !important;
}
.landings-dashboard-container .landings-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item .table-value {
  text-align: center;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic {
  display: grid;
  grid-template-columns: auto;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .landings-dashboard__landings .landings-dashboard__landings-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .landings-dashboard__landings .landings-dashboard__landings-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday,
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month,
.landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
@media (max-width: 1530px) {
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 140px !important;
  }
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 120px !important;
  }
}
@media (max-width: 1300px) {
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 120px !important;
  }
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 100px !important;
  }
}
@media (max-width: 1024px) {
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 110px !important;
  }
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .landings-dashboard-container .landings-dashboard-info .landings-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 90px !important;
  }
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 10px;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day .landings-dashboard__landings .landings-dashboard__landings-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day .landings-dashboard__landings .landings-dashboard__landings-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day .indicators-per-day__yesterday,
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day .indicators-per-day__this-month,
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .CategoryFilter ul {
  max-height: 70vh;
}
.landings-dashboard-container .landings-dashboard-info .landings-dashboard .leftSide .no-print-pdf .btn-primary {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}

.bold {
  font-weight: bold;
}

.header-table {
  color: #0047ff;
  font-size: 18px;
  font-weight: bold;
  text-align: center !important;
}

.align-center {
  text-align: center !important;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.align-center-header {
  text-align: center !important;
}

.align-right-header {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.color-light-blue {
  color: #0047ff;
}

tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}

tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

td {
  padding-left: 0px;
  padding-right: 0px;
}

.chart {
  border: solid 1px #8e91a4 !important;
  border-radius: 5px;
}

.divSide {
  float: left;
}.multimedia-file-container {
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
.multimedia-file-container .multimedia-file-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.multimedia-file-container .multimedia-file-header .export-selection .dropdown-toggle {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .shortlinks-dashboard-header__title {
  font-size: 24px;
  color: #0e1319;
  font-weight: 700;
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .multimedia-file-header__update-time {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  width: auto;
  cursor: pointer;
  display: grid;
  grid-template-columns: 30px auto;
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .multimedia-file-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .multimedia-file-header__update-time .update-time__arrow,
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .multimedia-file-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .multimedia-file-header__update-time .update-time__arrow {
  cursor: pointer;
}
.multimedia-file-container .multimedia-file-header .multimedia-file-header__title-container .multimedia-file-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.multimedia-file-container .multimedia-files-detail-header {
  overflow-y: auto;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .detail-container {
  display: grid;
  grid-template-columns: 700px 1070px 1.5%;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .detail-container .detail-short-tittle {
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #606060;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel {
  display: grid;
  align-items: center;
  grid-template-columns: 170px 150px 150px 150px 150px 150px 150px;
  margin-top: 40px;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel2 {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
  margin-left: 0px;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title {
  grid-template-columns: 700px 1070px 1.5%;
  gap: 0px !important;
  align-items: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .title p {
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel {
  grid-template-columns: 170px 150px 150px 150px 150px 150px 150px;
  gap: 0px !important;
  justify-items: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel p {
  font-size: 20px;
  font-weight: bold;
  color: #0047ff;
  text-align: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .icon {
  text-align: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters {
  width: 1770px;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 {
  justify-content: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 .table-value-center {
  width: 100%;
  text-align: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item {
  padding-left: 15px !important;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item .table-value {
  text-align: center;
}
.multimedia-file-container .multimedia-files-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item .table-value-center {
  width: 100%;
  text-align: center;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .chart {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: solid 1px #8e91a4 !important;
  border-radius: 5px;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .multimedia-file__multimedia-files .multimedia-file__multimedia-files-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .multimedia-file__multimedia-files .multimedia-file__multimedia-files-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday,
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month,
.multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
@media (max-width: 1530px) {
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 140px !important;
  }
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 120px !important;
  }
}
@media (max-width: 1300px) {
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 120px !important;
  }
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 100px !important;
  }
}
@media (max-width: 1024px) {
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 110px !important;
  }
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .multimedia-file-container .multimedia-file-info .multimedia-file-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 90px !important;
  }
}
.multimedia-file-container .multimedia-file-info .multimedia-file {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 10px;
  width: 100%;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .rightSide {
  width: 100%;
  overflow-x: hidden;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day .multimedia-file__multimedia-files .multimedia-file__multimedia-files-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day .multimedia-file__multimedia-files .multimedia-file__multimedia-files-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day .indicators-per-day__yesterday,
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day .indicators-per-day__this-month,
.multimedia-file-container .multimedia-file-info .multimedia-file .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
.multimedia-file-container .multimedia-file-info .multimedia-file .CategoryFilter ul {
  max-height: 70vh;
}

.bold {
  font-weight: bold;
}

.header-table {
  color: #0047ff;
  font-size: 18px;
  font-weight: bold;
  text-align: center !important;
}

.align-center {
  text-align: center !important;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.align-center-header {
  text-align: center !important;
}

.align-right-header {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.color-light-blue {
  color: #0047ff;
}

tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}

tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

td {
  padding-left: 0px;
  padding-right: 0px;
}

.chart {
  border: solid 1px #8e91a4 !important;
  border-radius: 5px;
}

.divSide {
  float: left;
}.Message-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
}
.Message-container .header-list {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Message-container .header-list .dateField {
  padding: 15px 0px 0px 10px;
}
.Message-container .header-list .inputLabel {
  color: #fff;
  font-size: 13px;
  margin: 3px 0px 0px 0px;
}
.Message-container .header-list .title-campaign {
  color: #202223;
  font-size: 20px;
  font-weight: bold;
}
.Message-container .header-list .label-campaign {
  color: #202223;
  font-size: 16px;
}
.Message-container .header-list .caption-campaign {
  color: #6d7175;
  font-size: 13px;
  line-height: normal;
}
.Message-container .header-list .campaign-button {
  width: auto;
  min-width: 125px;
  font-size: 13px;
  background-color: #0047ff;
  margin-left: 15px;
}
.Message-container .detail-list {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.Message-container .detail-list .title-campaign {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
}
.Message-container .detail-list .label {
  display: block;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.Message-container .detail-list .message {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid #cecece;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
  background: #fff;
  color: black;
}
.Message-container .selects {
  margin-top: 15px;
  float: left;
  width: 80%;
  display: grid;
  grid-template-columns: 200px 200px 200px 200px 200px;
  gap: 20px;
}
.Message-container .selects .select .DropdownButtonSelection {
  width: 200px;
}
.Message-container .selects .select .label {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
.Message-container .selects .select-buttons {
  width: 250px;
}
.Message-container .selects .select-buttons .btn {
  margin-top: 30px;
  margin-left: 20px;
  width: 100px;
}
.Message-container .selects-date {
  margin-top: 15px;
  float: left;
  width: 80%;
  display: grid;
  grid-template-columns: 200px 200px;
  gap: 20px;
}
.Message-container .selects-date .select-date .label {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.Message-container .campaign-table-container {
  float: left;
  width: 80%;
  height: auto;
  margin-top: 10px;
}
.Message-container .campaign-table-container .campaign-name {
  cursor: pointer;
  font-weight: bold;
}
.Message-container .campaign-table-container .campaign-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.Message-container .campaign-table-container .campaign-tag.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.Message-container .campaign-table-container .campaign-tag.SENT {
  background-color: #f1f8f5;
  color: #218656;
}
.Message-container .campaign-table-container .campaign-tag.SCHEDULED {
  background-color: #eff3fc;
  color: #0047ff;
}
.Message-container .campaign-table-container .campaign-tag.INPROGRESS {
  background-color: #fff5ea;
  color: #ff8300;
}
.Message-container .campaign-table-container .campaign-tag.DELETED {
  background-color: #fff0f0;
  color: #d82c0d;
}
.Message-container .campaign-table-container .toolbar {
  display: none;
}
.Message-container .name-clicked {
  font-weight: "bold";
  cursor: pointer;
}

.campaigns-create {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.campaigns-create .create-content {
  float: left;
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.campaigns-create .create-content.full-width {
  width: 100%;
}
.campaigns-create .template-content {
  float: right;
  width: 30%;
  height: 100%;
  background-color: #eef3fc;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.campaigns-create .template-preview-container {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 20px 10px;
}
.campaigns-create .upload-file-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.campaigns-create .upload-file-container .test-camp {
  border: 1px solid #e4e5e7;
  height: 400px;
  border-radius: 8px;
}
.campaigns-create .upload-file-container .test-camp .header-box {
  float: left;
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #e4e5e7;
  padding: 0 10px;
}
.campaigns-create .upload-file-container .test-camp .header-box .step {
  font-size: 15px;
  color: #6d7175;
}
.campaigns-create .upload-file-container .test-camp .body-box {
  float: left;
  width: 100%;
  height: calc(100% - 45px);
  flex-direction: column;
  padding: 20px;
  text-align: center;
}
.campaigns-create .upload-file-container .test-camp .body-box .download-button {
  width: 100%;
  height: 35px;
  text-align: center;
  cursor: pointer;
}
.campaigns-create .upload-file-container .test-camp .body-box .step {
  font-size: 15px;
  color: #6d7175;
}
.campaigns-create .upload-file-container .row {
  margin-top: 15px;
}
.campaigns-create .header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}
.campaigns-create .header-action.variant {
  justify-content: space-between;
  padding: 15px 0 15px 15px;
}
.campaigns-create .header-action .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.campaigns-create .header-action .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.campaigns-create .header-action .back-content-variant {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  margin-right: 10px;
  cursor: pointer;
}
.campaigns-create .header-action .back-content-variant .go-back-title {
  color: #6d7175;
  font-weight: 600;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  padding-right: 10px;
}
.campaigns-create .header-action .header-title {
  color: #49525f;
  font-weight: 600;
}
.campaigns-create .header-action .cancel-button {
  float: right;
  width: auto;
  min-width: 50px;
}
.campaigns-create .resume-campaign {
  width: 100%;
  min-height: 200px;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  margin-top: 15px;
}
.campaigns-create .resume-campaign .campaign-title {
  color: #49525f;
  font-size: 16px;
  font-weight: 600;
}
.campaigns-create .resume-campaign .table-container .empty-state,
.campaigns-create .resume-campaign .table-container .no-data,
.campaigns-create .resume-campaign .table-container .no-results,
.campaigns-create .resume-campaign .table-container tbody tr td,
.campaigns-create .resume-campaign .reach-table-container .empty-state,
.campaigns-create .resume-campaign .reach-table-container .no-data,
.campaigns-create .resume-campaign .reach-table-container .no-results,
.campaigns-create .resume-campaign .reach-table-container tbody tr td,
.campaigns-create .resume-campaign .table .empty-state,
.campaigns-create .resume-campaign .table .no-data,
.campaigns-create .resume-campaign .table .no-results,
.campaigns-create .resume-campaign .table tbody tr td,
.campaigns-create .resume-campaign table .empty-state,
.campaigns-create .resume-campaign table .no-data,
.campaigns-create .resume-campaign table .no-results,
.campaigns-create .resume-campaign table tbody tr td {
  font-size: 14px !important;
  color: #6d7175;
  font-weight: normal;
}
.campaigns-create .resume-campaign .table-container tbody td[colspan],
.campaigns-create .resume-campaign .reach-table-container tbody td[colspan],
.campaigns-create .resume-campaign .table tbody td[colspan],
.campaigns-create .resume-campaign table tbody td[colspan] {
  font-size: 14px !important;
  color: #6d7175;
  font-weight: normal;
  text-align: center;
}
.campaigns-create .resume-campaign .table-container td:only-child,
.campaigns-create .resume-campaign .table-container .empty-message,
.campaigns-create .resume-campaign .table-container .no-data-message,
.campaigns-create .resume-campaign .reach-table-container td:only-child,
.campaigns-create .resume-campaign .reach-table-container .empty-message,
.campaigns-create .resume-campaign .reach-table-container .no-data-message,
.campaigns-create .resume-campaign .table td:only-child,
.campaigns-create .resume-campaign .table .empty-message,
.campaigns-create .resume-campaign .table .no-data-message,
.campaigns-create .resume-campaign table td:only-child,
.campaigns-create .resume-campaign table .empty-message,
.campaigns-create .resume-campaign table .no-data-message {
  font-size: 14px !important;
  color: #6d7175;
  font-weight: normal;
}
.campaigns-create .resume-campaign .transaction-log-table tbody td {
  font-size: 14px !important;
  color: #6d7175 !important;
  font-weight: normal !important;
}
.campaigns-create .resume-campaign .transaction-log-table tbody tr td:only-child {
  font-size: 14px !important;
  color: #6d7175 !important;
  font-weight: normal !important;
  text-align: center;
}
.campaigns-create .resume-campaign .transaction-log-table table tbody td,
.campaigns-create .resume-campaign .transaction-log-table .table tbody td,
.campaigns-create .resume-campaign table.transaction-log-table tbody td {
  font-size: 14px !important;
  color: #6d7175 !important;
  font-weight: normal !important;
}
.campaigns-create .resume-campaign .Message-container .transaction-log-table div.nodata,
.campaigns-create .resume-campaign .campaigns-create .transaction-log-table div.nodata,
.campaigns-create .resume-campaign .transaction-log-table div.nodata,
.campaigns-create .resume-campaign .transaction-log-table .nodata,
.campaigns-create .resume-campaign div.nodata,
.campaigns-create .resume-campaign .nodata {
  font-size: 14px !important;
  color: #6d7175 !important;
  font-weight: normal !important;
}
.campaigns-create .resume-campaign .campaigns-create div.nodata,
.campaigns-create .resume-campaign .Message-container div.nodata,
.campaigns-create .resume-campaign body div.nodata {
  font-size: 14px !important;
  color: #6d7175 !important;
  font-weight: normal !important;
}
.campaigns-create .resume-campaign .campaign-goal {
  margin-top: 10px;
  font-size: 13px;
  color: #6d7175;
}
.campaigns-create .resume-campaign .stats-description {
  font-size: 15px;
  color: #6d7175;
  margin: 5px 0;
}
.campaigns-create .resume-campaign .element-to-stats {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.campaigns-create .resume-campaign .upload-review {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f7;
  border-radius: 5px;
  color: #49525f;
  margin: 5px 0;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
}
.campaigns-create .resume-campaign .row {
  margin-top: 15px;
}
.campaigns-create .title-card {
  font-size: 15px;
  font-weight: bold;
  color: #49525f;
  text-align: left;
}
.campaigns-create .send-to {
  width: 100%;
  min-height: 100px;
  display: inline-block;
  padding: 10px;
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
}
.campaigns-create .send-to.with_date {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.campaigns-create .send-to .fix-design {
  float: left;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.campaigns-create .send-to .content-dates {
  margin-top: 10px;
  float: left;
  width: 100%;
  text-align: center;
}
.campaigns-create .send-to:hover {
  background-color: #f6f6f7;
}
.campaigns-create .send-to .section-send-to {
  margin-right: 10px;
}
.campaigns-create .send-to .section-date-to {
  margin-right: 10px;
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.campaigns-create .send-to .option-content {
  float: left;
}
.campaigns-create .send-to .input-radio-select {
  appearance: auto !important;
}
.campaigns-create .send-to .title-send-to {
  color: #49525f;
  font-size: 14px;
  font-weight: bold;
}
.campaigns-create .send-to .caption-send-to {
  color: #6d7175;
  font-size: 12px;
}
.campaigns-create .success-campaign {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.campaigns-create .success-message {
  text-align: center;
  font-size: 25px;
  color: #49525f;
  font-weight: bold;
  user-select: none;
}
.campaigns-create .general_info {
  float: left;
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.campaigns-create .general_info .item-form {
  height: 100%;
  flex: 1 1 calc(100vh - 50%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.campaigns-create .general_info .item-form .bubble-container {
  position: relative;
  display: inline-block;
  margin: 15px 0 15px 0;
}
.campaigns-create .general_info .item-form .bubble-number {
  position: absolute;
  top: -8px;
  right: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #007bff;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  z-index: 10;
  padding: 0;
  line-height: 1;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.campaigns-create .general_info .item-form .bubble-title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #49525f;
}
.campaigns-create .general_info .item-form.message-logs .template-preview-container .call-to-actions .action-button .click-badge,
.campaigns-create .general_info .item-form .template-preview-container .call-to-actions .action-button .click-badge,
.campaigns-create .general_info .item-form .click-badge {
  position: absolute;
  top: 3px !important;
  right: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #007bff;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  z-index: 10;
  padding: 0;
  margin: 0;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  vertical-align: baseline;
}
.campaigns-create .general_info .item-form .container-switch {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #e4e5e7;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}
.campaigns-create .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.campaigns-create .justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.campaigns-create .divider-block {
  float: left;
  width: 100%;
  height: 20px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.campaigns-create .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.campaigns-create .mrgn-15 {
  margin-top: 15px;
}
.campaigns-create .full-container {
  float: left;
  width: 100% !important;
  height: 100% !important;
}
.campaigns-create .full-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.campaigns-create .full-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}
.campaigns-create .view-original-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  color: #6c757d;
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  font-weight: normal;
}
.campaigns-create .view-original-link:hover {
  background-color: #e9ecef;
  color: #495057;
  text-decoration: none;
}
.campaigns-create .view-original-link i {
  font-size: 0.75rem;
}
.campaigns-create .action-buttons {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.campaigns-create .action-buttons .view-original-link,
.campaigns-create .action-buttons .button-as-link {
  width: fit-content;
  white-space: nowrap;
}
.campaigns-create .action-buttons .button-as-link {
  border: 1px solid #dee2e6;
  font-family: inherit;
  color: var(--color-soft-blue);
  background-color: #f8f9fa;
  cursor: pointer;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all 0.2s ease;
  margin: 0;
}
.campaigns-create .action-buttons .button-as-link:hover {
  background-color: #e9ecef;
  color: #495057;
}

.statusContainer {
  display: flex;
}
.statusContainer .iconDelivery, .statusContainer .iconClicked {
  width: 20px;
  pointer-events: none;
}
.statusContainer .unread {
  height: 10px;
  width: 10px;
  background-color: #5a95f5;
  border-radius: 10px;
  margin: 4px;
}
.statusContainer .read {
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 10px;
  margin: 5px;
}

.message-logs-header .header-headline.no-logo {
  grid-template-columns: auto auto;
}
.message-logs-header .header-action .btn-action {
  white-space: nowrap;
}

.carousel-preview-logs {
  width: 100%;
  margin: 8px 0;
}
.carousel-preview-logs .carousel-single-view-container {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #dadde1 transparent; /* Firefox */
}
.carousel-preview-logs .carousel-single-view-container::-webkit-scrollbar {
  height: 8px; /* Chrome, Safari and Opera - solo horizontal */
  width: 0px; /* Sin scroll vertical */
}
.carousel-preview-logs .carousel-single-view-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.carousel-preview-logs .carousel-single-view-container::-webkit-scrollbar-thumb {
  background: #dadde1;
  border-radius: 4px;
}
.carousel-preview-logs .carousel-single-view-container::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.carousel-preview-logs .carousel-single-view-container {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.carousel-preview-logs .carousel-card-container {
  scroll-snap-align: center;
}
.carousel-preview-logs .rcs-action-item:hover {
  background-color: #f5f5f5 !important;
}

.FilterList__phone-field-container label {
  font-size: 1rem;
  font-weight: 600;
  color: #49525f;
}.mo-classification-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.mo-classification-drawer__beta-badge {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--primary-background-components);
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  margin-left: 0.5rem;
  vertical-align: middle;
  cursor: default;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.mo-classification-drawer__section-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.mo-classification-drawer__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.mo-classification-drawer__section-header .mo-classification-drawer__section-title {
  margin-bottom: 0;
}
.mo-classification-drawer__toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  border-radius: 0.375rem;
  background-color: transparent;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.mo-classification-drawer__toggle-btn:hover {
  background-color: #f3f4f6;
  color: #374151;
}
.mo-classification-drawer__form-section {
  flex-shrink: 0;
}
.mo-classification-drawer__requests-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
.mo-classification-drawer__requests-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mo-classification-drawer__divider {
  height: 1px;
  background-color: #e5e7eb;
  margin: 1.5rem 0;
  flex-shrink: 0;
}

.mo-classification-form__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 0.25rem;
}
.mo-classification-form__mode-selector {
  display: flex;
  gap: 0.5rem;
}
.mo-classification-form__mode-btn {
  flex: 1;
  font-size: 0.8125rem;
  padding: 0.5rem 0.75rem;
}
.mo-classification-form__mode-btn-wrapper {
  flex: 1;
  display: inline-block;
}
.mo-classification-form__mode-btn-wrapper .mo-classification-form__mode-btn {
  width: 100%;
  pointer-events: none;
}
.mo-classification-form__submit-btn {
  width: 100%;
  margin-top: 0.5rem;
}
.mo-classification-form__submit-btn:disabled {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}

.mo-classification-request__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mo-classification-request__empty {
  text-align: center;
  padding: 1.5rem;
  color: #6b7280;
  font-size: 0.875rem;
}
.mo-classification-request__card {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.75rem;
  background-color: #fafafa;
  transition: border-color 0.15s ease;
}
.mo-classification-request__card:hover {
  border-color: #d1d5db;
}
.mo-classification-request__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.mo-classification-request__card-mode {
  font-size: 0.75rem;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.mo-classification-request__status-badge {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 600;
  color: white;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.mo-classification-request__card-body {
  margin-bottom: 0.5rem;
}
.mo-classification-request__card-summary {
  font-size: 0.8125rem;
  color: #374151;
  margin-bottom: 0.25rem;
  font-weight: 500;
}
.mo-classification-request__card-email {
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 0.125rem;
}
.mo-classification-request__card-stats {
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 0;
}
.mo-classification-request__next-execution {
  font-size: 0.75rem;
  color: #2563eb;
  margin-bottom: 0;
  font-weight: 500;
}
.mo-classification-request__execution-history {
  margin-bottom: 0.5rem;
  border-top: 1px solid #f3f4f6;
  padding-top: 0.5rem;
}
.mo-classification-request__no-executions {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-bottom: 0;
  font-style: italic;
}
.mo-classification-request__history-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  font-size: 0.75rem;
  color: #6b7280;
  cursor: pointer;
  font-weight: 500;
}
.mo-classification-request__history-toggle:hover {
  color: #374151;
}
.mo-classification-request__history-list {
  list-style: none;
  padding: 0;
  margin: 0.375rem 0 0;
}
.mo-classification-request__history-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.6875rem;
  color: #6b7280;
  padding: 0.25rem 0;
  border-bottom: 1px solid #f9fafb;
}
.mo-classification-request__history-item:last-child {
  border-bottom: none;
}
.mo-classification-request__history-date {
  color: #374151;
}
.mo-classification-request__history-stats {
  color: #9ca3af;
}
.mo-classification-request__card-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}.Message-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0px !important;
}
.Message-container .Message-container-reseller {
  display: grid;
  grid-template-columns: 200px calc(100vw - 240px);
  grid-gap: 10px;
  gap: 10px;
}
.Message-container .Message-container-reseller .CategoryFilter ul {
  max-height: 70vh;
}
.Message-container .singleSide {
  width: 100%;
}
.Message-container .Message-container-subaccount {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.Message-container .header-list {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Message-container .header-list.reseller {
  width: 100%;
}
.Message-container .header-list .title-message {
  color: #202223;
  font-size: 20px;
  font-weight: bold;
}
.Message-container .header-list .label-message {
  color: #202223;
  font-size: 16px;
}
.Message-container .header-list .btn-success {
  width: 120px;
  background-color: var(--secondary-text-components);
  border-radius: var(--border-radius-components);
  box-shadow: var(--box-shadow-default);
  border-color: var(--primary-background-components);
}
.Message-container .header-list .btn-success:hover {
  background-color: var(--secondary-text-components);
  border-color: var(--primary-background-components);
}
.Message-container .header-list .btn-outline-primary {
  width: 150px;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--info-background-components);
  color: var(--info-background-components);
}
.Message-container .header-list .btn-outline-primary:hover {
  background-color: var(--info-hover-background-components);
  color: var(--primary-text-components);
}
.Message-container .header-list .btn:disabled {
  cursor: not-allowed;
}
.Message-container .header-list .loading-data-container {
  display: flex;
}
.Message-container .header-list .loading-data-container .spinner {
  height: 24px;
  width: 24px;
}
.Message-container .header-list .loading-data-container .spinner-container .spinner div {
  height: 24px;
  width: 24px;
  margin: 0 0 0 4px;
  border-width: 4px;
}
.Message-container .lg-header-filters {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.Message-container .lg-header-filters.reseller {
  width: 100%;
}
.Message-container .lg-header-filters .organic {
  margin-top: 10px;
}
.Message-container .lg-header-filters .organic label {
  margin-bottom: 10px !important;
}
.Message-container .lg-header-filters .FilterList .filter {
  margin-bottom: 0px;
}
.Message-container .message-table-container {
  float: left;
  width: 80%;
  height: auto;
  margin-top: 0px !important;
}
.Message-container .message-table-container.reseller {
  width: 100%;
}
.Message-container .message-table-container .table-container .table-content .table-item {
  padding: 15px !important;
}
.Message-container .qr-filters .FilterList .search-section {
  margin-top: 0px;
  gap: 5px;
}

.detail-message-file {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.detail-message-file .create-content {
  float: left;
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.detail-message-file .create-content.full-width {
  width: 100%;
}
.detail-message-file .create-content .justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-message-file .create-content .justify-center .header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}
.detail-message-file .create-content .justify-center .header-action .header-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.detail-message-file .create-content .justify-center .header-action .header-detail .header-title {
  color: #49525f;
  font-weight: 600;
}
.detail-message-file .create-content .justify-center .header-action .header-detail .header-actions {
  display: flex;
  gap: 1rem;
}
.detail-message-file .create-content .justify-center .header-action .header-detail .header-actions .button-resend.btn-primary:disabled,
.detail-message-file .create-content .justify-center .header-action .header-detail .header-actions .button-resend.btn-primary.disabled,
.detail-message-file .create-content .justify-center .header-action .header-detail .header-actions .button-report.btn-success.active,
.detail-message-file .create-content .justify-center .header-action .header-detail .header-actions .button-report.btn-success.focus {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  color: var(--primary-text-components);
  opacity: 0.7;
}
.detail-message-file .create-content .justify-center .header-action .header-detail .button-report {
  min-width: 150px;
  width: 150px;
}
.detail-message-file .create-content .justify-center .header-action .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.detail-message-file .create-content .justify-center .header-action .back-content .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.detail-message-file .create-content .justify-center .header-action .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.detail-message-file .create-content .justify-center .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.detail-message-file .create-content .justify-center .resume-campaign {
  width: 100%;
  min-height: 150;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  margin-top: 15px;
}
.detail-message-file .create-content .justify-center .resume-campaign .sms-icon {
  float: left;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.2,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20321.8%20321.8'%20style='enable-background:new%200%200%20321.8%20321.8;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23606060;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M62.5,0h196.7c34.5,0,62.5,28,62.5,62.5v196.7c0,34.5-28,62.5-62.5,62.5H62.5C28,321.8,0,293.8,0,259.3V62.5%20C0,28,28,0,62.5,0z'/%3e%3cpath%20class='st1'%20d='M242.9,81L207,72.7c-3.9-0.9-7.9,1.1-9.5,4.8l-16.6,38.7c-1.5,3.4-0.5,7.3,2.4,9.7l20.9,17.2%20c-12.7,26.9-34.3,48.5-61.2,61.2l-17.1-20.9c-2.3-2.9-6.3-3.8-9.7-2.4l-38.7,16.6c-3.7,1.6-5.7,5.6-4.8,9.6l8.3,35.9%20c0.9,3.8,4.2,6.4,8.1,6.4c88.5,0,160.2-71.7,160.2-160.2c0,0,0,0,0,0C249.3,85.2,246.6,81.9,242.9,81z'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.detail-message-file .create-content .justify-center .resume-campaign .csv-icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20width='21'%20height='26'%20viewBox='0%200%2021%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21%207.43594V22.2723C21%2023.1007%2020.6839%2023.8951%2020.1213%2024.4809C19.5587%2025.0666%2018.7956%2025.3957%2018%2025.3957H16.5V23.834H18C18.3978%2023.834%2018.7794%2023.6695%2019.0607%2023.3766C19.342%2023.0837%2019.5%2022.6865%2019.5%2022.2723V7.43594H16.5C15.9033%207.43594%2015.331%207.18913%2014.909%206.74981C14.4871%206.3105%2014.25%205.71465%2014.25%205.09336V1.96992H6C5.60218%201.96992%205.22064%202.13446%204.93934%202.42734C4.65804%202.72022%204.5%203.11745%204.5%203.53164V17.5871H3V3.53164C3%202.70325%203.31607%201.9088%203.87868%201.32304C4.44129%200.737279%205.20435%200.408203%206%200.408203L14.25%200.408203L21%207.43594ZM5.2755%2023.5857C5.28409%2023.8317%205.34204%2024.0732%205.44563%2024.2946C5.54922%2024.5159%205.69616%2024.7123%205.877%2024.871C6.072%2025.0396%206.3105%2025.1708%206.594%2025.2645C6.879%2025.3598%207.2105%2025.4066%207.5915%2025.4066C8.0985%2025.4066%208.5275%2025.3239%208.88%2025.1599C9.234%2024.9959%209.504%2024.7663%209.6885%2024.4727C9.876%2024.1776%209.969%2023.8356%209.969%2023.4482C9.969%2023.0984%209.9015%2022.8079%209.768%2022.5737C9.63071%2022.3397%209.43672%2022.1474%209.2055%2022.0161C8.93981%2021.8633%208.65364%2021.7528%208.3565%2021.6882L7.425%2021.4633C7.20542%2021.4213%206.99807%2021.3273%206.819%2021.1884C6.75056%2021.1335%206.6954%2021.0627%206.6579%2020.9816C6.62039%2020.9005%206.6016%2020.8115%206.603%2020.7215C6.603%2020.4779%206.696%2020.278%206.8805%2020.1218C7.068%2019.9641%207.3245%2019.8844%207.6485%2019.8844C7.863%2019.8844%208.0475%2019.9203%208.2035%2019.9906C8.34709%2020.0515%208.47389%2020.1487%208.5725%2020.2733C8.66482%2020.3892%208.72682%2020.528%208.7525%2020.6762H9.8775C9.85878%2020.3582%209.75485%2020.0519%209.5775%2019.7923C9.38792%2019.5119%209.12866%2019.2906%208.8275%2019.152C8.45916%2018.9837%208.05956%2018.9026%207.6575%2018.9146C7.218%2018.9146%206.831%2018.9927%206.4935%2019.1488C6.156%2019.3034%205.8935%2019.5236%205.703%2019.8063C5.5125%2020.0905%205.418%2020.4232%205.418%2020.8043C5.418%2021.1182%205.478%2021.3915%205.601%2021.6226C5.724%2021.8553%205.901%2022.0443%206.129%2022.1957C6.357%2022.3441%206.627%2022.4566%206.9375%2022.5284L7.8645%2022.7533C8.175%2022.8298%208.406%2022.9298%208.559%2023.0547C8.63375%2023.114%208.69355%2023.1913%208.73326%2023.28C8.77298%2023.3687%208.79142%2023.4661%208.787%2023.5638C8.7899%2023.7248%208.74541%2023.8828%208.6595%2024.0167C8.56291%2024.1538%208.42997%2024.2586%208.277%2024.3181C8.1105%2024.3915%207.9035%2024.4274%207.6575%2024.4274C7.482%2024.4274%207.323%2024.4071%207.1775%2024.365C7.04489%2024.3267%206.91922%2024.266%206.8055%2024.1854C6.70564%2024.1181%206.62015%2024.0301%206.55435%2023.9269C6.48854%2023.8238%206.44383%2023.7076%206.423%2023.5857H5.2755ZM1.209%2021.7928C1.209%2021.4055%201.26%2021.0744%201.362%2020.8043C1.45097%2020.5548%201.60852%2020.338%201.815%2020.1811C2.02545%2020.0346%202.27444%2019.9599%202.5275%2019.9672C2.7525%2019.9672%202.952%2020.0171%203.1245%2020.1187C3.29355%2020.2127%203.43464%2020.3531%203.5325%2020.5247C3.63705%2020.7053%203.69875%2020.9093%203.7125%2021.1197H4.86V21.0073C4.85005%2020.7196%204.78277%2020.4372%204.66244%2020.1781C4.54211%2019.9189%204.37135%2019.6886%204.161%2019.5018C3.94551%2019.3116%203.69631%2019.1673%203.4275%2019.077C3.1348%2018.9738%202.82751%2018.9226%202.5185%2018.9255C1.9845%2018.9255%201.5285%2019.0411%201.152%2019.2738C0.777%2019.5049%200.492%2019.8344%200.294%2020.2608C0.099%2020.6887%200%2021.1978%200%2021.7897V22.5674C0%2023.1593%200.096%2023.6669%200.2895%2024.0917C0.486%2024.5149%200.7725%2024.8413%201.1475%2025.0693C1.5225%2025.2958%201.9785%2025.4082%202.5185%2025.4082C2.958%2025.4082%203.3495%2025.3223%203.696%2025.1521C4.041%2024.9803%204.317%2024.746%204.521%2024.4431C4.72794%2024.1329%204.84554%2023.7678%204.86%2023.3905V23.2718H3.714C3.69986%2023.4729%203.63912%2023.6674%203.537%2023.8387C3.43703%2024.0045%203.29613%2024.1394%203.129%2024.2291C2.9417%2024.3235%202.73551%2024.37%202.5275%2024.365C2.27408%2024.3725%202.02432%2024.3007%201.8105%2024.1588C1.60509%2024.0066%201.44874%2023.7931%201.362%2023.5466C1.25232%2023.2332%201.20042%2022.9009%201.209%2022.5674V21.7944V21.7928ZM13.5675%2025.288H12.138L10.131%2019.0426H11.5065L12.8505%2023.9433H12.9075L14.2395%2019.0426H15.558L13.5675%2025.2895V25.288Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.detail-message-file .create-content .justify-center .resume-campaign .report-icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='14'%20fill='none'%20viewBox='0%200%2019%2014'%3e%3cpath%20fill='%2349525f'%20d='M18.406%2011.667H2.375V.583C2.375.261%202.109%200%201.781%200H.594C.266%200%200%20.261%200%20.583v12.25C0%2013.478.532%2014%201.188%2014h17.218c.328%200%20.594-.261.594-.583V12.25c0-.322-.266-.583-.594-.583zm-1.187-10.5h-4.381c-.794%200-1.191.942-.63%201.493l1.202%201.182-2.723%202.675-2.722-2.675c-.464-.456-1.216-.456-1.68%200L3.738%206.346c-.232.228-.232.597%200%20.825l.839.825c.232.228.608.228.84%200l1.709-1.68%202.723%202.675c.464.456%201.215.456%201.679%200l3.562-3.5%201.203%201.182c.56.55%201.52.16%201.52-.62V1.75c0-.322-.265-.583-.593-.583z'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-title {
  color: #49525f;
  font-size: 16px;
  font-weight: 600;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-goal {
  margin-top: 10px;
  font-size: 13px;
  color: #6d7175;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-goal .red {
  color: rgb(255, 120, 136);
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-goal .preview-container {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-goal .preview-container .preview-content {
  width: 50%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eef3fc;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-goal-grid {
  display: inline-grid;
  align-items: center;
  grid-template-columns: 70px auto auto;
  font-size: 13px;
  color: #6d7175;
}
.detail-message-file .create-content .justify-center .resume-campaign .stats-description {
  font-size: 15px;
  color: #6d7175;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .rows-file {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='514'%20height='513'%20viewBox='0%200%20514%20513'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.76301%201.56501C0.55201%204.93501%201.00001%20-14.829%201.00001%20256C1.00001%20474.913%201.17301%20503.434%202.51701%20506.033C5.85201%20512.481%20-14.671%20512%20257%20512C475.913%20512%20504.434%20511.827%20507.033%20510.483C513.481%20507.148%20513%20527.671%20513%20256C513%20-15.671%20513.481%204.85201%20507.033%201.51701C504.433%200.173006%20475.944%200.00500618%20256.8%200.0400062C40.012%200.0750062%209.16201%200.263006%206.76301%201.56501ZM123%2072V122H73H23V72V22H73H123V72ZM491%2072V122H318.5H146V72V22H318.5H491V72ZM123%20195V245H73H23V195V145H73H123V195ZM491%20195V245H318.5H146V195V145H318.5H491V195ZM123%20317V367H73H23V317V267H73H123V317ZM491%20317V367H318.5H146V317V267H318.5H491V317ZM123%20440V490H73H23V440V390H73H123V440ZM491%20440V490H318.5H146V440V390H318.5H491V440Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .rows-processed {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='440'%20height='512'%20viewBox='0%200%20440%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.761%202.062C5.476%203.269%203.24%205.569%202.011%207.978C0.0180016%2011.885%200%2013.556%200%20197C0%20380.519%200.0170004%20382.113%202.013%20386.026C3.309%20388.567%205.433%20390.691%207.974%20391.987C11.605%20393.839%2013.84%20394%2035.96%20394H60V417.04C60%20438.158%2060.168%20440.409%2062.013%20444.026C63.309%20446.567%2065.433%20448.691%2067.974%20449.987C71.605%20451.839%2073.84%20452%2095.96%20452H120V476.04C120%20498.16%20120.161%20500.395%20122.013%20504.026C123.309%20506.567%20125.433%20508.691%20127.974%20509.987C131.877%20511.978%20133.564%20512%20280%20512C425.267%20512%20428.153%20511.963%20431.934%20510.033C434.575%20508.686%20436.452%20506.697%20437.895%20503.718L440%20499.369V314.644C440%20131.482%20439.983%20129.887%20437.987%20125.974C436.691%20123.433%20434.567%20121.309%20432.026%20120.013C428.395%20118.161%20426.16%20118%20404.04%20118H380V93.96C380%2071.84%20379.839%2069.605%20377.987%2065.974C376.691%2063.433%20374.567%2061.309%20372.026%2060.013C368.395%2058.161%20366.16%2058%20344.04%2058H320V34.96C320%2013.842%20319.832%2011.591%20317.987%207.974C316.691%205.433%20314.567%203.309%20312.026%202.013C308.122%200.0220035%20306.481%203.63123e-06%20159.79%200.0440036C14.124%200.0880036%2011.434%200.123004%207.761%202.062ZM290%2044V58H180.96C73.651%2058%2071.858%2058.032%2067.974%2060.013C65.433%2061.309%2063.309%2063.433%2062.013%2065.974C60.023%2069.876%2060%2071.566%2060%20216.96V364H45H30V197V30H160H290V44ZM350%20103V118H240.96C133.651%20118%20131.858%20118.032%20127.974%20120.013C125.433%20121.309%20123.309%20123.433%20122.013%20125.974C120.023%20129.876%20120%20131.568%20120%20275.96V422H105H90V255V88H220H350V103ZM410%20315V482H280H150V315V148H280H410V315ZM187.984%20179.824C184.165%20181.823%20180%20188.697%20180%20193C180%20197.303%20184.165%20204.177%20187.984%20206.176C191.28%20207.901%20196.249%20208%20279.774%20208C364.505%20208%20368.23%20207.923%20371.798%20206.103C376.111%20203.903%20380%20197.725%20380%20193.074C380%20188.044%20376.487%20182.289%20372.026%20180.013C368.159%20178.041%20366.303%20178%20279.774%20178C196.249%20178%20191.28%20178.099%20187.984%20179.824ZM214.02%20239.752C203.315%20245.13%20203.315%20260.87%20214.02%20266.248C217.222%20267.857%20222.491%20267.997%20280%20267.997C337.509%20267.997%20342.778%20267.857%20345.98%20266.248C356.685%20260.87%20356.685%20245.13%20345.98%20239.752C342.778%20238.143%20337.509%20238.003%20280%20238.003C222.491%20238.003%20217.222%20238.143%20214.02%20239.752ZM263.5%20296.657C243.852%20300.849%20225.484%20312.462%20213.932%20327.998C210.218%20332.992%20208.09%20335%20206.51%20335C203.285%20335%20197.985%20338.97%20195.852%20342.984C192.945%20348.453%20193.557%20352.515%20198.786%20362.491C204.637%20373.651%20208.066%20376.376%20215.5%20375.771C224.533%20375.036%20239.855%20363.483%20240.111%20357.215C240.293%20352.735%20239.856%20349.611%20238.757%20347.551C237.863%20345.877%20238.621%20344.748%20244.126%20339.551C257.007%20327.389%20273.671%20322.739%20291.122%20326.438C305.308%20329.445%20318.51%20339.175%20326.147%20352.252C329.131%20357.362%20331.097%20359.519%20334.219%20361.112C343.184%20365.685%20354%20359.937%20355.659%20349.717C356.941%20341.816%20344.431%20323.138%20330.932%20312.798C311.72%20298.083%20285.845%20291.889%20263.5%20296.657ZM340.256%20380.029C335.135%20382.088%20322.933%20391.23%20321.432%20394.132C319.576%20397.721%20319.332%20404.883%20320.962%20407.93C321.961%20409.795%20321.467%20410.663%20316.706%20415.424C293.247%20438.884%20251.383%20433.304%20234.52%20404.47C228.497%20394.17%20221.957%20391.156%20213.629%20394.84C207.772%20397.431%20205.009%20401.788%20205.004%20408.442C205.001%20412.445%20205.781%20414.699%20209.114%20420.309C214.376%20429.166%20225.425%20440.799%20233.971%20446.481C261.013%20464.458%20298.869%20464.536%20325.744%20446.67C332.885%20441.923%20345.292%20429.701%20348.524%20424.229C349.771%20422.118%20351.385%20420.963%20353.69%20420.53C358.253%20419.674%20363.732%20414.627%20365.117%20410.004C366.662%20404.848%20365.732%20400.946%20360.709%20391.5C357.108%20384.728%20355.774%20383.155%20352.016%20381.25C347.344%20378.882%20343.978%20378.533%20340.256%20380.029Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .rows-error {
  float: left;
  width: 25px;
  height: 25px;
  background: url("/v5/assets/rows-error-C0OM9s0k.svg") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .send-stat {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3csvg%20fill='%238696a0'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%20width='120px'%20height='120px'%3e%3cpath%20d='M%2026.980469%205.9902344%20A%201.0001%201.0001%200%200%200%2026.292969%206.2929688%20L%2011%2021.585938%20L%204.7070312%2015.292969%20A%201.0001%201.0001%200%201%200%203.2929688%2016.707031%20L%2010.292969%2023.707031%20A%201.0001%201.0001%200%200%200%2011.707031%2023.707031%20L%2027.707031%207.7070312%20A%201.0001%201.0001%200%200%200%2026.980469%205.9902344%20z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .delivered-stat {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%2020010904//EN'%20'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='100.000000pt'%20height='100.000000pt'%20viewBox='0%200%20100.000000%20100.000000'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='translate(0.000000,100.000000)%20scale(0.100000,-0.100000)'%20fill='%238696a0'%20stroke='none'%3e%3cpath%20d='M489%20539%20l-233%20-280%20-100%20100%20c-56%2056%20-108%20101%20-117%20101%20-19%200%20-39%20-20%20-39%20-40%200%20-21%20241%20-260%20262%20-260%2018%200%20510%20587%20516%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-250%20-281z'/%3e%3cpath%20d='M710%20540%20c-210%20-253%20-234%20-278%20-251%20-267%20-23%2014%20-52%200%20-57%20-28%20-5%20-21%2055%20-85%2079%20-85%2019%200%20511%20586%20517%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-249%20-280z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .readed-stat {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%2020010904//EN'%20'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='100.000000pt'%20height='100.000000pt'%20viewBox='0%200%20100.000000%20100.000000'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='translate(0.000000,100.000000)%20scale(0.100000,-0.100000)'%20fill='%2353bdeb'%20stroke='none'%3e%3cpath%20d='M489%20539%20l-233%20-280%20-100%20100%20c-56%2056%20-108%20101%20-117%20101%20-19%200%20-39%20-20%20-39%20-40%200%20-21%20241%20-260%20262%20-260%2018%200%20510%20587%20516%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-250%20-281z'/%3e%3cpath%20d='M710%20540%20c-210%20-253%20-234%20-278%20-251%20-267%20-23%2014%20-52%200%20-57%20-28%20-5%20-21%2055%20-85%2079%20-85%2019%200%20511%20586%20517%20615%205%2021%20-16%2045%20-39%2045%20-11%200%20-102%20-101%20-249%20-280z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .element-to-stats {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.detail-message-file .create-content .justify-center .resume-campaign .upload-review {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f7;
  border-radius: 5px;
  color: #49525f;
  margin: 5px 0;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
}
.detail-message-file .create-content .justify-center .resume-campaign .upload-review .download-icon {
  float: left;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'%20/%3e%3c/svg%3e") no-repeat center;
  user-select: none;
  cursor: pointer;
}
.detail-message-file .create-content .justify-center .resume-campaign .row {
  margin-top: 15px;
}

.icon-center {
  text-align: center;
  margin-left: -26px !important;
}
.icon-center .icon-delivery {
  width: 25px;
}.resume-campaign-trackable {
  width: 100%;
  min-height: 150;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  margin-top: 5px;
}
.resume-campaign-trackable .filter-section {
  width: 100%;
  margin-bottom: 30px !important;
  position: relative;
  z-index: 10;
  display: flex;
}
.resume-campaign-trackable .filter-section .FilterList {
  margin-right: 25px;
}
.resume-campaign-trackable .filter-section .btn-success {
  width: 150px;
  margin-bottom: 10px;
  background-color: var(--secondary-text-components);
  border-radius: var(--border-radius-components);
  box-shadow: var(--box-shadow-default);
  border-color: var(--primary-background-components);
  height: 35px;
  line-height: 17.5px;
}
.resume-campaign-trackable .filter-section .btn-success:hover {
  background-color: var(--secondary-text-components);
  border-color: var(--primary-background-components);
}
.resume-campaign-trackable .filter-section .btn-outline-primary {
  width: 200px;
  margin-bottom: 10px;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--info-background-components);
  color: var(--info-background-components);
  height: 35px;
  line-height: 17.5px;
}
.resume-campaign-trackable .filter-section .btn-outline-primary:hover {
  background-color: var(--info-hover-background-components);
  color: var(--primary-text-components);
}
.resume-campaign-trackable .filter-section .filter-list-container {
  width: 100%;
  overflow: visible;
}
.resume-campaign-trackable .table-section {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 5;
}
.resume-campaign-trackable .table-section .data-table-container {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 768px) {
  .resume-campaign-trackable .filter-section,
  .resume-campaign-trackable .table-section {
    padding: 0 10px;
  }
}

:global(.filter-list-wrapper) {
  width: 100%;
}
:global(.filter-list-wrapper) :global(.filter-list-content) {
  width: 100%;
}
:global(.filter-list-wrapper) :global(.filter-list-body) {
  max-width: 100%;
  overflow: visible;
}

.organic {
  margin-bottom: 15px;
}
.organic.separator {
  position: relative;
  padding-bottom: 15px;
}
.organic.separator:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #f0f0f0;
}.shortlinks-dashboard-container {
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__title {
  font-size: 24px;
  color: #0e1319;
  font-weight: 700;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__update-time {
  align-items: center;
  width: auto;
  cursor: pointer;
  display: grid;
  grid-template-columns: 30px auto;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__update-time .update-time__arrow,
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__update-time .update-time__arrow {
  cursor: pointer;
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .shortlinks-dashboard-header__title-container .shortlinks-dashboard-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.shortlinks-dashboard-container .shortlinks-dashboard-header .no-print-pdf .export-selection .dropdown-toggle {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.shortlinks-dashboard-container .shortlinks-detail-header {
  overflow-y: auto;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .detail-container {
  display: grid;
  grid-template-columns: 700px 1070px 1.5%;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .detail-container .detail-short-tittle {
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #606060;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel {
  display: grid;
  align-items: center;
  grid-template-columns: 170px 150px 150px 150px 150px 150px 150px;
  margin-top: 40px;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel2 {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title {
  grid-template-columns: 700px 1070px 1.5%;
  align-items: center;
  gap: 0px !important;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .title p {
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel {
  grid-template-columns: 170px 150px 150px 150px 150px 150px 150px;
  gap: 0px !important;
  justify-items: center;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel p {
  font-size: 20px;
  font-weight: bold;
  color: #0047ff;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .icon {
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters {
  width: 1770px;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container {
  overflow-x: hidden;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 {
  justify-content: center;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 .table-value-center {
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item {
  padding-left: 15px !important;
}
.shortlinks-dashboard-container .shortlinks-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item .table-value {
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .chart {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: solid 1px #8e91a4 !important;
  border-radius: 5px;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .shortlinks-dashboard__shortlinks .shortlinks-dashboard__shortlinks-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .shortlinks-dashboard__shortlinks .shortlinks-dashboard__shortlinks-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday,
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month,
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
@media (max-width: 1530px) {
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 140px !important;
  }
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 120px !important;
  }
}
@media (max-width: 1300px) {
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 120px !important;
  }
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 100px !important;
  }
}
@media (max-width: 1024px) {
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container {
    width: 110px !important;
  }
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-detail-container, .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-value, .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__yesterday .kpi-item-container .kpi-item-title,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-detail-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-value,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__this-month .kpi-item-container .kpi-item-title,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-detail-container,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-value,
  .shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard-basic .indicators-per-day .indicators-per-day__today .kpi-item-container .kpi-item-title {
    width: 90px !important;
  }
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 10px;
  width: 100%;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .rightSide {
  width: 100%;
  overflow-x: hidden;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day .shortlinks-dashboard__shortlinks .shortlinks-dashboard__shortlinks-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day .shortlinks-dashboard__shortlinks .shortlinks-dashboard__shortlinks-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day .indicators-per-day__yesterday,
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day .indicators-per-day__this-month,
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
.shortlinks-dashboard-container .shortlinks-dashboard-info .shortlinks-dashboard .CategoryFilter ul {
  max-height: 70vh;
}

.bold {
  font-weight: bold;
}

.header-table {
  color: #0047ff;
  font-size: 18px;
  font-weight: bold;
  text-align: center !important;
}

.align-center {
  text-align: center !important;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.align-center-header {
  text-align: center !important;
}

.align-right-header {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.color-light-blue {
  color: #0047ff;
}

tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}

tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

td {
  padding-left: 0px;
  padding-right: 0px;
}.message-dashboard-container {
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
.message-dashboard-container .message-dashboard-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__title {
  font-size: 24px;
  color: #0e1319;
  font-weight: bold;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__update-time {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__update-time .update-time__arrow,
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__update-time .update-time__arrow {
  cursor: pointer;
}
.message-dashboard-container .message-dashboard-header .message-dashboard-header__title-container .message-dashboard-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.message-dashboard-container .message-dashboard-info .message-dashboard {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 10px;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .message-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .message-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .message-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .pie-charts {
  display: flex;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .pie-charts .pie-chart {
  border: solid 1px #8e91a4 !important;
  border-radius: 15px;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .pie-charts .pie-chart p {
  color: #49525f;
  font-weight: bold;
  border-bottom: solid 1px #e0e0e0;
  font-size: 16px;
  justify-content: flex-start;
  height: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .rightSide .pie-charts .pie-chart .grafic {
  padding: 15px;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day .indicators-per-day__yesterday,
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day .indicators-per-day__this-month,
.message-dashboard-container .message-dashboard-info .message-dashboard .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container {
  display: grid;
  grid-template-columns: 41% 40% 0%;
  grid-gap: 38px;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .detail-short-tittle {
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #606060;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
  margin-top: 40px;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel2 {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
  margin-left: 30px;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title {
  align-items: center;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .title p {
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel p {
  font-size: 20px;
  font-weight: bold;
  color: #0047ff;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .icon {
  text-align: center;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 {
  align-items: start;
  justify-content: left;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item {
  padding-left: 15px !important;
}
.message-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item .table-value {
  display: flex;
  align-items: start;
  justify-content: left;
}.date-range-picker {
  position: relative;
}
.date-range-picker__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: white;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-dark);
  cursor: pointer;
  transition: all 0.2s ease;
}
.date-range-picker__trigger:hover {
  border-color: var(--color-grey);
}
.date-range-picker__label {
  min-width: 100px;
}
.date-range-picker__chevron {
  transition: transform 0.2s ease;
}
.date-range-picker__chevron--open {
  transform: rotate(180deg);
}
.date-range-picker__dropdown {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: flex;
  flex-direction: row;
}
.date-range-picker__presets {
  width: 180px;
  flex-shrink: 0;
  padding: 1rem 0;
  border-right: 1px solid var(--color-lightgrey);
  background-color: var(--color-white);
  border-radius: var(--border-radius-components, 0.75rem) 0 0 var(--border-radius-components, 0.75rem);
}
.date-range-picker__presets-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-grey);
  letter-spacing: 0.5px;
  padding: 0 1rem;
  margin: 0 0 0.5rem 0;
}
.date-range-picker__presets-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.date-range-picker__preset-separator {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--color-lightgrey);
}
.date-range-picker__presets-footer {
  padding: 0.5rem 1rem 0;
}
.date-range-picker__preset-btn {
  width: 100%;
  padding: 0.5rem 1rem;
  background: none;
  border: none;
  font-size: 0.8125rem;
  color: var(--color-dark);
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.date-range-picker__preset-btn:hover {
  background-color: var(--color-lightgrey);
}
.date-range-picker__preset-btn--active {
  background-color: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 12%, transparent);
  color: var(--primary-background-components, var(--color-primary));
  font-weight: 500;
}
.date-range-picker__preset-btn--custom {
  font-style: italic;
  cursor: default;
}
.date-range-picker__preset-btn--custom:hover {
  background-color: transparent;
}
.date-range-picker__preset-btn--custom.date-range-picker__preset-btn--active {
  cursor: default;
}
.date-range-picker__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.date-range-picker__calendar {
  padding: 1rem;
}
.date-range-picker__calendar-header {
  padding: 0 0 0.75rem 0;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-lightgrey);
}
.date-range-picker__selected-range {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-dark);
}
.date-range-picker__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem;
  border-top: 1px solid var(--color-lightgrey);
  background-color: var(--color-white);
}
.date-range-picker__btn {
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components, 0.375rem);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.date-range-picker__btn--cancel {
  background-color: white;
  border: 1px solid var(--color-lightgrey);
  color: var(--color-dark);
}
.date-range-picker__btn--cancel:hover {
  background-color: var(--color-white);
}
.date-range-picker__btn--apply {
  background-color: var(--primary-background-components, var(--color-primary));
  border: none;
  color: white;
}
.date-range-picker__btn--apply:hover {
  filter: brightness(0.85);
}
.date-range-picker .rdrCalendarWrapper {
  font-size: 0.875rem;
}
.date-range-picker .rdrDateDisplayWrapper {
  display: none;
}
.date-range-picker .rdrMonthAndYearWrapper {
  padding-top: 0;
}
.date-range-picker .rdrMonth {
  width: 280px;
}
.date-range-picker .rdrDayNumber span {
  font-size: 0.875rem;
}
.date-range-picker .rdrDayToday .rdrDayNumber span:after {
  background: var(--primary-background-components, var(--color-primary));
  border-radius: var(--border-radius-components, 2px);
}
.date-range-picker .rdrSelected,
.date-range-picker .rdrInRange,
.date-range-picker .rdrStartEdge,
.date-range-picker .rdrEndEdge {
  background: var(--primary-background-components, var(--color-primary)) !important;
}
.date-range-picker .rdrDayHovered .rdrDayNumber:after {
  border-color: var(--primary-background-components, var(--color-primary));
  border-radius: var(--border-radius-components, 1.042em) !important;
}
.date-range-picker .rdrDayStartPreview,
.date-range-picker .rdrDayInPreview,
.date-range-picker .rdrDayEndPreview {
  border-color: var(--primary-background-components, var(--color-primary));
}
.date-range-picker .rdrStartEdge {
  border-radius: var(--border-radius-components, 1.042em) 0 0 var(--border-radius-components, 1.042em) !important;
}
.date-range-picker .rdrEndEdge {
  border-radius: 0 var(--border-radius-components, 1.042em) var(--border-radius-components, 1.042em) 0 !important;
}
.date-range-picker .rdrStartEdge.rdrEndEdge {
  border-radius: var(--border-radius-components, 1.042em) !important;
}
.date-range-picker .rdrDayStartPreview {
  border-radius: var(--border-radius-components, 1.042em) 0 0 var(--border-radius-components, 1.042em) !important;
}
.date-range-picker .rdrDayEndPreview {
  border-radius: 0 var(--border-radius-components, 1.042em) var(--border-radius-components, 1.042em) 0 !important;
}
.date-range-picker .rdrDayStartPreview.rdrDayEndPreview {
  border-radius: var(--border-radius-components, 1.042em) !important;
}
.date-range-picker .rdrDay .rdrDayNumber {
  border-radius: var(--border-radius-components, 1.042em);
}
.date-range-picker .rdrSelected {
  border-radius: var(--border-radius-components, 1.042em) !important;
}
@media (max-width: 768px) {
  .date-range-picker__dropdown {
    flex-direction: column;
    left: 0;
    right: 0;
    max-width: 100vw;
  }
  .date-range-picker__presets {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--color-lightgrey);
    border-radius: var(--border-radius-components, 0.75rem) var(--border-radius-components, 0.75rem) 0 0;
    padding: 0.75rem 0;
  }
  .date-range-picker__presets-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0 0.75rem;
  }
  .date-range-picker__preset-btn {
    width: auto;
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius-components, 1rem);
    border: 1px solid var(--color-lightgrey);
  }
  .date-range-picker__preset-separator {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .date-range-picker__presets-title {
    display: none;
  }
  .date-range-picker__calendar {
    overflow-x: auto;
  }
  .date-range-picker .rdrMonth {
    width: 100%;
  }
}.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}
.dashboard-header__left {
  display: flex;
  flex-direction: column;
}
.dashboard-header__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-dark);
  margin: 0;
}
.dashboard-header__subtitle {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.dashboard-header__right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dashboard-header__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
}
.dashboard-header__btn--config, .dashboard-header__btn--filter, .dashboard-header__btn--date, .dashboard-header__btn--classic {
  background-color: white;
  border: 1px solid var(--color-lightgrey);
  color: var(--color-dark);
}
.dashboard-header__btn--config:hover, .dashboard-header__btn--filter:hover, .dashboard-header__btn--date:hover, .dashboard-header__btn--classic:hover {
  background-color: var(--color-white);
  border-color: var(--color-grey);
}
.dashboard-header__btn--export {
  background-color: var(--primary-background-components, var(--color-primary));
  border: none;
  color: white;
}
.dashboard-header__btn--export:hover:not(:disabled) {
  filter: brightness(0.85);
}
.dashboard-header__btn--export:disabled {
  background-color: var(--primary-background-components, var(--color-primary));
  color: white;
  opacity: 0.5;
  cursor: not-allowed;
}
.dashboard-header__btn--export:focus, .dashboard-header__btn--export.focus, .dashboard-header__btn--export:active {
  background-color: var(--primary-background-components, var(--color-primary)) !important;
  border-color: transparent;
  color: white;
}
.dashboard-header__badge {
  background-color: var(--color-lightgrey);
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius-components, 0.25rem);
  font-size: 0.75rem;
  color: var(--color-grey);
}
@media (max-width: 992px) {
  .dashboard-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .dashboard-header__right {
    flex-wrap: wrap;
  }
}.config-sidebar {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  background: white;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  display: flex;
  flex-direction: column;
  transition: right 0.3s ease;
}
.config-sidebar--open {
  right: 0;
}
.config-sidebar__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.config-sidebar__overlay--visible {
  opacity: 1;
  visibility: visible;
}
.config-sidebar__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-lightgrey);
}
.config-sidebar__header-content {
  flex: 1;
}
.config-sidebar__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0 0 0.25rem 0;
}
.config-sidebar__subtitle {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.config-sidebar__close {
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--color-grey);
  border-radius: var(--border-radius-components, 0.25rem);
  transition: background-color 0.2s ease;
  width: auto;
}
.config-sidebar__close:hover {
  background-color: var(--color-lightgrey);
  color: var(--color-dark);
}
.config-sidebar__content {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}
.config-sidebar__group {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-lightgrey);
}
.config-sidebar__group:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.config-sidebar__group-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.config-sidebar__group-header:hover {
  background-color: var(--color-lightgrey);
}
.config-sidebar__group-title-wrapper {
  flex: 1;
  min-width: 0;
}
.config-sidebar__group-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--color-dark);
  letter-spacing: 0.5px;
  margin: 0;
  display: flex;
  align-items: center;
}
.config-sidebar__group-count {
  font-size: 0.75rem;
  color: var(--color-grey);
  font-weight: 400;
  margin-left: 0.5rem;
}
.config-sidebar__group-chevron {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-grey);
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}
.config-sidebar__group-chevron:hover {
  color: var(--color-dark);
}
.config-sidebar__checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}
.config-sidebar__checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.config-sidebar__checkbox-mark {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid var(--color-lightgrey);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  color: white;
}
input:checked + .config-sidebar__checkbox-mark {
  background-color: var(--primary-background-components, var(--color-primary));
  border-color: var(--primary-background-components, var(--color-primary));
}
.config-sidebar__list {
  list-style: none;
  padding: 0;
  padding-left: 0.5rem;
  margin: 0;
  transition: opacity 0.2s ease;
}
.config-sidebar__list--disabled {
  opacity: 0.45;
  pointer-events: none;
}
.config-sidebar__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: var(--border-radius-components, 0.5rem);
  margin-bottom: 0.5rem;
  background-color: var(--color-white);
  transition: background-color 0.2s ease;
}
.config-sidebar__item:hover {
  background-color: var(--color-lightgrey);
}
.config-sidebar__item:last-child {
  margin-bottom: 0;
}
.config-sidebar__item-label {
  flex: 1;
  font-size: 0.875rem;
  color: var(--color-dark);
}
.config-sidebar__toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  cursor: pointer;
  flex-shrink: 0;
}
.config-sidebar__toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.config-sidebar__toggle input:checked + .config-sidebar__toggle-slider {
  background-color: var(--primary-background-components, var(--color-primary));
}
.config-sidebar__toggle input:checked + .config-sidebar__toggle-slider::before {
  transform: translateX(20px);
}
.config-sidebar__toggle input:disabled + .config-sidebar__toggle-slider {
  opacity: 0.5;
  cursor: not-allowed;
}
.config-sidebar__toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-lightgrey);
  border-radius: var(--border-radius-components, 24px);
  transition: background-color 0.2s ease;
}
.config-sidebar__toggle-slider::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: var(--border-radius-components, 50%);
  transition: transform 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.config-sidebar__footer {
  display: flex;
  gap: 0.75rem;
  padding: 1.5rem;
  border-top: 1px solid var(--color-lightgrey);
}
.config-sidebar__btn {
  flex: 1;
  padding: 0.75rem 1rem;
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.config-sidebar__btn--primary {
  background-color: var(--primary-background-components, var(--color-primary));
  border: none;
  color: white;
}
.config-sidebar__btn--primary:hover {
  filter: brightness(0.85);
}
.config-sidebar__btn--secondary {
  background-color: white;
  border: 1px solid var(--color-lightgrey);
  color: var(--color-dark);
}
.config-sidebar__btn--secondary:hover {
  background-color: var(--color-white);
}
.config-sidebar__confirmation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1060;
}
@media (max-width: 480px) {
  .config-sidebar {
    width: 100%;
    right: -100%;
  }
}.metric-card {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  padding: 1.25rem;
  border: 1px solid var(--color-lightgrey);
  min-width: 200px;
  flex: 1;
}
.metric-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.metric-card__title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-grey);
}
.metric-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.metric-card__icon--blue {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.1));
  color: var(--primary-background-components, var(--color-primary));
}
.metric-card__icon--green {
  background-color: rgba(40, 167, 69, 0.1);
  color: var(--color-success);
}
.metric-card__icon--red {
  background-color: rgba(220, 53, 69, 0.1);
  color: var(--color-red);
}
.metric-card__icon--purple {
  background-color: rgba(94, 56, 138, 0.1);
  color: var(--color-rcs);
}
.metric-card__value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-dark);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.metric-card__change {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.metric-card__change--positive {
  color: var(--color-success);
}
.metric-card__change--negative {
  color: var(--color-red);
}
.metric-card__change--neutral {
  color: var(--color-grey, #989aac);
}
.metric-card__breakdown {
  border-top: 1px solid var(--color-lightgrey);
  padding-top: 0.75rem;
  margin-top: 0.5rem;
}
.metric-card__breakdown-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.375rem;
}
.metric-card__breakdown-row:last-child {
  margin-bottom: 0;
}
.metric-card__breakdown-label {
  font-size: 0.75rem;
  color: var(--color-grey);
}
.metric-card__breakdown-value {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-dark);
}.insight-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
}
.insight-card__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insight-card__icon--green {
  background-color: rgba(40, 167, 69, 0.1);
  color: var(--color-success, #28a745);
}
.insight-card__icon--red {
  background-color: rgba(220, 53, 69, 0.1);
  color: var(--color-red, #dc3545);
}
.insight-card__icon--blue {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.1));
  color: var(--primary-background-components, var(--color-primary));
}
.insight-card__icon--purple {
  background-color: rgba(94, 56, 138, 0.1);
  color: var(--color-rcs);
}
.insight-card__content {
  flex: 1;
}
.insight-card__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0 0 0.25rem 0;
}
.insight-card__description {
  font-size: 0.75rem;
  color: var(--color-grey);
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.insight-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: default;
}
.insight-card__link--positive {
  color: var(--color-success, #28a745);
}
.insight-card__link--negative {
  color: var(--color-red, #dc3545);
}.account-consumption-chart {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.5rem;
}
.account-consumption-chart__header {
  margin-bottom: 1.5rem;
}
.account-consumption-chart__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0 0 0.25rem 0;
}
.account-consumption-chart__subtitle {
  font-size: 0.75rem;
  color: var(--color-grey);
  margin: 0;
}
.account-consumption-chart__empty {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.account-consumption-chart__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.account-consumption-chart__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.account-consumption-chart__item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-consumption-chart__item-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-dark);
}
.account-consumption-chart__item-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.account-consumption-chart__item-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark);
}
.account-consumption-chart__item-percentage {
  font-size: 0.75rem;
  color: var(--color-grey);
}
.account-consumption-chart__bar-container {
  height: 8px;
  background-color: var(--color-lightgrey);
  border-radius: var(--border-radius-components, 4px);
  overflow: hidden;
}
.account-consumption-chart__bar {
  height: 100%;
  width: var(--bar-width, 0);
  background-color: var(--primary-background-components, var(--color-primary));
  border-radius: var(--border-radius-components, 4px);
  transition: width 0.3s ease;
}.recent-activity {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.5rem;
}
.recent-activity__header {
  margin-bottom: 1.25rem;
}
.recent-activity__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0 0 0.25rem 0;
}
.recent-activity__subtitle {
  font-size: 0.75rem;
  color: var(--color-grey);
  margin: 0;
}
.recent-activity__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.recent-activity__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.recent-activity__avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: var(--color-lightgrey);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark);
}
.recent-activity__details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.recent-activity__name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark);
}
.recent-activity__time {
  font-size: 0.75rem;
  color: var(--color-grey);
}
.recent-activity__stats {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
}
.recent-activity__sms-count {
  font-size: 0.8125rem;
  font-weight: 500;
}
.recent-activity__sms-count--delivered {
  color: var(--color-success, #22c55e);
}
.recent-activity__sms-count--errors {
  color: var(--color-red, #ef4444);
}.user-consumption-list {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.5rem;
}
.user-consumption-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
.user-consumption-list__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
}
.user-consumption-list__subtitle {
  font-size: 0.75rem;
  color: var(--color-grey);
  margin: 0.25rem 0 0 0;
}
.user-consumption-list__info {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey);
}
.user-consumption-list__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.user-consumption-list__item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.user-consumption-list__avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background-color: var(--color-soft-blue-light-2, #eef3fd);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary-background-components, var(--color-primary));
}
.user-consumption-list--errors .user-consumption-list__avatar {
  background-color: rgba(220, 53, 69, 0.1);
  color: var(--color-red, #dc3545);
}
.user-consumption-list--health .user-consumption-list__avatar {
  background-color: rgba(40, 167, 69, 0.1);
  color: var(--color-green, #28a745);
}
.user-consumption-list__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.user-consumption-list__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-consumption-list__name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark);
}
.user-consumption-list__count {
  font-size: 0.75rem;
  color: var(--color-grey);
}
.user-consumption-list__percentage {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--primary-background-components, var(--color-primary));
}
.user-consumption-list__percentage--error {
  color: var(--color-red, #dc3545);
}
.user-consumption-list__percentage--health-good {
  color: var(--color-green, #28a745);
}
.user-consumption-list__percentage--health-warning {
  color: var(--color-amber-dark, #d4a017);
}
.user-consumption-list__percentage--health-low {
  color: var(--color-orange, #fd7e14);
}
.user-consumption-list__progress {
  height: 6px;
  background-color: var(--color-lightgrey, #dadce0);
  border-radius: var(--border-radius-components, 3px);
  overflow: hidden;
  margin-top: 0.25rem;
}
.user-consumption-list__progress-bar {
  height: 100%;
  background-color: var(--primary-background-components, var(--color-primary));
  border-radius: var(--border-radius-components, 3px);
  transition: width 0.3s ease;
}
.user-consumption-list__progress-bar--error {
  background-color: var(--color-red, #dc3545);
}
.user-consumption-list__progress-bar--health-good {
  background-color: var(--color-green, #28a745);
}
.user-consumption-list__progress-bar--health-warning {
  background-color: var(--color-amber, #ffc107);
}
.user-consumption-list__progress-bar--health-low {
  background-color: var(--color-orange, #fd7e14);
}
.user-consumption-list__empty {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
  text-align: center;
  padding: 2rem 0;
}.recent-files-table {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.5rem;
}
.recent-files-table__header {
  margin-bottom: 1.25rem;
}
.recent-files-table__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0 0 0.25rem 0;
}
.recent-files-table__subtitle {
  font-size: 0.75rem;
  color: var(--color-grey);
  margin: 0;
}
.recent-files-table__container {
  overflow-x: auto;
}
.recent-files-table__table {
  margin: 0;
  font-size: 0.875rem;
}
.recent-files-table__table thead th {
  font-weight: 600;
  color: var(--color-grey);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--color-lightgrey);
  padding: 0.75rem 1rem;
  white-space: nowrap;
}
.recent-files-table__table tbody tr {
  transition: background-color 0.2s ease;
}
.recent-files-table__table tbody tr:hover {
  background-color: var(--color-white);
}
.recent-files-table__table tbody td {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  color: var(--color-dark);
  border-bottom: 1px solid var(--color-lightgrey);
}
.recent-files-table__filename {
  font-weight: 500;
  color: var(--color-dark);
}
.recent-files-table__badge {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  border-radius: var(--border-radius-components, 1rem);
  font-size: 0.75rem;
  font-weight: 500;
}
.recent-files-table__ctr {
  color: var(--primary-background-components, var(--color-primary));
  font-weight: 500;
}
.recent-files-table__date {
  color: var(--color-grey);
  white-space: nowrap;
}.distribution-donut {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
  align-items: center;
}
.distribution-donut__chart-area {
  width: 100%;
  min-width: 0;
}
.distribution-donut__chart {
  position: relative;
  flex: none;
  width: 100%;
  min-width: 0;
}
.distribution-donut__aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.distribution-donut--with-aside .distribution-donut__chart-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.distribution-donut--with-aside .distribution-donut__chart {
  flex: 1 1 0;
}
.distribution-donut--with-aside .distribution-donut__aside {
  flex: 1 1 0;
}
@media (max-width: 640px) {
  .distribution-donut--with-aside .distribution-donut__chart-area {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
.distribution-donut__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
}
.distribution-donut__total {
  font-size: 32px;
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}
.distribution-donut__total-label {
  font-size: 13px;
  color: #6b7280;
  margin-top: 2px;
}
.distribution-donut__legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
  flex: 1;
  width: 100%;
}
.distribution-donut__legend-header {
  display: grid;
  grid-template-columns: 1fr 80px 1fr;
  align-items: center;
  padding: 0 0 6px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #9ca3af;
}
.distribution-donut__legend-header-value {
  justify-self: center;
  text-align: center;
}
.distribution-donut__legend-header-percentage {
  justify-self: end;
  text-align: right;
  min-width: 45px;
}
.distribution-donut__legend-item {
  display: grid;
  grid-template-columns: 1fr 80px 1fr;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0px;
  transition: background-color 0.15s ease;
  border-bottom: 1px solid #e5e7eb;
}
.distribution-donut__legend-item:last-child {
  border-bottom: none;
}
.distribution-donut__legend-item--clickable {
  cursor: pointer;
}
.distribution-donut__legend-item--clickable:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.distribution-donut__legend-item--clickable:active {
  background-color: rgba(0, 0, 0, 0.08);
}
.distribution-donut__legend-item--clickable:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}
.distribution-donut__legend-label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.distribution-donut__legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  flex-shrink: 0;
}
.distribution-donut__legend-name {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  line-height: 1.2;
}
.distribution-donut__legend-stats {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-self: end;
}
.distribution-donut__legend-value {
  font-size: 14px;
  color: #6b7280;
  justify-self: center;
  text-align: center;
}
.distribution-donut__legend-percentage {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  min-width: 45px;
  text-align: right;
  line-height: 1.2;
}
.distribution-donut__legend-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  font-size: 11px;
  color: #6b7280;
  transition: transform 0.15s ease;
  user-select: none;
}
.distribution-donut__legend-chevron--open {
  transform: rotate(90deg);
}
.distribution-donut__breakdown {
  display: flex;
  flex-direction: column;
  padding: 2px 0 6px 22px;
  border-bottom: 1px solid #e5e7eb;
}
.distribution-donut__breakdown-item {
  display: grid;
  grid-template-columns: 1fr 80px 1fr;
  align-items: center;
  padding: 4px 0;
  font-size: 13px;
  color: #6b7280;
}
.distribution-donut__breakdown-name {
  line-height: 1.3;
}
.distribution-donut__breakdown-value {
  justify-self: center;
  text-align: center;
}
.distribution-donut__breakdown-percentage {
  justify-self: end;
  min-width: 45px;
  text-align: right;
  font-weight: 500;
  color: #374151;
}
.distribution-donut__legend-trend {
  font-size: 12px;
  font-weight: 500;
  min-width: 50px;
  text-align: right;
  padding: 2px 8px;
  border-radius: 12px;
  background-color: #f3f4f6;
  color: #6b7280;
}
.distribution-donut__legend-trend--positive {
  background-color: #ecfdf5;
  color: #059669;
}
.distribution-donut__legend-trend--negative {
  background-color: #fef2f2;
  color: #dc2626;
}
@media (max-width: 900px) {
  .distribution-donut {
    align-items: stretch;
    gap: 16px;
  }
  .distribution-donut__legend {
    flex: none;
  }
}.graph-tooltip {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  min-width: 150px;
  font-size: 13px;
}
.graph-tooltip__title {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  color: #111;
}
.graph-tooltip__title--bordered {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.graph-tooltip__subtitle {
  margin: 4px 0 12px 0;
  color: #6b7280;
  font-size: 13px;
}
.graph-tooltip__header {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  color: #111;
  display: flex;
  align-items: center;
  gap: 8px;
}
.graph-tooltip__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}
.graph-tooltip__value {
  margin: 4px 0 0 0;
  color: #6b7280;
}
.graph-tooltip__value--indented {
  margin-left: 18px;
}
.graph-tooltip__percentage {
  color: #6b7280;
}
.graph-tooltip__content {
  margin-top: 8px;
}
.graph-tooltip__row {
  margin: 4px 0;
  color: #6b7280;
}
.graph-tooltip__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.graph-tooltip__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.graph-tooltip__list-item-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.graph-tooltip__list-item-name {
  color: #374151;
}
.graph-tooltip__list-item-value {
  color: #111;
  font-weight: 500;
}
.graph-tooltip__grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 12px;
}
.graph-tooltip__grid-label {
  color: #6b7280;
}
.graph-tooltip__grid-value {
  color: #111;
  font-weight: 600;
}
.graph-tooltip__details {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.graph-tooltip__details-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.graph-tooltip__details-text {
  color: #374151;
}
.graph-tooltip__footer {
  margin: 8px 0 0 0;
  color: #6b7280;
  text-align: right;
  border-top: 1px solid #e5e7eb;
  padding-top: 8px;
}
.graph-tooltip__conversion {
  font-weight: 600;
  color: #2563eb;
}.volume-bars-graph {
  width: 100%;
  height: 100%;
}.volume-graph {
  width: 100%;
}
.volume-graph__container {
  width: 100%;
}
.volume-graph__tooltip {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  min-width: 140px;
}
.volume-graph__tooltip-title {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  color: #111;
}
.volume-graph__tooltip-content {
  margin-top: 8px;
}
.volume-graph__tooltip-row {
  margin: 4px 0;
  color: #6b7280;
  font-size: 13px;
}.trend-graph {
  width: 100%;
  height: 100%;
}
.trend-graph__container {
  width: 100%;
}
.trend-graph__tooltip {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  min-width: 150px;
}
.trend-graph__tooltip-title {
  margin: 0 0 8px 0;
  font-weight: bold;
  font-size: 14px;
  color: #111;
}
.trend-graph__tooltip-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.trend-graph__tooltip-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.trend-graph__tooltip-item-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.trend-graph__tooltip-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.trend-graph__tooltip-item-name {
  font-size: 13px;
  color: #374151;
}
.trend-graph__tooltip-item-value {
  font-size: 13px;
  color: #111;
  font-weight: 500;
}.sms-dashboard {
  padding: 1.5rem;
  background-color: #f5f7fa;
  min-height: 100vh;
}
.sms-dashboard--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sms-dashboard__loader {
  font-size: 1rem;
  color: var(--color-grey, #989aac);
}
.sms-dashboard__chart-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  border-radius: var(--border-radius-components, 8px);
}
.sms-dashboard__chart-loader-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid var(--color-lightgrey, #dadce0);
  border-top-color: var(--primary-background-components, var(--color-primary));
  border-radius: 50%;
  animation: sms-spin 0.8s linear infinite;
}
@keyframes sms-spin {
  to {
    transform: rotate(360deg);
  }
}
.sms-dashboard__section {
  margin-bottom: 1.5rem;
}
.sms-dashboard__section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0 0 0.25rem 0;
}
.sms-dashboard__section-subtitle {
  font-size: 0.875rem;
  color: var(--color-grey, #989aac);
  margin: 0;
}
.sms-dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}
.sms-dashboard__metrics--files {
  margin-bottom: 1.5rem;
}
.sms-dashboard__metrics .metric-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.sms-dashboard__tabs {
  background-color: white;
  border-radius: var(--border-radius-components, 0.5rem);
  border: 1px solid var(--color-lightgrey, #dadce0);
  padding: 0;
  margin-bottom: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  height: auto !important;
}
.sms-dashboard__tabs .nav-item {
  flex: 1;
  margin: 0;
}
.sms-dashboard__tabs .nav-link {
  position: relative;
  text-align: center;
  width: 100%;
  padding: 1rem 1.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  border: none !important;
  border-bottom: none !important;
  border-radius: 0;
  background: transparent !important;
  transition: all 0.2s ease;
}
.sms-dashboard__tabs .nav-link:hover {
  color: var(--color-dark, #1c1c1b);
  background-color: rgba(0, 0, 0, 0.02) !important;
}
.sms-dashboard__tabs .nav-link.active {
  color: var(--primary-background-components, var(--color-primary)) !important;
  background-color: transparent !important;
  border-bottom: none !important;
  font-weight: 600 !important;
  font-size: inherit !important;
}
.sms-dashboard__tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 3px;
  background-color: var(--primary-background-components, var(--color-primary));
  border-radius: 3px 3px 0 0;
}
.sms-dashboard__content {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
.sms-dashboard__insights {
  margin-bottom: 1.5rem;
}
.sms-dashboard__insights-header {
  margin-bottom: 1rem;
}
.sms-dashboard__insights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 992px) {
  .sms-dashboard__insights-grid {
    grid-template-columns: 1fr;
  }
}
.sms-dashboard__charts-row {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .sms-dashboard__charts-row {
    flex-direction: column;
  }
}
.sms-dashboard__chart-col--half {
  flex: 1;
  min-width: 0;
}
.sms-dashboard__chart-col--full {
  flex: 1;
  min-width: 0;
}
.sms-dashboard__chart-col--third {
  flex: 0 0 320px;
}
@media (max-width: 992px) {
  .sms-dashboard__chart-col--third {
    flex: 1;
  }
}
.sms-dashboard__chart-col--two-thirds {
  flex: 2;
  min-width: 0;
}
@media (max-width: 992px) {
  .sms-dashboard__chart-col--two-thirds {
    flex: 1;
  }
}
.sms-dashboard__chart-col--half:only-child, .sms-dashboard__chart-col--third:only-child, .sms-dashboard__chart-col--two-thirds:only-child {
  flex: 1;
}
.sms-dashboard__chart-card {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey, #dadce0);
  padding: 1.5rem;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.sms-dashboard__chart-card--empty {
  display: flex;
  flex-direction: column;
}
.sms-dashboard__chart-empty-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 160px;
}
.sms-dashboard__chart-card-header {
  margin-bottom: 1rem;
}
.sms-dashboard__chart-card-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0 0 0.25rem 0;
}
.sms-dashboard__chart-card-subtitle {
  font-size: 0.75rem;
  color: var(--color-grey, #989aac);
  margin: 0;
}
.sms-dashboard__chart-container {
  height: 300px;
}
.sms-dashboard__chart-container--pie {
  height: 280px;
}
.sms-dashboard__inner-card {
  background-color: #f8f9fa;
  border-radius: var(--border-radius-components, 0.5rem);
  border: 1px solid #f0f0f0;
  padding: 1rem;
}
.sms-dashboard__insights-grid .insight-card {
  background-color: #f8f9fa;
  border: 1px solid #f0f0f0;
  border-radius: var(--border-radius-components, 0.5rem);
}
.sms-dashboard .account-consumption-chart,
.sms-dashboard .error-history-chart,
.sms-dashboard .recent-files-table,
.sms-dashboard .user-consumption-list,
.sms-dashboard .recent-activity {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.sms-dashboard .user-consumption-list {
  min-height: 100%;
}
.sms-dashboard__chart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 1rem 0.5rem;
  text-align: center;
  flex-shrink: 0;
}
.sms-dashboard__chart-empty-icon {
  color: var(--color-grey, #989aac);
  margin-bottom: 0.75rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sms-dashboard__chart-empty-text {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--color-grey, #989aac);
  margin: 0;
  max-width: 280px;
}
.sms-dashboard__error-frequency-sections {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sms-dashboard__error-frequency-group:not(:last-child) {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border, #e5e7eb);
}
.sms-dashboard__chart-card-group-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0 0 0.75rem 0;
}.tigo-sms-dashboard {
  background-color: var(--color-white, #f8f8f8);
  min-height: 100vh;
}
.tigo-sms-dashboard__hero {
  padding: 2rem 2rem 1.5rem;
}
.tigo-sms-dashboard__hero-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tigo-sms-dashboard__hero-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tigo-sms-dashboard__hero-text {
  flex: 1;
}
.tigo-sms-dashboard__hero-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 0.25rem 0;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__hero-subtitle {
  font-size: 0.875rem;
  margin: 0;
  color: var(--color-grey, #989aac);
}
.tigo-sms-dashboard__hero-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  flex-wrap: nowrap;
}
@media (max-width: 576px) {
  .tigo-sms-dashboard__hero-actions {
    flex-wrap: wrap;
  }
}
.tigo-sms-dashboard__hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.tigo-sms-dashboard__hero-btn--config {
  background-color: white;
  color: var(--color-dark, #1c1c1b);
  border: 1px solid var(--color-lightgrey, #dadce0);
}
.tigo-sms-dashboard__hero-btn--config:hover {
  background-color: var(--color-white, #f8f8f8);
  border-color: var(--color-grey, #989aac);
}
.tigo-sms-dashboard__hero-btn--export {
  background-color: var(--primary-background-components, var(--color-primary));
  color: white;
  border: none;
  font-weight: 600;
}
.tigo-sms-dashboard__hero-btn--export:hover:not(:disabled) {
  filter: brightness(0.92);
}
.tigo-sms-dashboard__hero-btn--export:disabled {
  background-color: var(--primary-background-components, var(--color-primary));
  color: white;
  opacity: 0.5;
  cursor: not-allowed;
}
.tigo-sms-dashboard__hero-btn--export:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.tigo-sms-dashboard__hero-actions .date-range-picker__trigger {
  background-color: white;
  color: var(--color-dark, #1c1c1b);
  border: 1px solid var(--color-lightgrey, #dadce0);
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.tigo-sms-dashboard__hero-actions .date-range-picker__trigger:hover {
  background-color: var(--color-white, #f8f8f8);
  border-color: var(--color-grey, #989aac);
}
.tigo-sms-dashboard__hero-actions .rdrInRange, .tigo-sms-dashboard__hero-actions .rdrDayInPreview {
  border-radius: 0;
}
.tigo-sms-dashboard__hero-actions .rdrDayHovered {
  border-radius: var(--border-radius-components);
}
.tigo-sms-dashboard__hero-badge {
  background-color: var(--color-lightgrey, #dadce0);
  color: var(--color-grey, #989aac);
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius-components, 0.25rem);
  font-size: 0.6875rem;
  font-weight: 500;
}
.tigo-sms-dashboard__kpi-list {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
  margin-top: -1rem;
  gap: 0;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.tigo-sms-dashboard__kpi-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  position: relative;
}
.tigo-sms-dashboard__kpi-item:last-child {
  border-bottom: none;
}
.tigo-sms-dashboard__kpi-accent {
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 2px 2px 0;
}
.tigo-sms-dashboard__kpi-accent--blue {
  background-color: var(--primary-background-components);
}
.tigo-sms-dashboard__kpi-accent--green {
  background-color: var(--color-success, #28a745);
}
.tigo-sms-dashboard__kpi-accent--red {
  background-color: var(--color-red, #dc3545);
}
.tigo-sms-dashboard__kpi-accent--purple {
  background-color: var(--color-rcs, #5e388a);
}
.tigo-sms-dashboard__kpi-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: var(--border-radius-components, 10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tigo-sms-dashboard__kpi-icon--blue {
  background-color: var(--primary-background-components-light);
  color: var(--primary-background-components);
}
.tigo-sms-dashboard__kpi-icon--green {
  background-color: rgba(40, 167, 69, 0.1);
  color: var(--color-success, #28a745);
}
.tigo-sms-dashboard__kpi-icon--red {
  background-color: rgba(220, 53, 69, 0.1);
  color: var(--color-red, #dc3545);
}
.tigo-sms-dashboard__kpi-icon--purple {
  background-color: rgba(94, 56, 138, 0.1);
  color: var(--color-rcs, #5e388a);
}
.tigo-sms-dashboard__kpi-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.tigo-sms-dashboard__kpi-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.tigo-sms-dashboard__kpi-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-dark, #1c1c1b);
  line-height: 1.2;
}
.tigo-sms-dashboard__kpi-change {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-components, 0.375rem);
}
.tigo-sms-dashboard__kpi-change--positive {
  color: var(--color-success, #28a745);
  background-color: rgba(40, 167, 69, 0.08);
}
.tigo-sms-dashboard__kpi-change--negative {
  color: var(--color-red, #dc3545);
  background-color: rgba(220, 53, 69, 0.08);
}
.tigo-sms-dashboard__nav {
  display: flex;
  gap: 0.5rem;
  padding: 0 2rem;
  margin-bottom: 1.5rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
}
@media (max-width: 768px) {
  .tigo-sms-dashboard__nav {
    padding: 0 1rem;
  }
}
.tigo-sms-dashboard__nav-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  border: 2px solid var(--color-lightgrey, #dadce0);
  border-radius: var(--border-radius-components, 0.5rem);
  background: white;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.tigo-sms-dashboard__nav-pill:hover {
  border-color: var(--primary-background-components);
  color: var(--primary-background-components);
}
.tigo-sms-dashboard__nav-pill--active {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  color: white;
}
.tigo-sms-dashboard__nav-pill--active:hover {
  filter: brightness(0.85);
  color: white;
}
.tigo-sms-dashboard__body {
  padding: 0 2rem 2rem;
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tigo-sms-dashboard__body {
    padding: 0 1rem 1rem;
  }
}
.tigo-sms-dashboard__section {
  margin-bottom: 1px;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  overflow: hidden;
  margin-bottom: 1rem;
}
.tigo-sms-dashboard__section-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-grey, #989aac);
  transition: background-color 0.15s ease;
  text-align: left;
}
.tigo-sms-dashboard__section-toggle:hover {
  background-color: var(--primary-background-components-light);
}
.tigo-sms-dashboard__section-header {
  flex: 1;
}
.tigo-sms-dashboard__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0;
}
.tigo-sms-dashboard__section-subtitle {
  font-size: 0.75rem;
  color: var(--color-grey, #989aac);
  margin: 0.25rem 0 0 0;
}
.tigo-sms-dashboard__section-body {
  padding: 0 1.5rem 1.5rem;
}
.tigo-sms-dashboard__section-body:has(.tigo-sms-dashboard__chart-empty-wrap) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}
.tigo-sms-dashboard__section-body .user-consumption-list__header,
.tigo-sms-dashboard__section-body .recent-activity__header,
.tigo-sms-dashboard__section-body .error-history-chart__header,
.tigo-sms-dashboard__section-body .recent-files-table__header {
  display: none;
}
.tigo-sms-dashboard__chart-empty-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tigo-sms-dashboard .error-history-chart__bar {
  background-color: var(--primary-background-components, var(--color-primary)) !important;
}
.tigo-sms-dashboard .user-consumption-list {
  border: none;
}
.tigo-sms-dashboard .user-consumption-list--errors .user-consumption-list__avatar {
  background-color: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 12%, transparent);
  color: var(--primary-background-components, var(--color-primary));
}
.tigo-sms-dashboard .user-consumption-list--errors .user-consumption-list__percentage--error {
  color: var(--primary-background-components, var(--color-primary));
}
.tigo-sms-dashboard .user-consumption-list--errors .user-consumption-list__progress-bar--error {
  background-color: var(--primary-background-components, var(--color-primary));
}
.tigo-sms-dashboard .user-consumption-list__list {
  position: relative;
  padding-left: 1.5rem;
  gap: 0;
}
.tigo-sms-dashboard .user-consumption-list__list::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--color-lightgrey, #dadce0);
}
.tigo-sms-dashboard .user-consumption-list__item {
  position: relative;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
}
.tigo-sms-dashboard .user-consumption-list__item:last-child {
  border-bottom: none;
}
.tigo-sms-dashboard .user-consumption-list__item::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: calc(0.75rem + 18px);
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  border: 2px solid var(--primary-background-components);
  z-index: 1;
  margin-left: -1px;
}
.tigo-sms-dashboard .user-consumption-list__avatar {
  border-radius: var(--border-radius-components, 8px);
  background-color: color-mix(in srgb, var(--primary-background-components) 12%, transparent);
  color: var(--primary-background-components);
}
.tigo-sms-dashboard .user-consumption-list--errors .user-consumption-list__avatar {
  background-color: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 12%, transparent);
  color: var(--primary-background-components, var(--color-primary));
}
.tigo-sms-dashboard__split-row {
  display: flex;
  gap: 1rem;
}
.tigo-sms-dashboard__split-row > .tigo-sms-dashboard__section {
  flex: 1;
  min-width: 0;
}
@media (max-width: 992px) {
  .tigo-sms-dashboard__split-row {
    flex-direction: column;
  }
}
.tigo-sms-dashboard__loader {
  padding: 2rem 0;
  display: flex;
  justify-content: center;
}
.tigo-sms-dashboard__loader-bar {
  width: 120px;
  height: 4px;
  background-color: var(--color-lightgrey, #dadce0);
  border-radius: var(--border-radius-components, 2px);
  position: relative;
  overflow: hidden;
}
.tigo-sms-dashboard__loader-bar::after {
  content: "";
  position: absolute;
  left: -40%;
  width: 40%;
  height: 100%;
  background-color: var(--primary-background-components);
  border-radius: var(--border-radius-components, 2px);
  animation: tigo-pulse 1.2s ease-in-out infinite;
}
@keyframes tigo-pulse {
  0% {
    left: -40%;
  }
  100% {
    left: 100%;
  }
}
.tigo-sms-dashboard__insights-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.tigo-sms-dashboard__insight-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  position: relative;
}
.tigo-sms-dashboard__insight-item:last-child {
  border-bottom: none;
}
.tigo-sms-dashboard__insight-accent {
  width: 3px;
  min-height: 100%;
  align-self: stretch;
  border-radius: var(--border-radius-components, 2px);
}
.tigo-sms-dashboard__insight-accent--green {
  background-color: var(--color-success, #28a745);
}
.tigo-sms-dashboard__insight-accent--red {
  background-color: var(--color-red, #dc3545);
}
.tigo-sms-dashboard__insight-accent--blue {
  background-color: var(--primary-background-components);
}
.tigo-sms-dashboard__insight-accent--purple {
  background-color: var(--color-rcs, #5e388a);
}
.tigo-sms-dashboard__insight-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tigo-sms-dashboard__insight-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__insight-desc {
  font-size: 0.75rem;
  color: var(--color-grey, #989aac);
  line-height: 1.4;
}
.tigo-sms-dashboard__insight-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.tigo-sms-dashboard__insight-link--positive {
  color: var(--color-success, #28a745);
}
.tigo-sms-dashboard__insight-link--negative {
  color: var(--color-red, #dc3545);
}
.tigo-sms-dashboard__account-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tigo-sms-dashboard__account-item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.tigo-sms-dashboard__account-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tigo-sms-dashboard__account-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__account-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__account-bar-track {
  height: 6px;
  background-color: var(--primary-background-components-light);
  border-radius: var(--border-radius-components, 3px);
  overflow: hidden;
}
.tigo-sms-dashboard__account-bar-fill {
  height: 100%;
  background-color: var(--primary-background-components);
  border-radius: var(--border-radius-components, 3px);
  transition: width 0.4s ease;
}
.tigo-sms-dashboard__account-percentage {
  font-size: 0.6875rem;
  color: var(--color-grey, #989aac);
}
.tigo-sms-dashboard__activity-feed {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-left: 1.5rem;
}
.tigo-sms-dashboard__activity-feed::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--color-lightgrey, #dadce0);
}
.tigo-sms-dashboard__activity-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  position: relative;
}
.tigo-sms-dashboard__activity-item:last-child {
  border-bottom: none;
}
.tigo-sms-dashboard__activity-dot {
  position: absolute;
  left: -1.5rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  border: 2px solid var(--primary-background-components);
  z-index: 1;
  margin-left: -1px;
}
.tigo-sms-dashboard__activity-avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: var(--border-radius-components, 8px);
  background-color: var(--primary-background-components);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary-background-components);
}
.tigo-sms-dashboard__activity-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.tigo-sms-dashboard__activity-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__activity-time {
  font-size: 0.6875rem;
  color: var(--color-grey, #989aac);
}
.tigo-sms-dashboard__activity-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
}
.tigo-sms-dashboard__activity-count {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__activity-status {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius-components, 0.5rem);
}
.tigo-sms-dashboard__activity-status--success {
  color: var(--color-success, #28a745);
  background-color: rgba(40, 167, 69, 0.08);
}
.tigo-sms-dashboard__activity-status--error {
  color: var(--color-red, #dc3545);
  background-color: rgba(220, 53, 69, 0.08);
}
.tigo-sms-dashboard__file-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  overflow: hidden;
  margin-bottom: 1rem;
}
@media (max-width: 992px) {
  .tigo-sms-dashboard__file-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .tigo-sms-dashboard__file-kpis {
    grid-template-columns: 1fr;
  }
}
.tigo-sms-dashboard__file-kpi {
  display: flex;
  align-items: stretch;
  border-right: 1px solid var(--color-lightgrey, #dadce0);
}
.tigo-sms-dashboard__file-kpi:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .tigo-sms-dashboard__file-kpi:nth-child(2) {
    border-right: none;
  }
  .tigo-sms-dashboard__file-kpi:nth-child(1), .tigo-sms-dashboard__file-kpi:nth-child(2) {
    border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  }
}
@media (max-width: 576px) {
  .tigo-sms-dashboard__file-kpi {
    border-right: none;
    border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  }
  .tigo-sms-dashboard__file-kpi:last-child {
    border-bottom: none;
  }
}
.tigo-sms-dashboard__file-kpi-accent {
  width: 4px;
  flex-shrink: 0;
}
.tigo-sms-dashboard__file-kpi-accent--blue {
  background-color: var(--primary-background-components);
}
.tigo-sms-dashboard__file-kpi-accent--green {
  background-color: var(--color-success, #28a745);
}
.tigo-sms-dashboard__file-kpi-accent--purple {
  background-color: var(--color-rcs, #5e388a);
}
.tigo-sms-dashboard__file-kpi-body {
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tigo-sms-dashboard__file-kpi-label {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.tigo-sms-dashboard__file-kpi-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-dark, #1c1c1b);
}
.tigo-sms-dashboard__file-kpi-change {
  font-size: 0.6875rem;
  font-weight: 500;
}
.tigo-sms-dashboard__file-kpi-change--positive {
  color: #16a34a;
}
.tigo-sms-dashboard__file-kpi-change--negative {
  color: #dc2626;
}
.tigo-sms-dashboard__file-kpi-change--neutral {
  color: var(--color-grey, #989aac);
}
.tigo-sms-dashboard__chart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 1rem 0.5rem;
  text-align: center;
  flex-shrink: 0;
}
.tigo-sms-dashboard__chart-empty-icon {
  color: var(--color-grey, #989aac);
  margin-bottom: 0.75rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tigo-sms-dashboard__chart-empty-text {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--color-grey, #989aac);
  margin: 0;
  max-width: 280px;
}
.tigo-sms-dashboard__error-frequency-sections {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.tigo-sms-dashboard__error-frequency-group:not(:last-child) {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
}
.tigo-sms-dashboard__group-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0 0 0.75rem 0;
}.sms-dashboard-wrapper {
  width: 100%;
  min-height: 100vh;
}
.sms-dashboard-wrapper--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sms-dashboard-wrapper__loader {
  font-size: 1rem;
  color: var(--color-grey, #989aac);
}.reseller-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0;
  margin-bottom: 1.5rem;
}
.reseller-dashboard-header__left {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.reseller-dashboard-header__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-dark, #1c1c1b);
  margin: 0;
  line-height: 1.2;
}
.reseller-dashboard-header__subtitle {
  font-size: 0.875rem;
  color: var(--color-grey, #989aac);
  margin: 0;
}
.reseller-dashboard-header__right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.reseller-dashboard-header__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, filter 0.15s ease, opacity 0.15s ease;
  width: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
}
.reseller-dashboard-header__btn--config {
  background: #fff;
  border: 1px solid var(--color-lightgrey, #dadce0);
  color: var(--color-dark, #1c1c1b);
}
.reseller-dashboard-header__btn--config:hover {
  background: var(--color-white, #f3f4f6);
  border-color: var(--color-grey, #989aac);
}
.reseller-dashboard-header__btn--export {
  background-color: var(--primary-background-components, var(--color-primary, #28313a));
  border: none;
  color: #fff;
}
.reseller-dashboard-header__btn--export:hover:not(:disabled) {
  filter: brightness(0.85);
}
.reseller-dashboard-header__btn--export:disabled {
  background-color: var(--primary-background-components, var(--color-primary, #28313a));
  color: #fff;
  opacity: 0.5;
  cursor: not-allowed;
}
.reseller-dashboard-header__btn--export:focus, .reseller-dashboard-header__btn--export.focus, .reseller-dashboard-header__btn--export:active {
  background-color: var(--primary-background-components, var(--color-primary, #28313a)) !important;
  border-color: transparent;
  color: #fff;
}
.reseller-dashboard-header__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius-components, 0.25rem);
  background-color: var(--color-lightgrey);
  color: var(--color-grey);
  font-size: 0.75rem;
}
.reseller-dashboard-header--tigo {
  margin-bottom: 0;
  flex: 1 1 auto;
  width: 100%;
}
.reseller-dashboard-header--tigo .reseller-dashboard-header__title {
  color: var(--color-dark, #1c1c1b);
  font-size: 1.75rem;
  font-weight: 700;
}
.reseller-dashboard-header--tigo .reseller-dashboard-header__subtitle {
  color: var(--color-grey, #989aac);
}
.reseller-dashboard-header--tigo .reseller-dashboard-header__btn--config {
  background: #fff;
  border-color: var(--color-lightgrey, #dadce0);
  color: var(--color-dark, #1c1c1b);
}
.reseller-dashboard-header--tigo .reseller-dashboard-header__btn--config:hover {
  background: var(--color-white, #f8f8f8);
  border-color: var(--color-grey, #989aac);
}
.reseller-dashboard-header--tigo .reseller-dashboard-header__badge {
  background-color: var(--color-lightgrey);
  color: var(--color-grey);
}
@media (max-width: 992px) {
  .reseller-dashboard-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .reseller-dashboard-header__right {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}.reseller-kpis-row__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}
.reseller-kpis-row__grid .metric-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.reseller-kpi-delivery {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.reseller-kpi-delivery__error {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-red, #dc3545);
}

.reseller-kpi-send-type .metric-card__value:empty {
  margin-bottom: 0;
}
.reseller-kpi-send-type .metric-card__breakdown {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.reseller-kpi-card--skeleton {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  padding: 1.25rem;
  border: 1px solid var(--color-lightgrey);
  min-width: 200px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.reseller-kpi-card__skeleton-line {
  background: linear-gradient(90deg, var(--color-lightgrey) 25%, rgba(0, 0, 0, 0.04) 50%, var(--color-lightgrey) 75%);
  background-size: 200% 100%;
  animation: reseller-kpi-shimmer 1.4s linear infinite;
  border-radius: 4px;
}
.reseller-kpi-card__skeleton-line--title {
  height: 12px;
  width: 60%;
}
.reseller-kpi-card__skeleton-line--value {
  height: 28px;
  width: 80%;
}

@keyframes reseller-kpi-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}.reseller-insights {
  background: white;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.75rem);
  padding: 1rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.reseller-insights__header {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.reseller-insights__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
}
.reseller-insights__subtitle {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
}
.reseller-insights__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.875rem;
}
@media (max-width: 900px) {
  .reseller-insights__grid {
    grid-template-columns: 1fr;
  }
}
.reseller-insights__grid--scroll {
  max-height: 520px;
  overflow-y: auto;
  padding-right: 0.25rem;
}
.reseller-insights__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem 1rem;
  background: white;
  border: 1px dashed var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.75rem);
  color: var(--color-grey);
}
.reseller-insights__empty p {
  margin: 0;
  font-size: 0.875rem;
  text-align: center;
}

.reseller-insight-skeleton {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
}
.reseller-insight-skeleton__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: var(--color-lightgrey);
  animation: reseller-insight-shimmer 1.4s linear infinite;
}
.reseller-insight-skeleton__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reseller-insight-skeleton__line {
  background: var(--color-lightgrey);
  border-radius: 4px;
  animation: reseller-insight-shimmer 1.4s linear infinite;
}
.reseller-insight-skeleton__line--title {
  height: 14px;
  width: 60%;
}
.reseller-insight-skeleton__line--desc {
  height: 12px;
  width: 90%;
}

@keyframes reseller-insight-shimmer {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}.collapsible-list {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.collapsible-list__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.collapsible-list__header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.collapsible-list__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.collapsible-list__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
  line-height: 1.3;
}
.collapsible-list__total-badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey);
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}
.collapsible-list__description {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
  line-height: 1.4;
}
.collapsible-list__search {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 220px;
}
.collapsible-list__search-icon {
  position: absolute;
  left: 0.625rem;
  color: var(--color-grey);
  pointer-events: none;
}
.collapsible-list__search-input {
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  font-size: 0.875rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.5rem);
  background-color: white;
  color: var(--color-dark);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.collapsible-list__search-input::placeholder {
  color: var(--color-grey);
}
.collapsible-list__search-input:focus {
  border-color: var(--primary-background-components, var(--color-primary));
  box-shadow: 0 0 0 2px var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.12));
}
.collapsible-list__body {
  position: relative;
  max-height: 480px;
  overflow-y: auto;
}
.collapsible-list--expanded .collapsible-list__body {
  max-height: 720px;
}
.collapsible-list__table {
  width: 100%;
}
.collapsible-list__head {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-grey);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  user-select: none;
}
.collapsible-list__head--center {
  text-align: center;
}
.collapsible-list__head--right {
  text-align: right;
}
.collapsible-list__head--sortable {
  cursor: pointer;
}
.collapsible-list__head--sortable:hover {
  color: var(--color-dark);
}
.collapsible-list__head--sortable:focus {
  outline: none;
}
.collapsible-list__head--sortable:focus-visible {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: -2px;
}
.collapsible-list__head-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.collapsible-list__sort-indicator {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0.5;
  line-height: 0;
}
.collapsible-list__sort-indicator--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.collapsible-list__sort-arrow {
  opacity: 0.6;
}
.collapsible-list__sort-arrow--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.collapsible-list__cell {
  font-size: 0.875rem;
  color: var(--color-dark);
}
.collapsible-list__cell--center {
  text-align: center;
}
.collapsible-list__cell--right {
  text-align: right;
}
.collapsible-list__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2.5rem 1rem;
  text-align: center;
}
.collapsible-list__empty-icon {
  color: var(--color-grey);
  opacity: 0.6;
}
.collapsible-list__empty-message {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.collapsible-list__skeleton-row {
  height: 2.75rem;
}
.collapsible-list__skeleton-bar {
  height: 0.75rem;
  width: 80%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--color-lightgrey) 0%, rgba(0, 0, 0, 0.04) 50%, var(--color-lightgrey) 100%);
  background-size: 200% 100%;
  animation: collapsible-list-shimmer 1.4s ease-in-out infinite;
}
.collapsible-list__footer {
  display: flex;
  justify-content: center;
  padding-top: 0.25rem;
}
.collapsible-list__toggle {
  width: auto;
  background: none;
  border: none;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--primary-background-components, var(--color-primary));
  cursor: pointer;
  border-radius: var(--border-radius-components, 0.375rem);
  transition: background-color 0.15s ease;
}
.collapsible-list__toggle:hover {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
}
.collapsible-list__toggle:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}

@keyframes collapsible-list-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}.reseller-upcoming-scheduled__pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem 0;
  justify-content: flex-end;
  width: 100%;
}

.reseller-upcoming-scheduled__pagination-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  font-variant-numeric: tabular-nums;
  margin-right: 0.5rem;
}

.reseller-upcoming-scheduled__pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.reseller-upcoming-scheduled__pagination-btn:hover:not(:disabled) {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
}
.reseller-upcoming-scheduled__pagination-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.reseller-upcoming-scheduled__pagination-btn:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}

.reseller-upcoming-scheduled-wrapper {
  display: flex;
  flex-direction: column;
}

.reseller-upcoming-scheduled {
  background: white;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.75rem);
  padding: 1rem 1.25rem 1.25rem;
}
.reseller-upcoming-scheduled__header {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-bottom: 0.75rem;
}
.reseller-upcoming-scheduled__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
}
.reseller-upcoming-scheduled__subtitle {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
}
.reseller-upcoming-scheduled__no-permission {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem 1rem;
  color: var(--color-grey);
  text-align: center;
}
.reseller-upcoming-scheduled__no-permission p {
  margin: 0;
  font-size: 0.875rem;
  max-width: 360px;
}
.reseller-upcoming-scheduled__name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-dark);
  display: inline-block;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.reseller-upcoming-scheduled__account {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-dark);
}
.reseller-upcoming-scheduled__user {
  font-size: 0.8125rem;
  color: var(--color-grey);
}
.reseller-upcoming-scheduled__date {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.reseller-upcoming-scheduled__date-relative {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-dark);
  text-transform: lowercase;
}
.reseller-upcoming-scheduled__date-absolute {
  font-size: 0.6875rem;
  color: var(--color-grey);
}
.reseller-upcoming-scheduled__date-empty, .reseller-upcoming-scheduled__tags-empty {
  color: var(--color-grey);
  font-size: 0.8125rem;
}
.reseller-upcoming-scheduled__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.reseller-upcoming-scheduled__tag {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  background: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
  color: var(--primary-background-components, var(--color-primary));
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.4;
}
.reseller-upcoming-scheduled__tag--more {
  background: var(--color-lightgrey);
  color: var(--color-grey);
}.reseller-active-users-list .reseller-active-users__user {
  font-weight: 500;
  color: var(--color-dark);
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reseller-active-users-list .reseller-active-users__number {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--color-dark);
}
.reseller-active-users-list .reseller-active-users__number--muted {
  color: var(--color-grey);
  font-weight: 400;
}
.reseller-active-users-list .reseller-active-users__last-login {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  color: var(--color-dark);
  font-weight: 500;
  line-height: 1.2;
}
.reseller-active-users-list .reseller-active-users__last-login--never {
  color: var(--color-grey);
  font-style: italic;
  font-weight: 400;
}.reseller-stacked-traffic {
  width: 100%;
}
.reseller-stacked-traffic__tooltip {
  background: white;
  border: 1px solid var(--color-lightgrey);
  border-radius: 8px;
  padding: 0.625rem 0.75rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  font-size: 0.75rem;
  min-width: 180px;
}
.reseller-stacked-traffic__tooltip-title {
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 0.375rem;
  font-size: 0.8125rem;
}
.reseller-stacked-traffic__tooltip-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.125rem 0;
}
.reseller-stacked-traffic__tooltip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.reseller-stacked-traffic__tooltip-label {
  flex: 1;
  color: var(--color-grey);
}
.reseller-stacked-traffic__tooltip-value {
  font-weight: 600;
  color: var(--color-dark);
}
.reseller-stacked-traffic__tooltip-total {
  display: flex;
  justify-content: space-between;
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--color-lightgrey);
  font-weight: 600;
  color: var(--color-dark);
}.reseller-chart-widget {
  background: white;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.75rem);
  padding: 1rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
}
.reseller-chart-widget__header {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.reseller-chart-widget__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
}
.reseller-chart-widget__subtitle {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
}
.reseller-chart-widget__body {
  flex: 1;
  min-height: 280px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.reseller-chart-widget__body > * {
  width: 100%;
}
.reseller-chart-widget__skeleton {
  flex: 1;
  background: linear-gradient(90deg, var(--color-lightgrey) 25%, rgba(0, 0, 0, 0.04) 50%, var(--color-lightgrey) 75%);
  background-size: 200% 100%;
  animation: reseller-chart-shimmer 1.4s linear infinite;
  border-radius: 8px;
  min-height: 280px;
}

@keyframes reseller-chart-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.reseller-health-pie-summary {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.reseller-health-pie-summary__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.reseller-health-pie-summary__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller-health-pie-summary__row:last-child {
  border-bottom: none;
}
.reseller-health-pie-summary__label {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-grey);
  line-height: 1.2;
}
.reseller-health-pie-summary__value {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-dark);
  line-height: 1.2;
  white-space: nowrap;
}
.reseller-health-pie-summary__note {
  margin: 0;
  font-size: 0.6875rem;
  color: var(--color-grey);
  line-height: 1.3;
}.subaccounts-by-files-table {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.subaccounts-by-files-table__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.subaccounts-by-files-table__header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.subaccounts-by-files-table__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.subaccounts-by-files-table__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
  line-height: 1.3;
}
.subaccounts-by-files-table__total-badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey);
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}
.subaccounts-by-files-table__description {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
  line-height: 1.4;
}
.subaccounts-by-files-table__body {
  position: relative;
  overflow-x: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.subaccounts-by-files-table__table {
  width: 100%;
}
.subaccounts-by-files-table__head {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-grey);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  user-select: none;
}
.subaccounts-by-files-table__head--center {
  text-align: center;
}
.subaccounts-by-files-table__head--right {
  text-align: right;
}
.subaccounts-by-files-table__head--sortable {
  cursor: pointer;
}
.subaccounts-by-files-table__head--sortable:hover {
  color: var(--color-dark);
}
.subaccounts-by-files-table__head--sortable:focus {
  outline: none;
}
.subaccounts-by-files-table__head--sortable:focus-visible {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: -2px;
}
.subaccounts-by-files-table__head-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.subaccounts-by-files-table__sort-indicator {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0.5;
  line-height: 0;
}
.subaccounts-by-files-table__sort-indicator--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.subaccounts-by-files-table__sort-arrow {
  opacity: 0.6;
}
.subaccounts-by-files-table__sort-arrow--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.subaccounts-by-files-table__cell {
  font-size: 0.875rem;
  color: var(--color-dark);
  vertical-align: middle;
}
.subaccounts-by-files-table__cell--center {
  text-align: center;
}
.subaccounts-by-files-table__cell--right {
  text-align: right;
}
.subaccounts-by-files-table__name {
  font-weight: 500;
  color: var(--color-dark);
}
.subaccounts-by-files-table__number {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--color-dark);
}
.subaccounts-by-files-table__number--muted {
  color: var(--color-grey);
  font-weight: 400;
}
.subaccounts-by-files-table__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2.5rem 1rem;
  text-align: center;
}
.subaccounts-by-files-table__empty-icon {
  color: var(--color-grey);
  opacity: 0.6;
}
.subaccounts-by-files-table__empty-message {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.subaccounts-by-files-table__skeleton-row {
  height: 2.75rem;
}
.subaccounts-by-files-table__skeleton-bar {
  height: 0.75rem;
  width: 80%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--color-lightgrey) 0%, rgba(0, 0, 0, 0.04) 50%, var(--color-lightgrey) 100%);
  background-size: 200% 100%;
  animation: subaccounts-by-files-shimmer 1.4s ease-in-out infinite;
}
.subaccounts-by-files-table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-lightgrey);
}
.subaccounts-by-files-table__page-size {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.subaccounts-by-files-table__page-size-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
}
.subaccounts-by-files-table__page-size-select {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
}
.subaccounts-by-files-table__page-size-select:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}
.subaccounts-by-files-table__pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.subaccounts-by-files-table__pagination-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  font-variant-numeric: tabular-nums;
}
.subaccounts-by-files-table__pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.subaccounts-by-files-table__pagination-btn:hover:not(:disabled) {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
}
.subaccounts-by-files-table__pagination-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.subaccounts-by-files-table__pagination-btn:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}

@keyframes subaccounts-by-files-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}.subaccounts-master-table {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.subaccounts-master-table__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.subaccounts-master-table__header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.subaccounts-master-table__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.subaccounts-master-table__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
  line-height: 1.3;
}
.subaccounts-master-table__total-badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey);
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}
.subaccounts-master-table__description {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
  line-height: 1.4;
}
.subaccounts-master-table__search {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 240px;
}
.subaccounts-master-table__search-icon {
  position: absolute;
  left: 0.625rem;
  color: var(--color-grey);
  pointer-events: none;
}
.subaccounts-master-table__search-input {
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  font-size: 0.875rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.5rem);
  background-color: white;
  color: var(--color-dark);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.subaccounts-master-table__search-input::placeholder {
  color: var(--color-grey);
}
.subaccounts-master-table__search-input:focus {
  border-color: var(--primary-background-components, var(--color-primary));
  box-shadow: 0 0 0 2px var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.12));
}
.subaccounts-master-table__body {
  position: relative;
  overflow-x: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.subaccounts-master-table__table {
  width: 100%;
}
.subaccounts-master-table__head {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-grey);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  user-select: none;
}
.subaccounts-master-table__head--center {
  text-align: center;
}
.subaccounts-master-table__head--right {
  text-align: right;
}
.subaccounts-master-table__head--sortable {
  cursor: pointer;
}
.subaccounts-master-table__head--sortable:hover {
  color: var(--color-dark);
}
.subaccounts-master-table__head--sortable:focus {
  outline: none;
}
.subaccounts-master-table__head--sortable:focus-visible {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: -2px;
}
.subaccounts-master-table__head-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.subaccounts-master-table__sort-indicator {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0.5;
  line-height: 0;
}
.subaccounts-master-table__sort-indicator--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.subaccounts-master-table__sort-arrow {
  opacity: 0.6;
}
.subaccounts-master-table__sort-arrow--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.subaccounts-master-table__cell {
  font-size: 0.875rem;
  color: var(--color-dark);
  vertical-align: middle;
}
.subaccounts-master-table__cell--center {
  text-align: center;
}
.subaccounts-master-table__cell--right {
  text-align: right;
}
.subaccounts-master-table__name {
  font-weight: 500;
  color: var(--color-dark);
}
.subaccounts-master-table__number {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--color-dark);
}
.subaccounts-master-table__number--muted {
  color: var(--color-grey);
  font-weight: 400;
}
.subaccounts-master-table__number--danger {
  color: var(--color-red, #d9534f);
}
.subaccounts-master-table__send-type-cell {
  display: inline-block;
  min-width: 3.5rem;
}
.subaccounts-master-table__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.subaccounts-master-table__chip--prepaid {
  background-color: rgba(40, 167, 69, 0.12);
  color: var(--color-success, #2f855a);
}
.subaccounts-master-table__chip--postpaid {
  background-color: rgba(0, 71, 255, 0.1);
  color: var(--primary-background-components, var(--color-primary, #1d4ed8));
}
.subaccounts-master-table__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2.5rem 1rem;
  text-align: center;
}
.subaccounts-master-table__empty-icon {
  color: var(--color-grey);
  opacity: 0.6;
}
.subaccounts-master-table__empty-message {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.subaccounts-master-table__skeleton-row {
  height: 2.75rem;
}
.subaccounts-master-table__skeleton-bar {
  height: 0.75rem;
  width: 80%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--color-lightgrey) 0%, rgba(0, 0, 0, 0.04) 50%, var(--color-lightgrey) 100%);
  background-size: 200% 100%;
  animation: subaccounts-master-shimmer 1.4s ease-in-out infinite;
}
.subaccounts-master-table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-lightgrey);
}
.subaccounts-master-table__page-size {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.subaccounts-master-table__page-size-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
}
.subaccounts-master-table__page-size-select {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
}
.subaccounts-master-table__page-size-select:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}
.subaccounts-master-table__pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.subaccounts-master-table__pagination-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  font-variant-numeric: tabular-nums;
}
.subaccounts-master-table__pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.subaccounts-master-table__pagination-btn:hover:not(:disabled) {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
}
.subaccounts-master-table__pagination-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.subaccounts-master-table__pagination-btn:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}

@keyframes subaccounts-master-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}.files-listing-table {
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  border: 1px solid var(--color-lightgrey);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
.files-listing-table__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.files-listing-table__header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.files-listing-table__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.files-listing-table__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0;
  line-height: 1.3;
}
.files-listing-table__total-badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey);
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}
.files-listing-table__description {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
  line-height: 1.4;
}
.files-listing-table__search {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 240px;
}
.files-listing-table__search-icon {
  position: absolute;
  left: 0.625rem;
  color: var(--color-grey);
  pointer-events: none;
}
.files-listing-table__search-input {
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  font-size: 0.875rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.5rem);
  background-color: white;
  color: var(--color-dark);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.files-listing-table__search-input::placeholder {
  color: var(--color-grey);
}
.files-listing-table__search-input:focus {
  border-color: var(--primary-background-components, var(--color-primary));
  box-shadow: 0 0 0 2px var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.12));
}
.files-listing-table__body {
  position: relative;
  overflow-x: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.files-listing-table__table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.files-listing-table__head {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-grey);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  user-select: none;
  white-space: nowrap;
}
.files-listing-table__head--center {
  text-align: center;
}
.files-listing-table__head--right {
  text-align: right;
}
.files-listing-table__head--sortable {
  cursor: pointer;
}
.files-listing-table__head--sortable:hover {
  color: var(--color-dark);
}
.files-listing-table__head--sortable:focus {
  outline: none;
}
.files-listing-table__head--sortable:focus-visible {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: -2px;
}
.files-listing-table__head-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.files-listing-table__sort-indicator {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0.5;
  line-height: 0;
}
.files-listing-table__sort-indicator--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.files-listing-table__sort-arrow {
  opacity: 0.6;
}
.files-listing-table__sort-arrow--active {
  opacity: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.files-listing-table__cell {
  font-size: 0.875rem;
  color: var(--color-dark);
  vertical-align: middle;
}
.files-listing-table__cell--center {
  text-align: center;
}
.files-listing-table__cell--right {
  text-align: right;
}
.files-listing-table__filename {
  font-weight: 500;
  color: var(--color-dark);
  display: inline-block;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.files-listing-table__cell-text {
  color: var(--color-dark);
}
.files-listing-table__muted {
  color: var(--color-grey);
}
.files-listing-table__number {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--color-dark);
}
.files-listing-table__number--accent {
  color: var(--primary-background-components, var(--color-primary));
}
.files-listing-table__date {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  color: var(--color-dark);
  line-height: 1.2;
}
.files-listing-table__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.files-listing-table__chip--immediate {
  background-color: rgba(40, 167, 69, 0.12);
  color: var(--color-success, #2f855a);
}
.files-listing-table__chip--scheduled {
  background-color: rgba(111, 66, 193, 0.12);
  color: var(--color-rcs, #6f42c1);
}
.files-listing-table__status {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.06);
  color: var(--color-dark);
  text-transform: capitalize;
  line-height: 1.5;
}
.files-listing-table__status--processed, .files-listing-table__status--sent {
  background-color: rgba(40, 167, 69, 0.12);
  color: var(--color-success, #2f855a);
}
.files-listing-table__status--processing, .files-listing-table__status--pending {
  background-color: rgba(0, 71, 255, 0.1);
  color: var(--primary-background-components, var(--color-primary, #1d4ed8));
}
.files-listing-table__status--scheduled {
  background-color: rgba(111, 66, 193, 0.12);
  color: var(--color-rcs, #6f42c1);
}
.files-listing-table__status--error, .files-listing-table__status--canceled {
  background-color: rgba(217, 83, 79, 0.12);
  color: var(--color-red, #d9534f);
}
.files-listing-table__tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: 200px;
}
.files-listing-table__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.4rem;
  font-size: 0.6875rem;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--color-dark);
  border-radius: 999px;
  white-space: nowrap;
}
.files-listing-table__tag--more {
  background-color: rgba(0, 71, 255, 0.08);
  color: var(--primary-background-components, var(--color-primary));
}
.files-listing-table__message {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-grey);
  font-size: 0.8125rem;
  vertical-align: middle;
}
.files-listing-table__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2.5rem 1rem;
  text-align: center;
}
.files-listing-table__empty-icon {
  color: var(--color-grey);
  opacity: 0.6;
}
.files-listing-table__empty-message {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.files-listing-table__skeleton-row {
  height: 2.75rem;
}
.files-listing-table__skeleton-bar {
  height: 0.75rem;
  width: 80%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--color-lightgrey) 0%, rgba(0, 0, 0, 0.04) 50%, var(--color-lightgrey) 100%);
  background-size: 200% 100%;
  animation: files-listing-shimmer 1.4s ease-in-out infinite;
}
.files-listing-table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-lightgrey);
}
.files-listing-table__page-size {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.files-listing-table__page-size-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  margin: 0;
}
.files-listing-table__page-size-select {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
}
.files-listing-table__page-size-select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.files-listing-table__page-size-select:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}
.files-listing-table__pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.files-listing-table__pagination-label {
  font-size: 0.8125rem;
  color: var(--color-grey);
  font-variant-numeric: tabular-nums;
}
.files-listing-table__pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components, 0.375rem);
  background-color: white;
  color: var(--color-dark);
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.files-listing-table__pagination-btn:hover:not(:disabled) {
  background-color: var(--color-soft-blue-light-2, rgba(0, 71, 255, 0.08));
}
.files-listing-table__pagination-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.files-listing-table__pagination-btn:focus {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}

@keyframes files-listing-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}.reseller-dashboard {
  padding: 1.5rem;
  background-color: #f5f7fa;
  min-height: 100vh;
}
.reseller-dashboard__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.reseller-dashboard__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0 0 0.25rem 0;
}
.reseller-dashboard__subtitle {
  font-size: 0.875rem;
  color: var(--color-grey, #989aac);
  margin: 0;
}
.reseller-dashboard__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reseller-dashboard__config-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  background: #fff;
  border: 1px solid var(--color-lightgrey, #dadce0);
  border-radius: var(--border-radius-components, 8px);
  font-size: 0.875rem;
  color: var(--color-dark, #1c1c1b);
  cursor: pointer;
  transition: background 0.15s ease;
}
.reseller-dashboard__config-btn:hover {
  background: #f3f4f6;
}
.reseller-dashboard__config-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  background: var(--color-primary, #28313a);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
}
.reseller-dashboard__tabs {
  background-color: white;
  border-radius: var(--border-radius-components, 0.5rem);
  border: 1px solid var(--color-lightgrey, #dadce0);
  padding: 0;
  margin-bottom: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  height: auto !important;
}
.reseller-dashboard__tabs .nav-item {
  flex: 1;
  margin: 0;
}
.reseller-dashboard__tabs .nav-link {
  position: relative;
  text-align: center;
  width: 100%;
  padding: 1rem 1.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  border: none !important;
  border-bottom: none !important;
  border-radius: 0;
  background: transparent !important;
  transition: all 0.2s ease;
}
.reseller-dashboard__tabs .nav-link:hover {
  color: var(--color-dark, #1c1c1b);
  background-color: rgba(0, 0, 0, 0.02) !important;
}
.reseller-dashboard__tabs .nav-link.active {
  color: var(--primary-background-components, var(--color-primary)) !important;
  background-color: transparent !important;
  border-bottom: none !important;
  font-weight: 600 !important;
  font-size: inherit !important;
}
.reseller-dashboard__tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 3px;
  background-color: var(--primary-background-components, var(--color-primary));
  border-radius: 3px 3px 0 0;
}
.reseller-dashboard__content {
  min-height: 200px;
}
.reseller-dashboard__tab-panel {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.reseller-dashboard__section {
  margin: 0;
}
.reseller-dashboard__section--kpis {
  margin-bottom: 1.5rem;
}
.reseller-dashboard__charts-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.reseller-dashboard__chart-col {
  flex: 1 1 100%;
  min-width: 0;
}
.reseller-dashboard__chart-col--half {
  flex: 1 1 calc(50% - 0.625rem);
}
.reseller-dashboard__chart-col--two-thirds {
  flex: 1 1 calc(66.6666% - 0.625rem);
}
.reseller-dashboard__chart-col--one-third {
  flex: 1 1 calc(33.3333% - 0.625rem);
}.tigo-reseller-dashboard__kpi-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: white;
  border-radius: var(--border-radius-components, 0.75rem);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.tigo-reseller-dashboard__kpi-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  position: relative;
}
.tigo-reseller-dashboard__kpi-item:last-child {
  border-bottom: none;
}
.tigo-reseller-dashboard__kpi-accent {
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 2px 2px 0;
}
.tigo-reseller-dashboard__kpi-accent--blue {
  background-color: var(--primary-background-components);
}
.tigo-reseller-dashboard__kpi-accent--green {
  background-color: var(--color-success, #28a745);
}
.tigo-reseller-dashboard__kpi-accent--red {
  background-color: var(--color-red, #dc3545);
}
.tigo-reseller-dashboard__kpi-accent--purple {
  background-color: var(--color-rcs, #5e388a);
}
.tigo-reseller-dashboard__kpi-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: var(--border-radius-components, 10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tigo-reseller-dashboard__kpi-icon--blue {
  background-color: var(--primary-background-components-light);
  color: var(--primary-background-components);
}
.tigo-reseller-dashboard__kpi-icon--green {
  background-color: rgba(40, 167, 69, 0.1);
  color: var(--color-success, #28a745);
}
.tigo-reseller-dashboard__kpi-icon--red {
  background-color: rgba(220, 53, 69, 0.1);
  color: var(--color-red, #dc3545);
}
.tigo-reseller-dashboard__kpi-icon--purple {
  background-color: rgba(94, 56, 138, 0.1);
  color: var(--color-rcs, #5e388a);
}
.tigo-reseller-dashboard__kpi-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.tigo-reseller-dashboard__kpi-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.tigo-reseller-dashboard__kpi-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-dark, #1c1c1b);
  line-height: 1.2;
}
.tigo-reseller-dashboard__kpi-error {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-red, #dc3545);
}
.tigo-reseller-dashboard__kpi-breakdown {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.tigo-reseller-dashboard__kpi-breakdown-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
}
.tigo-reseller-dashboard__kpi-breakdown-label {
  font-size: 0.8125rem;
  color: var(--color-grey, #989aac);
}
.tigo-reseller-dashboard__kpi-breakdown-value {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--color-dark, #1c1c1b);
}
.tigo-reseller-dashboard__kpi-item--skeleton .tigo-reseller-dashboard__kpi-info {
  gap: 0.5rem;
}
.tigo-reseller-dashboard__kpi-skeleton-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: var(--border-radius-components, 10px);
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
  background-size: 400% 100%;
  animation: tigo-kpi-skeleton 1.4s ease infinite;
}
.tigo-reseller-dashboard__kpi-skeleton-line {
  height: 0.75rem;
  border-radius: var(--border-radius-components, 4px);
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
  background-size: 400% 100%;
  animation: tigo-kpi-skeleton 1.4s ease infinite;
}
.tigo-reseller-dashboard__kpi-skeleton-line--label {
  width: 40%;
}
.tigo-reseller-dashboard__kpi-skeleton-line--value {
  width: 60%;
  height: 1.25rem;
}
@keyframes tigo-kpi-skeleton {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}.tigo-reseller-dashboard {
  min-height: 100vh;
  background-color: var(--color-white, #f8f8f8);
}
.tigo-reseller-dashboard__hero {
  padding: 2rem 2rem 1.5rem;
}
.tigo-reseller-dashboard__hero-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  max-width: 1400px;
  margin: 0 auto;
}
.tigo-reseller-dashboard__kpis {
  padding: 0 2rem;
  max-width: 1400px;
  margin: 0 auto 1.5rem;
}
.tigo-reseller-dashboard__nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0 2rem;
  margin: 0 auto 1.5rem;
  max-width: 1400px;
  overflow-x: auto;
}
@media (max-width: 768px) {
  .tigo-reseller-dashboard__nav {
    padding: 0 1rem;
  }
}
.tigo-reseller-dashboard__nav-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  border: 2px solid var(--color-lightgrey, #dadce0);
  border-radius: var(--border-radius-components, 0.5rem);
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-grey, #989aac);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.tigo-reseller-dashboard__nav-pill:hover {
  border-color: var(--primary-background-components);
  color: var(--primary-background-components);
}
.tigo-reseller-dashboard__nav-pill--active {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  color: #fff;
}
.tigo-reseller-dashboard__nav-pill--active:hover {
  filter: brightness(0.85);
  color: #fff;
}
.tigo-reseller-dashboard__content {
  padding: 0 2rem 2rem;
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tigo-reseller-dashboard__content {
    padding: 0 1rem 1rem;
  }
}
.tigo-reseller-dashboard__section {
  background: #fff;
  border-radius: var(--border-radius-components, 0.75rem);
  overflow: hidden;
  margin-bottom: 1rem;
}
.tigo-reseller-dashboard__section-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-grey, #989aac);
  transition: background-color 0.15s ease;
  text-align: left;
}
.tigo-reseller-dashboard__section-toggle:hover {
  background-color: var(--primary-background-components-light);
}
.tigo-reseller-dashboard__section-header {
  flex: 1;
}
.tigo-reseller-dashboard__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
  margin: 0;
}
.tigo-reseller-dashboard__section-subtitle {
  font-size: 0.75rem;
  color: var(--color-grey, #989aac);
  margin: 0.25rem 0 0 0;
}
.tigo-reseller-dashboard__section-body {
  padding: 0 1.5rem 1.5rem;
}
.tigo-reseller-dashboard__section-body .reseller-chart-widget,
.tigo-reseller-dashboard__section-body .reseller-insights,
.tigo-reseller-dashboard__section-body .subaccounts-master-table,
.tigo-reseller-dashboard__section-body .files-listing-table,
.tigo-reseller-dashboard__section-body .collapsible-list {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.tigo-reseller-dashboard__section-body .reseller-insights__empty {
  border: none;
  background: transparent;
}
.tigo-reseller-dashboard__split-row {
  display: flex;
  gap: 1rem;
}
.tigo-reseller-dashboard__split-row > .tigo-reseller-dashboard__section {
  flex: 1;
  min-width: 0;
}
@media (max-width: 992px) {
  .tigo-reseller-dashboard__split-row {
    flex-direction: column;
  }
}
.tigo-reseller-dashboard .reseller-insights__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.tigo-reseller-dashboard .reseller-insights__list-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-lightgrey, #dadce0);
  position: relative;
}
.tigo-reseller-dashboard .reseller-insights__list-item:last-child {
  border-bottom: none;
}
.tigo-reseller-dashboard .reseller-insights__list-accent {
  width: 3px;
  min-height: 100%;
  align-self: stretch;
  border-radius: var(--border-radius-components, 2px);
}
.tigo-reseller-dashboard .reseller-insights__list-accent--green {
  background-color: var(--color-success, #28a745);
}
.tigo-reseller-dashboard .reseller-insights__list-accent--red {
  background-color: var(--color-red, #dc3545);
}
.tigo-reseller-dashboard .reseller-insights__list-accent--blue {
  background-color: var(--primary-background-components);
}
.tigo-reseller-dashboard .reseller-insights__list-accent--purple {
  background-color: var(--color-rcs, #5e388a);
}
.tigo-reseller-dashboard .reseller-insights__list-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tigo-reseller-dashboard .reseller-insights__list-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark, #1c1c1b);
}
.tigo-reseller-dashboard .reseller-insights__list-desc {
  font-size: 0.75rem;
  color: var(--color-grey, #989aac);
  line-height: 1.4;
}
.tigo-reseller-dashboard .reseller-insights__list-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.tigo-reseller-dashboard .reseller-insights__list-link--positive {
  color: var(--color-success, #28a745);
}
.tigo-reseller-dashboard .reseller-insights__list-link--negative {
  color: var(--color-red, #dc3545);
}.reseller-config-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100vh;
  background: white;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
.reseller-config-sidebar--open {
  transform: translateX(0);
}
.reseller-config-sidebar__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.reseller-config-sidebar__overlay--visible {
  opacity: 1;
  visibility: visible;
}
.reseller-config-sidebar__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller-config-sidebar__header-content {
  flex: 1;
}
.reseller-config-sidebar__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-dark);
  margin: 0 0 0.25rem 0;
}
.reseller-config-sidebar__subtitle {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.reseller-config-sidebar__close {
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--color-grey);
  border-radius: var(--border-radius-components, 0.25rem);
  transition: background-color 0.2s ease;
  width: auto;
  line-height: 0;
}
.reseller-config-sidebar__close:hover {
  background-color: var(--color-lightgrey);
  color: var(--color-dark);
}
.reseller-config-sidebar__content {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}
.reseller-config-sidebar__group {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller-config-sidebar__group:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.reseller-config-sidebar__group-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  user-select: none;
}
.reseller-config-sidebar__group-header:hover {
  background-color: var(--color-lightgrey);
}
.reseller-config-sidebar__group-header:focus-visible {
  outline: 2px solid var(--primary-background-components, var(--color-primary));
  outline-offset: 2px;
}
.reseller-config-sidebar__group-title-wrapper {
  flex: 1;
  min-width: 0;
}
.reseller-config-sidebar__group-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--color-dark);
  letter-spacing: 0.5px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reseller-config-sidebar__group-count {
  font-size: 0.75rem;
  color: var(--color-grey);
  font-weight: 400;
}
.reseller-config-sidebar__checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}
.reseller-config-sidebar__checkbox input {
  opacity: 0;
  position: absolute;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.reseller-config-sidebar__checkbox-mark {
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-components, 4px);
  border: 2px solid var(--color-lightgrey);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  color: white;
}
input:checked + .reseller-config-sidebar__checkbox-mark {
  background-color: var(--primary-background-components, var(--color-primary));
  border-color: var(--primary-background-components, var(--color-primary));
}
.reseller-config-sidebar__group-flag {
  font-size: 0.6875rem;
  color: var(--color-warning, #b54708);
  background-color: rgba(247, 144, 9, 0.12);
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.reseller-config-sidebar__group-chevron {
  color: var(--color-grey);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}
.reseller-config-sidebar__list {
  list-style: none;
  padding: 0;
  padding-left: 0.5rem;
  margin: 0;
  transition: opacity 0.2s ease;
}
.reseller-config-sidebar__list--disabled {
  opacity: 0.45;
  pointer-events: none;
}
.reseller-config-sidebar__list--root {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller-config-sidebar__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: var(--border-radius-components, 0.5rem);
  margin-bottom: 0.5rem;
  background-color: var(--color-white);
  transition: background-color 0.2s ease;
}
.reseller-config-sidebar__item:hover {
  background-color: var(--color-lightgrey);
}
.reseller-config-sidebar__item:last-child {
  margin-bottom: 0;
}
.reseller-config-sidebar__item--locked {
  opacity: 0.55;
  cursor: not-allowed;
}
.reseller-config-sidebar__item--locked:hover {
  background-color: var(--color-white);
}
.reseller-config-sidebar__item-label {
  flex: 1;
  font-size: 0.875rem;
  color: var(--color-dark);
}
.reseller-config-sidebar__toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}
.reseller-config-sidebar__toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.reseller-config-sidebar__toggle input:checked + .reseller-config-sidebar__toggle-slider {
  background-color: var(--primary-background-components, var(--color-primary));
}
.reseller-config-sidebar__toggle input:checked + .reseller-config-sidebar__toggle-slider::before {
  transform: translateX(20px);
}
.reseller-config-sidebar__toggle input:disabled + .reseller-config-sidebar__toggle-slider {
  opacity: 0.5;
  cursor: not-allowed;
}
.reseller-config-sidebar__toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-lightgrey);
  border-radius: var(--border-radius-components, 24px);
  transition: background-color 0.2s ease;
}
.reseller-config-sidebar__toggle-slider::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: var(--border-radius-components, 50%);
  transition: transform 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.reseller-config-sidebar__toggle-check {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  pointer-events: none;
  z-index: 0;
}
.reseller-config-sidebar__footer {
  display: flex;
  gap: 0.75rem;
  padding: 1.5rem;
  border-top: 1px solid var(--color-lightgrey);
}
.reseller-config-sidebar__btn {
  flex: 1;
  padding: 0.75rem 1rem;
  border-radius: var(--border-radius-components, 0.5rem);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.reseller-config-sidebar__btn--primary {
  background-color: var(--primary-background-components, var(--color-primary));
  border: none;
  color: white;
}
.reseller-config-sidebar__btn--primary:hover {
  filter: brightness(0.9);
}
.reseller-config-sidebar__btn--secondary {
  background-color: white;
  border: 1px solid var(--color-lightgrey);
  color: var(--color-dark);
}
.reseller-config-sidebar__btn--secondary:hover {
  background-color: var(--color-lightgrey);
}
.reseller-config-sidebar__confirmation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1060;
}
@media (max-width: 480px) {
  .reseller-config-sidebar {
    width: 100%;
  }
}.reseller-dashboard-wrapper {
  width: 100%;
  min-height: 100vh;
}
.reseller-dashboard-wrapper--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller-dashboard-wrapper__loader {
  font-size: 1rem;
  color: var(--color-grey, #989aac);
}
.reseller-dashboard-wrapper .reach-data-table-head-th:last-child {
  text-align: inherit;
}
.reseller-dashboard-wrapper .reach-data-table-head-th[class*=__head--left],
.reseller-dashboard-wrapper .reach-data-table-body-tr-td[class*=__cell--left] {
  text-align: left;
}
.reseller-dashboard-wrapper .reach-data-table-head-th[class*=__head--center],
.reseller-dashboard-wrapper .reach-data-table-body-tr-td[class*=__cell--center] {
  text-align: center;
}
.reseller-dashboard-wrapper .reach-data-table-head-th[class*=__head--right],
.reseller-dashboard-wrapper .reach-data-table-body-tr-td[class*=__cell--right] {
  text-align: right;
}
.reseller-dashboard-wrapper [class*=__head--right] [class*=__head-content] {
  flex-direction: row-reverse;
}
.reseller-dashboard-wrapper .reseller-active-users-list {
  height: 100%;
}
.reseller-dashboard-wrapper .reseller-active-users-list .collapsible-list__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 1 auto;
  max-height: none;
}
.reseller-dashboard-wrapper .reseller-active-users-list .reach-data-table-area {
  flex: 0 0 auto;
}
.reseller-dashboard-wrapper .reseller-active-users-list .reach-data-table {
  height: auto;
  table-layout: fixed;
  width: 100%;
}
.reseller-dashboard-wrapper .reseller-active-users-list .reseller-active-users__last-login {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}.conversations-dashboard-container {
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time {
  align-items: center;
  width: auto;
  cursor: pointer;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time_title {
  color: #8e91a4;
  font-size: 12px;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time__arrow,
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time_title {
  margin-top: auto;
  margin-bottom: auto;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .update-time__arrow {
  cursor: pointer;
}
.conversations-dashboard-container .conversations-dashboard-header .conversations-dashboard-header__title-container .conversations-dashboard-header__update-time .LOADING svg {
  animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container {
  width: 100%;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .icon-center {
  text-align: center;
  margin-left: 10px !important;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .icon-center .icon-delivery {
  width: 25px;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container {
  display: grid;
  grid-template-columns: 41% 40% 0%;
  grid-gap: 38px;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .detail-short-tittle {
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #606060;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
  margin-top: 40px;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .detail-container .subLabel .detail-short-subLabel2 {
  font-size: 18px;
  font-weight: normal;
  color: #606060;
  text-align: center;
  margin-left: 30px;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title {
  align-items: center;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .title p {
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .subLabel p {
  font-size: 20px;
  font-weight: bold;
  color: #0047ff;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-title .icon {
  text-align: center;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-header h1 {
  align-items: start;
  justify-content: left;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item {
  padding-left: 15px !important;
}
.conversations-dashboard-container .conversations-detail-header .detail-dashboard-detail__title-container .collapsible-table-container .Collapse .container-filters ul .table-item .table-container .table-content .table-item .table-value {
  display: flex;
  align-items: start;
  justify-content: left;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic {
  display: grid;
  grid-template-columns: auto;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day .indicators-per-day__yesterday,
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day .indicators-per-day__this-month,
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard-basic .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 10px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .rightSide .shortlink-subheader {
  font-weight: bold;
  font-size: 15px;
  color: #606060;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .rightSide .shortlink-subheader .subheader-container {
  display: flex;
  font-weight: normal;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .rightSide .shortlink-subheader .accounts-list {
  font-size: 15px;
  font-weight: normal;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-open {
  font-size: 24px;
  color: #0047ff;
  font-weight: bold;
  text-align: center;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day .conversations-dashboard__conversations .conversations-dashboard__conversations-total {
  font-size: 16px;
  text-align: center;
  color: #8e91a4;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day .action-kpi {
  font-size: 24px;
  font-weight: bold;
  color: #51c172 !important;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day .indicators-per-day__yesterday,
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day .indicators-per-day__this-month,
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .indicators-per-day .indicators-per-day__today {
  margin-top: 20px;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .CategoryFilter ul {
  max-height: 70vh;
}
.conversations-dashboard-container .conversations-dashboard-info .conversations-dashboard .leftSide .no-print-pdf .btn-primary {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}

.bold {
  font-weight: bold;
}

.header-table {
  color: #0047ff;
  font-size: 18px;
  font-weight: bold;
  text-align: center !important;
}

.align-center {
  text-align: center !important;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.align-center-header {
  text-align: center !important;
}

.align-right-header {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.color-light-blue {
  color: #0047ff;
}

tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}

tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

td {
  padding-left: 0px;
  padding-right: 0px;
}

.chart {
  border: solid 1px #8e91a4 !important;
  border-radius: 5px;
}

.divSide {
  float: left;
}.detail-message-file {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.detail-message-file .create-content {
  float: left;
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.detail-message-file .create-content.full-width {
  width: 100%;
}
.detail-message-file .create-content .justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-message-file .create-content .justify-center .header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}
.detail-message-file .create-content .justify-center .header-action .header-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.detail-message-file .create-content .justify-center .header-action .header-detail .header-title {
  color: #49525f;
  font-weight: 600;
}
.detail-message-file .create-content .justify-center .header-action .header-detail .button-report {
  min-width: 150px;
  width: 150px;
}
.detail-message-file .create-content .justify-center .header-action .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.detail-message-file .create-content .justify-center .header-action .back-content .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.detail-message-file .create-content .justify-center .header-action .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.detail-message-file .create-content .justify-center .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.detail-message-file .create-content .justify-center .resume-campaign {
  width: 100%;
  min-height: 150;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  margin-top: 15px;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-title {
  color: #49525f;
  font-size: 16px;
  font-weight: 600;
}
.detail-message-file .create-content .justify-center .resume-campaign .campaign-goal {
  margin-top: 10px;
  font-size: 13px;
  color: #6d7175;
}
.detail-message-file .create-content .justify-center .resume-campaign .stats-description {
  font-size: 15px;
  color: #6d7175;
  margin: 5px 0;
}
.detail-message-file .create-content .justify-center .resume-campaign .element-to-stats {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.detail-message-file .create-content .justify-center .resume-campaign .upload-review {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f7;
  border-radius: 5px;
  color: #49525f;
  margin: 5px 0;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
}
.detail-message-file .create-content .justify-center .resume-campaign .row {
  margin-top: 15px;
}

.icon-center {
  text-align: center;
  margin-left: -26px !important;
}
.icon-center .icon-delivery {
  width: 25px;
}

.action-frm {
  width: 100%;
  background: white;
  display: grid;
  grid-template-rows: 10% 90%;
  margin: 25px auto !important;
  max-width: 700px;
}
.action-frm .action-header {
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.action-frm .action-header .action-back {
  display: flex;
  cursor: pointer;
  user-select: none;
}
.action-frm .action-header .action-back img {
  margin-right: 10px;
}
.action-frm .action-header .action-back h2 {
  color: #8e91a4;
  font-size: 18px;
}
.action-frm .action-header .action-back:hover h2 {
  font-weight: bold !important;
}

.labelTitle {
  font-size: 12px;
  color: #49525f;
  margin-top: 10px;
  font-weight: 700;
}

.labelTitleEdit {
  font-size: 15px;
  margin-left: 10px;
  color: #49525f;
  margin-top: 10px;
  font-weight: 700;
}

.variable-fields {
  background-color: white !important;
  font-size: 13px;
  margin: 5px 0 0;
  height: 45px !important;
}.balance-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.balance-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.balance-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.balance-container .graph-container .FilterList {
  float: unset !important;
}
.balance-container .menu.open {
  height: calc(42px * var(--li-count)) !important;
}.tableWithCollapsing, .tc-childTable {
  border-collapse: separate !important;
  border: 1px solid #f8f8f8;
  border-spacing: 0;
  margin-bottom: 1em;
}

.tableWithCollapsing {
  margin: 0 auto 5em auto;
  border-collapse: collapse;
  font-size: 1em;
  font-family: sans-serif;
  min-width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  flex-flow: row wrap;
  border-radius: 8px;
}

.tableWithCollapsing thead tr {
  background-color: #fff;
  color: #232f3e;
  text-align: middle;
  border-bottom: 1px solid #e5e5e5;
}

.tableWithCollapsing th,
.tableWithCollapsing td {
  padding: 12px 15px;
}

.tableWithCollapsing tbody tr {
  border-bottom: 1px solid #dddddd;
}

.tableWithCollapsing tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.tableWithCollapsing tbody tr:last-of-type {
  border-bottom: 2px solid #ccc;
}

.tc-tr-head:hover {
  background-color: #f3f3f3;
}

.tc-tr-with-detail td:nth-child(1) {
  cursor: pointer;
}

.tc-tr-detail {
  display: none;
}

.tc-tr-detail > td {
  align-content: center;
}

.tc-childTable {
  width: 0 auto;
  width: 100%;
}

.arrow-icon-close {
  width: 1rem;
  height: 1rem;
  text-align: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20strokeWidth='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20strokeLinecap='round'%20strokeLinejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20clipPath='url(%23clip0_429_11251)'%3e%3cpath%20d='M7%2010L12%2015'%20stroke='%23292929'%20strokeWidth='2.5'%20strokeLinecap='round'%20strokeLinejoin='round'%3e%3c/path%3e%3cpath%20d='M12%2015L17%2010'%20stroke='%23292929'%20strokeWidth='2.5'%20strokeLinecap='round'%20strokeLinejoin='round'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_429_11251'%3e%3crect%20width='24'%20height='24'%20fill='white'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/g%3e%3c/svg%3e");
}

.arrow-icon-open {
  width: 1rem;
  height: 1rem;
  text-align: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20strokeWidth='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20strokeLinecap='round'%20strokeLinejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M18.2929%2015.2893C18.6834%2014.8988%2018.6834%2014.2656%2018.2929%2013.8751L13.4007%208.98766C12.6195%208.20726%2011.3537%208.20757%2010.5729%208.98835L5.68257%2013.8787C5.29205%2014.2692%205.29205%2014.9024%205.68257%2015.2929C6.0731%2015.6835%206.70626%2015.6835%207.09679%2015.2929L11.2824%2011.1073C11.673%2010.7168%2012.3061%2010.7168%2012.6966%2011.1073L16.8787%2015.2893C17.2692%2015.6798%2017.9024%2015.6798%2018.2929%2015.2893Z'%20fill='%230F0F0F'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.tableWithCollapsing .th-colSpan {
  text-align: left !important;
  border-bottom: 1px solid #e5e5e5;
}
.tableWithCollapsing .th-colSpan.download {
  text-align: center !important;
  font-weight: lighter;
}
.tableWithCollapsing .th-colSpan .download-resume-button {
  background: none;
  color: #434343;
  font-size: 12px;
  font-weight: lighter;
  padding: 0px 4px;
}

.tableWithCollapsing td, .tableWithCollapsing th {
  text-align: center !important;
  vertical-align: middle;
}

.tableWithCollapsing td:after, .tableWithCollapsing th:after {
  text-align: center !important;
  vertical-align: middle;
}

.tc-tr-striped {
  background-color: #f9f9f9 !important;
}
.tc-tr-striped:hover {
  background-color: #f3f3f3 !important;
}.download-component {
  position: relative;
  display: inline-block;
  width: 100%;
}
.download-component .download-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-component .download-button .download-icon {
  vertical-align: middle;
}
.download-component .download-button span {
  color: black;
  padding-left: 15px;
  font-size: 12px;
  font-weight: lighter;
}
.download-component .download-options {
  position: absolute;
  top: 25%;
  left: -250px;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  margin: 5px 0;
  width: 250px;
  z-index: 2;
}
.download-component .download-options .download-option {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  font-size: 12px;
  border-bottom: 1px solid gainsboro;
}
.download-component .download-options .download-option:hover {
  background-color: #dce7fb;
  color: #5087ec;
}
.download-component .download-options a {
  display: block !important;
  padding: 5px 10px !important;
  text-decoration: none !important;
  color: #333 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  background-color: white !important;
  background: white !important;
  border-bottom: 1px solid gainsboro;
}
.download-component .download-options a:hover {
  background-color: #dce7fb !important;
  color: #5087ec !important;
}.month-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.month-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.month-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.month-container .graph-container .FilterList {
  float: unset !important;
}
.month-container .menu.open {
  height: calc(42px * var(--li-count)) !important;
}.consumption-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.consumption-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.consumption-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.consumption-container .graph-container .FilterList {
  float: unset !important;
}
.consumption-container .menu.open {
  height: calc(42px * var(--li-count)) !important;
}
.consumption-container input {
  border: solid 1px var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components);
  height: 36px !important;
  text-align: center;
  background-color: var(--white) !important;
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
  margin-top: 10px;
}
.consumption-container .date-column {
  margin-right: 15px;
  padding-left: unset;
}.trafic-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.trafic-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.trafic-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.trafic-container .graph-container .FilterList {
  float: unset !important;
}
.trafic-container .menu.open {
  height: calc(42px * var(--li-count)) !important;
}
.trafic-container input {
  border: solid 1px var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components);
  height: 36px !important;
  text-align: center;
  background-color: var(--white) !important;
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
  margin-top: 10px;
}
.trafic-container .date-column {
  margin-right: 15px;
  padding-left: unset;
}.error-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.error-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.error-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.error-container .graph-container .FilterList {
  float: unset !important;
}
.error-container .graph-container .tableWithCollapsing tbody tr {
  font-size: 0.8rem;
}
.error-container .menu.open {
  height: calc(42px * var(--li-count)) !important;
}
.error-container input {
  border: solid 1px var(--tertiary-background-components) !important;
  border-radius: var(--border-radius-components);
  height: 36px !important;
  text-align: center;
  background-color: var(--white) !important;
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
  margin-top: 10px;
}
.error-container .date-column {
  margin-right: 15px;
  padding-left: unset;
}

.action-indicators .action-kpi {
  font-size: 29px;
  font-weight: bold;
}
.action-indicators .action-kpi .kpi-conversations-total {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: normal;
  color: #8e91a4;
  height: fit-content;
}

.kpis-container {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  gap: 20px;
  justify-content: space-between;
}
.kpis-container .action-indicators .action-kpi .kpi-conversations-total {
  font-size: 11px;
}

.error-monitoring__table-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1em;
  font-family: var(--font-sans);
  color: #232f3e;
}
.error-monitoring__table-title-text {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
.error-monitoring__table-title-checkbox {
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.error-monitoring__table-title-checkbox .form-check-input {
  width: 0.9rem !important;
  height: 0.9rem;
  margin-top: 0;
  margin-right: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.error-monitoring__table-title-checkbox .form-check-label {
  font-size: 1em;
  font-family: var(--font-sans);
  color: #232f3e;
  cursor: pointer;
}.date-range-filter-header {
  cursor: pointer;
  padding: 10px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: fit-content;
}
.date-range-filter-header:hover {
  background-color: #e0e0e0;
}
.date-range-filter-header .date-range-filter-apply-button {
  width: 100%;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  background-color: #007BFF;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.date-range-filter-header .date-range-filter-apply-button:hover {
  background-color: #0056b3;
}

.date-range-filter-container {
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  max-width: 300px;
}
.date-range-filter-container .rdrDateRangeWrapper {
  padding: 10px;
}.consumption-user-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.consumption-user-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.consumption-user-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.consumption-user-container .graph-container .FilterList {
  float: unset !important;
}
.consumption-user-container .date-section {
  gap: unset !important;
  grid-gap: unset !important;
}
.consumption-user-container .date-column {
  margin-right: 15px;
  padding-left: unset;
}
.consumption-user-container .autocomplete-container label {
  font-weight: 600;
  font-size: 1rem;
  color: #49525f;
}.month-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.month-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.month-container .graph-container {
  float: left;
  width: 80%;
  height: auto;
}
.month-container .graph-container .FilterList {
  float: unset !important;
}
.month-container .menu.open {
  height: calc(42px * var(--li-count)) !important;
}
.month-container .autocomplete-container label {
  font-weight: 600;
  font-size: 1rem;
  color: #49525f;
}.generals-form-container {
  padding: 0;
  margin-top: 1rem;
}
.generals-form-container__form {
  --general-report-card-border-color: #e0e0e0;
  --general-report-card-border-radius: 8px;
  --general-report-card-padding: 1.5rem;
  --general-report-card-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.generals-form-container__form .react-datepicker__input-container > input {
  border-radius: var(--border-radius-components, 6px) !important;
  border: 1px solid var(--tertiary-background-components, #d1d5db) !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  height: 38px !important;
  background-color: var(--white, #ffffff) !important;
  color: var(--tertiary-text-components, #374151) !important;
  box-shadow: var(--button-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.05)) !important;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.generals-form-container__label {
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
  font-size: 14px;
}
.generals-form-container__label--with-tooltip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.generals-form-container__tooltip-icon {
  color: #6b7280;
  cursor: help;
  flex-shrink: 0;
  vertical-align: middle;
}
.generals-form-container__dropdown-wrapper {
  width: 100%;
}
.generals-form-container__dropdown-wrapper--disabled {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}
.generals-form-container__control {
  border-radius: var(--border-radius-components, 6px) !important;
  border: 1px solid var(--tertiary-background-components, #d1d5db) !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  height: 38px !important;
  background-color: var(--white, #ffffff) !important;
  color: var(--tertiary-text-components, #374151) !important;
  box-shadow: var(--button-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.05)) !important;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.generals-form-container input[type=text].form-control {
  text-align: left !important;
}
.generals-form-container .autocomplete-input > div {
  width: 100%;
}
.generals-form-container .autocomplete-input > div > input {
  height: 36px !important;
  border: none !important;
}
.generals-form-container__filters-toggle {
  margin: 0 0 20px 0;
  text-align: left;
  width: fit-content;
}
.generals-form-container__filters-toggle-link {
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 6px;
  transition: background-color 0.2s;
}
.generals-form-container__filters-toggle-link:hover {
  text-decoration: underline;
}
.generals-form-container__filters-toggle-link:focus {
  outline: none;
  box-shadow: none;
}
.generals-form-container__additional-filters {
  background-color: #f9fafb;
  padding: var(--general-report-card-padding);
  border-radius: var(--general-report-card-border-radius);
  margin-bottom: 20px;
  border: 1px solid var(--general-report-card-border-color);
}
.generals-form-container__additional-filters .button {
  height: 38px;
}
.generals-form-container__additional-filters .button.open {
  height: 38px;
}
.generals-form-container__additional-filters .button .button-label {
  font-size: var(--subtitle-font-size-components);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 0 15px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.generals-form-container__additional-filters .menu.open {
  height: auto !important;
  min-height: auto !important;
}
.generals-form-container__additional-filters .menu.open .menu-item {
  height: auto;
}
.generals-form-container__split-checkbox {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: var(--general-report-card-border-radius);
  border: 1px solid var(--general-report-card-border-color);
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}
.generals-form-container__split-checkbox:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}
.generals-form-container__split-checkbox:active {
  background-color: #f3f4f6;
}
.generals-form-container__split-checkbox-content {
  margin-bottom: 0;
  pointer-events: none;
}
.generals-form-container__split-checkbox-content .form-check {
  display: flex;
  align-items: flex-start;
}
.generals-form-container__split-checkbox-content .form-check-input {
  cursor: pointer;
  max-width: 1rem;
  max-height: 1rem;
  pointer-events: none;
}
.generals-form-container__split-checkbox-label {
  margin-left: 8px;
}
.generals-form-container__split-checkbox-label strong {
  font-size: 15px;
  display: block;
  margin-bottom: 4px;
}
.generals-form-container__split-checkbox-description {
  color: #475569;
  font-size: 14px;
  line-height: 1.5;
}
.generals-form-container__actions {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 24px;
}
.generals-form-container__button {
  width: auto;
  min-width: 200px;
  font-size: 14px;
  font-weight: 800;
  border-radius: var(--border-radius-components, 6px);
  transition: all 0.2s;
}
.generals-form-container__button--submit {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  color: white;
}
.generals-form-container__button--submit:hover {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.generals-form-container__button--submit:focus {
  background-color: var(--primary-background-components) !important;
  border-color: var(--primary-background-components) !important;
}
.generals-form-container__button--secondary {
  background-color: white;
  border: 1px solid #d1d5db;
  color: #374151;
}
.generals-form-container__button--secondary:hover {
  color: #374151;
  background-color: #f9fafb;
  border-color: #9ca3af;
}
.generals-form-container__button--secondary:active {
  background-color: #f9fafb !important;
  border-color: #9ca3af !important;
  color: #374151 !important;
  box-shadow: none !important;
}
.generals-form-container__button:focus {
  box-shadow: none !important;
}

.month-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
}
.month-container .header-list {
  float: left;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.month-container .graph-container {
  display: block;
}

.react-datepicker-popper {
  z-index: 999 !important;
}

.react-datepicker-wrapper {
  width: 100%;
}

.menu.open {
  height: calc(42px * var(--li-count)) !important;
}.api-logs {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.api-logs__update-time {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.api-logs__update-time > div {
  white-space: nowrap;
}
.api-logs__update-time-button {
  width: 20px;
  height: 20px;
}
.api-logs--partner-claro .reach-data-header-title {
  color: #E40001;
}
.api-logs--partner-claro .reach-data-header-subtitle {
  color: #666;
}
.api-logs--partner-tigo .reach-data-header-title {
  color: #053979;
}
.api-logs--partner-tigo .reach-data-header-subtitle {
  color: #666;
}
.api-logs--partner-csms .reach-data-header-title {
  color: #28313A;
}
.api-logs--partner-csms .reach-data-header-subtitle {
  color: #666;
}
.api-logs--partner-quickly .reach-data-header-title {
  color: #132d46;
}
.api-logs--partner-quickly .reach-data-header-subtitle {
  color: #666;
}
.api-logs__filters {
  margin-top: 8px;
}
.api-logs__filters-container .dropdown-section {
  position: relative;
  z-index: 2000;
}
.api-logs__filters-container .date-column {
  margin-right: 15px;
  padding-left: unset;
  position: relative;
  z-index: 2000;
}
.api-logs__filters-container .date-column input {
  border: solid 1px var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  height: 36px;
  text-align: center;
  background-color: var(--white);
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
  margin-top: 10px;
}
.api-logs__header-headline--no-logo {
  grid-template-columns: auto 200px;
  min-height: 30px;
  padding: 0px;
}
.api-logs__header-headline--no-logo .header-action {
  margin-top: unset;
}
.api-logs__header-description {
  min-height: 30px;
  padding: 0px;
  margin-bottom: 5px;
}
.api-logs__header-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.api-logs .header-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.api-logs .header-list > div:last-child {
  display: flex;
  justify-content: flex-end;
  width: auto;
}
.api-logs .header-list .api-logs__download-button {
  width: auto;
  min-width: 180px;
}
.api-logs__table-container {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 8px;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  height: calc(100vh - 300px);
  min-height: 400px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.api-logs__table-container .reach-data-table {
  width: 100%;
  min-width: 800px;
}
.api-logs__main-container {
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
.api-logs__badge {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  line-height: 16px;
  padding: 0px 6px;
  border-radius: 9999px;
  height: auto;
  margin-inline-end: 8px;
  padding-inline: 7px;
  white-space: nowrap;
  opacity: 1;
  transition: all 0.2s;
  text-align: start;
  position: relative;
}
.api-logs__badge--green {
  background-color: #28a745;
  color: white;
}
.api-logs__badge--red {
  background-color: #dc3545;
  color: white;
}
.api-logs__badge--gold {
  background-color: #d4af37;
  color: white;
}
.api-logs__badge--blue {
  background-color: #5087ec;
  color: white;
}
.api-logs__badge--orange {
  background-color: #fd7e14;
  color: white;
}
.api-logs__badge--purple {
  background-color: #6f42c1;
  color: white;
}
.api-logs__badge--volcano {
  background-color: #fa541c;
  color: white;
}
.api-logs__badge--gray {
  background-color: #6c757d;
  color: white;
}
.api-logs__badge--cyan {
  background-color: #17a2b8;
  color: white;
}
.api-logs__badge--magenta {
  background-color: #eb2f96;
  color: white;
}
.api-logs__badge--lime {
  background-color: #a0d911;
  color: #1e1e1e;
}
.api-logs__badge--geekblue {
  background-color: #2f54eb;
  color: white;
}
.api-logs__badge--status-success {
  background-color: #28a745;
}
.api-logs__badge--status-danger {
  background-color: #dc3545;
}
.api-logs__badge--status-warning {
  background-color: #ffc107;
  color: #1e1e1e;
}
.api-logs__badge--status-gray {
  background-color: #6c757d;
}
.api-logs__badge--api-type-info {
  background-color: #17a2b8;
}
.api-logs__badge--api-type-primary {
  background-color: #007bff;
}
.api-logs__badge--api-type-secondary {
  background-color: #6c757d;
}
.api-logs__badge--api-type-gray {
  background-color: #999999;
}
.api-logs__badge--error-type-danger {
  background-color: #dc3545;
}
.api-logs__badge--error-type-warning {
  background-color: #ffc107;
  color: #1e1e1e;
}
.api-logs__badge--error-type-info {
  background-color: #17a2b8;
}
.api-logs__badge--error-type-secondary {
  background-color: #6c757d;
}
.api-logs__badge--error-type-gray {
  background-color: #999999;
}
.api-logs__duration--fast {
  color: #28a745;
  font-weight: 500;
}
.api-logs__duration--moderate {
  color: #ffc107;
  font-weight: 500;
}
.api-logs__duration--slow {
  color: #dc3545;
  font-weight: 500;
}
.api-logs__duration--gray {
  color: #999999;
}
.api-logs__loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
}
.api-logs__loading-container .progress-bar-reach {
  width: 80%;
}
.api-logs__download-button {
  background-color: var(--primary-background-components);
  color: white;
  border-radius: 4px;
  border: 1px solid var(--primary-background-components);
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.api-logs__download-button:hover:not(:disabled) {
  background-color: var(--primary-background-components);
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.api-logs__download-button:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.api-logs__download-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.api-logs__download-button:disabled {
  background-color: #cccccc;
  border-color: #cccccc;
  cursor: not-allowed;
  opacity: 0.6;
}
.api-logs__download-button span {
  color: white;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}
.api-logs__download-button svg {
  color: white;
}
.api-logs__phone-field-container {
  position: relative;
  z-index: 100;
}
.api-logs__phone-field-container label,
.api-logs__phone-field-container .form-label,
.api-logs__phone-field-container .phone-label,
.api-logs__phone-field-container div > label {
  font-size: 16px;
  font-weight: 600;
  color: #49525F;
  margin-bottom: 5px;
}
.api-logs__phone-field-container * {
  position: relative;
}
.api-logs__phone-field-container .react-tel-input {
  position: relative;
  z-index: 100;
}
.api-logs__phone-field-container .react-tel-input input {
  position: relative;
  z-index: 100;
}
.api-logs__phone-field-container .react-tel-input .flag-dropdown {
  position: absolute;
  z-index: 101;
}
.api-logs__phone-field-container .react-tel-input .flag-dropdown.open {
  z-index: 102;
}
.api-logs__phone-field-container .react-tel-input .flag-dropdown .selected-flag {
  z-index: 101;
}
.api-logs__phone-field-container .react-tel-input .country-list {
  position: absolute;
  z-index: 103;
}
.api-logs .react-datepicker-wrapper {
  position: relative;
  z-index: 2000;
}
.api-logs .react-datepicker-wrapper .react-datepicker__input-container {
  position: relative;
  z-index: 2000;
}
.api-logs .react-datepicker-wrapper .react-datepicker__input-container input {
  position: relative;
  z-index: 2000;
  border: solid 1px var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  height: 36px;
  text-align: center;
  background-color: var(--white);
  color: var(--tertiary-text-components);
  box-shadow: var(--button-box-shadow);
  padding: 8px 12px;
  font-size: 14px;
  width: 100%;
}
.api-logs .react-datepicker-wrapper .react-datepicker__input-container input:focus {
  outline: none;
  border-color: var(--primary-background-components);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.api-logs .react-datepicker-wrapper .react-datepicker__input-container input::placeholder {
  color: var(--secondary-text-components);
}
.api-logs .react-datepicker-popper {
  z-index: 9999;
}
.api-logs .react-datepicker {
  z-index: 9999;
}

@keyframes api-logs-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.api-response-times {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  --api-performance-excellent: #28a745;
  --api-performance-normal: #ffc107;
  --api-performance-slow: #fd7e14;
  --api-performance-critical: #dc3545;
}
.api-response-times__performance--excellent {
  color: var(--api-performance-excellent);
  background-color: var(--api-performance-excellent);
}
.api-response-times__performance--normal {
  color: var(--api-performance-normal);
  background-color: var(--api-performance-normal);
}
.api-response-times__performance--slow {
  color: var(--api-performance-slow);
  background-color: var(--api-performance-slow);
}
.api-response-times__performance--critical {
  color: var(--api-performance-critical);
  background-color: var(--api-performance-critical);
}
.api-response-times__update-time-title {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.api-response-times__update-time-refresh-button {
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.api-response-times__update-time-refresh-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.api-response-times__update-time-refresh-button svg.spinning {
  animation: spin 1s linear infinite;
}
.api-response-times__header {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.api-response-times__header-title {
  font-size: 17px;
  font-weight: 800;
  color: #4e5053;
  margin-bottom: 0.25rem;
}
.api-response-times__header-label {
  font-size: 15px;
  color: #6c757d;
  font-weight: 400;
}
.api-response-times__filters {
  z-index: 1000;
  position: relative;
  display: flex;
  flex-direction: column;
}
.api-response-times__kpi-wrapper .kpi-group-container {
  width: 100% !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.api-response-times__kpi-wrapper .kpi-group-container .kpi-items-container {
  display: flex !important;
  width: 100% !important;
}
.api-response-times__kpi-wrapper .kpi-group-container .kpi-items-container .kpi-item-container {
  flex: 1 1 0 !important;
}
.api-response-times__kpi-wrapper .kpi-group-container .kpi-items-container .kpi-item-container:last-child {
  border-right: none !important;
}
.api-response-times__kpi-wrapper .kpi-group-container .kpi-items-container .kpi-item-container .kpi-item-detail-container {
  width: 100% !important;
}
.api-response-times__kpi {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.api-response-times__kpi-main {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  color: #51c172;
}
.api-response-times__kpi-subtitle {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.api-response-times__kpi-detail-value {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.api-response-times__kpi-detail-value--error {
  color: #dc3545;
}
.api-response-times__kpi-detail-title {
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}
.api-response-times__kpi-detail-value-secondary {
  margin: 0 8px;
}
.api-response-times__chart {
  background: white;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.api-response-times__chart-container {
  min-height: 320px;
  background: white !important;
}
.api-response-times__chart canvas {
  background: white !important;
  max-height: 280px !important;
}
.api-response-times__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  background: white;
  border-radius: 8px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.api-response-times__loading .progress-bar-reach {
  width: 80%;
}
.api-response-times__instruction {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  margin: 8px 0;
}
.api-response-times__instruction-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #007bff;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}
.api-response-times__instruction-text {
  font-size: 14px;
  color: #495057;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 768px) {
  .api-response-times {
    padding: 16px;
  }
  .api-response-times__chart {
    padding: 10px;
  }
  .api-response-times__chart-container {
    min-height: 250px;
  }
  .api-response-times__chart canvas {
    max-height: 220px !important;
  }
}
@media (max-width: 576px) {
  .api-response-times {
    padding: 12px;
  }
  .api-response-times__chart {
    padding: 12px;
  }
}
.contact-list-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
}
.contact-list-container .contact-list-header {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.contact-list-container .contact-list-header .contact-list-header-container {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-list-container .contact-list-header .contact-list-header-container .contact-list-header-title {
  font-size: 24px;
  color: #0e1319;
  font-weight: bold;
}
.contact-list-container .contact-list-header .contact-list-header-goto_button-container {
  width: 120px !important;
}
.contact-list-container .contact-list-header .contact-list-header-goto_button-container .contact-list-header-goto_button {
  border-radius: var(--border-radius-components) !important;
  word-break: break-word;
  width: 146px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  background-color: var(--primary-background-components);
  color: #ffffff;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}
.contact-list-container .contact-options {
  width: 80% !important;
  cursor: pointer;
  width: auto;
  border-radius: var(--border-radius-components) !important;
}
.contact-list-container .contact-options .contact-options-container {
  width: 1fr !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px;
}
.contact-list-container .contact-options .contact-options-container .contact-options-list {
  width: 95px;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}
.contact-list-container .contact-list-table {
  float: left;
  width: 80%;
  height: auto;
  margin-top: 15px;
}

.checkbox-container {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.custom-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 3px;
  transition: background-color 0.3s;
}

/* Estilos cuando el checkbox está marcado */
.checkbox-container input:checked + .custom-checkbox {
  background-color: #4CAF50;
  border: 1px solid #4CAF50;
}.contact-tags-style {
  flex: 1;
  margin-right: 5px;
  padding: 5px;
  border-radius: var(--border-radius-components);
  background-color: #EFF0F1;
  text-align: center;
  max-width: 65px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.icon-container {
  display: flex;
  align-items: start;
  width: 100%;
}
.icon-container .icon-svg {
  padding-right: 4px;
  flex: 1;
}
.icon-container .icon-text {
  flex: 1;
}.contact-list-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
}
.contact-list-container .contact-list-header {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.contact-list-container .contact-list-header .contact-list-header-container {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-list-container .contact-list-header .contact-list-header-container .contact-list-header-title {
  font-size: 24px;
  color: #0e1319;
  font-weight: bold;
}
.contact-list-container .contact-list-header .contact-list-file-header-goto_button-container {
  width: 130px !important;
}
.contact-list-container .contact-list-header .contact-list-file-header-goto_button-container .contact-list-header-goto_button {
  word-break: break-word;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 4px;
  background-color: var(--primary-background-components);
  color: #ffffff;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}
.contact-list-container .contact-list-table {
  float: left;
  width: 80%;
  height: auto;
  margin-top: 15px;
}.add-contact-container.tigo-layout .add-contact-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0px 50px 0px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form {
  width: 400px;
  padding: 20px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-header {
  padding: 5px 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-header #title {
  font-weight: 700;
  margin: 45px;
  font-size: 22px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .form-control {
  border-radius: var(--border-radius-components);
  border: 1px solid var(--tertiary-background-components);
  padding: 22px 48px 22px;
  font-size: 16px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .react-tel-input .flag-dropdown, .add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .react-tel-input .open {
  padding: 4px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .react-tel-input .flag-dropdown {
  font-size: 16px;
  padding: 4px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .react-tel-input .flag-dropdown .form-control {
  padding: 22px 48px 22px;
  font-size: 16px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .dropdown-contact {
  margin: 18px 0 18px 0;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .DropdownButtonSelection {
  padding: 7px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .DropdownButtonSelection .menu .menu-items {
  padding: 7px;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .custom-checkbox {
  position: relative;
  width: 20%;
  height: 20%;
  background-color: transparent;
  border: none;
  align-items: center;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .custom-checkbox .custom-checkbox-label {
  text-align: center;
}
.add-contact-container.tigo-layout .add-contact-form .contact-form .contact-form-body .web-components-button-primary {
  font-size: 16px;
}
.add-contact-container.claro-layout .add-contact-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 80%;
  height: 80%;
}
.add-contact-container.claro-layout .add-contact-form .contact-form {
  display: flex;
  flex-direction: column;
  width: 70%;
  margin-bottom: 50px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-header {
  padding: 5px 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-header #title {
  font-weight: 700;
  margin: 45px;
  font-size: 22px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .phone-container,
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .dropdown-contact,
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .custom-checkbox,
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .container-input {
  flex-basis: calc(50% - 10px);
  margin-bottom: 50px;
  box-sizing: border-box;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .phone-container {
  margin-top: 15px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .container-input {
  position: relative;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .container-input::before {
  content: "";
  border-top: 1px solid #ccc;
  position: absolute;
  bottom: -35px;
  width: calc(100% + 60px);
  margin-left: -35px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .email-error-label {
  flex-basis: 100%;
  margin: 10px;
  display: flex;
  justify-content: flex-end;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .form-control {
  border-radius: var(--border-radius-components);
  border: 1px solid var(--tertiary-background-components);
  padding: 23px 23px 23px 50px;
  flex-basis: 100%;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .react-tel-input {
  margin-top: 8px;
  position: relative;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .react-tel-input .flag-dropdown, .add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .react-tel-input .open {
  padding: 4px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .react-tel-input::before {
  content: "";
  border-top: 1px solid #ccc;
  position: absolute;
  bottom: -36px;
  width: calc(100% + 40px);
  margin-left: -35px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .DropdownButtonSelection .button {
  z-index: 0;
  padding: 7px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .dropdown-contact {
  margin: 0px;
  position: relative;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .dropdown-contact::before {
  content: "";
  border-top: 1px solid #ccc;
  position: absolute;
  bottom: 15px;
  width: calc(100% + 40px);
  margin-left: -35px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .custom-checkbox {
  position: relative;
  height: 20%;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-right: 0;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .custom-checkbox .custom-checkbox-label {
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .custom-checkbox::before {
  content: "";
  border-top: 1px solid #ccc;
  position: absolute;
  bottom: -35px;
  width: calc(100% + 340px);
  margin-left: -325px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .validate-contact {
  margin: 30px;
  padding: 10px;
}
.add-contact-container.claro-layout .add-contact-form .contact-form .contact-form-body .web-components-button-primary {
  font-size: 16px;
  margin-top: 50px;
}.account-details-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
}
.account-details-container .header-container {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.account-details-container .header-container .header-account-container {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-details-container .header-container .header-account-container .header-account {
  font-size: 24px;
  color: #0e1319;
  font-weight: bold;
  text-align: center;
}
.account-details-container .body-container {
  width: 80%;
  display: grid;
  grid-template-columns: 60% 40%;
}
.account-details-container .body-container .info-content {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  float: left;
}
.account-details-container .body-container .info-content .button-option-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
}
.account-details-container .body-container .info-content .button-option-container .buttons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: initial;
  align-items: center;
}
.account-details-container .body-container .info-content .button-option-container .buttons-container .button-option-item {
  padding: 8px;
  border-radius: 5px;
  margin: 5px;
  background-color: var(--primary-background-components);
  color: white;
  cursor: pointer;
  text-align: center;
}
.account-details-container .body-container .info-content .button-option-container .buttons-container .button-option-item .button-option-icon {
  display: none;
}
.account-details-container .body-container .info-content .info-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}
.account-details-container .body-container .change-account-container {
  padding-top: 17px;
  padding-left: 7px;
  width: 100%;
}
.account-details-container .body-container .change-account-container .search-input-container {
  padding: 5px !important;
}
.account-details-container .body-container .change-account-container .AccountDropdownButtonSelection .menu.open {
  height: auto;
  max-height: 300px !important;
}
.account-details-container.tigo {
  display: block;
  float: none;
  height: calc(100vh - 60px);
  padding: 36px 40px;
  box-sizing: border-box;
  overflow-y: auto;
  background-color: var(--app-background-components, #EEF2FA);
  font-family: var(--font-theme, Roboto), var(--font-sans);
}
.account-details-container.tigo .ad-content {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.account-details-container.tigo .ad-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.account-details-container.tigo .ad-header .header-account {
  margin: 0;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  color: var(--title-font-color-components, #123773);
  letter-spacing: -0.01em;
}
.account-details-container.tigo .ad-header .ad-switcher {
  flex: 0 0 auto;
  width: 320px;
  max-width: 100%;
}
.account-details-container.tigo .ad-header .ad-switcher .AccountDropdownButtonSelection {
  width: 100%;
}
.account-details-container.tigo .ad-header .ad-switcher .AccountDropdownButtonSelection .button {
  width: 100%;
}
.account-details-container.tigo .ad-header .ad-switcher .AccountDropdownButtonSelection .button p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-details-container.tigo .ad-header .ad-switcher .AccountDropdownButtonSelection .menu.open {
  height: auto;
  max-height: 300px !important;
}
.account-details-container.tigo .ad-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.account-details-container.tigo .ad-actions .button-option-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--button-height-components, 44px);
  padding: 0 var(--button-padding-x-components, 16px);
  border-radius: var(--button-border-radius-components, 13px);
  font-size: var(--button-font-size-components, 16px);
  font-weight: var(--button-font-weight-components, 700);
  background-color: var(--primary-background-components);
  color: #fff;
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.account-details-container.tigo .ad-actions .button-option-item .button-option-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
}
.account-details-container.tigo .ad-actions .button-option-item:hover {
  background-color: var(--primary-hover-background-components);
}
.account-details-container.tigo .ad-actions .button-option-item:active {
  transform: scale(0.98);
}
.account-details-container.tigo .ad-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.account-details-container.tigo .ad-cards .info-item {
  width: 100%;
  padding: 0;
}
.account-details-container.tigo .ad-cards .container-card {
  border: none;
  background-color: var(--card-background-components, #FFFFFF);
  border-radius: var(--card-border-radius-components, 41px);
  box-shadow: 0 8px 20px rgba(7, 38, 110, 0.1);
  padding: 28px 36px;
}
.account-details-container.tigo .ad-cards .container-card .header-container {
  display: flex;
  justify-content: flex-start;
  font-size: 22px;
  font-weight: 700;
  color: var(--title-font-color-components, #123773);
}
.account-details-container.tigo .ad-cards .container-card .content-container .titles-container .info-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  margin-top: 0;
  border-bottom: 1px solid var(--divider-color-components, #CFCFCF);
}
.account-details-container.tigo .ad-cards .container-card .content-container .titles-container .info-container:last-child {
  border-bottom: none;
}
.account-details-container.tigo .ad-cards .container-card .content-container .titles-container .info-container .title {
  font-size: 17px;
  font-weight: 400;
  color: var(--body-font-color-components, #333B4D);
}
.account-details-container.tigo .ad-cards .container-card .content-container .titles-container .info-container .node {
  font-size: 17px;
  font-weight: 500;
  color: var(--text-strong-color-components, #0E1526);
  text-align: right;
}.detail-contact-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
  gap: 20px;
}
.detail-contact-container .detail-contact-header {
  gap: 0px;
}
.detail-contact-container .detail-contact-header .detail-contact-title {
  font-size: 20px;
  font-weight: 700;
  margin: 25px 10px 0px;
}
.detail-contact-container .detail-contact-header .detail-contact-banner {
  background-color: var(--primary-hover-background-components);
  width: 100%;
  height: 40px;
  margin: 5px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.detail-contact-container .detail-contact-header .detail-contact-banner .icon-return {
  padding: 17px;
}
.detail-contact-container .detail-contact-header .detail-contact-banner .title-loading h2 {
  font-family: var(--font-sans);
}
.detail-contact-container .details-container.claro-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.detail-contact-container .details-container.claro-layout .detail-contact {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  background-color: #fff;
  padding: 10px;
}
.detail-contact-container .details-container.tigo-layout {
  border: 1px solid var(--primary-background-components);
  margin: 20px;
}
.detail-contact-container .details-container.tigo-layout .detail-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border-bottom: 1px solid var(--primary-background-components);
  border-collapse: collapse;
  background-color: #fff;
  padding: 10px;
}.account-settings-container {
  display: grid;
  grid-template-areas: "accountSettingsSidebar accountSettingsContent";
  grid-template-columns: 18% 82%;
  grid-template-rows: 100%;
  width: 100%;
  height: 100%;
}
.account-settings-container .accountSettingsSidebar {
  grid-area: accountSettingsSidebar;
  padding: 15px 10px 10px 10px;
}
.account-settings-container .accountSettingsContent {
  grid-area: accountSettingsContent;
  padding: 15px 10px 10px 10px;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .account-settings-container .accountSettingsContent {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 992px) {
  .account-settings-container .accountSettingsContent {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 1640px) {
  .account-settings-container .accountSettingsContent {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.account-settings-container .accountSettingsContent:has(.waba-full-content) {
  padding: 0;
}
.account-settings-container .accountSettingsContent:has(.webchat-full-content) {
  padding: 0;
}
.account-settings-container .accordion-menu .accordion-menu-item {
  border-radius: 5px;
  padding: 5px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.account-settings-container .accordion-menu .accordion-menu-item.selected .accordion-menu-header {
  background-color: #dce7fb;
  color: #5087ec;
}
.account-settings-container .accordion-menu .accordion-menu-item .accordion-menu-header {
  display: flex;
  width: 100%;
  padding: 5px;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 900;
  user-select: none;
  cursor: pointer;
  color: #4e5053;
}
.account-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.account-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse .accordion-menu-collapse-item {
  width: 100%;
  padding: 10px;
  user-select: none;
  font-size: 13px;
  user-select: none;
  cursor: pointer;
  color: #4e5053;
}
.account-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse .accordion-menu-collapse-item:hover {
  background-color: #f5f5f5;
}
.account-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse .accordion-menu-collapse-item.active {
  font-weight: bold;
}
.account-settings-container .accordion-menu .accordion-menu-item .gg-chevron-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border-radius: 100px;
}
.account-settings-container .accordion-menu .accordion-menu-item .gg-chevron-down::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.account-settings-container .accordion-menu .accordion-menu-item .gg-chevron-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border-radius: 100px;
}
.account-settings-container .accordion-menu .accordion-menu-item .gg-chevron-up::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  bottom: 2px;
}

.account-settings-form {
  color: #49525f;
}
.account-settings-form .settings-title-label {
  font-size: 15px;
  font-weight: 600;
}
.account-settings-form .settings-optional-label {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 3px;
}
.account-settings-form .settings-description-label {
  font-size: 14px;
  color: rgba(28, 43, 51, 0.6509803922);
}
.account-settings-form .settings-characters-label {
  font-size: 14px;
  color: #606770;
  text-align: right;
}.icard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.25rem 1.25rem;
  border: 1.5px solid #e5e7eb;
  border-radius: 0.875rem;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
  text-align: center;
  min-height: 260px;
}
.icard:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.icard--dashed {
  border-style: dashed;
  border-color: #d1d5db;
  background: #fafafa;
  justify-content: center;
  cursor: pointer;
  min-height: 260px;
}
.icard--dashed:hover {
  border-color: #111;
  background: #f5f5f5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.icard--dashed .icard__logo {
  border: 2px dashed #d1d5db;
  background: transparent !important;
}
.icard--dashed:hover .icard__logo {
  border-color: #111;
}
.icard--dashed .icard__title {
  color: #374151;
  font-weight: 600;
  font-size: 13px;
}
.icard--dashed .icard__subtitle {
  white-space: normal;
  font-size: 12px;
}
.icard--dashed:hover .icard__title {
  color: #171b26;
}
.icard--clickable {
  cursor: pointer;
}
.icard--clickable:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.icard--clickable:active {
  transform: translateY(0);
}
.icard__tag {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.5rem;
  border-radius: 0.375rem;
  line-height: 1.4;
}
.icard__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.875rem;
  margin-bottom: 0.875rem;
  flex-shrink: 0;
}
.icard__logo svg {
  width: 1.5rem;
  height: 1.5rem;
}
.icard__logo img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}
.icard__status {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 11px;
  font-weight: 600;
  padding: 0.2rem 0.625rem;
  border-radius: 9999px;
  margin-bottom: 0.75rem;
}
.icard__status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.icard__title {
  font-size: 14px;
  font-weight: 600;
  color: #171b26;
  margin: 0 0 0.125rem;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icard__subtitle {
  font-size: 12px;
  color: #6a7181;
  margin: 0 0 0.125rem;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icard__description {
  font-size: 11px;
  color: #9ca3af;
  margin: 0.25rem 0 0;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icard__actions {
  margin-top: auto;
  padding-top: 1.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.icard__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 11px;
  color: #9ca3af;
  margin: 0.5rem 0 0;
}
.icard__meta-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d1d5db;
  flex-shrink: 0;
}.ttk-ads {
  min-height: calc(100vh - 60px);
  padding: 2.5rem 1.5rem 2rem;
}
.ttk-ads-inner {
  max-width: 65rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ttk-ads-banner {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid rgba(225, 228, 234, 0.6);
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.ttk-ads-banner__inner {
  display: flex;
  flex-direction: row;
}
.ttk-ads-banner__content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem 1.5rem;
}
.ttk-ads-banner__badge {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.ttk-ads-banner__badge-icon {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: #000000;
}
.ttk-ads-banner__badge-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.ttk-ads-banner__badge-icon svg path {
  fill: #fff;
}
.ttk-ads-banner__badge-label {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6a7181;
}
.ttk-ads-banner__title {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #171b26;
  text-wrap: balance;
  margin: 0;
}
.ttk-ads-banner__desc {
  margin-top: 1rem;
  max-width: 28rem;
  font-size: 0.875rem;
  line-height: 1.625;
  color: #6a7181;
}
.ttk-ads-banner__button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(225, 228, 234, 0.8);
  background-color: rgba(237, 239, 242, 0.5019607843);
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #171b26;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  width: fit-content;
  margin-top: 1rem;
}
.ttk-ads-banner__button:hover {
  background-color: #edeff2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #171b26;
}
.ttk-ads-banner__button-icon {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  color: #6a7181;
}
.ttk-ads-banner__image-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 380px;
}
.ttk-ads-banner__image-row {
  position: relative;
  padding: 1.5rem;
}
.ttk-ads-banner__image {
  position: relative;
  z-index: 10;
  max-height: 320px;
  height: auto;
  width: 100%;
  max-width: 320px;
  object-fit: contain;
  border-radius: 1rem;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
}
@media (min-width: 64rem) {
  .ttk-ads-banner__image {
    max-width: none;
  }
}

.ttk-ads-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}

.ttk-ads-empty {
  max-width: 280px;
}

.ttk-ads-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #6a7181;
  font-size: 0.875rem;
}

.ttk-ads-disconnect-btn {
  background: none;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.4rem 1rem;
  font-size: 12px;
  font-weight: 500;
  color: #6a7181;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
  width: auto !important;
  height: auto !important;
}
.ttk-ads-disconnect-btn:hover {
  border-color: #ef4444;
  color: #ef4444;
  background: #fef2f2;
}
.ttk-ads-disconnect-btn--loading {
  pointer-events: none;
  opacity: 0.7;
  color: #9ca3af;
  border-color: #e5e7eb;
}
.ttk-ads-disconnect-btn:disabled {
  cursor: not-allowed;
}.tiktok-settings .tiktok-image-box {
  background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
}
.tiktok-settings .tiktok-image-box img {
  max-width: 200px;
  height: 240px;
}
.tiktok-settings .tiktok-connect-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #000000;
  border: none;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  width: auto;
}
.tiktok-settings .tiktok-connect-button:hover:not(:disabled) {
  background: linear-gradient(90deg, #ff0050, #00f2ea);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.tiktok-settings .tiktok-connect-button:active:not(:disabled) {
  transform: translateY(0);
}
.tiktok-settings .tiktok-connect-button:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
  opacity: 0.7;
}
.tiktok-settings .tiktok-connect-button .tiktok-icon {
  width: 24px;
  height: 24px;
}
.tiktok-settings .tiktok-account {
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  transition: all 0.2s ease;
}
.tiktok-settings .tiktok-account:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #000000;
}
.tiktok-settings .tiktok-account .tiktok-account-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 2px solid #000000;
}
.tiktok-settings .tiktok-account h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.tiktok-settings .channel-connected-button {
  min-width: 120px;
  font-weight: 500;
}
.tiktok-settings .no-accounts {
  padding: 40px;
  text-align: center;
}
.tiktok-settings .no-accounts span {
  color: #6c757d;
  font-size: 14px;
}

.tiktok-callback {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 400px;
  background: #f8f9fa;
}
.tiktok-callback .status-card__avatar-placeholder {
  background: #000000;
}

.ttk-advpicker {
  background: #ffffff;
  border-radius: 12px;
  padding: 32px;
  max-width: 520px;
  width: 100%;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
.ttk-advpicker *, .ttk-advpicker *::before, .ttk-advpicker *::after {
  box-sizing: border-box;
}
.ttk-advpicker__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #000000;
  margin: 0 auto 20px;
}
.ttk-advpicker__title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 4px;
  text-align: center;
  line-height: 1.4;
  padding: 0;
}
.ttk-advpicker__desc {
  font-size: 13px;
  color: #6c757d;
  margin: 0 0 24px;
  text-align: center;
  line-height: 1.5;
  padding: 0;
}
.ttk-advpicker__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
}
.ttk-advpicker__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
  margin: 0;
  background-color: #fafafa;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  width: 100%;
}
.ttk-advpicker__row:hover {
  border-color: #bbb;
  background-color: #f5f5f5;
}
.ttk-advpicker__row--selected {
  border-color: #000000;
  background-color: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.ttk-advpicker__row input[type=checkbox] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  accent-color: #000000;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  position: static;
}
.ttk-advpicker__row-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  gap: 2px;
}
.ttk-advpicker__row-name {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  display: block;
}
.ttk-advpicker__row-company {
  font-size: 12px;
  color: #888;
  line-height: 1.3;
  display: block;
}
.ttk-advpicker__row-id {
  font-size: 11px;
  color: #aaa;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.3;
  display: block;
}
.ttk-advpicker__btn {
  display: block;
  width: 100%;
  padding: 13px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #000000;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
  text-align: center;
  line-height: 1.4;
  margin: 0;
  text-decoration: none;
  letter-spacing: normal;
  box-shadow: none;
  outline: none;
}
.ttk-advpicker__btn:hover:not(:disabled) {
  background: linear-gradient(90deg, #ff0050, #00f2ea);
  transform: translateY(-1px);
  color: #ffffff;
}
.ttk-advpicker__btn:active:not(:disabled) {
  transform: translateY(0);
}
.ttk-advpicker__btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  color: #ffffff;
}
.ttk-advpicker__btn:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 768px) {
  .tiktok-settings .tiktok-connect-button {
    width: 100%;
    max-width: 300px;
  }
  .tiktok-settings .tiktok-account .tiktok-account-image {
    width: 40px;
    height: 40px;
  }
  .tiktok-settings .tiktok-account h3 {
    font-size: 14px;
  }
}.status-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07);
  padding: 40px 48px;
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.status-card__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 14px;
  flex-shrink: 0;
}
.status-card__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: status-card-fade-in 0.4s ease;
}
.status-card__avatar-placeholder {
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-card__name {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 20px;
  height: 18px;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.status-card__name.visible {
  opacity: 1;
  transform: translateY(0);
}
.status-card__indicator {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.status-card__progress-bar {
  width: 100%;
  height: 3px;
  background: #e9ecef;
  border-radius: 2px;
  overflow: hidden;
}
.status-card__progress-fill {
  height: 100%;
  width: 40%;
  border-radius: 2px;
  animation: status-card-progress 1.4s ease-in-out infinite;
}
.status-card__icon--success {
  animation: status-card-pop-in 0.35s ease;
}
.status-card__icon--error {
  animation: status-card-pop-in 0.35s ease;
}
.status-card__message {
  font-size: 13px;
  color: #6c757d;
  margin: 0;
  text-align: center;
  line-height: 1.5;
}
.status-card__hint {
  font-size: 11px;
  color: #adb5bd;
  margin: 8px 0 0;
  text-align: center;
}

@keyframes status-card-progress {
  0% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(350%);
  }
}
@keyframes status-card-fade-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes status-card-pop-in {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}.time-zone-settings .form-check {
  padding-left: 0 !important;
  margin-bottom: 1rem;
}
.time-zone-settings .form-check .form-check-label {
  font-size: 15px;
  margin-left: 5px;
}
.time-zone-settings input[type=checkbox] {
  appearance: checkbox !important;
  all: revert !important;
}

.language-region-settings {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-agent-drawer__section {
  margin-bottom: 2rem;
}
.ai-agent-drawer__section:last-child {
  margin-bottom: 0;
}
.ai-agent-drawer__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
.ai-agent-drawer__text {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}
.ai-agent-drawer__objectives-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-agent-drawer__objective-item {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e9ecef;
}
.ai-agent-drawer__objective-item:last-child {
  border-bottom: none;
}
.ai-agent-drawer__objective-item::before {
  content: "•";
  color: #0047ff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: 0.5rem;
}.lex-bot-drawer__section {
  margin-bottom: 2rem;
}
.lex-bot-drawer__section:last-child {
  margin-bottom: 0;
}
.lex-bot-drawer__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
.lex-bot-drawer__text {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}
.lex-bot-drawer__status-badge {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.lex-bot-drawer__status-badge .status-badge {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-block;
}
.lex-bot-drawer__status-badge .status-badge.primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.lex-bot-drawer__status-badge .status-badge.secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.lex-bot-drawer__status-badge .status-badge.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.lex-bot-drawer__status-badge .status-badge.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.lex-bot-drawer__status-badge .status-badge.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.lex-bot-drawer__status-badge .status-badge.info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
:root {
  --interactive-bot-title-color: #4e5053;
  --interactive-bot-description-color: #8e91a4;
}

.interactive-bot-creation-container .bot-form-container {
  width: 70%;
}

.interaction-bot-container {
  width: 100%;
  height: 100%;
}
.interaction-bot-container__header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1.5rem;
  gap: 1rem;
}
.interaction-bot-container__content {
  flex: 1;
  max-width: 80%;
}
.interaction-bot-container__image-wrapper {
  flex: 0 0 auto;
  width: 20%;
  max-width: 180px;
  margin-right: 1rem;
}
.interaction-bot-container__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: var(--text-primary);
}
.interaction-bot-container__description {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}
.interaction-bot-container__description:last-child {
  margin-bottom: 0;
}
.interaction-bot-container__bot-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.interaction-bot-container__bot-cards-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(250px, 1fr));
  gap: 2rem;
  padding: 1rem 2rem;
}
.interaction-bot-container__bot-card-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.interaction-bot-container__bot-card-wrapper.to-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.interaction-bot-container__bot-card {
  width: 100%;
  max-width: 290px;
  height: 370px;
  background: white;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
}
.interaction-bot-container__bot-card .bot-icon-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .bot-icon {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.interaction-bot-container__bot-card .bot-icon-wrapper .status-badge.light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.interaction-bot-container__bot-card .bot-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.interaction-bot-container__bot-card .bot-description {
  font-size: 0.875rem;
  color: var(--text-secondary);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.interaction-bot-container__bot-card .bot-additional-info {
  font-size: 0.875rem;
  color: var(--text-secondary);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: italic;
}
.interaction-bot-container__bot-card .details-button {
  width: 100%;
  padding: 8px 24px;
  font-weight: 500;
  background-color: #0047ff !important;
  color: white !important;
}
.interaction-bot-container__bot-card .bot-date {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.interaction-bot-container__bot-card .gg-bot-calendar,
.interaction-bot-container__bot-card .gg-bot-calendar::before {
  display: inline-block;
  box-sizing: border-box;
}
.interaction-bot-container__bot-card .gg-bot-calendar {
  color: #6c757d;
  position: relative;
  transform: scale(0.8);
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;
}
.interaction-bot-container__bot-card .gg-bot-calendar::before {
  content: "";
  position: absolute;
  width: 10px;
  border-radius: 3px;
  left: 2px;
  background: currentColor;
  height: 2px;
  top: 2px;
}
.interaction-bot-container__bot-card .bot-icon-wrapper {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interaction-bot-container__no-bots-found {
  color: gray;
}
.interaction-bot-container__no-bots-found.to-center {
  margin-top: 4rem;
  text-align: center !important;
}
.interaction-bot-container__create-bot-button {
  width: auto;
  height: auto;
  border: 1px solid transparent;
  font-size: 15px;
  min-width: 150px;
  background-color: #0865fe !important;
  color: white;
  height: 45px;
  padding: 10px 15px;
  font-weight: bold;
  border: none;
}
.interaction-bot-container__create-bot-button .facebook_login_icon {
  margin-right: 10px;
}

.add-bot-card {
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #ffffff;
  border: 2px dashed #e0e0e0;
}
.add-bot-card:hover {
  background-color: #f8f9fa;
  border-color: #c0c0c0;
}
.add-bot-card .add-bot-icon {
  color: #8f8f8f;
}
.add-bot-card .bot-title {
  color: #8f8f8f;
  font-weight: bold;
}

.channels-collapsed {
  display: flex;
  align-items: center;
  padding: 4px;
}
.channels-collapsed__item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid white;
  overflow: hidden;
  position: relative;
}
.channels-collapsed__item-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.channels-collapsed__remaining-count {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666666;
  font-weight: 500;
}

.success-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 0;
  text-align: center;
  width: 100%;
}
.success-view__icon {
  width: 100px;
  height: 100px;
  background-color: #a5edc5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.success-view__icon .success-icon {
  width: 85px;
  height: 85px;
  color: white;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M10.5858%2013.4142L7.75735%2010.5858L6.34314%2012L10.5858%2016.2427L17.6568%209.1716L16.2426%207.75739L10.5858%2013.4142Z'%20fill='white'%20/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.success-view__message {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 1.5rem;
  letter-spacing: 0.5px;
}

.integration-type-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  z-index: 10;
}
.integration-type-badge.amazonlex {
  background-color: #FF9900;
  color: white;
}
.integration-type-badge.ai_agent {
  background-color: #5E35B1;
  color: white;
}

.integration-type-card {
  position: relative;
  padding: 1.5rem;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 150px;
  display: flex;
  flex-direction: column;
}
.integration-type-card:hover {
  border-color: #0047ff;
  box-shadow: 0 4px 12px rgba(0, 71, 255, 0.1);
}
.integration-type-card.selected {
  border-color: #0047ff;
  background: #f0f4ff;
  box-shadow: 0 4px 12px rgba(0, 71, 255, 0.15);
}
.integration-type-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
.integration-type-card__description {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.integration-type-card__checkmark {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: #0047ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-type-card__checkmark .gg-check {
  color: white;
  font-size: 12px;
}

.ai-agent-drawer__section {
  margin-bottom: 2rem;
}
.ai-agent-drawer__section:last-child {
  margin-bottom: 0;
}
.ai-agent-drawer__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
.ai-agent-drawer__text {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}
.ai-agent-drawer__objectives-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-agent-drawer__objective-item {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e9ecef;
}
.ai-agent-drawer__objective-item:last-child {
  border-bottom: none;
}
.ai-agent-drawer__objective-item::before {
  content: "•";
  color: #0047ff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: 0.5rem;
}

.lex-bot-drawer__section {
  margin-bottom: 2rem;
}
.lex-bot-drawer__section:last-child {
  margin-bottom: 0;
}
.lex-bot-drawer__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
.lex-bot-drawer__text {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}
.lex-bot-drawer__status-badge {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.lex-bot-drawer__status-badge .status-badge {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-block;
}
.lex-bot-drawer__status-badge .status-badge.primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.lex-bot-drawer__status-badge .status-badge.secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.lex-bot-drawer__status-badge .status-badge.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.lex-bot-drawer__status-badge .status-badge.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.lex-bot-drawer__status-badge .status-badge.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.lex-bot-drawer__status-badge .status-badge.info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}.interactive-bot-creation-container .template-channelsList {
  align-items: center;
  justify-content: flex-start;
}
.interactive-bot-creation-container .bot-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 35px;
}
.interactive-bot-creation-container .bot-header h3 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.interactive-bot-creation-container .bot-header .bot-header-info-title {
  gap: 10px;
  margin-bottom: 10px;
}
.interactive-bot-creation-container .bot-header .show-info {
  display: flex;
}
.interactive-bot-creation-container .bot-header .bot-header-span {
  color: #5087ec;
  font-size: 14px;
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
}
.interactive-bot-creation-container .bot-header .actions-history {
  text-align: end;
}
.interactive-bot-creation-container .bot-header .bot-header-actions {
  display: flex;
  flex-direction: column;
}
.interactive-bot-creation-container .bot-options {
  align-items: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
.interactive-bot-creation-container .bot-options .integration-card-info-title {
  height: auto;
}

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

.cancel-bot-button {
  color: #dc3545 !important;
}
.cancel-bot-button:hover {
  color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bot-draft-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFF9E6;
  border: 1px solid #FFE07D;
  border-radius: 8px;
  padding: 16px 24px;
  margin: 20px 0;
}
.bot-draft-container h2 {
  font-size: 16px;
  color: #664D03;
  margin: 0;
}
.bot-draft-container h4 {
  font-size: 14px;
  color: #997404;
  margin: 4px 0 0 0;
}
.bot-draft-container button {
  background-color: #0D6EFD;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.bot-draft-container button:hover {
  background-color: #0B5ED7;
}
.bot-draft-container button h4 {
  color: white;
  margin: 0;
}

.template-channelsItem.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.bot-name-input:disabled,
.bot-description-input:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.7;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.edit-bot-button.disabled,
.cancel-bot-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}.facebookSettingsMainContainer {
  width: 100%;
}
.facebookSettingsMainContainer h1 {
  color: #49525f;
  font-size: 23px;
  margin-bottom: 5px;
  font-weight: bold;
}
.facebookSettingsMainContainer p {
  display: flex;
  font-size: 16px;
  color: #8e91a4;
}
.facebookSettingsMainContainer header {
  margin-bottom: 35px;
}
.facebookSettingsMainContainer button {
  background: #5890FF !important;
}

.facebookButtonContainer button {
  width: 355px !important;
  padding: 0 5px;
  width: 265px;
  height: 55px;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facebookButtonContainer button img {
  padding: 5px;
}

.pages button {
  border-radius: 5px;
  width: 160px;
}
.pages label {
  font-size: 12px;
  font-weight: bold;
}
.pages .connectButton img, .pages .connectedButton img {
  height: 13px;
}
.pages .connectedButton {
  background: white !important;
  color: #51c172 !important;
  border: solid;
}
.pages .connectedButton:hover {
  color: #fff !important;
  border: solid 1px red;
  background: red !important;
}
.pages .connectButton {
  background: #0047ff;
}
.pages .true {
  background: #a7c2f2;
  cursor: not-allowed;
}
.pages .true label {
  cursor: not-allowed !important;
}
.pages .buttonLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.instagram-page-item {
  background: rgb(255, 255, 255);
  border: 2px solid rgb(206, 227, 255);
  user-select: none;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  margin: 8px 0;
  padding: 10px;
  justify-content: space-between;
  border-radius: 5px;
}
.instagram-page-item img {
  height: 55px;
  border-radius: 3px;
}
.instagram-page-item button {
  width: 160px;
  height: 40px;
  border-radius: 5px;
  background: #5890FF !important;
}
.instagram-page-item .connect-button-false {
  cursor: not-allowed !important;
  background-color: #8e91a4 !important;
}
.instagram-page-item .page-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.instagram-page-item .page-profile .page-name {
  margin-left: 15px;
}
.instagram-page-item .page-profile .page-name h1 {
  margin-bottom: 5px;
}
.instagram-page-item .page-profile .page-name p {
  color: #8e91a4;
}

.Business-title {
  font-size: 15px;
  color: black;
  margin-bottom: 15px;
  font-weight: 600;
}

.divider-block {
  float: left;
  width: 100%;
  height: 40px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}

.no-accounts {
  color: gray;
}
.no-accounts.to-center {
  margin-top: 15px;
  text-align: center !important;
}

.section-header {
  text-align: center !important;
}

.waapi-separator {
  height: 10px;
}.whatsapp-container {
  padding: 40px;
  height: 1000px;
}

.qr-instructions-step {
  list-style: decimal;
}

.whatsapp-instructions {
  text-align: left;
}
.whatsapp-instructions h2 {
  margin-bottom: 20px;
}
.whatsapp-instructions ol {
  padding-left: 20px;
}
.whatsapp-instructions li {
  margin-bottom: 10px;
}

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

.qr-code {
  width: 300px;
  height: 300px;
  margin-bottom: 20px;
}

.qr-code-image {
  display: flex;
  height: 276px;
  align-items: center;
  justify-content: center;
}

.refresh-button {
  width: 300px;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
}
.refresh-button:hover {
  background-color: #128C7E;
}.whatsapp-channel-info-button {
  width: 50%;
  margin: 8px;
}

.channel-whatsapp-info-profile {
  border-radius: 10px;
}.utterance-container .action-container {
  margin-top: 20px 0;
}
.utterance-container .utterance-container__inputs {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.utterance-container .utterance-container__inputs input {
  background: #ffffff !important;
  border-radius: 10px;
  padding: 0 10px;
  border: none;
}

.questions-n-answers-container .questions-n-answers-container__inputs {
  margin: 20px 0;
  border: 1px solid #D3D4DC;
  padding: 10px;
  border-radius: 10px;
}
.questions-n-answers-container .questions-n-answers-container__inputs .input-with-label__input {
  background: #ffffff !important;
  border: 1px solid #ced4da !important;
}
.questions-n-answers-container .questions-n-answers-container__inputs .form-control {
  padding-left: 0 !important;
  font-size: 14px !important;
}
.questions-n-answers-container .questions-n-answers-container__add-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.questions-n-answers-container .questions-n-answers-container__add-icon .questions-n-answers-container__add-icon__icon {
  cursor: pointer;
}

.utterance-input {
  flex: 1;
  width: 100%;
}

.utterance-input--full-width {
  width: 100%;
}

.utterance-container__remove-icon {
  cursor: pointer;
  color: #d60505;
}

.utterance-container__add-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 0;
}

.questions-n-answers-container__remove-icon {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  cursor: pointer;
}

.questions-n-answers-container__remove-icon svg {
  color: #dc3545;
}

.questions-n-answers-container__remove-icon svg:hover {
  opacity: 0.8;
}

.confirmation-editor .toggle-input-container {
  padding: 10px 0;
}

.action-editor .input-with-label__input {
  background: #ffffff !important;
  border: 1px solid #ced4da !important;
  margin-bottom: 10px !important;
}

.action-wrapper {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #dfe3e9;
  border-radius: 5px;
  padding: 15px;
}

.action-header {
  display: grid;
  grid-template-columns: 1fr 30px;
  gap: 10px;
  align-items: center;
}
.action-header .form-group {
  margin-bottom: 0;
}

.action-container__remove-icon {
  cursor: pointer;
  color: #d60505;
  justify-self: end;
  transition: opacity 0.2s ease;
}
.action-container__remove-icon:hover {
  opacity: 0.8;
}

.action-container__add-icon-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.action-container__add-icon {
  cursor: pointer;
  color: #666;
}

.assignment-container .form-label {
  margin-top: 15px !important;
}
.assignment-container .form-group {
  margin-bottom: 0 !important;
}

.labels-container {
  margin-top: 15px;
}
.labels-container span {
  font-weight: bold;
  font-size: 12px;
}
.labels-container .inputContainer {
  margin-top: 5px !important;
}

.action-container .action-container__title {
  margin: 10px 0;
}

.white-dropzone {
  background-color: white;
}

.edit-interaction-container {
  height: 100%;
  display: grid;
  grid-template-columns: 65% 35%;
}
.edit-interaction-container .edit-options {
  display: flex;
  justify-content: space-between;
  width: 305px;
}
.edit-interaction-container .edit-options .title-options {
  display: flex;
  gap: 10px;
}
.edit-interaction-container .edit-options .title-options h4 {
  margin-top: 3px;
}
.edit-interaction-container .edit-interaction__messages-list {
  padding: 20px;
}
.edit-interaction-container .edit-interaction__messages-list .messages-list {
  margin-top: 25px;
  border-radius: 15px;
  border: solid 1.5px #e4e4e4;
  padding: 5px;
  min-height: 450px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}
.edit-interaction-container .edit-interaction__messages-list .messages-list .toggle-component {
  width: 365px;
  margin-left: auto;
}
.edit-interaction-container .edit-interaction__messages-list .messages-list .toggle-component .toggle-input-container {
  justify-content: space-between;
  padding: 0;
}
.edit-interaction-container .edit-interaction__messages-list .messages-list .toggle-component .toggle-input-container label {
  margin: 0;
}
.edit-interaction-container .edit-interaction__messages-list .messages-list .toggle-component .toggle-input-container small {
  font-size: 10px;
}
.edit-interaction-container .edit-interaction__messages-list .messages-list .toggle-component .edit-intention-message {
  font-size: 13px;
  color: #1f77ff;
  cursor: pointer;
  margin-right: 45px;
}
.edit-interaction-container .edit-interaction__message-edit {
  background: #eef3fc;
  border-radius: 5px;
  padding: 15px;
}
.edit-interaction-container .edit-interaction__message-edit .data-container {
  min-height: 60px;
  width: 100%;
  border: solid 1.5px #e4e4e4;
}
.edit-interaction-container .edit-interaction__message-edit .questions-n-answers-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 5px;
}
.edit-interaction-container .edit-interaction__message-edit .questions-n-answers-container .data-container {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.edit-interaction-container .edit-interaction__message-edit .questions-n-answers-container .data-container .DropdownButtonSelection,
.edit-interaction-container .edit-interaction__message-edit .questions-n-answers-container .data-container .input-with-label__input {
  border: solid 1.5px #e4e4e4;
  background: #ffffff !important;
}
.edit-interaction-container .edit-interaction__message-edit .questions-n-answers-container .data-container .keywords-list {
  margin-top: 5px;
}

.keywords-list {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.keywords-list .keywords-actions {
  font-size: 12px;
  padding: 10px;
  background: #ffffff;
  border-radius: 5px;
  border: solid 1.5px #e4e4e4;
  cursor: pointer;
}

.accountSettingsContent {
  padding: 0%;
  padding-right: 0%;
}

@media screen and (min-width: 992px) {
  .account-settings-container .accountSettingsContent {
    padding-left: 5%;
    padding-right: 0%;
  }
}
.account-settings-container .accountSettingsContent {
  padding: 0px;
}.intents-map-editor {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.intents-map-editor .input-group {
  margin-bottom: 15px;
}
.intents-map-editor .intents-list {
  margin-top: 20px;
}
.intents-map-editor .intents-list h5 {
  margin-bottom: 10px;
}
.intents-map-editor .intents-list .intent-item {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.intents-map-editor .intents-list .intent-item .intent-type {
  font-size: 12px;
  color: #666;
  padding: 2px 6px;
  background: #f5f5f5;
  border-radius: 3px;
}

.custom-toggle .custom-toggle__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 13px;
  background: #f5f5f5;
  transition: all 0.3s ease;
  min-width: 200px;
  border: 1px solid #e0e0e0;
}
.custom-toggle .custom-toggle__button:hover {
  background: #ebebeb;
}
.custom-toggle .custom-toggle__button.enabled {
  background: #e3f2fd;
  border-color: #2196f3;
}
.custom-toggle .custom-toggle__button.enabled .custom-toggle__label {
  color: #2196f3;
}
.custom-toggle .custom-toggle__button .custom-toggle__label {
  font-size: 14px;
  color: #666;
  transition: all 0.3s ease;
}
/* ESC-1233 — Wait-time rule form (message composer + unified actions).
   Visual language mirrors OrderFormV2: numbered sections, segmented controls,
   muted labels, a live message preview. */
.wait-time-rule-form {
  padding: 4px 2px 0;
}
.wait-time-rule-form .reach-form-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #2b2f33;
  margin-bottom: 6px;
}
.wait-time-rule-form .reach-form-label-muted {
  display: block;
  font-size: 12px;
  color: #6c757d;
  margin: 4px 0 0;
}
.wait-time-rule-form .wtrf-req {
  color: #d64545;
}
.wait-time-rule-form .settings-optional-label {
  font-size: 11px;
  font-weight: 500;
  color: #6c757d;
  margin-left: 6px;
}
.wait-time-rule-form .ma-count-characters {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #6c757d;
  margin-top: 2px;
}
.wait-time-rule-form {
  /* ── Sections ── */
}
.wait-time-rule-form .wtrf-section {
  margin-bottom: 8px;
}
.wait-time-rule-form .wtrf-section__header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}
.wait-time-rule-form .wtrf-section__num {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #31ad63;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wait-time-rule-form .wtrf-section__title {
  font-size: 15px;
  font-weight: 700;
  color: #1f2327;
  margin: 2px 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.wait-time-rule-form .wtrf-section__icon {
  color: #31ad63;
}
.wait-time-rule-form .wtrf-section__desc {
  font-size: 12.5px;
  color: #6c757d;
  margin: 4px 0 0;
}
.wait-time-rule-form .wtrf-divider {
  height: 1px;
  background: #e2e6ea;
  margin: 18px 0;
}
.wait-time-rule-form .wtrf-field {
  margin-bottom: 14px;
}
.wait-time-rule-form .wtrf-toggle-row {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.wait-time-rule-form .wtrf-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.wait-time-rule-form .wtrf-wait-select {
  width: auto;
  min-width: 130px;
  display: inline-block;
}
.wait-time-rule-form {
  /* ── Segmented control (horizontal chips) ── */
}
.wait-time-rule-form .wtrf-segmented {
  display: flex;
  gap: 8px;
  background: transparent;
  border: 0;
}
.wait-time-rule-form .wtrf-segmented__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e2e6ea;
  background: #fff;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 13px;
  color: #495057;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  white-space: nowrap;
}
.wait-time-rule-form .wtrf-segmented__btn:hover {
  border-color: rgb(196.42, 204.5, 212.58);
}
.wait-time-rule-form .wtrf-segmented__btn.is-active {
  background: rgba(49, 173, 99, 0.12);
  border-color: #31ad63;
  color: rgb(39.9945945946, 141.2054054054, 80.8054054054);
  font-weight: 600;
}
.wait-time-rule-form .wtrf-segmented__icon {
  opacity: 0.9;
}
.wait-time-rule-form {
  /* ── Composer ── */
}
.wait-time-rule-form .wtrf-composer {
  display: block;
}
.wait-time-rule-form .wtrf-interactive {
  border: 1px solid #e2e6ea;
  border-radius: 10px;
  padding: 14px;
  background: #f7f8fa;
  margin-top: 8px;
}
.wait-time-rule-form .wtrf-waba-hint {
  font-size: 11.5px;
  color: #b5731a;
  margin: 6px 0 0 2px;
}
.wait-time-rule-form .wtrf-buttons__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.wait-time-rule-form .wtrf-buttons__field {
  flex: 1;
}
.wait-time-rule-form .wtrf-add-link {
  padding: 4px 0;
  font-size: 13px;
}
.wait-time-rule-form .wtrf-hint {
  font-size: 12px;
  color: #6c757d;
}
.wait-time-rule-form .wtrf-icon-btn {
  color: #b0454a;
  padding: 6px;
  width: 24px;
  height: 24px;
}
.wait-time-rule-form .wtrf-cta .wtrf-field {
  margin-bottom: 10px;
}
.wait-time-rule-form .wtrf-upload {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px dashed #c3c9cf;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  color: #495057;
  background: #fff;
}
.wait-time-rule-form .wtrf-image-preview {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wait-time-rule-form .wtrf-image-preview img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
}
.wait-time-rule-form {
  /* ── Preview bubble ── */
}
.wait-time-rule-form .wtrf-composer__preview {
  margin-top: 16px;
}
.wait-time-rule-form .wtrf-preview__label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin-bottom: 6px;
}
.wait-time-rule-form .wtrf-preview {
  background: #e5ddd5;
  padding: 14px;
  border-radius: 10px;
}
.wait-time-rule-form .wtrf-preview__bubble {
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  max-width: 320px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}
.wait-time-rule-form .wtrf-preview__header-img {
  width: 100%;
  max-height: 140px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 6px;
  display: block;
}
.wait-time-rule-form .wtrf-preview__header-text {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 4px;
}
.wait-time-rule-form .wtrf-preview__body {
  font-size: 13.5px;
  color: #1f2327;
  white-space: pre-wrap;
  word-break: break-word;
}
.wait-time-rule-form .wtrf-preview__footer {
  font-size: 12px;
  color: #8696a0;
  margin-top: 4px;
}
.wait-time-rule-form .wtrf-preview__buttons {
  max-width: 320px;
  margin-top: 6px;
}
.wait-time-rule-form .wtrf-preview__button,
.wait-time-rule-form .wtrf-preview__list,
.wait-time-rule-form .wtrf-preview__cta {
  background: #fff;
  color: #027eb5;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 8px;
  border-radius: 8px;
  margin-top: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}
.wait-time-rule-form {
  /* ── Unified actions ── */
}
.wait-time-rule-form .wtrf-actions__row {
  border: 1px solid #e2e6ea;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 10px;
  background: #fff;
}
.wait-time-rule-form .wtrf-actions__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.wait-time-rule-form .wtrf-actions__kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #2b2f33;
}
.wait-time-rule-form .wtrf-actions__add {
  max-width: 220px;
}
.wait-time-rule-form {
  /* ── Footer ── */
}
.wait-time-rule-form .wtrf-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid #e2e6ea;
}
.wait-time-rule-form .wtrf-footer .btn {
  min-width: 120px;
}:root {
  --wait-time-settings-title-color: #4e5053;
  --wait-time-settings-description-color: #8e91a4;
}

.wait-time-settings {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wait-time-settings__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wait-time-settings__title {
  font-size: 16px;
  font-weight: bold;
  color: var(--wait-time-settings-title-color);
}
.wait-time-settings__time-badge {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 3px;
  user-select: none;
}
.wait-time-settings__description {
  font-size: 14px;
  color: var(--wait-time-settings-description-color);
}
.wait-time-settings__switch-description {
  font-size: 15px;
  color: var(--wait-time-settings-title-color);
  font-weight: bold;
}
.wait-time-settings__steps-container {
  gap: 12px;
  padding: 15px;
}
.wait-time-settings__response-mode-tabs {
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #F1F5F9;
  padding: 0.25rem;
  color: #64748b;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1.5rem;
  box-sizing: border-box;
}
.wait-time-settings__response-mode-tabs .wait-time-settings__tab-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 4px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  gap: 8px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.wait-time-settings__response-mode-tabs .wait-time-settings__tab-item--selected {
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  color: #020817;
}
.wait-time-settings__response-mode-tabs .wait-time-settings__tab-item .tab-icon {
  width: 16px;
  height: 16px;
}
.wait-time-settings__step-card {
  height: 245px;
  background: white;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  cursor: pointer;
}
.wait-time-settings__step-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wait-time-settings__step-card.opacity-50 {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.wait-time-settings__step-card.opacity-50:hover {
  transform: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.wait-time-settings__step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
}
.wait-time-settings__icon-circle {
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wait-time-settings__icon-circle i {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.wait-time-settings__icon-circle i.gg-message {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%203V3.28988C16.8915%204.15043%2019%206.82898%2019%2010V17H20V19H4V17H5V10C5%206.82898%207.10851%204.15043%2010%203.28988V3C10%201.89543%2010.8954%201%2012%201C13.1046%201%2014%201.89543%2014%203ZM7%2017H17V10C17%207.23858%2014.7614%205%2012%205C9.23858%205%207%207.23858%207%2010V17ZM14%2021V20H10V21C10%2022.1046%2010.8954%2023%2012%2023C13.1046%2023%2014%2022.1046%2014%2021Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
}
.wait-time-settings__icon-circle i.gg-time {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M9%207H11V12H16V14H9V7Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M22%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012ZM20%2012C20%2016.4183%2016.4183%2020%2012%2020C7.58172%2020%204%2016.4183%204%2012C4%207.58172%207.58172%204%2012%204C16.4183%204%2020%207.58172%2020%2012Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
}
.wait-time-settings__icon-circle i.gg-close {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M10.2426%2016.3137L6%2012.071L7.41421%2010.6568L10.2426%2013.4853L15.8995%207.8284L17.3137%209.24262L10.2426%2016.3137Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%2012C1%205.92487%205.92487%201%2012%201C18.0751%201%2023%205.92487%2023%2012C23%2018.0751%2018.0751%2023%2012%2023C5.92487%2023%201%2018.0751%201%2012ZM12%2021C7.02944%2021%203%2016.9706%203%2012C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012C21%2016.9706%2016.9706%2021%2012%2021Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
}
.wait-time-settings__uncheck-circle, .wait-time-settings__check-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: lightgray;
}
.wait-time-settings__check-circle {
  background: #2BAB79;
}
.wait-time-settings__check-circle i.gg-check {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M10.5858%2013.4142L7.75735%2010.5858L6.34314%2012L10.5858%2016.2427L17.6568%209.1716L16.2426%207.75739L10.5858%2013.4142Z'%20fill='white'%20/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.wait-time-settings__step-content h3 {
  margin: 16px 0 8px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  user-select: none;
}
.wait-time-settings__step-content p {
  color: #444;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  user-select: none;
}
.wait-time-settings__rule-card {
  transition: all 0.3s ease;
  border: 2px solid #e9ecef;
  cursor: pointer;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 8px;
  height: 210px;
  display: flex;
  flex-direction: column;
}
.wait-time-settings__rule-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wait-time-settings__rule-card--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.wait-time-settings__response-mode-section {
  margin-bottom: 32px;
  padding: 0 15px;
}
.wait-time-settings__response-mode-header {
  margin-bottom: 16px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
}
.wait-time-settings__response-mode-info .response-mode-title {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.wait-time-settings__response-mode-info .response-mode-description {
  margin: 0;
  font-size: 14px;
  color: #666;
}
.wait-time-settings__action-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wait-time-settings__action-info .action-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.wait-time-settings__action-info .action-description {
  margin: 0 0 8px 0;
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}
.wait-time-settings__rule-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.wait-time-settings__response-mode-info .response-mode-label {
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.wait-time-settings__rule-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wait-time-settings__rule-content .action-description {
  font-size: 12px;
  color: #666;
  margin: 0 0 8px 0;
  line-height: 1.4;
  flex-shrink: 0;
}
.wait-time-settings__rule-content .wait-time-info {
  margin-bottom: 8px;
  flex-shrink: 0;
}
.wait-time-settings__rule-content .timeout-message-preview {
  font-size: 12px;
  color: #666;
  margin: 0;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
}
.wait-time-settings__rule-content .not-configured-text {
  font-size: 12px;
  color: #999;
  font-style: italic;
  margin: 0;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wait-time-settings__rule-indicators {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.wait-time-settings__indicator-badge {
  background: #eef2ff;
  color: #4338ca;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 9999px;
  border: 1px solid #e0e7ff;
  user-select: none;
}
.wait-time-settings__indicator-thumb {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid #e2e8f0;
}
.wait-time-settings__rule-info {
  background: #f8f9fa;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 16px;
}
.wait-time-settings__rule-info .rule-info-item {
  margin-bottom: 8px;
  font-size: 14px;
}
.wait-time-settings__rule-info .rule-info-item:last-child {
  margin-bottom: 0;
}
.wait-time-settings__rule-info .rule-info-item strong {
  color: #333;
}
.wait-time-settings__rule-info .rule-info-item span {
  color: #666;
}
.wait-time-settings__response_mode_container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.wait-time-settings__response_mode_container .response_mode_item {
  float: left;
  width: 100%;
  height: 90px;
  background-color: #efefef;
  border-radius: 5px;
  margin: 5px 0;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.wait-time-settings__response_mode_container .response_mode_item:hover {
  background-color: #e8e8e8;
}
.wait-time-settings__response_mode_container .response_mode_item.selected {
  background-color: #e1e9f5;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-box {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-color: rgb(241, 244, 247);
  display: flex;
  justify-content: center;
  align-items: center;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-box .template-category-icon {
  width: 25px;
  height: 25px;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-box .template-category-icon.AGENT {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%207C16%209.20914%2014.2091%2011%2012%2011C9.79086%2011%208%209.20914%208%207C8%204.79086%209.79086%203%2012%203C14.2091%203%2016%204.79086%2016%207ZM14%207C14%208.10457%2013.1046%209%2012%209C10.8954%209%2010%208.10457%2010%207C10%205.89543%2010.8954%205%2012%205C13.1046%205%2014%205.89543%2014%207Z'%20fill='currentColor'%20/%3e%3cpath%20d='M16%2015C16%2014.4477%2015.5523%2014%2015%2014H9C8.44772%2014%208%2014.4477%208%2015V21H6V15C6%2013.3431%207.34315%2012%209%2012H15C16.6569%2012%2018%2013.3431%2018%2015V21H16V15Z'%20fill='currentColor'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-box .template-category-icon.BOT {
  background: url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='%23ffffff'%20stroke='%23ffffff'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3ctitle%3eic_fluent_bot_24_regular%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='🔍-Product-Icons'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='ic_fluent_bot_24_regular'%20fill='%234D5053'%20fill-rule='nonzero'%3e%3cpath%20d='M17.7530511,13.999921%20C18.9956918,13.999921%2020.0030511,15.0072804%2020.0030511,16.249921%20L20.0030511,17.1550008%20C20.0030511,18.2486786%2019.5255957,19.2878579%2018.6957793,20.0002733%20C17.1303315,21.344244%2014.8899962,22.0010712%2012,22.0010712%20C9.11050247,22.0010712%206.87168436,21.3444691%205.30881727,20.0007885%20C4.48019625,19.2883988%204.00354153,18.2500002%204.00354153,17.1572408%20L4.00354153,16.249921%20C4.00354153,15.0072804%205.01090084,13.999921%206.25354153,13.999921%20L17.7530511,13.999921%20Z%20M17.7530511,15.499921%20L6.25354153,15.499921%20C5.83932796,15.499921%205.50354153,15.8357075%205.50354153,16.249921%20L5.50354153,17.1572408%20C5.50354153,17.8128951%205.78953221,18.4359296%206.28670709,18.8633654%20C7.5447918,19.9450082%209.44080155,20.5010712%2012,20.5010712%20C14.5599799,20.5010712%2016.4578003,19.9446634%2017.7186879,18.8621641%20C18.2165778,18.4347149%2018.5030511,17.8112072%2018.5030511,17.1550005%20L18.5030511,16.249921%20C18.5030511,15.8357075%2018.1672647,15.499921%2017.7530511,15.499921%20Z%20M11.8985607,2.00734093%20L12.0003312,2.00049432%20C12.380027,2.00049432%2012.6938222,2.2826482%2012.7434846,2.64872376%20L12.7503312,2.75049432%20L12.7495415,3.49949432%20L16.25,3.5%20C17.4926407,3.5%2018.5,4.50735931%2018.5,5.75%20L18.5,10.254591%20C18.5,11.4972317%2017.4926407,12.504591%2016.25,12.504591%20L7.75,12.504591%20C6.50735931,12.504591%205.5,11.4972317%205.5,10.254591%20L5.5,5.75%20C5.5,4.50735931%206.50735931,3.5%207.75,3.5%20L11.2495415,3.49949432%20L11.2503312,2.75049432%20C11.2503312,2.37079855%2011.5324851,2.05700336%2011.8985607,2.00734093%20L12.0003312,2.00049432%20L11.8985607,2.00734093%20Z%20M16.25,5%20L7.75,5%20C7.33578644,5%207,5.33578644%207,5.75%20L7,10.254591%20C7,10.6688046%207.33578644,11.004591%207.75,11.004591%20L16.25,11.004591%20C16.6642136,11.004591%2017,10.6688046%2017,10.254591%20L17,5.75%20C17,5.33578644%2016.6642136,5%2016.25,5%20Z%20M9.74928905,6.5%20C10.4392523,6.5%2010.9985781,7.05932576%2010.9985781,7.74928905%20C10.9985781,8.43925235%2010.4392523,8.99857811%209.74928905,8.99857811%20C9.05932576,8.99857811%208.5,8.43925235%208.5,7.74928905%20C8.5,7.05932576%209.05932576,6.5%209.74928905,6.5%20Z%20M14.2420255,6.5%20C14.9319888,6.5%2015.4913145,7.05932576%2015.4913145,7.74928905%20C15.4913145,8.43925235%2014.9319888,8.99857811%2014.2420255,8.99857811%20C13.5520622,8.99857811%2012.9927364,8.43925235%2012.9927364,7.74928905%20C12.9927364,7.05932576%2013.5520622,6.5%2014.2420255,6.5%20Z'%20id='🎨-Color'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-box .template-category-icon.MENU {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M8.01562%206.98193C7.46334%206.98193%207.01562%207.43285%207.01562%207.98513C7.01562%208.53742%207.46334%208.98833%208.01563%208.98833H15.9659C16.5182%208.98833%2016.9659%208.53742%2016.9659%207.98513C16.9659%207.43285%2016.5182%206.98193%2015.9659%206.98193H8.01562Z'%20fill='currentColor'%20/%3e%3cpath%20d='M7.01562%2012C7.01562%2011.4477%207.46334%2010.9968%208.01562%2010.9968H15.9659C16.5182%2010.9968%2016.9659%2011.4477%2016.9659%2012C16.9659%2012.5523%2016.5182%2013.0032%2015.9659%2013.0032H8.01563C7.46334%2013.0032%207.01562%2012.5523%207.01562%2012Z'%20fill='currentColor'%20/%3e%3cpath%20d='M8.0249%2015.0122C7.47262%2015.0122%207.0249%2015.4631%207.0249%2016.0154C7.0249%2016.5677%207.47262%2017.0186%208.0249%2017.0186H15.9752C16.5275%2017.0186%2016.9752%2016.5677%2016.9752%2016.0154C16.9752%2015.4631%2016.5275%2015.0122%2015.9752%2015.0122H8.0249Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%206C3%204.34315%204.34315%203%206%203H18C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6ZM6%205H18C18.5523%205%2019%205.44772%2019%206V18C19%2018.5523%2018.5523%2019%2018%2019H6C5.44772%2019%205%2018.5523%205%2018V6C5%205.44772%205.44772%205%206%205Z'%20fill='currentColor'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-description {
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-description .template-category-header {
  font-size: 14px;
  font-weight: bold;
  color: #1C2B33;
}
.wait-time-settings__response_mode_container .response_mode_item .template-category-description .template-category-label {
  font-size: 13px;
  color: #1C2B33;
}

.interactive-message-editor__waba-hint {
  font-size: 12px;
  color: #d97706;
  margin-top: 4px;
}
.interactive-message-editor__buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.interactive-message-editor__button-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.interactive-message-editor__button-field {
  flex: 1;
}
.interactive-message-editor__remove-button, .interactive-message-editor__add-button {
  padding: 4px 6px;
  color: var(--reach-blue, #2683DE);
  font-weight: 500;
  text-decoration: none;
}
.interactive-message-editor__remove-button {
  color: #ef4444;
}
.interactive-message-editor__error {
  font-size: 12px;
  color: #dc2626;
}
.interactive-message-editor__hint {
  font-size: 12px;
  color: #6b7280;
}
.interactive-message-editor__upload {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px dashed #e2e8f0;
  border-radius: 0.375rem;
  background: #f1f5f9;
  cursor: pointer;
  font-size: 0.875rem;
  color: #4b5563;
}
.interactive-message-editor__upload:hover {
  border-color: var(--reach-blue, #2683DE);
}
.interactive-message-editor__image-preview {
  display: flex;
  align-items: center;
  gap: 12px;
}
.interactive-message-editor__image-preview img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
}
.interactive-message-editor__image-remove {
  color: #ef4444;
  font-weight: 500;
  text-decoration: none;
  padding: 0;
}

.actions-editor {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.actions-editor__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.actions-editor__fields {
  flex: 1;
  display: flex;
  gap: 8px;
}
@media (max-width: 575px) {
  .actions-editor__fields {
    flex-direction: column;
  }
}
.actions-editor__field {
  flex: 1;
}
.actions-editor__remove {
  color: #ef4444;
  padding: 4px 6px;
  text-decoration: none;
  margin-top: 26px;
}
.actions-editor__add {
  align-self: flex-start;
  color: var(--reach-blue, #2683DE);
  font-weight: 500;
  text-decoration: none;
  padding: 4px 6px;
}.handoff-settings-container {
  padding: 20px;
  background-color: white;
  border-radius: 8px;
}
.handoff-settings-container .handoff-settings__steps-container {
  margin-top: 20px;
}
.handoff-settings-container .handoff-settings__switch-description {
  margin: 0;
  font-size: 14px;
  color: #49525F;
}
.handoff-settings-container .handoff-settings__step-card {
  padding: 20px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 16px;
}
.handoff-settings-container .handoff-settings__step-card:hover:not(.disabled) {
  border-color: #31ad63;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.handoff-settings-container .handoff-settings__step-card.disabled {
  background-color: #f8f9fa;
  cursor: pointer;
  border-color: #e9ecef;
  opacity: 0.8;
}
.handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__icon-circle {
  background-color: #e9ecef;
}
.handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__icon-circle i, .handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__icon-circle svg {
  opacity: 0.6;
}
.handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__step-content .message-title, .handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__step-content .message-description {
  color: #6c757d;
}
.handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__check-circle {
  background-color: #6c757d;
}
.handoff-settings-container .handoff-settings__step-card.disabled .handoff-settings__uncheck-circle {
  border-color: #6c757d;
}
.handoff-settings-container .handoff-settings__step-card.disabled:hover {
  border-color: #EC5050;
  box-shadow: 0 2px 8px rgba(236, 80, 80, 0.1);
}
.handoff-settings-container .handoff-settings__step-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.handoff-settings-container .handoff-settings__icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #E5ECFE;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: all 0.3s ease;
}
.handoff-settings-container .handoff-settings__icon-circle i {
  color: #5087EC;
  transform: scale(0.8);
}
.handoff-settings-container .handoff-settings__arrow {
  margin: 0 10px;
}
.handoff-settings-container .handoff-settings__arrow i {
  transform: scale(0.8);
  color: #49525F;
}
.handoff-settings-container .handoff-settings__check-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #31ad63;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: all 0.3s ease;
}
.handoff-settings-container .handoff-settings__check-circle i {
  color: white;
  transform: scale(0.7);
}
.handoff-settings-container .handoff-settings__uncheck-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #E5E5E5;
  margin-left: auto;
  transition: all 0.3s ease;
}
.handoff-settings-container .handoff-settings__step-content .message-title {
  font-size: 16px;
  font-weight: 600;
  color: #49525F;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.handoff-settings-container .handoff-settings__step-content .message-description {
  font-size: 14px;
  color: #6C757D;
  margin: 0;
  transition: all 0.3s ease;
}
.handoff-settings-container .handoff-settings__configured-badge {
  font-size: 12px;
  background-color: #E5ECFE;
  color: #5087EC;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 10px;
}
.handoff-settings-container .handoff-settings__disabled-badge {
  font-size: 12px;
  background-color: #FFE5E5;
  color: #EC5050;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 10px;
}.handoff-rule-form h4 {
  font-size: 16px;
  font-weight: 600;
  color: #49525F;
  margin-bottom: 15px;
}
.handoff-rule-form .rule-status-section {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #F8F9FA;
  border-radius: 8px;
}
.handoff-rule-form .rule-status-section p {
  font-size: 14px;
}
.handoff-rule-form .rule-info-section {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: #F8F9FA;
  border-radius: 8px;
}
.handoff-rule-form .rule-info-section .rule-type {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.handoff-rule-form .rule-info-section .rule-type .rule-type-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #E5ECFE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.handoff-rule-form .rule-info-section .rule-type .rule-type-icon i {
  color: #5087EC;
  transform: scale(0.8);
}
.handoff-rule-form .rule-info-section .rule-type .rule-type-icon svg {
  width: 25px;
  height: 25px;
}
.handoff-rule-form .rule-info-section .rule-type .rule-type-arrow {
  margin: 0 1rem;
  font-size: 24px;
  color: #49525F;
  font-weight: bold;
}
.handoff-rule-form .rule-info-section .rule-description {
  text-align: center;
  color: #6C757D;
  font-size: 14px;
  margin: 0;
}
.handoff-rule-form .variables-section {
  margin-bottom: 2rem;
}
.handoff-rule-form .variables-section .variables-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
.handoff-rule-form .variables-section .variable-card {
  padding: 12px;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.handoff-rule-form .variables-section .variable-card:hover {
  border-color: #5087EC;
  background-color: #F8F9FA;
}
.handoff-rule-form .variables-section .variable-card .variable-name {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.handoff-rule-form .variables-section .variable-card .variable-name i {
  color: #5087EC;
  margin-right: 8px;
  transform: scale(0.8);
}
.handoff-rule-form .variables-section .variable-card .variable-name span {
  font-size: 14px;
  font-weight: 500;
  color: #49525F;
}
.handoff-rule-form .variables-section .variable-card .variable-description {
  font-size: 12px;
  color: #6C757D;
  margin: 0;
}
.handoff-rule-form .message-section {
  margin-bottom: 20px;
  position: relative;
}
.handoff-rule-form .message-section label {
  font-size: 14px;
  font-weight: 500;
  color: #49525F;
  margin-bottom: 8px;
  padding-left: 5px;
}
.handoff-rule-form .message-section textarea {
  resize: vertical;
  min-height: 100px;
  font-size: 14px;
}
.handoff-rule-form .message-section textarea:focus {
  border-color: #5087EC;
  box-shadow: 0 0 0 0.2rem rgba(80, 135, 236, 0.25);
}
.handoff-rule-form .preview-section {
  margin-bottom: 20px;
}
.handoff-rule-form .preview-section .preview-content {
  padding: 15px;
  background-color: #F8F9FA;
  border-radius: 6px;
  min-height: 60px;
  font-size: 14px;
  color: #49525F;
}
.handoff-rule-form .preview-section .preview-content .preview-variable {
  display: inline-block;
  background-color: #E5ECFE;
  color: #5087EC;
  padding: 2px 6px;
  border-radius: 4px;
  margin: 0 2px;
}
.handoff-rule-form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #E5E5E5;
}
.handoff-rule-form .form-actions button {
  min-width: 100px;
}:root {
  --reach-blue: #2563eb;
  --off-white: #FFFFFF;
  --off-black: #1E1E1E;
  --radius: 0.5rem;
  --rounded-md: 0.375rem;
  --rounded-sm: 0.25rem;
  --rounded-lg: 0.5rem;
  --rounded-xl: 0.875rem;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
}

.space-y-1 > * + * {
  margin-top: 0.25rem;
}

.space-y-2 > * + * {
  margin-top: 0.5rem;
}

.space-y-3 > * + * {
  margin-top: 0.75rem;
}

.space-y-4 > * + * {
  margin-top: 1rem;
}

.space-y-5 > * + * {
  margin-top: 1.25rem;
}

.space-y-6 > * + * {
  margin-top: 1.5rem;
}

.space-y-7 > * + * {
  margin-top: 1.75rem;
}

.space-y-8 > * + * {
  margin-top: 2rem;
}

.space-y-9 > * + * {
  margin-top: 2.25rem;
}

.space-y-10 > * + * {
  margin-top: 2.5rem;
}

.space-y-11 > * + * {
  margin-top: 2.75rem;
}

.space-y-12 > * + * {
  margin-top: 3rem;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.screen-presentation {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background-image: linear-gradient(to bottom right, #eff6ff, #eef2ff, #faf5ff);
  padding: 2rem;
}
.screen-presentation-area {
  position: relative;
  z-index: 10;
}
.screen-presentation-area-flex {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .screen-presentation-area-flex {
    flex-direction: row;
    align-items: center;
  }
}
.screen-presentation-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.screen-presentation-header-icon-area {
  padding: 0.75rem;
  border-radius: calc(var(--radius) + 4px);
  background-image: linear-gradient(to bottom right, #3b82f6, #4f46e5);
  color: white;
}
.screen-presentation-header-icon {
  display: block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-layers-icon%20lucide-layers'%3e%3cpath%20d='M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z'/%3e%3cpath%20d='M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012'/%3e%3cpath%20d='M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.screen-presentation-header-main-text {
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--off-black);
}
.screen-presentation-header-sub-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #71717a;
}
.screen-presentation-sub-header {
  color: #71717a;
  max-width: 42rem;
  line-height: 1.625;
  font-size: 1rem;
}
.screen-presentation-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: var(--breakpoint-sm)) {
  .screen-presentation-details {
    flex-direction: row;
  }
}
.screen-presentation-details-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: calc(var(--radius) + 4px);
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  white-space: nowrap;
}
.screen-presentation-details-card-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.screen-presentation-details-card-status-dot {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 9999px;
  background-color: #22c55e;
}
.screen-presentation-details-card-status-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  flex-shrink: 0;
}
.screen-presentation-details-card-separator {
  height: 1.5rem;
  width: 1px;
  background-color: #d1d5db;
}
.screen-presentation-details-card-catalogs-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  vertical-align: middle;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2371717a'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-shopping-bag-icon%20lucide-shopping-bag'%3e%3cpath%20d='M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4Z'/%3e%3cpath%20d='M3%206h18'/%3e%3cpath%20d='M16%2010a4%204%200%200%201-8%200'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.screen-presentation-details-action-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
  border: none !important;
  outline: none !important;
}
.screen-presentation-details-action-button:hover {
  background-image: linear-gradient(to right, #1d4ed8, #4338ca) !important;
}
.screen-presentation-details-action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.screen-presentation-details-action-button-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}

.catalogs-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  background-color: var(--off-white);
  color: var(--off-black);
}
.catalogs-container .area-description.top-border {
  padding-top: 2rem;
  border-top: 1px solid #e5e7eb;
}
.catalogs-container .area-description.include-search-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.catalogs-container .area-description-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin: 0;
  color: var(--off-black);
}
.catalogs-container .area-description-description {
  color: #64748b;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  margin-top: 0.5rem;
}
.catalogs-container .area-description-search-bar-area {
  display: flex;
  flex-direction: row;
  width: auto;
  min-width: 255px;
  gap: 0.5rem;
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea {
  position: relative;
  flex: 1 1 0%;
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea .search-picker-input {
  height: 40px !important;
  width: 100% !important;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: transparent;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2.5rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  color: var(--off-black);
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea .search-picker-input:placeholder {
  color: #64748b;
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea .search-picker-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: transparent;
  border: none;
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea .search-picker-button:hover {
  background-color: #f1f5f9;
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea .search-picker-close-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M6.2253%204.81108C5.83477%204.42056%205.20161%204.42056%204.81108%204.81108C4.42056%205.20161%204.42056%205.83477%204.81108%206.2253L10.5858%2012L4.81114%2017.7747C4.42062%2018.1652%204.42062%2018.7984%204.81114%2019.1889C5.20167%2019.5794%205.83483%2019.5794%206.22535%2019.1889L12%2013.4142L17.7747%2019.1889C18.1652%2019.5794%2018.7984%2019.5794%2019.1889%2019.1889C19.5794%2018.7984%2019.5794%2018.1652%2019.1889%2017.7747L13.4142%2012L19.189%206.2253C19.5795%205.83477%2019.5795%205.20161%2019.189%204.81108C18.7985%204.42056%2018.1653%204.42056%2017.7748%204.81108L12%2010.5858L6.2253%204.81108Z'%20fill='currentColor'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .area-description-search-bar-area .search-picker-search-subarea .search-picker-search-icon {
  color: #94a3b8;
  width: 1rem;
  height: 1rem;
  top: 0.75rem;
  left: 0.75rem;
  position: absolute;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-search%20h-4%20w-4%20absolute%20right-3%20top-3%20text-slate-400'%3e%3ccircle%20cx='11'%20cy='11'%20r='8'%3e%3c/circle%3e%3cpath%20d='m21%2021-4.3-4.3'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .catalogs-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 640px) {
  .catalogs-container .catalogs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .catalogs-container .catalogs-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .catalogs-container .catalogs-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.catalogs-container .catalogs-grid-item {
  border-radius: var(--radius);
  border: 1px solid #e2e8f0;
  background-color: white;
  color: #020817;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  cursor: pointer;
  animation: 0.5s ease-out forwards fadeIn;
  transition-property: all;
  transition-duration: 300ms;
  animation-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}
.catalogs-container .catalogs-grid-item.disabled {
  opacity: 0.6 !important;
  cursor: not-allowed;
}
.catalogs-container .catalogs-grid-item.disabled .catalogs-grid-item-action {
  cursor: not-allowed;
  opacity: 0.6;
}
.catalogs-container .catalogs-grid-item:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.02) scaleY(1.02);
  border: 1px solid #2563eb;
}
.catalogs-container .catalogs-grid-item-inside-area {
  padding: 1rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}
.catalogs-container .catalogs-grid-item-icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 9999px;
  background-color: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.catalogs-container .catalogs-grid-item-icon .catalog_shopify {
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000053528921206907012900000007825132018834795180_);}%20.st6{clip-path:url(%23SVGID_00000088130668831988621980000008240560634714583188_);}%20.st7{clip-path:url(%23SVGID_00000144313801176922787620000014789899418005846708_);}%20.st8{fill:url(%23SVGID_00000065060697796363424550000007452078602918004367_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st3'%20d='M737.5,302.5c-0.5-3.3-3.3-5.5-6-5.5c-2.7,0-51.1-1.1-51.1-1.1s-40.6-39.5-44.5-43.4%20c-3.8-3.8-12.1-2.7-14.8-1.6c0,0-7.7,2.2-20.3,6c-2.2-7.1-5.5-15.4-9.9-24.2c-14.3-27.5-35.7-42.3-61-42.3l0,0%20c-1.6,0-3.3,0-5.5,0.5c-0.5-1.1-1.6-1.6-2.2-2.7c-11-12.1-25.3-17.6-42.3-17c-33,1.1-65.9,24.7-92.3,67c-18.7,29.7-33,67-37.3,96.1%20c-37.9,11.5-64.3,19.8-64.8,20.3c-19.2,6-19.8,6.6-22,24.7c-1.6,13.7-52.2,400.9-52.2,400.9l419.6,72.5l181.8-45%20C812.1,807.2,738,305.8,737.5,302.5z%20M579.8,263.5c-9.9,2.7-20.9,6.6-32.4,9.9c0-16.5-2.2-40.1-9.9-59.9%20C562.3,218.5,574.3,246.5,579.8,263.5z%20M524.9,280.5c-22,6.6-46.1,14.3-70.3,21.4c6.6-25.8,19.8-51.6,35.1-68.7%20c6-6,14.3-13.2,23.6-17.6C523.3,234.9,525.5,261.9,524.9,280.5z%20M480.4,193.2c7.7,0,14.3,1.6,19.8,4.9%20c-8.8,4.9-17.6,11.5-25.8,20.3c-20.9,22.5-36.8,57.7-43.4,91.2c-19.8,6-39.5,12.1-57.7,17.6C384.9,274.5,429.3,194.9,480.4,193.2z'%20/%3e%3cg%3e%3cpath%20class='st4'%20d='M731.4,297c-2.7,0-51.1-1.1-51.1-1.1s-40.6-39.5-44.5-43.4c-1.6-1.6-3.3-2.2-5.5-2.7v602.5l181.8-45%20c0,0-74.1-501.4-74.7-505.3C736.9,299.2,734.2,297,731.4,297z'/%3e%3cpath%20class='st1'%20d='M529.3,390.4l-20.9,79.1c0,0-23.6-11-51.6-8.8c-41.2,2.7-41.2,28.6-41.2,35.1c2.2,35.1,95,42.8,100.5,125.8%20c3.8,65.4-34.6,109.8-90.1,113.1c-67,4.4-103.8-35.1-103.8-35.1l14.3-60.4c0,0,36.8,28,66.5,25.8c19.2-1.1,26.4-17,25.8-28%20c-2.7-46.1-78.5-43.4-83.5-119.2c-3.8-63.7,37.9-128.5,130.2-134C511.2,381,529.3,390.4,529.3,390.4z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_woocommerce {
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000008115533221499693900000009324936134922399114_);}%20.st6{clip-path:url(%23SVGID_00000075882163459262061330000007575618786678561190_);}%20.st7{clip-path:url(%23SVGID_00000139288416079132595120000006903384388135745465_);}%20.st8{fill:url(%23SVGID_00000105388391383615628170000013968806649505633410_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M131.8,234h760.7c48,0,87,39.1,87,87v290.2c0,48-39.1,87-87,87H619.5l37.3,91.7L492,698.3H131.5%20c-48,0-87-39.1-87-87V321C44.5,273.1,83.6,234,131.8,234z'/%3e%3cpath%20class='st1'%20d='M91.7,313.1c5.9-7.2,14.6-11.6,24-11.9c19.3-1.2,30.4,7.9,33.4,27.4c11.9,79.6,24.7,147.3,38.3,203l83.8-159.2%20c7.7-14.3,17.1-22,28.7-22.7c16.8-1.2,27.2,9.4,31.4,32.1c7.9,44.5,20,88.3,36.1,130.5c10.1-96.9,26.9-167.1,50.4-210.4%20c4.7-9.9,14.3-16.3,25.2-16.8c8.7-0.7,17.3,2,24,7.7c6.9,5.2,11.1,13.4,11.6,22c0.5,6.4-0.7,12.9-3.7,18.3%20c-14.8,27.7-27.2,73.7-36.8,138c-9.4,62.1-13.1,110.8-10.6,145.6c1,8.7-0.7,17.3-4.5,25c-3.7,7.9-11.6,13.3-20.3,13.8%20c-10.1,0.7-20-4-30.2-14.1C337,605,308.8,550.9,288,478.9c-24.5,48.9-43,85.8-55.1,110c-22.5,43.3-41.8,65.3-57.6,66.5%20c-10.4,0.7-19.3-7.9-26.5-26.2c-19.5-49.9-40.5-146.6-63-290C83.8,329.9,86,320.5,91.7,313.1z'/%3e%3cpath%20class='st1'%20d='M673.4,372.9c-12.9-23-35.1-39.3-61.1-44.3c-6.9-1.5-13.8-2.2-20.8-2.2c-36.6,0-66.5,19-89.7,57.1%20c-19.8,32.4-30.2,69.7-29.7,107.5c0,29.4,6.2,54.6,18.3,75.6c12.9,23,35.1,39.3,61.1,44.3c6.9,1.5,13.8,2.2,20.8,2.2%20c36.8,0,66.8-19,89.7-57.1c19.8-32.6,30.2-70,29.7-108.3C691.7,418.4,685.6,393.5,673.4,372.9z%20M625.2,479%20c-5.2,25-14.8,43.8-29.2,56.6c-11.1,10.1-21.5,14.1-30.9,12.4c-9.4-1.7-16.8-10.1-22.5-24.7c-4.2-11.1-6.7-22.7-6.7-34.9%20c0-9.4,1-18.8,2.7-27.9c3.7-16.3,10.4-31.6,20.3-45.5c12.6-18.5,26-26.5,39.8-23.5c9.4,2,16.8,10.1,22.5,24.7%20c4.2,11.1,6.7,22.7,6.7,34.6C628,460.2,627.2,469.6,625.2,479z'/%3e%3cpath%20class='st1'%20d='M912.7,372.9c-12.8-23-35.1-39.3-61.1-44.3c-6.9-1.5-13.8-2.2-20.8-2.2c-36.6,0-66.5,19-89.7,57.1%20c-19.8,32.4-30.2,69.7-29.7,107.5c0,29.4,6.2,54.6,18.3,75.6c12.9,23,35.1,39.3,61.1,44.3c6.9,1.5,13.8,2.2,20.8,2.2%20c36.8,0,66.8-19,89.7-57.1c19.8-32.6,30.2-70,29.7-108.3C931,418.4,924.9,393.5,912.7,372.9z%20M864.5,479%20c-5.2,25-14.8,43.8-29.2,56.6c-11.1,10.1-21.5,14.1-30.9,12.4c-9.4-1.7-16.8-10.1-22.5-24.7c-4.2-11.1-6.7-22.7-6.7-34.9%20c0-9.4,1-18.8,2.7-27.9c3.7-16.3,10.4-31.6,20.3-45.5c12.6-18.5,26-26.5,39.8-23.5c9.4,2,16.8,10.1,22.5,24.7%20c4.2,11.1,6.7,22.7,6.7,34.6C867.3,460.2,866.5,469.6,864.5,479z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_wix {
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000118380711303438293700000008536477086772612508_);}%20.st6{clip-path:url(%23SVGID_00000015352212458814177760000000575473596805549698_);}%20.st7{clip-path:url(%23SVGID_00000044151975218036449460000014223390653694332095_);}%20.st8{fill:url(%23SVGID_00000009571927744772111880000002424826749899588786_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cpath%20class='st2'%20d='M579.4,337c-18.5,9.7-25.4,26.1-25.4,71.4c0,0,9.4-9.1,23.3-14.1c10.1-3.7,18.8-9.3,23.8-12.9%20c15.7-11.5,18.1-26.2,18.1-51.1C619.2,330.3,593.7,329.6,579.4,337%20M469.6,347.6C454.4,361,450,382.2,450,382.2L400,576l-41.6-158.6%20c-4.1-16.9-11.4-37.7-22.9-51.8c-14.7-18-44.6-19.1-47.8-19.1c-3.2,0-33.1,1.1-47.9,19.1c-11.6,14.1-18.9,34.9-22.9,51.8L175.3,576%20l-50-193.8c0,0-4.4-21.2-19.5-34.5c-24.5-21.6-61.2-17-61.2-17l95.8,362.2c0,0,31.6,2.3,47.4-5.8c20.8-10.6,30.6-18.7,43.2-68%20c11.2-43.9,42.5-173,45.4-182.2c1.5-4.5,3.3-15.4,11.3-15.4c8.1,0,9.8,10.8,11.2,15.4c2.9,9.2,34.2,138.2,45.5,182.2%20c12.6,49.3,22.5,57.5,43.2,68c15.8,8.1,47.4,5.8,47.4,5.8l95.8-362.2C530.8,330.7,494.1,326,469.6,347.6%20M619.2,389.8%20c0,0-6,9.3-19.7,16.9c-8.8,4.9-17.2,8.2-26.2,12.6c-15.1,7.3-19.3,15.4-19.3,27.7v4.1v19.1v0.5v4.3v217.8c0,0,24.2,3.1,40-5%20c20.3-10.4,25-20.4,25.2-65.4V402.9l0,0V389.8z%20M857.9,512.6l121.5-180.8c0,0-51.3-8.7-76.7,14.4c-16.3,14.8-34.4,41.4-34.4,41.4%20l-44.7,64.5c-2.2,3.4-5,7-9.5,7c-4.5,0-7.4-3.7-9.5-7l-44.7-64.5c0,0-18.2-26.6-34.4-41.4c-25.4-23.1-76.7-14.4-76.7-14.4%20l121.5,180.8L649,692.8c0,0,53.4,6.8,78.8-16.4c16.3-14.8,32-38.8,32-38.8l44.7-64.5c2.2-3.4,5-7,9.5-7c4.5,0,7.4,3.6,9.5,7%20l44.7,64.5c0,0,16.6,24.1,32.9,38.8c25.4,23.1,77.9,16.4,77.9,16.4L857.9,512.6z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_odoo {
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000114072715667961165970000013093446674157008522_);}%20.st6{clip-path:url(%23SVGID_00000150069341322015574900000004885255480043749508_);}%20.st7{clip-path:url(%23SVGID_00000072268098077956917770000008544777228652557971_);}%20.st8{fill:url(%23SVGID_00000017514403166680743440000015067831247060956062_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st9'%20d='M866.6,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C979.5,609,928.9,659.6,866.6,659.6z%20M866.6,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2c-36.6,0-66.2,29.7-66.2,66.2%20S830,612.9,866.6,612.9z%20M630.2,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C743.1,609,692.6,659.6,630.2,659.6z%20M630.2,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2c-36.6,0-66.2,29.7-66.2,66.2%20S593.6,612.9,630.2,612.9z%20M506.7,545.1c0,63.1-50.6,114.4-112.9,114.4s-112.9-51.2-112.9-114.3s45.9-111.6,112.9-111.6%20c24.7,0,47.6,5.3,66.2,19v-65.5c0-12.5,11-22.7,23.3-22.7s23.3,10.2,23.3,22.7V545.1z%20M393.8,612.9c36.6,0,66.2-29.7,66.2-66.2%20s-29.7-66.2-66.2-66.2s-66.2,29.7-66.2,66.2S357.2,612.9,393.8,612.9z'/%3e%3cpath%20class='st10'%20d='M157.4,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C270.3,609,219.8,659.6,157.4,659.6z%20M157.4,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2S91.2,510,91.2,546.6%20S120.8,612.9,157.4,612.9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_meta {
  width: 3rem;
  height: 3rem;
  background: url("/v5/assets/catalog_meta-BSMaSE0B.svg") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_magento {
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='256px'%20height='303px'%20viewBox='0%200%20256%20303'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20preserveAspectRatio='xMidYMid'%3e%3cg%3e%3cpath%20d='M144.852,90.67%20L144.852,262.862%20L127.919,273.211%20L110.973,262.807%20L110.973,90.803%20L67.095,117.819%20L67.095,265.074%20L127.919,302.291%20L189.258,264.809%20L189.258,117.725%20L144.852,90.67%20L144.852,90.67%20Z%20M127.919,0%20L0,77.502%20L0,224.776%20L33.223,244.348%20L33.223,97.06%20L127.945,39.464%20L222.755,96.976%20L223.146,97.199%20L223.104,244.128%20L256,224.776%20L256,77.502%20L127.919,0%20L127.919,0%20Z'%20fill='%23EC6737'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_ecwid {
  width: 3.5rem;
  height: 3.5rem;
  background: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20215%20215'%20enable-background='new%200%200%20215%20215'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M160.68,163.34c-3.67,0-6.65,2.98-6.65,6.66c0,3.68,2.98,6.66,6.65,6.66%20c3.68,0,6.66-2.98,6.66-6.66C167.34,166.32,164.36,163.34,160.68,163.34z'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M53.46,162.51c-3.67,0-6.65,2.98-6.65,6.66c0,3.68,2.98,6.66,6.65,6.66%20c3.68,0,6.66-2.98,6.66-6.66C60.12,165.49,57.14,162.51,53.46,162.51z'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M166.12,0H48.88C21.89,0,0,21.89,0,48.89v117.23c0,27,21.89,48.88,48.88,48.88%20h117.24c27,0,48.88-21.88,48.88-48.88V48.88C215,21.89,193.11,0,166.12,0z%20M134.43,57.85c5.36,0,9.7,4.34,9.7,9.7%20c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C124.73,62.19,129.07,57.85,134.43,57.85z%20M134.43,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S129.07,85.25,134.43,85.25z%20M107.09,57.85%20c5.36,0,9.7,4.34,9.7,9.7c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C97.39,62.19,101.73,57.85,107.09,57.85z%20M107.09,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S101.73,85.25,107.09,85.25z%20M79.75,57.85%20c5.36,0,9.7,4.34,9.7,9.7c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C70.05,62.19,74.39,57.85,79.75,57.85z%20M79.75,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S74.39,85.25,79.75,85.25z%20M53.46,187.72%20c-10.24,0-18.55-8.31-18.55-18.55c0-10.25,8.31-18.56,18.55-18.56c10.25,0,18.56,8.31,18.56,18.56%20C72.03,179.41,63.71,187.72,53.46,187.72z%20M160.68,188.55c-10.24,0-18.55-8.31-18.55-18.55c0-10.25,8.31-18.56,18.55-18.56%20c10.25,0,18.56,8.31,18.56,18.56C179.24,180.24,170.93,188.55,160.68,188.55z%20M193.27,37.66l-19.18,71.44%20c-5.12,19.07-21.28,31.04-41.03,31.04h-12.65c-4.18,0-10.23-2.26-12.74-4.62c-0.42-0.39-1.08-0.39-1.5,0%20c-2.51,2.36-8.56,4.62-12.74,4.62h-13.9c-19.12,0-33.61-10.9-39.41-29.12L23.81,59.86c-0.32-1.02-0.15-2.1,0.49-2.97%20c0.63-0.86,1.6-1.36,2.69-1.36l3.12,0.01c7.52,0.03,14.11,4.86,16.38,12.02l11.98,37.62c3.24,10.19,13.61,17.04,24.3,17.04%20l4.65-0.01c4.8,0,8.18-2.46,10.22-4.66c1.06-1.15,2.54-1.82,4.11-1.82l10.44,0.01c1.48,0,2.92,0.59,3.91,1.68%20c1.98,2.17,5.49,4.79,10.33,4.79l4.43,0.01c11.04,0,21.75-7.45,24.62-18.11l15.53-57.84c2.03-7.53,8.88-12.78,16.67-12.78l2.74,0%20c0.26,0,0.52,0.04,0.76,0.14C192.93,34.37,193.7,36.08,193.27,37.66z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_custom {
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-columns3-cog-icon%20lucide-columns-3-cog'%3e%3cpath%20d='M10.5%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v5.5'/%3e%3cpath%20d='m14.3%2019.6%201-.4'/%3e%3cpath%20d='M15%203v7.5'/%3e%3cpath%20d='m15.2%2016.9-.9-.3'/%3e%3cpath%20d='m16.6%2021.7.3-.9'/%3e%3cpath%20d='m16.8%2015.3-.4-1'/%3e%3cpath%20d='m19.1%2015.2.3-.9'/%3e%3cpath%20d='m19.6%2021.7-.4-1'/%3e%3cpath%20d='m20.7%2016.8%201-.4'/%3e%3cpath%20d='m21.7%2019.4-.9-.3'/%3e%3cpath%20d='M9%203v18'/%3e%3ccircle%20cx='18'%20cy='18'%20r='3'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-icon .catalog_storefront {
  width: 3rem;
  height: 3rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAADZCAYAAACzfjCpAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADC5JREFUeNrs3U1y20YaBmBkKntpDpCYU/FemhOIs8jauoGZE0g5geETmD6BqRMMtfYi1Aki7+MKZR9gpBNo+rPak0rGP/oh2Gjgeaq6KC8Sgk0QLz4A3f3N9fV1AwBj9TddAIAgBABBCACCEAAEIQAIQgAQhAAgCAFAEAKAIAQAQQgAghAABCEACEIAEIQAIAgBQBACgCAEAEEIAIIQAAQhAAhCABCEACAIAUAQAoAgBABBCACCEAAEIQAIQgAQhAAgCAFAEAKAIAQAQQgAghAABCEACEIAEIQAIAgBQBACgCAEgDv6trYN/n7y3SS9tKkdprbjKxy8i9TW+e/L1M7zv9fv1u9Xuqd7j1+/3U8v8bvbz203v/r98Smnv/34w2FNG/zN9fV1TSG4mw+Ej+xrZGd5n1gKxo0G3zSfbAo87uOnFIYLFWE3ZkKQvzjI7SidKF1FIOZQXOqaO4XfNP++pn5jbMCkpo2tLQh37V98QVQuT6PlUIwz0nkKxbWu+WT4TXL4OcFk01aCEPoRike5UjyJUHTp9E8B2OaTBti0s99+/EEQQs98rBLjfuJsrBWiAGRL2to2WBAyJnEv8fdcIR6nQLwcSQDGLYW5AEQ1+GnGETLWCnGdAnE2ghA8bm6GmwhBVIMqQviTuIf4Kofh4dCqw3wZdJGrYFANqgjhsw5ydXg4lA+UQjDC/VwIohoUhHCX6vDfKQzbmj9E3AtMLarAV41B8KgGBSHcw7MUhos8g1F1IdjcjN1yLxDVoCCEB4kgWdUUhnlKtHVqe74+VIOCEDZhr5YwzCEYByGXQinluPYPIAih0jAUgvTASaoGzwUhDDwMhSB8VjuEDyEI4SthGA/QCEH4ZDW4FoQwDjFPaS/ug+SB8kIQ1aAghK17kcJwv3AIxv3KpRBENSgIoZRl4YdnFo0hEqgGBSEU9KjUASBPnv3EV4BqUBBCaUfbvkSaH455oetRDQpC6Iv5lt9voctRDQpC6JODVBVOt1QNxtm3+4KoBgUhjO+AkIdKHOtqVIPdsjDv1/38bv1+rhu2K9+HixbrBPbxIZGoCvfTvtHl9FKx3xkqQR+8HGo1KAi/7rkQLCMHTLSPyyId5h/iox5tZlRrs46qwWkznKdEL5qb1TG4Efv1ZUXbuxzCfKKC8P5WuqAXoRgHjUUOxTYHUB8qpS5Xta/t7PsiH+DP8+/mcugHTwQhlArFNs/9GTOslH6IZCdty2HapmUH1eBBBV/Hm3yCshzqvSMEIfQ1DNf5qc24bF16RfZpDuWxVINXud8Xwg9BCGXDMC6XzlIgNoXDcLrhanDS02owAvA4hd/C3sfQGD5B7YE4a24u0ZWy6cuzfawGn6c2EYKoCKG/oipbN4UeoNnwMIrDHvVrnGDMPPSCihD6XxXGZdKSA883siLF49dvZ01/xg2exAmGEEQQQj1huEgvZ4XeflOTcPelGowZRKISvLRnIQihLm2tFWFedLcPA+g/hKBdCUEIdVaFq+ZmYHeNpkIQBCFswrLS7S4dhHECYYJvBCEMwEIQ3ot7gghCGIKOV4PoRL4/WHK6uNMUgit7D4IQhuNNZdu7X/j9rbCCIISBqe0S37Tge1+oBhGEQGmTgu+91P0IQmDMQbjQ/QhCoLRSq01cmUINBCGMmcuiIAhhI1b3/Q/z+oOCEAQhjFbJIFzpfhCEsAnrCrf51EwyIAgZrq0OUH+3fl9jEKoGQRAyRN9Pvps0213c9k2lXeVpURCEDNRUoNzKxK4CgpBh2vYq76tK+6kt/MQq9Ma3uoChyJdFt73Ke61B+Ci131MY2nGGLy7fH5tTVkXIOMy2fYCp9EEZxiWW+Fq6AiAIGUc1uO0V1hd6nkrEA2SCUBAycPNmu0+LXglCEITQl2owKsFt3xtcvlu/NyCdWlh3UhAy4BCcppcXW37bqAaP9T4VaXWBIGSYIRgzyJSYOHquGqQiV40J1gUhgwzBWXr5tdnufcEQT4o6u6Ymc/PKfplxhNQWgLvNzUMqTwq8fZxZz3wLVFYNznWDivAhdnVBr0Iw7sutC4VgOE7VoDk6qclSNagifKg2HXxX7gcVDb/9XIVF2ym4Kc/TfrDwjVDbMUwXCMKHihkZztPB2AFw+6bNzXJKOz3YlhP3BanQSaoG17pBEG5CzMn4TDeM92CSQnCmG6iQE/hbco8QPu+5EKRSZwbQqwjhIT4MmHdPkIq1ukAQwn1dpHbo6VBq3odVg3fj0ij84TS1fSGIalBFCGPzYaB8CkDTUDGEanChG1SEcNcqcCIEGQizyKgI4fZnzs3NAzECkKGwRqYghFt7mQLQMkoMrho0ndr9uDTK2JwJQQZKNSgI4VZWuoABMp2aIIRbs6IIQ9Tqgvtzj5CxmcUk6sYK/s/H1cvvWk3ECcV+D7b/wFeoGhSEcDexmsUqhWHMHrMSgs00HUSdFDzA49dvJ+llUujtL31/ghDuG4a/pDB8mV7bEa83uXAQfbhcjanIKuYeIWN2lKvD/ZF+fmMoQRDCh8WXIwxnugIEIYxVXCp9FQ/RpDamp0oNvgZBCH/yNFeHYwlDQ0lAEML/iUul65HcN5z4ukEQwqd8HGIx9DDc91WDIITSYVhy+MLU1wyCEG4ThpOu3qDwagF7j1+/dZ+Q0TOg/nZiBo52S2fvk6Y/9262tS19niYrwnCZwnDa4cD7WBvxUaHPd9hYtQBByFe8SW064tlHtibCprm5bxWvT3q0aXv5RKir5ZvWBYPwWBAydi6N3uKMWQhuR8z9mdo8tahS/p7aT7la6oOjHNRdKHmfMC6PTu19CEI+5zQdlNe6oUgoXqYWq0RM0j9/bm4uT5c277AiLKm1xyEI+RxzMfYjFCOA4pLpm8KbsherVnTw/10V/lwHqSo8tKchCOnjmTp/hGF8F9PUTgpvysbvE/ZkBYiFJ0gRhND/MIzLpbPCleFBR8MpTgt3bzwdu7CXIQihDlEZlnyIZoiXR8OTVBXO7V4IQqigMkwvs8JBvGl9uR99lMJwZi9DEEL/wzAqqLOhBGFe5bwvQ0VeqQwRhFCHttD77nR0n3DRo76NynDpARoEIfS/KixVRQ09CEPM7nNuwD2CEPqtVHhsfFWKfHn0rGf9G1O//ZLC0PAKBCH01KrQ+3YVCn29N/c0tXUKw1YgIgihR/Ll0cFIVWE8PXrR082LsYbPUvtPrhAt7MsgWH2CIYgB9nsD+jxtaq96vo1RIT5NYRihvcyV+arw+oogCBmtQR18U5hEtRVh+KiCzY1tPMqtycG4bv64ZL1uxjVVYVTJt7l0vOzJ1HoIQgShqrCDYIx2YLf8omfppOEkheFMV5TnHiFDMLgz66gKm/KrbdCtp2bxEYTAlx3rgsEThIIQ+EJVuEovL/UECEIYs7bp73AKHs5TtoIQ+EpVWHqlDbq10AWCEPh6GK7Sy3M9MThneQIFBCFwizBsm/7NQ8rDtLpAEAJ3c9gYUjGkanClGwQhcLeq8OP9wiu9oRpEEMJYwzAmD5gKw6qdqgYFISAMx8xECYIQEIajdZIXYEYQAsJwlFpdIAiBzYdhLP3jadL+e6kaFIRAN2G4zpXhqd7orSvVoCAEug3Dy9RinOHPeqOX5nn4C4IQ6DgQ5+nln41LpX2rBue6QRAC2wvD89TivqH5SVWDCEIYdSC26eUfjTlKS7pQDQpCoGwYrlObpj//JRCLaFWDghDoRyCuBOL2q8HU5wvdIAiBfgZiPFBz0hiM32k1qAsE4RCc6wI+o+oz/fxAzSz9OUntp8YYxE17oxqsxzfX19fVbOz3k+/iR/v7lt7u7N36/dQuUsV+EU9I/rrFt3ye9o1Bnu0/fv02xiJOc9uzd91LVNnTPOsPgrCTg16cxcZTWDtdns2lNksHOzuy/eKvB7g27RejeQowBWMEYpxo7OZwbPK/d+x1nxSXm1tTqQnCbRz0dvOPsQuXArDaMOxyv2jSfrHSyyAIAWBQPCwDgCAEAEEIAIIQAAQhAAhCABCEACAIAUAQAoAgBABBCACCEAAEIQAIQgAQhAAgCAFAEAKAIAQAQQgAghAABCEACEIAEIQAIAgBQBACgCAEAEEIAIIQAAQhAAhCABCEACAIAUAQAoAgBABBCACCEAAEIQAIQgAQhAAgCAFAEALAvfxXgAEASGiIASVTI5UAAAAASUVORK5CYII=") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .catalogs-grid-item-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--off-black);
}
.catalogs-container .catalogs-grid-item-count {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  background-color: #f1f5f9;
  color: var(--off-black);
}
.catalogs-container .catalogs-grid-item-action {
  width: 100%;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: calc(var(--radius) - 2px);
  color: var(--off-black);
  background-color: transparent;
}
.catalogs-container .catalogs-grid-item-action:hover {
  background-color: rgba(241, 245, 249, 0.92);
}
.catalogs-container .catalogs-grid-item-lock-area {
  position: absolute;
  top: 1.5rem;
  z-index: 10;
}
.catalogs-container .catalogs-grid-item-lock-area-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  background-color: rgb(244, 244, 245);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #18181b;
  user-select: none;
}
.catalogs-container .catalogs-grid-item-lock-area-icon {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2318181b'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-lock-icon%20lucide-lock'%3e%3crect%20width='18'%20height='11'%20x='3'%20y='11'%20rx='2'%20ry='2'/%3e%3cpath%20d='M7%2011V7a5%205%200%200%201%2010%200v4'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs {
  width: 100%;
}
.catalogs-container .configured-catalogs-item {
  border-radius: var(--radius);
  border: 1px solid #e4e4e7;
  background-color: white;
  color: var(--off-black);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.catalogs-container .configured-catalogs-item-area {
  flex: 1 1 0%;
  padding: 1.5rem;
}
.catalogs-container .configured-catalogs-item-area-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.catalogs-container .configured-catalogs-item-individual-side {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.catalogs-container .configured-catalogs-item-actions-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.catalogs-container .configured-catalogs-item-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  background-color: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.catalogs-container .configured-catalogs-item-icon .catalog_shopify,
.catalogs-container .configured-catalogs-item-icon .catalog_shopifyAdmin {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000053528921206907012900000007825132018834795180_);}%20.st6{clip-path:url(%23SVGID_00000088130668831988621980000008240560634714583188_);}%20.st7{clip-path:url(%23SVGID_00000144313801176922787620000014789899418005846708_);}%20.st8{fill:url(%23SVGID_00000065060697796363424550000007452078602918004367_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st3'%20d='M737.5,302.5c-0.5-3.3-3.3-5.5-6-5.5c-2.7,0-51.1-1.1-51.1-1.1s-40.6-39.5-44.5-43.4%20c-3.8-3.8-12.1-2.7-14.8-1.6c0,0-7.7,2.2-20.3,6c-2.2-7.1-5.5-15.4-9.9-24.2c-14.3-27.5-35.7-42.3-61-42.3l0,0%20c-1.6,0-3.3,0-5.5,0.5c-0.5-1.1-1.6-1.6-2.2-2.7c-11-12.1-25.3-17.6-42.3-17c-33,1.1-65.9,24.7-92.3,67c-18.7,29.7-33,67-37.3,96.1%20c-37.9,11.5-64.3,19.8-64.8,20.3c-19.2,6-19.8,6.6-22,24.7c-1.6,13.7-52.2,400.9-52.2,400.9l419.6,72.5l181.8-45%20C812.1,807.2,738,305.8,737.5,302.5z%20M579.8,263.5c-9.9,2.7-20.9,6.6-32.4,9.9c0-16.5-2.2-40.1-9.9-59.9%20C562.3,218.5,574.3,246.5,579.8,263.5z%20M524.9,280.5c-22,6.6-46.1,14.3-70.3,21.4c6.6-25.8,19.8-51.6,35.1-68.7%20c6-6,14.3-13.2,23.6-17.6C523.3,234.9,525.5,261.9,524.9,280.5z%20M480.4,193.2c7.7,0,14.3,1.6,19.8,4.9%20c-8.8,4.9-17.6,11.5-25.8,20.3c-20.9,22.5-36.8,57.7-43.4,91.2c-19.8,6-39.5,12.1-57.7,17.6C384.9,274.5,429.3,194.9,480.4,193.2z'%20/%3e%3cg%3e%3cpath%20class='st4'%20d='M731.4,297c-2.7,0-51.1-1.1-51.1-1.1s-40.6-39.5-44.5-43.4c-1.6-1.6-3.3-2.2-5.5-2.7v602.5l181.8-45%20c0,0-74.1-501.4-74.7-505.3C736.9,299.2,734.2,297,731.4,297z'/%3e%3cpath%20class='st1'%20d='M529.3,390.4l-20.9,79.1c0,0-23.6-11-51.6-8.8c-41.2,2.7-41.2,28.6-41.2,35.1c2.2,35.1,95,42.8,100.5,125.8%20c3.8,65.4-34.6,109.8-90.1,113.1c-67,4.4-103.8-35.1-103.8-35.1l14.3-60.4c0,0,36.8,28,66.5,25.8c19.2-1.1,26.4-17,25.8-28%20c-2.7-46.1-78.5-43.4-83.5-119.2c-3.8-63.7,37.9-128.5,130.2-134C511.2,381,529.3,390.4,529.3,390.4z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-icon .catalog_woocommerce {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000008115533221499693900000009324936134922399114_);}%20.st6{clip-path:url(%23SVGID_00000075882163459262061330000007575618786678561190_);}%20.st7{clip-path:url(%23SVGID_00000139288416079132595120000006903384388135745465_);}%20.st8{fill:url(%23SVGID_00000105388391383615628170000013968806649505633410_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M131.8,234h760.7c48,0,87,39.1,87,87v290.2c0,48-39.1,87-87,87H619.5l37.3,91.7L492,698.3H131.5%20c-48,0-87-39.1-87-87V321C44.5,273.1,83.6,234,131.8,234z'/%3e%3cpath%20class='st1'%20d='M91.7,313.1c5.9-7.2,14.6-11.6,24-11.9c19.3-1.2,30.4,7.9,33.4,27.4c11.9,79.6,24.7,147.3,38.3,203l83.8-159.2%20c7.7-14.3,17.1-22,28.7-22.7c16.8-1.2,27.2,9.4,31.4,32.1c7.9,44.5,20,88.3,36.1,130.5c10.1-96.9,26.9-167.1,50.4-210.4%20c4.7-9.9,14.3-16.3,25.2-16.8c8.7-0.7,17.3,2,24,7.7c6.9,5.2,11.1,13.4,11.6,22c0.5,6.4-0.7,12.9-3.7,18.3%20c-14.8,27.7-27.2,73.7-36.8,138c-9.4,62.1-13.1,110.8-10.6,145.6c1,8.7-0.7,17.3-4.5,25c-3.7,7.9-11.6,13.3-20.3,13.8%20c-10.1,0.7-20-4-30.2-14.1C337,605,308.8,550.9,288,478.9c-24.5,48.9-43,85.8-55.1,110c-22.5,43.3-41.8,65.3-57.6,66.5%20c-10.4,0.7-19.3-7.9-26.5-26.2c-19.5-49.9-40.5-146.6-63-290C83.8,329.9,86,320.5,91.7,313.1z'/%3e%3cpath%20class='st1'%20d='M673.4,372.9c-12.9-23-35.1-39.3-61.1-44.3c-6.9-1.5-13.8-2.2-20.8-2.2c-36.6,0-66.5,19-89.7,57.1%20c-19.8,32.4-30.2,69.7-29.7,107.5c0,29.4,6.2,54.6,18.3,75.6c12.9,23,35.1,39.3,61.1,44.3c6.9,1.5,13.8,2.2,20.8,2.2%20c36.8,0,66.8-19,89.7-57.1c19.8-32.6,30.2-70,29.7-108.3C691.7,418.4,685.6,393.5,673.4,372.9z%20M625.2,479%20c-5.2,25-14.8,43.8-29.2,56.6c-11.1,10.1-21.5,14.1-30.9,12.4c-9.4-1.7-16.8-10.1-22.5-24.7c-4.2-11.1-6.7-22.7-6.7-34.9%20c0-9.4,1-18.8,2.7-27.9c3.7-16.3,10.4-31.6,20.3-45.5c12.6-18.5,26-26.5,39.8-23.5c9.4,2,16.8,10.1,22.5,24.7%20c4.2,11.1,6.7,22.7,6.7,34.6C628,460.2,627.2,469.6,625.2,479z'/%3e%3cpath%20class='st1'%20d='M912.7,372.9c-12.8-23-35.1-39.3-61.1-44.3c-6.9-1.5-13.8-2.2-20.8-2.2c-36.6,0-66.5,19-89.7,57.1%20c-19.8,32.4-30.2,69.7-29.7,107.5c0,29.4,6.2,54.6,18.3,75.6c12.9,23,35.1,39.3,61.1,44.3c6.9,1.5,13.8,2.2,20.8,2.2%20c36.8,0,66.8-19,89.7-57.1c19.8-32.6,30.2-70,29.7-108.3C931,418.4,924.9,393.5,912.7,372.9z%20M864.5,479%20c-5.2,25-14.8,43.8-29.2,56.6c-11.1,10.1-21.5,14.1-30.9,12.4c-9.4-1.7-16.8-10.1-22.5-24.7c-4.2-11.1-6.7-22.7-6.7-34.9%20c0-9.4,1-18.8,2.7-27.9c3.7-16.3,10.4-31.6,20.3-45.5c12.6-18.5,26-26.5,39.8-23.5c9.4,2,16.8,10.1,22.5,24.7%20c4.2,11.1,6.7,22.7,6.7,34.6C867.3,460.2,866.5,469.6,864.5,479z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-icon .catalog_wix {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000118380711303438293700000008536477086772612508_);}%20.st6{clip-path:url(%23SVGID_00000015352212458814177760000000575473596805549698_);}%20.st7{clip-path:url(%23SVGID_00000044151975218036449460000014223390653694332095_);}%20.st8{fill:url(%23SVGID_00000009571927744772111880000002424826749899588786_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cpath%20class='st2'%20d='M579.4,337c-18.5,9.7-25.4,26.1-25.4,71.4c0,0,9.4-9.1,23.3-14.1c10.1-3.7,18.8-9.3,23.8-12.9%20c15.7-11.5,18.1-26.2,18.1-51.1C619.2,330.3,593.7,329.6,579.4,337%20M469.6,347.6C454.4,361,450,382.2,450,382.2L400,576l-41.6-158.6%20c-4.1-16.9-11.4-37.7-22.9-51.8c-14.7-18-44.6-19.1-47.8-19.1c-3.2,0-33.1,1.1-47.9,19.1c-11.6,14.1-18.9,34.9-22.9,51.8L175.3,576%20l-50-193.8c0,0-4.4-21.2-19.5-34.5c-24.5-21.6-61.2-17-61.2-17l95.8,362.2c0,0,31.6,2.3,47.4-5.8c20.8-10.6,30.6-18.7,43.2-68%20c11.2-43.9,42.5-173,45.4-182.2c1.5-4.5,3.3-15.4,11.3-15.4c8.1,0,9.8,10.8,11.2,15.4c2.9,9.2,34.2,138.2,45.5,182.2%20c12.6,49.3,22.5,57.5,43.2,68c15.8,8.1,47.4,5.8,47.4,5.8l95.8-362.2C530.8,330.7,494.1,326,469.6,347.6%20M619.2,389.8%20c0,0-6,9.3-19.7,16.9c-8.8,4.9-17.2,8.2-26.2,12.6c-15.1,7.3-19.3,15.4-19.3,27.7v4.1v19.1v0.5v4.3v217.8c0,0,24.2,3.1,40-5%20c20.3-10.4,25-20.4,25.2-65.4V402.9l0,0V389.8z%20M857.9,512.6l121.5-180.8c0,0-51.3-8.7-76.7,14.4c-16.3,14.8-34.4,41.4-34.4,41.4%20l-44.7,64.5c-2.2,3.4-5,7-9.5,7c-4.5,0-7.4-3.7-9.5-7l-44.7-64.5c0,0-18.2-26.6-34.4-41.4c-25.4-23.1-76.7-14.4-76.7-14.4%20l121.5,180.8L649,692.8c0,0,53.4,6.8,78.8-16.4c16.3-14.8,32-38.8,32-38.8l44.7-64.5c2.2-3.4,5-7,9.5-7c4.5,0,7.4,3.6,9.5,7%20l44.7,64.5c0,0,16.6,24.1,32.9,38.8c25.4,23.1,77.9,16.4,77.9,16.4L857.9,512.6z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-icon .catalog_odoo {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000114072715667961165970000013093446674157008522_);}%20.st6{clip-path:url(%23SVGID_00000150069341322015574900000004885255480043749508_);}%20.st7{clip-path:url(%23SVGID_00000072268098077956917770000008544777228652557971_);}%20.st8{fill:url(%23SVGID_00000017514403166680743440000015067831247060956062_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st9'%20d='M866.6,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C979.5,609,928.9,659.6,866.6,659.6z%20M866.6,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2c-36.6,0-66.2,29.7-66.2,66.2%20S830,612.9,866.6,612.9z%20M630.2,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C743.1,609,692.6,659.6,630.2,659.6z%20M630.2,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2c-36.6,0-66.2,29.7-66.2,66.2%20S593.6,612.9,630.2,612.9z%20M506.7,545.1c0,63.1-50.6,114.4-112.9,114.4s-112.9-51.2-112.9-114.3s45.9-111.6,112.9-111.6%20c24.7,0,47.6,5.3,66.2,19v-65.5c0-12.5,11-22.7,23.3-22.7s23.3,10.2,23.3,22.7V545.1z%20M393.8,612.9c36.6,0,66.2-29.7,66.2-66.2%20s-29.7-66.2-66.2-66.2s-66.2,29.7-66.2,66.2S357.2,612.9,393.8,612.9z'/%3e%3cpath%20class='st10'%20d='M157.4,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C270.3,609,219.8,659.6,157.4,659.6z%20M157.4,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2S91.2,510,91.2,546.6%20S120.8,612.9,157.4,612.9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-icon .catalog_metaCatalog {
  width: 2.5rem;
  height: 2.5rem;
  background: url("/v5/assets/catalog_meta-BSMaSE0B.svg") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-icon .catalog_magento {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='256px'%20height='303px'%20viewBox='0%200%20256%20303'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20preserveAspectRatio='xMidYMid'%3e%3cg%3e%3cpath%20d='M144.852,90.67%20L144.852,262.862%20L127.919,273.211%20L110.973,262.807%20L110.973,90.803%20L67.095,117.819%20L67.095,265.074%20L127.919,302.291%20L189.258,264.809%20L189.258,117.725%20L144.852,90.67%20L144.852,90.67%20Z%20M127.919,0%20L0,77.502%20L0,224.776%20L33.223,244.348%20L33.223,97.06%20L127.945,39.464%20L222.755,96.976%20L223.146,97.199%20L223.104,244.128%20L256,224.776%20L256,77.502%20L127.919,0%20L127.919,0%20Z'%20fill='%23EC6737'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-icon .catalog_ecwid {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20215%20215'%20enable-background='new%200%200%20215%20215'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M160.68,163.34c-3.67,0-6.65,2.98-6.65,6.66c0,3.68,2.98,6.66,6.65,6.66%20c3.68,0,6.66-2.98,6.66-6.66C167.34,166.32,164.36,163.34,160.68,163.34z'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M53.46,162.51c-3.67,0-6.65,2.98-6.65,6.66c0,3.68,2.98,6.66,6.65,6.66%20c3.68,0,6.66-2.98,6.66-6.66C60.12,165.49,57.14,162.51,53.46,162.51z'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M166.12,0H48.88C21.89,0,0,21.89,0,48.89v117.23c0,27,21.89,48.88,48.88,48.88%20h117.24c27,0,48.88-21.88,48.88-48.88V48.88C215,21.89,193.11,0,166.12,0z%20M134.43,57.85c5.36,0,9.7,4.34,9.7,9.7%20c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C124.73,62.19,129.07,57.85,134.43,57.85z%20M134.43,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S129.07,85.25,134.43,85.25z%20M107.09,57.85%20c5.36,0,9.7,4.34,9.7,9.7c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C97.39,62.19,101.73,57.85,107.09,57.85z%20M107.09,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S101.73,85.25,107.09,85.25z%20M79.75,57.85%20c5.36,0,9.7,4.34,9.7,9.7c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C70.05,62.19,74.39,57.85,79.75,57.85z%20M79.75,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S74.39,85.25,79.75,85.25z%20M53.46,187.72%20c-10.24,0-18.55-8.31-18.55-18.55c0-10.25,8.31-18.56,18.55-18.56c10.25,0,18.56,8.31,18.56,18.56%20C72.03,179.41,63.71,187.72,53.46,187.72z%20M160.68,188.55c-10.24,0-18.55-8.31-18.55-18.55c0-10.25,8.31-18.56,18.55-18.56%20c10.25,0,18.56,8.31,18.56,18.56C179.24,180.24,170.93,188.55,160.68,188.55z%20M193.27,37.66l-19.18,71.44%20c-5.12,19.07-21.28,31.04-41.03,31.04h-12.65c-4.18,0-10.23-2.26-12.74-4.62c-0.42-0.39-1.08-0.39-1.5,0%20c-2.51,2.36-8.56,4.62-12.74,4.62h-13.9c-19.12,0-33.61-10.9-39.41-29.12L23.81,59.86c-0.32-1.02-0.15-2.1,0.49-2.97%20c0.63-0.86,1.6-1.36,2.69-1.36l3.12,0.01c7.52,0.03,14.11,4.86,16.38,12.02l11.98,37.62c3.24,10.19,13.61,17.04,24.3,17.04%20l4.65-0.01c4.8,0,8.18-2.46,10.22-4.66c1.06-1.15,2.54-1.82,4.11-1.82l10.44,0.01c1.48,0,2.92,0.59,3.91,1.68%20c1.98,2.17,5.49,4.79,10.33,4.79l4.43,0.01c11.04,0,21.75-7.45,24.62-18.11l15.53-57.84c2.03-7.53,8.88-12.78,16.67-12.78l2.74,0%20c0.26,0,0.52,0.04,0.76,0.14C192.93,34.37,193.7,36.08,193.27,37.66z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.catalogs-container .configured-catalogs-item-icon .catalog_custom {
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-columns3-cog-icon%20lucide-columns-3-cog'%3e%3cpath%20d='M10.5%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v5.5'/%3e%3cpath%20d='m14.3%2019.6%201-.4'/%3e%3cpath%20d='M15%203v7.5'/%3e%3cpath%20d='m15.2%2016.9-.9-.3'/%3e%3cpath%20d='m16.6%2021.7.3-.9'/%3e%3cpath%20d='m16.8%2015.3-.4-1'/%3e%3cpath%20d='m19.1%2015.2.3-.9'/%3e%3cpath%20d='m19.6%2021.7-.4-1'/%3e%3cpath%20d='m20.7%2016.8%201-.4'/%3e%3cpath%20d='m21.7%2019.4-.9-.3'/%3e%3cpath%20d='M9%203v18'/%3e%3ccircle%20cx='18'%20cy='18'%20r='3'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.catalogs-container .configured-catalogs-item-header-text {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.catalogs-container .configured-catalogs-item-subheader {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #64748b;
}
.catalogs-container .configured-catalogs-item-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  user-select: none;
}
.catalogs-container .configured-catalogs-item-badge-circle {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  margin-right: 0.25rem;
}
.catalogs-container .configured-catalogs-item-badge.active {
  border: 1px solid #bbf7d0;
  background-color: #f0fdf4;
  color: #15803d;
}
.catalogs-container .configured-catalogs-item-badge.active .configured-catalogs-item-badge-circle {
  background-color: #22c55e;
}
.catalogs-container .configured-catalogs-item-badge.inactive {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #6b7280;
}
.catalogs-container .configured-catalogs-item-badge.inactive .configured-catalogs-item-badge-circle {
  background-color: #9ca3af;
}
.catalogs-container .configured-catalogs-item-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  height: 2.25rem;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: 1px solid #e2e8f0;
  background-color: white;
  color: var(--off-black);
}
.catalogs-container .configured-catalogs-item-button.no-background {
  border: none;
  background-color: transparent;
}
.catalogs-container .configured-catalogs-item-button:hover {
  background-color: #f1f5f9;
}
.catalogs-container .configured-catalogs-item-button-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-square-pen-icon%20lucide-square-pen'%3e%3cpath%20d='M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'/%3e%3cpath%20d='M18.375%202.625a1%201%200%200%201%203%203l-9.013%209.014a2%202%200%200%201-.853.505l-2.873.84a.5.5%200%200%201-.62-.62l.84-2.873a2%202%200%200%201%20.506-.852z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-item-button-more-actions {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-ellipsis-vertical-icon%20lucide-ellipsis-vertical'%3e%3ccircle%20cx='12'%20cy='12'%20r='1'/%3e%3ccircle%20cx='12'%20cy='5'%20r='1'/%3e%3ccircle%20cx='12'%20cy='19'%20r='1'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-empty {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: none;
  border-radius: 0.75rem;
  background-color: transparent;
}
.catalogs-container .configured-catalogs-empty-icon-area {
  margin-left: auto;
  margin-right: auto;
  width: 4rem;
  height: 4rem;
  background-color: #f3f4f6;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.catalogs-container .configured-catalogs-empty-icon {
  width: 2rem;
  height: 2rem;
  display: block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239ca3af'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-info-icon%20lucide-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M12%2016v-4'/%3e%3cpath%20d='M12%208h.01'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.catalogs-container .configured-catalogs-empty-main-text {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: var(--off-black);
}
.catalogs-container .configured-catalogs-empty-secondary-text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #64748b;
  margin-bottom: 1.5rem;
}

.reach-form-main-area {
  padding: 0.5rem;
}
.reach-form-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: var(--off-black);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-form-label-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-form-input {
  display: flex;
  width: 100% !important;
  height: 2.5rem !important;
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--off-white) !important;
  margin-top: 0.5rem;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-input::placeholder {
  color: hsl(215.4, 16.3%, 46.9%);
}
.reach-form-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-form-input[type=date] {
  display: inline-block;
}
.reach-form-input-number .form-control {
  background-color: #f9fafb !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: calc(var(--radius) - 2px) !important;
  height: 2.5rem !important;
}
.reach-form-input-number .form-control:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0) !important;
}
.reach-form-input-number .form-control::placeholder {
  color: hsl(215.4, 16.3%, 46.9%) !important;
}
.reach-form-input-number .form-control:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-form-input-number .flag-dropdown {
  background-color: #f9fafb !important;
  border: 1px solid #e2e8f0 !important;
  border-top-left-radius: calc(var(--radius) - 2px) !important;
  border-bottom-left-radius: calc(var(--radius) - 2px) !important;
  height: 2.5rem !important;
}
.reach-form-textarea {
  display: flex;
  min-height: 2.5rem;
  width: 100% !important;
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--off-white) !important;
  margin-top: 0.5rem;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-textarea::placeholder {
  color: hsl(215.4, 16.3%, 46.9%);
}
.reach-form-textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-textarea:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-form-label-muted {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
}
.reach-form-count-characters {
  display: flex;
  align-items: center;
}
.reach-form-count-characters-text {
  margin-left: auto;
  font-size: 12px;
  line-height: 16px;
  color: #94a3b8;
}
.reach-form-button-area {
  display: flex;
  gap: 0.75rem;
  border-top: 1px solid #e2e8f0;
  padding-top: 1rem;
}
.reach-form-button-primary {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #f8fafc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #2563eb;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-button-primary:hover {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.reach-form-button-danger {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #f8fafc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #dc2626;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-button-danger:hover {
  background-color: rgb(178.25, 28.75, 28.75);
}
.reach-form-button-secondary {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f172a;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-button-secondary:hover {
  background-color: #f1f5f9;
  color: #0f172a;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-invalid-feedback {
  align-items: center;
  color: #ef4444;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.reach-form-password-area {
  position: relative;
}
.reach-form-password-area .reach-form-input {
  padding-right: 2.5rem;
}
.reach-form-password-area-reveal-button {
  position: absolute;
  right: 0.75rem;
  top: 32%;
  color: #6b7280;
  background-color: transparent;
  background-image: none;
  text-transform: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
.reach-form-password-area-reveal-button .eye-on-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-eye-icon%20lucide-eye'%3e%3cpath%20d='M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-form-password-area-reveal-button .eye-off-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-eye-off-icon%20lucide-eye-off'%3e%3cpath%20d='M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.747%2010.747%200%200%201-1.444%202.49'/%3e%3cpath%20d='M14.084%2014.158a3%203%200%200%201-4.242-4.242'/%3e%3cpath%20d='M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143'/%3e%3cpath%20d='m2%202%2020%2020'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-form-select-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reach-form-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 0;
}

.reach-form-switch__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.reach-form-switch__track {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 32px;
  height: 18.4px;
  border-radius: 9999px;
  border: 1px solid transparent;
  background-color: oklch(92.2% 0 0deg);
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  transition: background-color 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.reach-form-switch__thumb {
  position: absolute;
  top: 50%;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background-color: oklch(100% 0 0deg);
  transform: translate(0, -50%);
  transition: left 150ms ease, background-color 150ms ease;
}

.reach-form-switch__input:checked + .reach-form-switch__track {
  background-color: var(--reach-blue);
}

.reach-form-switch__input:checked + .reach-form-switch__track .reach-form-switch__thumb {
  left: calc(100% - 1px - 16px);
}

.reach-form-switch__input:disabled + .reach-form-switch__track {
  opacity: 0.5;
  cursor: not-allowed;
}

.reach-form-switch__input:focus-visible + .reach-form-switch__track {
  border-color: var(--reach-blue);
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06), 0 0 0 3px color-mix(in oklab, var(--reach-blue) 50%, transparent);
}

.was-validated :invalid ~ .reach-form-password-area-reveal-button,
.is-invalid ~ .reach-form-password-area-reveal-button {
  top: 22%;
}

.reach-dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
  width: auto;
}
.reach-dropdown-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  height: 2.25rem;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: calc(var(--radius) - 2px);
  border: 1px solid #e2e8f0;
  background-color: white;
  color: var(--off-black);
}
.reach-dropdown-button.no-background {
  border: none;
  background-color: transparent;
}
.reach-dropdown-button:hover {
  background-color: #f1f5f9;
}
.reach-dropdown-button-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-square-pen-icon%20lucide-square-pen'%3e%3cpath%20d='M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'/%3e%3cpath%20d='M18.375%202.625a1%201%200%200%201%203%203l-9.013%209.014a2%202%200%200%201-.853.505l-2.873.84a.5.5%200%200%201-.62-.62l.84-2.873a2%202%200%200%201%20.506-.852z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-dropdown-button-more-actions {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-ellipsis-vertical-icon%20lucide-ellipsis-vertical'%3e%3ccircle%20cx='12'%20cy='12'%20r='1'/%3e%3ccircle%20cx='12'%20cy='5'%20r='1'/%3e%3ccircle%20cx='12'%20cy='19'%20r='1'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-dropdown-menu {
  position: absolute;
  z-index: 1050;
  right: 0px;
  margin-top: 0.5rem;
  width: 100%;
  transform-origin: top right;
  border-radius: calc(var(--radius) - 2px);
  background-color: white;
  border: 1px solid #e4e4e7;
  box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 rgba(0, 0, 0, 0);
  min-width: 12rem;
}
.reach-dropdown-area {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.reach-dropdown-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #374151;
  background-color: white;
  border: none;
}
.reach-dropdown-item:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.reach-dropdown-item-inside-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.reach-tab-filter {
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  padding: 0.25rem;
  color: #64748b;
  display: flex;
  overflow-x: auto;
  background-color: #f9fafb;
  outline: none;
}
.reach-tab-filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 4px);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
  width: auto;
  color: #64748B;
}
.reach-tab-filter-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px var(--ring);
}
.reach-tab-filter-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.reach-tab-filter-button[data-state=active] {
  background-color: hsl(0, 0%, 100%);
  color: hsl(222.2, 84%, 4.9%);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.reach-tab-filter-button.active {
  background-color: hsl(0, 0%, 100%);
  color: hsl(222.2, 84%, 4.9%);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.reach-tab-filter-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid transparent;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #0f172a;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  margin-left: 0.5rem;
}
.reach-tab-filter-badge:focus {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #020817;
}
.reach-tab-filter-badge:hover {
  background-color: rgba(241, 245, 249, 0.8);
}
.reach-tab-filter-badge {
  background-color: #f1f5f9;
}
.reach-tab-filter-catalog {
  display: flex;
  align-items: center;
}
.reach-tab-filter-catalog-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  background-color: #f1f5f9;
  border-radius: 0.375rem;
  margin-right: 0.5rem;
}
.reach-tab-filter-catalog-icon.catalog_shopify, .reach-tab-filter-catalog-icon.catalog_shopifyAdmin {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000053528921206907012900000007825132018834795180_);}%20.st6{clip-path:url(%23SVGID_00000088130668831988621980000008240560634714583188_);}%20.st7{clip-path:url(%23SVGID_00000144313801176922787620000014789899418005846708_);}%20.st8{fill:url(%23SVGID_00000065060697796363424550000007452078602918004367_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st3'%20d='M737.5,302.5c-0.5-3.3-3.3-5.5-6-5.5c-2.7,0-51.1-1.1-51.1-1.1s-40.6-39.5-44.5-43.4%20c-3.8-3.8-12.1-2.7-14.8-1.6c0,0-7.7,2.2-20.3,6c-2.2-7.1-5.5-15.4-9.9-24.2c-14.3-27.5-35.7-42.3-61-42.3l0,0%20c-1.6,0-3.3,0-5.5,0.5c-0.5-1.1-1.6-1.6-2.2-2.7c-11-12.1-25.3-17.6-42.3-17c-33,1.1-65.9,24.7-92.3,67c-18.7,29.7-33,67-37.3,96.1%20c-37.9,11.5-64.3,19.8-64.8,20.3c-19.2,6-19.8,6.6-22,24.7c-1.6,13.7-52.2,400.9-52.2,400.9l419.6,72.5l181.8-45%20C812.1,807.2,738,305.8,737.5,302.5z%20M579.8,263.5c-9.9,2.7-20.9,6.6-32.4,9.9c0-16.5-2.2-40.1-9.9-59.9%20C562.3,218.5,574.3,246.5,579.8,263.5z%20M524.9,280.5c-22,6.6-46.1,14.3-70.3,21.4c6.6-25.8,19.8-51.6,35.1-68.7%20c6-6,14.3-13.2,23.6-17.6C523.3,234.9,525.5,261.9,524.9,280.5z%20M480.4,193.2c7.7,0,14.3,1.6,19.8,4.9%20c-8.8,4.9-17.6,11.5-25.8,20.3c-20.9,22.5-36.8,57.7-43.4,91.2c-19.8,6-39.5,12.1-57.7,17.6C384.9,274.5,429.3,194.9,480.4,193.2z'%20/%3e%3cg%3e%3cpath%20class='st4'%20d='M731.4,297c-2.7,0-51.1-1.1-51.1-1.1s-40.6-39.5-44.5-43.4c-1.6-1.6-3.3-2.2-5.5-2.7v602.5l181.8-45%20c0,0-74.1-501.4-74.7-505.3C736.9,299.2,734.2,297,731.4,297z'/%3e%3cpath%20class='st1'%20d='M529.3,390.4l-20.9,79.1c0,0-23.6-11-51.6-8.8c-41.2,2.7-41.2,28.6-41.2,35.1c2.2,35.1,95,42.8,100.5,125.8%20c3.8,65.4-34.6,109.8-90.1,113.1c-67,4.4-103.8-35.1-103.8-35.1l14.3-60.4c0,0,36.8,28,66.5,25.8c19.2-1.1,26.4-17,25.8-28%20c-2.7-46.1-78.5-43.4-83.5-119.2c-3.8-63.7,37.9-128.5,130.2-134C511.2,381,529.3,390.4,529.3,390.4z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_woocommerce {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000008115533221499693900000009324936134922399114_);}%20.st6{clip-path:url(%23SVGID_00000075882163459262061330000007575618786678561190_);}%20.st7{clip-path:url(%23SVGID_00000139288416079132595120000006903384388135745465_);}%20.st8{fill:url(%23SVGID_00000105388391383615628170000013968806649505633410_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M131.8,234h760.7c48,0,87,39.1,87,87v290.2c0,48-39.1,87-87,87H619.5l37.3,91.7L492,698.3H131.5%20c-48,0-87-39.1-87-87V321C44.5,273.1,83.6,234,131.8,234z'/%3e%3cpath%20class='st1'%20d='M91.7,313.1c5.9-7.2,14.6-11.6,24-11.9c19.3-1.2,30.4,7.9,33.4,27.4c11.9,79.6,24.7,147.3,38.3,203l83.8-159.2%20c7.7-14.3,17.1-22,28.7-22.7c16.8-1.2,27.2,9.4,31.4,32.1c7.9,44.5,20,88.3,36.1,130.5c10.1-96.9,26.9-167.1,50.4-210.4%20c4.7-9.9,14.3-16.3,25.2-16.8c8.7-0.7,17.3,2,24,7.7c6.9,5.2,11.1,13.4,11.6,22c0.5,6.4-0.7,12.9-3.7,18.3%20c-14.8,27.7-27.2,73.7-36.8,138c-9.4,62.1-13.1,110.8-10.6,145.6c1,8.7-0.7,17.3-4.5,25c-3.7,7.9-11.6,13.3-20.3,13.8%20c-10.1,0.7-20-4-30.2-14.1C337,605,308.8,550.9,288,478.9c-24.5,48.9-43,85.8-55.1,110c-22.5,43.3-41.8,65.3-57.6,66.5%20c-10.4,0.7-19.3-7.9-26.5-26.2c-19.5-49.9-40.5-146.6-63-290C83.8,329.9,86,320.5,91.7,313.1z'/%3e%3cpath%20class='st1'%20d='M673.4,372.9c-12.9-23-35.1-39.3-61.1-44.3c-6.9-1.5-13.8-2.2-20.8-2.2c-36.6,0-66.5,19-89.7,57.1%20c-19.8,32.4-30.2,69.7-29.7,107.5c0,29.4,6.2,54.6,18.3,75.6c12.9,23,35.1,39.3,61.1,44.3c6.9,1.5,13.8,2.2,20.8,2.2%20c36.8,0,66.8-19,89.7-57.1c19.8-32.6,30.2-70,29.7-108.3C691.7,418.4,685.6,393.5,673.4,372.9z%20M625.2,479%20c-5.2,25-14.8,43.8-29.2,56.6c-11.1,10.1-21.5,14.1-30.9,12.4c-9.4-1.7-16.8-10.1-22.5-24.7c-4.2-11.1-6.7-22.7-6.7-34.9%20c0-9.4,1-18.8,2.7-27.9c3.7-16.3,10.4-31.6,20.3-45.5c12.6-18.5,26-26.5,39.8-23.5c9.4,2,16.8,10.1,22.5,24.7%20c4.2,11.1,6.7,22.7,6.7,34.6C628,460.2,627.2,469.6,625.2,479z'/%3e%3cpath%20class='st1'%20d='M912.7,372.9c-12.8-23-35.1-39.3-61.1-44.3c-6.9-1.5-13.8-2.2-20.8-2.2c-36.6,0-66.5,19-89.7,57.1%20c-19.8,32.4-30.2,69.7-29.7,107.5c0,29.4,6.2,54.6,18.3,75.6c12.9,23,35.1,39.3,61.1,44.3c6.9,1.5,13.8,2.2,20.8,2.2%20c36.8,0,66.8-19,89.7-57.1c19.8-32.6,30.2-70,29.7-108.3C931,418.4,924.9,393.5,912.7,372.9z%20M864.5,479%20c-5.2,25-14.8,43.8-29.2,56.6c-11.1,10.1-21.5,14.1-30.9,12.4c-9.4-1.7-16.8-10.1-22.5-24.7c-4.2-11.1-6.7-22.7-6.7-34.9%20c0-9.4,1-18.8,2.7-27.9c3.7-16.3,10.4-31.6,20.3-45.5c12.6-18.5,26-26.5,39.8-23.5c9.4,2,16.8,10.1,22.5,24.7%20c4.2,11.1,6.7,22.7,6.7,34.6C867.3,460.2,866.5,469.6,864.5,479z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_wix {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000118380711303438293700000008536477086772612508_);}%20.st6{clip-path:url(%23SVGID_00000015352212458814177760000000575473596805549698_);}%20.st7{clip-path:url(%23SVGID_00000044151975218036449460000014223390653694332095_);}%20.st8{fill:url(%23SVGID_00000009571927744772111880000002424826749899588786_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cpath%20class='st2'%20d='M579.4,337c-18.5,9.7-25.4,26.1-25.4,71.4c0,0,9.4-9.1,23.3-14.1c10.1-3.7,18.8-9.3,23.8-12.9%20c15.7-11.5,18.1-26.2,18.1-51.1C619.2,330.3,593.7,329.6,579.4,337%20M469.6,347.6C454.4,361,450,382.2,450,382.2L400,576l-41.6-158.6%20c-4.1-16.9-11.4-37.7-22.9-51.8c-14.7-18-44.6-19.1-47.8-19.1c-3.2,0-33.1,1.1-47.9,19.1c-11.6,14.1-18.9,34.9-22.9,51.8L175.3,576%20l-50-193.8c0,0-4.4-21.2-19.5-34.5c-24.5-21.6-61.2-17-61.2-17l95.8,362.2c0,0,31.6,2.3,47.4-5.8c20.8-10.6,30.6-18.7,43.2-68%20c11.2-43.9,42.5-173,45.4-182.2c1.5-4.5,3.3-15.4,11.3-15.4c8.1,0,9.8,10.8,11.2,15.4c2.9,9.2,34.2,138.2,45.5,182.2%20c12.6,49.3,22.5,57.5,43.2,68c15.8,8.1,47.4,5.8,47.4,5.8l95.8-362.2C530.8,330.7,494.1,326,469.6,347.6%20M619.2,389.8%20c0,0-6,9.3-19.7,16.9c-8.8,4.9-17.2,8.2-26.2,12.6c-15.1,7.3-19.3,15.4-19.3,27.7v4.1v19.1v0.5v4.3v217.8c0,0,24.2,3.1,40-5%20c20.3-10.4,25-20.4,25.2-65.4V402.9l0,0V389.8z%20M857.9,512.6l121.5-180.8c0,0-51.3-8.7-76.7,14.4c-16.3,14.8-34.4,41.4-34.4,41.4%20l-44.7,64.5c-2.2,3.4-5,7-9.5,7c-4.5,0-7.4-3.7-9.5-7l-44.7-64.5c0,0-18.2-26.6-34.4-41.4c-25.4-23.1-76.7-14.4-76.7-14.4%20l121.5,180.8L649,692.8c0,0,53.4,6.8,78.8-16.4c16.3-14.8,32-38.8,32-38.8l44.7-64.5c2.2-3.4,5-7,9.5-7c4.5,0,7.4,3.6,9.5,7%20l44.7,64.5c0,0,16.6,24.1,32.9,38.8c25.4,23.1,77.9,16.4,77.9,16.4L857.9,512.6z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_odoo {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201024%201024'%20style='enable-background:new%200%200%201024%201024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237F54B3;}%20.st1{fill:%23FFFFFF;}%20.st2{fill-rule:evenodd;clip-rule:evenodd;}%20.st3{fill:%2395BF47;}%20.st4{fill:%235E8E3E;}%20.st5{clip-path:url(%23SVGID_00000114072715667961165970000013093446674157008522_);}%20.st6{clip-path:url(%23SVGID_00000150069341322015574900000004885255480043749508_);}%20.st7{clip-path:url(%23SVGID_00000072268098077956917770000008544777228652557971_);}%20.st8{fill:url(%23SVGID_00000017514403166680743440000015067831247060956062_);}%20.st9{fill:%238F8F8F;}%20.st10{fill:%23714B67;}%20.st11{fill:%2317325C;}%20%3c/style%3e%3cg%3e%3cpath%20class='st9'%20d='M866.6,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C979.5,609,928.9,659.6,866.6,659.6z%20M866.6,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2c-36.6,0-66.2,29.7-66.2,66.2%20S830,612.9,866.6,612.9z%20M630.2,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C743.1,609,692.6,659.6,630.2,659.6z%20M630.2,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2c-36.6,0-66.2,29.7-66.2,66.2%20S593.6,612.9,630.2,612.9z%20M506.7,545.1c0,63.1-50.6,114.4-112.9,114.4s-112.9-51.2-112.9-114.3s45.9-111.6,112.9-111.6%20c24.7,0,47.6,5.3,66.2,19v-65.5c0-12.5,11-22.7,23.3-22.7s23.3,10.2,23.3,22.7V545.1z%20M393.8,612.9c36.6,0,66.2-29.7,66.2-66.2%20s-29.7-66.2-66.2-66.2s-66.2,29.7-66.2,66.2S357.2,612.9,393.8,612.9z'/%3e%3cpath%20class='st10'%20d='M157.4,659.6c-62.4,0-112.9-50.6-112.9-112.9s50.6-112.9,112.9-112.9s112.9,50.6,112.9,112.9l0,0%20C270.3,609,219.8,659.6,157.4,659.6z%20M157.4,612.9c36.6,0,66.2-29.7,66.2-66.2s-29.7-66.2-66.2-66.2S91.2,510,91.2,546.6%20S120.8,612.9,157.4,612.9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_meta {
  width: 1rem;
  height: 1rem;
  background: url("/v5/assets/catalog_meta-BSMaSE0B.svg") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_magento {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='256px'%20height='303px'%20viewBox='0%200%20256%20303'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20preserveAspectRatio='xMidYMid'%3e%3cg%3e%3cpath%20d='M144.852,90.67%20L144.852,262.862%20L127.919,273.211%20L110.973,262.807%20L110.973,90.803%20L67.095,117.819%20L67.095,265.074%20L127.919,302.291%20L189.258,264.809%20L189.258,117.725%20L144.852,90.67%20L144.852,90.67%20Z%20M127.919,0%20L0,77.502%20L0,224.776%20L33.223,244.348%20L33.223,97.06%20L127.945,39.464%20L222.755,96.976%20L223.146,97.199%20L223.104,244.128%20L256,224.776%20L256,77.502%20L127.919,0%20L127.919,0%20Z'%20fill='%23EC6737'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_ecwid {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20215%20215'%20enable-background='new%200%200%20215%20215'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M160.68,163.34c-3.67,0-6.65,2.98-6.65,6.66c0,3.68,2.98,6.66,6.65,6.66%20c3.68,0,6.66-2.98,6.66-6.66C167.34,166.32,164.36,163.34,160.68,163.34z'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M53.46,162.51c-3.67,0-6.65,2.98-6.65,6.66c0,3.68,2.98,6.66,6.65,6.66%20c3.68,0,6.66-2.98,6.66-6.66C60.12,165.49,57.14,162.51,53.46,162.51z'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M166.12,0H48.88C21.89,0,0,21.89,0,48.89v117.23c0,27,21.89,48.88,48.88,48.88%20h117.24c27,0,48.88-21.88,48.88-48.88V48.88C215,21.89,193.11,0,166.12,0z%20M134.43,57.85c5.36,0,9.7,4.34,9.7,9.7%20c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C124.73,62.19,129.07,57.85,134.43,57.85z%20M134.43,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S129.07,85.25,134.43,85.25z%20M107.09,57.85%20c5.36,0,9.7,4.34,9.7,9.7c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C97.39,62.19,101.73,57.85,107.09,57.85z%20M107.09,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S101.73,85.25,107.09,85.25z%20M79.75,57.85%20c5.36,0,9.7,4.34,9.7,9.7c0,5.36-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7C70.05,62.19,74.39,57.85,79.75,57.85z%20M79.75,85.25%20c5.36,0,9.7,4.34,9.7,9.7s-4.34,9.7-9.7,9.7c-5.36,0-9.7-4.34-9.7-9.7S74.39,85.25,79.75,85.25z%20M53.46,187.72%20c-10.24,0-18.55-8.31-18.55-18.55c0-10.25,8.31-18.56,18.55-18.56c10.25,0,18.56,8.31,18.56,18.56%20C72.03,179.41,63.71,187.72,53.46,187.72z%20M160.68,188.55c-10.24,0-18.55-8.31-18.55-18.55c0-10.25,8.31-18.56,18.55-18.56%20c10.25,0,18.56,8.31,18.56,18.56C179.24,180.24,170.93,188.55,160.68,188.55z%20M193.27,37.66l-19.18,71.44%20c-5.12,19.07-21.28,31.04-41.03,31.04h-12.65c-4.18,0-10.23-2.26-12.74-4.62c-0.42-0.39-1.08-0.39-1.5,0%20c-2.51,2.36-8.56,4.62-12.74,4.62h-13.9c-19.12,0-33.61-10.9-39.41-29.12L23.81,59.86c-0.32-1.02-0.15-2.1,0.49-2.97%20c0.63-0.86,1.6-1.36,2.69-1.36l3.12,0.01c7.52,0.03,14.11,4.86,16.38,12.02l11.98,37.62c3.24,10.19,13.61,17.04,24.3,17.04%20l4.65-0.01c4.8,0,8.18-2.46,10.22-4.66c1.06-1.15,2.54-1.82,4.11-1.82l10.44,0.01c1.48,0,2.92,0.59,3.91,1.68%20c1.98,2.17,5.49,4.79,10.33,4.79l4.43,0.01c11.04,0,21.75-7.45,24.62-18.11l15.53-57.84c2.03-7.53,8.88-12.78,16.67-12.78l2.74,0%20c0.26,0,0.52,0.04,0.76,0.14C192.93,34.37,193.7,36.08,193.27,37.66z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.reach-tab-filter-catalog-icon.catalog_custom {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2309090B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-columns3-cog-icon%20lucide-columns-3-cog'%3e%3cpath%20d='M10.5%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v5.5'/%3e%3cpath%20d='m14.3%2019.6%201-.4'/%3e%3cpath%20d='M15%203v7.5'/%3e%3cpath%20d='m15.2%2016.9-.9-.3'/%3e%3cpath%20d='m16.6%2021.7.3-.9'/%3e%3cpath%20d='m16.8%2015.3-.4-1'/%3e%3cpath%20d='m19.1%2015.2.3-.9'/%3e%3cpath%20d='m19.6%2021.7-.4-1'/%3e%3cpath%20d='m20.7%2016.8%201-.4'/%3e%3cpath%20d='m21.7%2019.4-.9-.3'/%3e%3cpath%20d='M9%203v18'/%3e%3ccircle%20cx='18'%20cy='18'%20r='3'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}.shopify-config-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
  padding: 0rem 2rem;
}
@media (max-width: 992px) {
  .shopify-config-container {
    flex-direction: column;
  }
}

.shopify-catalog-description-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.5rem;
}
@media (max-width: 600px) {
  .shopify-catalog-description-row {
    flex-direction: column;
  }
}

.shopify-catalog-description-content {
  flex: 1;
  min-width: 0;
}

.shopify-catalog-description {
  font-size: 13px !important;
}

.shopify-catalog-icon-column {
  flex-shrink: 0;
}

.shopify-catalog-icon {
  width: 64px;
  height: 64px;
  display: block;
  object-fit: contain;
}

.shopify-catalog-image-box {
  max-width: 350px;
}

.shopify-catalog-content {
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 992px) {
  .shopify-catalog-content {
    flex-direction: column;
  }
}

.shopify-catalog-form-column {
  flex: 3;
  min-width: 0;
}

.shopify-form-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.shopify-status-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--off-black, #1e293b);
  flex-shrink: 0;
}

.shopify-catalog-box {
  border: 1px solid #e2e8f0;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--off-white, #fff);
}

.shopify-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.shopify-status-dot.connected {
  background-color: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}
.shopify-status-dot.disconnected {
  background-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}
.shopify-status-dot.pending {
  background-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

.reach-form-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: var(--off-black);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-form-input {
  display: flex;
  width: 100% !important;
  height: 2.5rem !important;
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--off-white) !important;
  margin-top: 0.5rem;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-input::placeholder {
  color: hsl(215.4, 16.3%, 46.9%);
}
.reach-form-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px #2563eb, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-form-label-muted {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
}
.reach-form-button-area {
  display: flex;
  gap: 0.75rem;
  border-top: 1px solid #e2e8f0;
  padding-top: 1rem;
}
.reach-form-button-primary {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #f8fafc;
  padding: 0.5rem 1rem;
  background-color: #2563eb;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-button-primary:hover {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.reach-form-button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.reach-form-button-secondary {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: calc(var(--radius) - 2px);
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f172a;
  padding: 0.5rem 1rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px white, 0 0 rgba(0, 0, 0, 0);
}
.reach-form-button-secondary:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.reach-form-button-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.reach-form-invalid-feedback {
  align-items: center;
  color: #ef4444;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.reach-form-password-area {
  position: relative;
}
.reach-form-password-area .reach-form-input {
  padding-right: 2.5rem;
}
.reach-form-password-area-reveal-button {
  position: absolute;
  right: 0.75rem;
  top: 32%;
  color: #6b7280;
  background-color: transparent;
  background-image: none;
  text-transform: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
}
.reach-form-password-area-reveal-button .eye-on-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-eye-icon%20lucide-eye'%3e%3cpath%20d='M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.reach-form-password-area-reveal-button .eye-off-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-eye-off-icon%20lucide-eye-off'%3e%3cpath%20d='M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.747%2010.747%200%200%201-1.444%202.49'/%3e%3cpath%20d='M14.084%2014.158a3%203%200%200%201-4.242-4.242'/%3e%3cpath%20d='M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143'/%3e%3cpath%20d='m2%202%2020%2020'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}
.rcs-teimplates-full-container {
  width: 100%;
  height: 100%;
}
.rcs-teimplates-full-container .text-message-counter {
  bottom: 8px !important;
}
.rcs-teimplates-full-container hr {
  margin: 10px 0;
}
.rcs-teimplates-full-container .create-content {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.rcs-teimplates-full-container .create-content.to-start {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.rcs-teimplates-full-container .create-content .rcsSendTestMessage {
  margin: 10px 0px;
  padding: 10px;
  border: 1px solid var(--tertiary-background-components);
  border-radius: 5px;
}
.rcs-teimplates-full-container .create-content .rcsSendTestMessage .btn-primary {
  background-color: var(--secondary-background-components);
  border-color: var(--secondary-background-components);
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary {
  float: left;
  width: 70%;
  height: 100%;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign {
  width: 100%;
  min-height: 200px;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  margin-top: 15px;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .csv-icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20width='21'%20height='26'%20viewBox='0%200%2021%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21%207.43594V22.2723C21%2023.1007%2020.6839%2023.8951%2020.1213%2024.4809C19.5587%2025.0666%2018.7956%2025.3957%2018%2025.3957H16.5V23.834H18C18.3978%2023.834%2018.7794%2023.6695%2019.0607%2023.3766C19.342%2023.0837%2019.5%2022.6865%2019.5%2022.2723V7.43594H16.5C15.9033%207.43594%2015.331%207.18913%2014.909%206.74981C14.4871%206.3105%2014.25%205.71465%2014.25%205.09336V1.96992H6C5.60218%201.96992%205.22064%202.13446%204.93934%202.42734C4.65804%202.72022%204.5%203.11745%204.5%203.53164V17.5871H3V3.53164C3%202.70325%203.31607%201.9088%203.87868%201.32304C4.44129%200.737279%205.20435%200.408203%206%200.408203L14.25%200.408203L21%207.43594ZM5.2755%2023.5857C5.28409%2023.8317%205.34204%2024.0732%205.44563%2024.2946C5.54922%2024.5159%205.69616%2024.7123%205.877%2024.871C6.072%2025.0396%206.3105%2025.1708%206.594%2025.2645C6.879%2025.3598%207.2105%2025.4066%207.5915%2025.4066C8.0985%2025.4066%208.5275%2025.3239%208.88%2025.1599C9.234%2024.9959%209.504%2024.7663%209.6885%2024.4727C9.876%2024.1776%209.969%2023.8356%209.969%2023.4482C9.969%2023.0984%209.9015%2022.8079%209.768%2022.5737C9.63071%2022.3397%209.43672%2022.1474%209.2055%2022.0161C8.93981%2021.8633%208.65364%2021.7528%208.3565%2021.6882L7.425%2021.4633C7.20542%2021.4213%206.99807%2021.3273%206.819%2021.1884C6.75056%2021.1335%206.6954%2021.0627%206.6579%2020.9816C6.62039%2020.9005%206.6016%2020.8115%206.603%2020.7215C6.603%2020.4779%206.696%2020.278%206.8805%2020.1218C7.068%2019.9641%207.3245%2019.8844%207.6485%2019.8844C7.863%2019.8844%208.0475%2019.9203%208.2035%2019.9906C8.34709%2020.0515%208.47389%2020.1487%208.5725%2020.2733C8.66482%2020.3892%208.72682%2020.528%208.7525%2020.6762H9.8775C9.85878%2020.3582%209.75485%2020.0519%209.5775%2019.7923C9.38792%2019.5119%209.12866%2019.2906%208.8275%2019.152C8.45916%2018.9837%208.05956%2018.9026%207.6575%2018.9146C7.218%2018.9146%206.831%2018.9927%206.4935%2019.1488C6.156%2019.3034%205.8935%2019.5236%205.703%2019.8063C5.5125%2020.0905%205.418%2020.4232%205.418%2020.8043C5.418%2021.1182%205.478%2021.3915%205.601%2021.6226C5.724%2021.8553%205.901%2022.0443%206.129%2022.1957C6.357%2022.3441%206.627%2022.4566%206.9375%2022.5284L7.8645%2022.7533C8.175%2022.8298%208.406%2022.9298%208.559%2023.0547C8.63375%2023.114%208.69355%2023.1913%208.73326%2023.28C8.77298%2023.3687%208.79142%2023.4661%208.787%2023.5638C8.7899%2023.7248%208.74541%2023.8828%208.6595%2024.0167C8.56291%2024.1538%208.42997%2024.2586%208.277%2024.3181C8.1105%2024.3915%207.9035%2024.4274%207.6575%2024.4274C7.482%2024.4274%207.323%2024.4071%207.1775%2024.365C7.04489%2024.3267%206.91922%2024.266%206.8055%2024.1854C6.70564%2024.1181%206.62015%2024.0301%206.55435%2023.9269C6.48854%2023.8238%206.44383%2023.7076%206.423%2023.5857H5.2755ZM1.209%2021.7928C1.209%2021.4055%201.26%2021.0744%201.362%2020.8043C1.45097%2020.5548%201.60852%2020.338%201.815%2020.1811C2.02545%2020.0346%202.27444%2019.9599%202.5275%2019.9672C2.7525%2019.9672%202.952%2020.0171%203.1245%2020.1187C3.29355%2020.2127%203.43464%2020.3531%203.5325%2020.5247C3.63705%2020.7053%203.69875%2020.9093%203.7125%2021.1197H4.86V21.0073C4.85005%2020.7196%204.78277%2020.4372%204.66244%2020.1781C4.54211%2019.9189%204.37135%2019.6886%204.161%2019.5018C3.94551%2019.3116%203.69631%2019.1673%203.4275%2019.077C3.1348%2018.9738%202.82751%2018.9226%202.5185%2018.9255C1.9845%2018.9255%201.5285%2019.0411%201.152%2019.2738C0.777%2019.5049%200.492%2019.8344%200.294%2020.2608C0.099%2020.6887%200%2021.1978%200%2021.7897V22.5674C0%2023.1593%200.096%2023.6669%200.2895%2024.0917C0.486%2024.5149%200.7725%2024.8413%201.1475%2025.0693C1.5225%2025.2958%201.9785%2025.4082%202.5185%2025.4082C2.958%2025.4082%203.3495%2025.3223%203.696%2025.1521C4.041%2024.9803%204.317%2024.746%204.521%2024.4431C4.72794%2024.1329%204.84554%2023.7678%204.86%2023.3905V23.2718H3.714C3.69986%2023.4729%203.63912%2023.6674%203.537%2023.8387C3.43703%2024.0045%203.29613%2024.1394%203.129%2024.2291C2.9417%2024.3235%202.73551%2024.37%202.5275%2024.365C2.27408%2024.3725%202.02432%2024.3007%201.8105%2024.1588C1.60509%2024.0066%201.44874%2023.7931%201.362%2023.5466C1.25232%2023.2332%201.20042%2022.9009%201.209%2022.5674V21.7944V21.7928ZM13.5675%2025.288H12.138L10.131%2019.0426H11.5065L12.8505%2023.9433H12.9075L14.2395%2019.0426H15.558L13.5675%2025.2895V25.288Z'%20fill='%2349525F'/%3e%3c/svg%3e") no-repeat center;
  border-right: 1px solid #e4e5e7;
  margin-right: 15px;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .campaign-title {
  color: #49525f;
  font-size: 16px;
  font-weight: 600;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .campaign-goal {
  margin-top: 10px;
  font-size: 13px;
  color: #6d7175;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .stats-description {
  font-size: 15px;
  color: #6d7175;
  margin: 5px 0;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .element-to-stats {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .upload-review {
  float: left;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f7;
  border-radius: 5px;
  color: #49525f;
  margin: 5px 0;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .row {
  margin-top: 15px;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-summary .resume-campaign .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.rcs-teimplates-full-container .create-content .form-content {
  float: left;
  width: 70%;
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.rcs-teimplates-full-container .create-content .form-content::-webkit-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}
.rcs-teimplates-full-container .create-content .form-content.full-width {
  width: 100%;
}
.rcs-teimplates-full-container .create-content .form-content .header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rcs-teimplates-full-container .create-content .form-content .header-action .go-back-icon {
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.rcs-teimplates-full-container .create-content .form-content .section-form {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 15px;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector {
  margin: 0;
  padding: 0;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .container {
  margin: 0;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .container .row {
  margin: 0;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .interactive-promotion-container {
  width: 100%;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .interactive-promotion-container .AccountDropdownButtonSelection .button {
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .interactive-promotion-container .AccountDropdownButtonSelection .button p {
  padding: 0.375rem 0.75rem;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .interactive-promotion-container .AccountDropdownButtonSelection .search-input-container {
  padding: 5px !important;
}
.rcs-teimplates-full-container .create-content .form-content .section-form.contact-selector .interactive-promotion-container .AccountDropdownButtonSelection .menu.open {
  height: auto;
  max-height: 300px !important;
}
.rcs-teimplates-full-container .create-content .form-content .section-form ul.nav-tabs {
  border-bottom: none !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
}
.rcs-teimplates-full-container .create-content .form-content .section-form ul.nav-tabs li.nav-item a {
  font-size: 15px !important;
}
.rcs-teimplates-full-container .create-content .form-content .section-form .component-template {
  float: left;
  width: auto;
  height: 40px;
  background-color: white;
  border: 1px solid var(--primary-background-components);
  color: var(--primary-background-components);
  padding: 8px 16px;
  border-radius: 8px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.rcs-teimplates-full-container .create-content .form-content .section-form .component-template .selected-check {
  float: left;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m7.819%2013.355-4.4-4.406a.678.678%200%200%201%200-.959l.959-.959a.678.678%200%200%201%20.959%200L8.305%2010l6.358-6.358a.677.677%200%200%201%20.959%200l.959.96a.678.678%200%200%201%200%20.958l-7.8%207.8a.677.677%200%200%201-.962-.004z'%20fill='%23fff'/%3e%3c/svg%3e");
  display: none;
  margin-right: 10px;
}
.rcs-teimplates-full-container .create-content .form-content .section-form .component-template.active {
  background: var(--primary-background-components);
  color: white;
}
.rcs-teimplates-full-container .create-content .form-content .section-form .component-template.active .selected-check {
  display: block;
}
.rcs-teimplates-full-container .create-content .form-content .section-form .container {
  margin-top: 15px;
}
.rcs-teimplates-full-container .create-content .form-content .section-buttons {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 15px;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp {
  border: 1px solid #e4e5e7;
  height: 400px;
  border-radius: 8px;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .header-box {
  float: left;
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #e4e5e7;
  padding: 0 10px;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .header-box .step {
  font-size: 15px;
  color: #6d7175;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .body-box {
  float: left;
  width: 100%;
  height: calc(100% - 45px);
  flex-direction: column;
  padding: 20px;
  text-align: center;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .body-box ul {
  margin-top: 10px;
  font-weight: bold;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .body-box .download-art {
  float: left;
  width: 200px;
  height: 200px;
  background: url("/v5/assets/download-art-QAwA_OkS.svg") no-repeat center;
  background-size: contain;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .body-box .download-button {
  width: 100%;
  height: 35px;
  text-align: center;
  cursor: pointer;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .body-box .excel-preview-art {
  float: left;
  width: 200px;
  height: 150px;
  background: url("/v5/assets/excel-preview-CV4BWqag.svg") no-repeat center;
  background-size: contain;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .test-camp .body-box .step {
  font-size: 15px;
  color: #6d7175;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .upload-file-container .row {
  margin-top: 15px;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .col-12, .rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .col-lg-12, .rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .full-width, .rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .rcs-campaing-full-width {
  padding: 0;
}
.rcs-teimplates-full-container .create-content .form-content .rcs-campaigns-create .drag-and-drop-button {
  background-color: var(--primary-background-components);
}
.rcs-teimplates-full-container .create-content .optional-block {
  background: #F2F2F2;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 8px;
}
.rcs-teimplates-full-container .create-content .title-block {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.rcs-teimplates-full-container .create-content .count-characters {
  color: #606770;
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
}
.rcs-teimplates-full-container .create-content .rcs-form-controls .form-control {
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #d0d7de;
  font-size: 14px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.rcs-teimplates-full-container .create-content .rcs-form-controls .form-control:focus {
  border-color: var(--primary-background-components);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.rcs-teimplates-full-container .create-content .rcs-form-controls textarea.form-control {
  border: 1px solid #d0d7de;
  background-color: #ffffff;
}
.rcs-teimplates-full-container .create-content .rcs-form-controls textarea.form-control:focus {
  border-color: var(--primary-background-components);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.rcs-teimplates-full-container .create-content .rcs-teimplates-full-container.rcs-full-content.rcs-form-controls textarea.form-control {
  border: 1px solid #d0d7de;
  background-color: #ffffff;
}
.rcs-teimplates-full-container .create-content .rcs-teimplates-full-container.rcs-full-content.rcs-form-controls textarea.form-control:focus {
  border-color: var(--primary-background-components);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-create textarea.form-control,
.rcs-teimplates-full-container .create-content .form-content textarea.form-control,
.rcs-teimplates-full-container .create-content .rcs-full-content textarea.form-control,
.rcs-teimplates-full-container .create-content div.rcs-teimplates-full-container textarea.form-control {
  border: 1px solid #d0d7de;
  background-color: #ffffff;
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-create textarea.form-control:focus,
.rcs-teimplates-full-container .create-content .form-content textarea.form-control:focus,
.rcs-teimplates-full-container .create-content .rcs-full-content textarea.form-control:focus,
.rcs-teimplates-full-container .create-content div.rcs-teimplates-full-container textarea.form-control:focus {
  border-color: var(--primary-background-components);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.rcs-teimplates-full-container .create-content .rcs-campaigns-create textarea.form-control:not(:focus),
.rcs-teimplates-full-container .create-content .form-content textarea.form-control:not(:focus),
.rcs-teimplates-full-container .create-content .rcs-full-content textarea.form-control:not(:focus),
.rcs-teimplates-full-container .create-content div.rcs-teimplates-full-container textarea.form-control:not(:focus) {
  border: 1px solid #d0d7de !important;
  border-color: #d0d7de !important;
}
.rcs-teimplates-full-container .create-content .rcs-teimplates-full-container.rcs-full-content.rcs-form-controls.rcs-buttons textarea.form-control {
  border: 1px solid #d0d7de !important;
}
.rcs-teimplates-full-container .create-content .rcs-teimplates-full-container.rcs-full-content.rcs-form-controls.rcs-buttons textarea.form-control:focus {
  border-color: var(--primary-background-components) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
.rcs-teimplates-full-container .create-content .rcs-buttons .btn {
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.rcs-teimplates-full-container .create-content .rcs-buttons .btn.btn-primary {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.rcs-teimplates-full-container .create-content .rcs-buttons .btn.btn-primary:hover {
  background-color: var(--primary-hover-background-components);
  border-color: var(--primary-hover-background-components);
}
.rcs-teimplates-full-container .create-content .rcs-buttons .btn.btn-secondary {
  background-color: var(--secondary-background-components);
  border-color: var(--secondary-background-components);
}
.rcs-teimplates-full-container .create-content .content-call-to-action {
  background-color: #f8fafb;
  border: 1px solid #dadde1;
  border-radius: 8px;
  padding: 16px;
  margin: 12px 0;
}
.rcs-teimplates-full-container .create-content .content-call-to-action input {
  height: 40px;
  background-color: white;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 8px;
  margin: 0;
  padding: 8px 12px;
}
.rcs-teimplates-full-container .create-content .content-call-to-action input:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.rcs-teimplates-full-container .create-content .content-call-to-action input.custom-control-input:disabled {
  opacity: 0;
}
.rcs-teimplates-full-container .create-content .content-call-to-action select {
  height: 40px;
  background-color: white;
  border-radius: 8px;
  padding: 8px 12px;
}
.rcs-teimplates-full-container .create-content .content-call-to-action select:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.rcs-teimplates-full-container .create-content .remove-action {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 25%;
}
.rcs-teimplates-full-container .create-content .remove-action.quick_response {
  background-position: 50% 85%;
}
.rcs-teimplates-full-container .create-content .selected-check-action {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23007bff'%20d='M9%2016.2l-4.2-4.2%201.4-1.4%202.8%202.8%207.8-7.8%201.4%201.4-9.2%209.2z'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 50%;
}
.rcs-teimplates-full-container .create-content .selected-check-action.quick_response {
  background-position: 50% 85%;
}
.rcs-teimplates-full-container .create-content .row-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rcs-teimplates-full-container .create-content .divider-block {
  float: left;
  width: 100%;
  height: 20px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rcs-teimplates-full-container .create-content .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.rcs-teimplates-full-container .create-content .add-button {
  float: left;
  width: auto;
  border-radius: 8px;
  background-color: var(--primary-background-components);
  border: none;
  color: white;
  font-size: 14px;
  padding: 12px 20px;
  margin-top: 15px;
  font-weight: 500;
}
.rcs-teimplates-full-container .create-content .add-button:hover:not(:disabled) {
  background-color: var(--primary-hover-background-components);
}
.rcs-teimplates-full-container .create-content .add-button:disabled {
  color: rgba(0, 0, 0, 0.4509803922);
  cursor: not-allowed;
  background-color: #6c757d;
}
.rcs-teimplates-full-container .create-content .divider-block {
  float: left;
  width: 100%;
  height: 40px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rcs-teimplates-full-container .create-content .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.rcs-teimplates-full-container .create-content .preview-content {
  float: right;
  width: 30%;
  height: 100%;
  background-color: #eef3fc;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.rcs-teimplates-full-container .create-content .template-preview-container {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 20px 10px;
}
.rcs-teimplates-full-container .create-content .variable-contents {
  width: 100%;
  height: 135px;
  max-height: 135px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: #f8f8f8;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 10px;
}
.rcs-teimplates-full-container .create-content .variable-contents::-webkit-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}
.rcs-teimplates-full-container .create-content .variable-contents .variable-item {
  float: left;
  width: 95%;
  margin: 5px;
  padding: 5px 10px;
  font-size: 14px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.rcs-teimplates-full-container .create-content .variable-contents .variable-item .remove-variable {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.rcs-teimplates-full-container .create-content .variable-contents-form {
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
  padding: 10px;
}
.rcs-teimplates-full-container .create-content .variable-contents-form .variable-item {
  float: left;
  width: 100%;
  min-width: 100%;
  margin-bottom: 5px;
  padding: 10px 0px;
  font-size: 14px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.rcs-teimplates-full-container .create-content .variable-contents-form .variable-item .to-left {
  text-align: left;
}
.rcs-teimplates-full-container .create-content .variable-contents-form .variable-item .remove-variable {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.rcs-teimplates-full-container .create-content .btn-variables {
  height: 45px !important;
  font-size: 13px !important;
  text-align: center !important;
  margin: 5px 0 0 0;
}
.rcs-teimplates-full-container .create-content .form-item-description {
  font-size: 14px;
  color: rgba(28, 43, 51, 0.6509803922);
}
.rcs-teimplates-full-container .create-content .variable-input-height {
  height: 35px !important;
}
.rcs-teimplates-full-container .create-content .templates-category-container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item {
  float: left;
  width: 100%;
  height: 90px;
  background-color: #efefef;
  border-radius: 5px;
  margin: 5px 0;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item:hover {
  background-color: #e8e8e8;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item.selected {
  background-color: #e1e9f5;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-box {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-color: rgb(241, 244, 247);
  display: flex;
  justify-content: center;
  align-items: center;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-box .template-category-icon {
  width: 20px;
  height: 20px;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-box .template-category-icon.MARKETING {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C2B33;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M436.42,84.72h-1.26c-5.54,0-10.99,1.45-15.81,4.2l-109.9,62.81c-7.3,4.17-15.57,6.37-23.98,6.37H75.9%20c-17.77,0-32.17,14.4-32.17,32.17v59.2c0,17.77,14.4,32.17,32.17,32.17h208.35c9.18,0,18.17,2.62,25.92,7.54l108.7,69.1%20c5.11,3.25,11.04,4.97,17.09,4.97h0.45c17.59,0,31.86-14.26,31.86-31.86V116.58C468.27,98.98,454.01,84.72,436.42,84.72z'/%3e%3cpath%20class='st0'%20d='M125.54,365.1c0,34.34,27.84,62.18,62.18,62.18h6.55c22.1,0,40.01-17.91,40.01-40.01v-75.42%20c0-5.1-4.14-9.24-9.24-9.24h-90.27c-5.1,0-9.24,4.14-9.24,9.24V365.1z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-box .template-category-icon.UTILITY {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C2B33;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M444.34,302.71l-38.69-45.24c-13.55-15.79-24.41-33.7-32.25-52.96l-18.81-46.47%20c-19.04-32.6-50.91-56.75-88.66-65.72c-0.04-0.02-0.05-0.05-0.09-0.06c-1.68-0.58-1.65-3.05-1.65-3.05l-0.02-0.01%20c0.01-0.25,0.04-0.5,0.04-0.75c0-29.45-26.4-52.85-56.78-47.77c-18.09,3.02-33.15,16.64-38.22,34.27%20c-2.53,8.79-2.44,17.24-0.52,24.99c0.58,2.36-0.59,4.75-2.72,5.92c-37.22,20.5-64.16,57.35-70.96,100.94l-1.29,47.87%20c-0.5,19.93-4.65,39.64-12.15,58.17l-19.32,47.64c-5.71,26.71,16.96,50.95,44.06,47.03l41.77-6.1l141.98-20.66l126.58-18.48%20C444.62,358.19,459.24,326.73,444.34,302.71z%20M247.37,89.21c-4.57-0.45-9.18-0.76-13.87-0.76c-16.96,0-33.18,3.06-48.23,8.57%20c-1.67-5.92-1.79-12.48,0.77-19.38c4.01-10.77,13.69-18.92,25.07-20.54c19.76-2.81,36.73,12.75,36.29,32.07%20C247.39,89.19,247.38,89.2,247.37,89.21z'/%3e%3cpath%20class='st0'%20d='M299.75,401.38l-148.37,21.59c-4.37,0.64-6.75,5.58-4.4,9.33c15.59,24.87,43.21,41.41,74.71,41.41%20c40.57,0,74.72-27.37,84.95-64.67C307.79,404.79,304.11,400.75,299.75,401.38z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-box .template-category-icon.AUTHENTICATION {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%231C2B33;}%20%3c/style%3e%3cpath%20class='st0'%20d='M433,62.67h-62.97c-4.16,0-8.12,1.74-10.91,4.85l-102.6,113.83c-2.76,3.06-6.57,4.97-10.67,5.34L212,189.77v0%20l-15.01,0.33c0,0-0.01,0.04-0.02,0.05c-1-0.03-1.98-0.09-2.99-0.09c-74.37,0-134.09,62.57-129.4,137.88%20c4.01,64.57,56.56,117.12,121.12,121.12c75.32,4.69,137.88-55.03,137.88-129.4c0-17.55-3.53-34.26-9.86-49.55%20c-1.48-3.64-1.63-7.7-0.21-11.39l0.81-1.9c2.04-4.77,6.47-8.08,11.62-8.69l9.75-1.16c5.75-0.74,10.54-4.74,12.28-10.28l8.86-28.78%20c1.21-3.95,4.01-7.22,7.75-8.96l20.25-9.52c5.18-2.43,8.48-7.64,8.48-13.36v-20.76c0-7.85,6.18-14.31,14.02-14.66l5.9-0.26%20c5.64-0.26,10.65-3.74,12.86-8.96l20.4-48.44C450.58,73.35,443.48,62.67,433,62.67z%20M171.42,388.35%20c-30.77,5.08-57.1-21.25-52.02-52.01c3.08-18.64,18.11-33.67,36.75-36.75c30.76-5.08,57.1,21.25,52.02,52.01%20C205.09,370.24,190.06,385.27,171.42,388.35z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-description {
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-description .template-category-header {
  font-size: 14px;
  font-weight: bold;
  color: #1C2B33;
}
.rcs-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-description .template-category-label {
  font-size: 13px;
  color: #1C2B33;
}
.rcs-teimplates-full-container .create-content .dropdown-height {
  margin: 5px 0 0;
  height: 45px !important;
}
.rcs-teimplates-full-container .create-content .ad-more-icon-icon {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M12%204C11.4477%204%2011%204.44772%2011%205V11H5C4.44772%2011%204%2011.4477%204%2012C4%2012.5523%204.44772%2013%205%2013H11V19C11%2019.5523%2011.4477%2020%2012%2020C12.5523%2020%2013%2019.5523%2013%2019V13H19C19.5523%2013%2020%2012.5523%2020%2012C20%2011.4477%2019.5523%2011%2019%2011H13V5C13%204.44772%2012.5523%204%2012%204Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
  background-size: cover;
}
.rcs-teimplates-full-container .create-content .rcs-truncate-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rcs-teimplates-full-container .create-content .rcs-alert-title {
  font-size: 16px;
}
.rcs-teimplates-full-container .create-content .rcs-alert-gg-close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1);
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 40px;
  cursor: pointer;
  user-select: none;
}
.rcs-teimplates-full-container .create-content .rcs-alert-gg-close::after,
.rcs-teimplates-full-container .create-content .rcs-alert-gg-close::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 1px;
}
.rcs-teimplates-full-container .create-content .rcs-alert-gg-close::after {
  transform: rotate(-45deg);
}
.rcs-teimplates-full-container .create-content .btn-primary {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.rcs-teimplates-full-container .create-content .btn-primary.add-button {
  background-color: var(--tertiary-background-components);
  color: var(--tertiary-hover-text-components);
}
.rcs-teimplates-full-container .create-content .btn-secondary {
  background-color: var(--secondary-background-components);
  border-color: var(--secondary-background-components);
}
.rcs-teimplates-full-container .mrgn-15 {
  margin-top: 15px;
}
.rcs-teimplates-full-container .justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rcs-teimplates-full-container .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.rcs-teimplates-full-container {
  /* styles preview fallback */
}
.rcs-teimplates-full-container .rcs-fallback-preview-container {
  margin-top: 10px;
}
.rcs-teimplates-full-container .rcs-fallback-preview-label {
  font-weight: bold;
}
.rcs-teimplates-full-container .rcs-fallback-preview-text {
  padding: 10px;
  border-radius: 5px;
  white-space: pre-wrap; /* Para mantener los saltos de línea */
  border: solid 1px #777;
  color: #616161;
  background: #f4f4f4;
}
.rcs-teimplates-full-container .rcs-fallback-counter {
  color: #777;
  font-size: 14px;
  text-align: left;
  padding: 10px 10px;
  box-sizing: border-box;
}
.rcs-teimplates-full-container .counter {
  display: block;
  margin-top: 5px;
  font-size: 0.9em;
  color: #555;
}
.rcs-teimplates-full-container .input-zone-container {
  height: 50px;
}
.rcs-teimplates-full-container.carousel-layout .create-content .form-content {
  width: 70%;
}
.rcs-teimplates-full-container.carousel-layout .create-content .preview-content {
  width: 30%;
  position: relative;
}
.rcs-teimplates-full-container .carousel-preview-container .carousel-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  gap: 16px;
}
.rcs-teimplates-full-container .carousel-preview-container .carousel-navigation .nav-button {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.rcs-teimplates-full-container .carousel-preview-container .carousel-navigation .nav-button:hover {
  background: #e9ecef;
  border-color: #adb5bd;
  transform: scale(1.1);
}
.rcs-teimplates-full-container .carousel-preview-container .carousel-navigation .carousel-counter {
  color: #495057;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  flex-grow: 1;
}

.file-upload-section {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.file-upload-section .title-block {
  font-size: 18px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
}
.file-upload-section .subtitle-block {
  font-size: 14px;
  font-weight: 500;
  color: #6c757d;
  margin-bottom: 15px;
}
.file-upload-section .form-item-description {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 20px;
  display: block;
}
.file-upload-section .file-example-section {
  margin-bottom: 25px;
}
.file-upload-section .file-example-section .file-example-table {
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  overflow: hidden;
}
.file-upload-section .file-upload-area {
  margin-bottom: 20px;
}
.file-upload-section .file-upload-area .drag-and-drop-container {
  border: 2px dashed #dee2e6;
  border-radius: 8px;
  padding: 40px 20px;
  text-align: center;
  background: white;
  transition: all 0.3s ease;
}
.file-upload-section .file-upload-area .drag-and-drop-container:hover {
  border-color: #007bff;
  background: #f8f9fa;
}
.file-upload-section .file-upload-area .drag-and-drop-container.drag-over {
  border-color: #007bff;
  background: #e3f2fd;
}
.file-upload-section .file-loading {
  text-align: center;
  padding: 20px;
}
.file-upload-section .file-loading .spinner-container {
  margin-bottom: 10px;
}
.file-upload-section .file-info {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 6px;
  padding: 15px;
  margin-top: 15px;
}
.file-upload-section .file-info .success-message {
  color: #155724;
  font-weight: 500;
  margin-bottom: 8px;
}
.file-upload-section .file-info .file-stats {
  color: #0f5132;
  font-size: 14px;
  margin: 0;
}

.carousel-preview-modern .carousel-preview-title {
  color: #1976d2;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 4px;
}
.carousel-preview-modern .carousel-preview-counter {
  color: #888;
  text-align: center;
  font-size: 0.95rem;
  margin-bottom: 12px;
}
.carousel-preview-modern .carousel-preview-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.carousel-preview-modern .nav-button {
  font-size: 22px;
  border: none;
  background: none;
  color: #1976d2;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.carousel-preview-modern .nav-button:hover:not(:disabled) {
  background: #e3f2fd;
  transform: scale(1.1);
}
.carousel-preview-modern .nav-button:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.carousel-preview-modern {
  width: 100%;
  margin: 8px 0;
}
.carousel-preview-modern .carousel-single-view-container {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #dadde1 transparent; /* Firefox */
}
.carousel-preview-modern .carousel-single-view-container::-webkit-scrollbar {
  height: 8px; /* Chrome, Safari and Opera - solo horizontal */
  width: 0px; /* Sin scroll vertical */
}
.carousel-preview-modern .carousel-single-view-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.carousel-preview-modern .carousel-single-view-container::-webkit-scrollbar-thumb {
  background: #dadde1;
  border-radius: 4px;
}
.carousel-preview-modern .carousel-single-view-container::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.carousel-preview-modern .carousel-single-view-container {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.carousel-preview-modern .carousel-card-container {
  scroll-snap-align: center;
}
.carousel-preview-modern .rcs-action-item:hover {
  background-color: #f5f5f5 !important;
}.suggestion-form-control {
  min-height: 42px;
  height: 42px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background-color: white;
  width: 100%;
  box-sizing: border-box;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.item-list-selector-container.horizontal {
  display: grid;
  grid-template-columns: 50% auto;
  grid-gap: 10px;
}
.item-list-selector-container.vertical {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 10px;
}
.item-list-selector-container .toolbar {
  margin-bottom: 0;
}
.item-list-selector-container .items-table-container__title {
  margin-bottom: 5px;
}
.item-list-selector-container .variable-fields-form {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 5px;
  min-height: 400px;
  padding: 12px 14px;
}
.item-list-selector-container .variable-fields-form .items-table-container {
  padding: 8px 8px 12px 8px;
}
.item-list-selector-container .variable-fields-form .items-table-container .columnHeader,
.item-list-selector-container .variable-fields-form .items-table-container .item-list-selector-container .variable-fields-form .items-table-container .columnHeader {
  padding: 8px 12px;
}
.item-list-selector-container .variable-fields-form:not(.selected-items-list) .toolbar {
  margin-bottom: 6px;
}
.item-list-selector-container .variable-fields-form:not(.selected-items-list) .items-table-container .columnHeader {
  margin-top: 6px;
}
.item-list-selector-container .variable-fields-form .items-table-container__title {
  padding: 0 4px;
}
.item-list-selector-container .variable-fields-form .item-container {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 5px;
}
.item-list-selector-container .variable-fields-form .item-container .icon-container {
  display: flex;
  align-items: center;
}
.item-list-selector-container .variable-fields-form .item-container .add-icon {
  height: 15px;
  width: 15px;
}
.item-list-selector-container .variable-fields-form .item-container .item-name {
  font-size: 12px;
  font-weight: 600;
}
.item-list-selector-container .variable-fields-form .item-container .item-name .item-short-url {
  font-size: 10px;
  font-weight: normal;
}
.item-list-selector-container .variable-fields-form .variable-labels {
  color: #000;
}
.item-list-selector-container .variable-fields-form .custom-checkbox {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  align-items: center;
  text-align: center;
}
.item-list-selector-container .variable-fields-form .custom-checkbox .custom-checkbox-label {
  text-align: center;
}.Message-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
}
.Message-container .header-list {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Message-container .header-list .dateField {
  padding: 15px 0px 0px 10px;
}
.Message-container .header-list .inputLabel {
  color: #fff;
  font-size: 13px;
  margin: 3px 0px 0px 0px;
}
.Message-container .header-list .title-campaign {
  color: #202223;
  font-size: 20px;
  font-weight: bold;
}
.Message-container .header-list .label-campaign {
  color: #202223;
  font-size: 16px;
}
.Message-container .header-list .caption-campaign {
  color: #6d7175;
  font-size: 13px;
  line-height: normal;
}
.Message-container .header-list .campaign-button {
  width: auto;
  min-width: 125px;
  font-size: 13px;
  background-color: #0047ff;
  margin-left: 15px;
}
.Message-container .detail-list {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.Message-container .detail-list .title-campaign {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
}
.Message-container .detail-list .label {
  display: block;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.Message-container .detail-list .message {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid #cecece;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
  background: #fff;
  color: black;
}
.Message-container .lg-header-filters {
  float: left;
  width: 80%;
  margin-top: 15px;
}
.Message-container .lg-header-filters .mt-3 {
  margin-top: 1rem;
}
.Message-container .lg-header-filters .separator {
  margin-bottom: 15px;
}
.Message-container .lg-header-filters .selection {
  padding: 0 10px;
}
.Message-container .selects {
  margin-top: 15px;
  float: left;
  width: 80%;
  display: grid;
  grid-template-columns: 200px 200px 200px 200px 200px;
  gap: 20px;
}
.Message-container .selects .select .DropdownButtonSelection {
  width: 200px;
}
.Message-container .selects .select .label {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
.Message-container .selects .select-buttons {
  width: 250px;
}
.Message-container .selects .select-buttons .btn {
  margin-top: 30px;
  margin-left: 20px;
  width: 100px;
}
.Message-container .selects-date {
  margin-top: 15px;
  float: left;
  width: 80%;
  display: grid;
  grid-template-columns: 200px 200px;
  gap: 20px;
}
.Message-container .selects-date .select-date .label {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.Message-container .campaign-table-container {
  float: left;
  width: 80%;
  height: auto;
  margin-top: 10px;
}
.Message-container .campaign-table-container .campaign-name {
  cursor: pointer;
  font-weight: bold;
}
.Message-container .campaign-table-container .campaign-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.Message-container .campaign-table-container .campaign-tag.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.Message-container .campaign-table-container .campaign-tag.SENT {
  background-color: #f1f8f5;
  color: #218656;
}
.Message-container .campaign-table-container .campaign-tag.SCHEDULED {
  background-color: #eff3fc;
  color: #0047ff;
}
.Message-container .campaign-table-container .campaign-tag.INPROGRESS {
  background-color: #fff5ea;
  color: #ff8300;
}
.Message-container .campaign-table-container .campaign-tag.DELETED {
  background-color: #fff0f0;
  color: #d82c0d;
}
.Message-container .campaign-table-container .event-type {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}
.Message-container .campaign-table-container .event-type.conversation {
  background-color: #e3f2fd;
  color: #1976d2;
  border: 1px solid #bbdefb;
}
.Message-container .campaign-table-container .event-type.single-message {
  background-color: #f3e5f5;
  color: #7b1fa2;
  border: 1px solid #e1bee7;
}
.Message-container .campaign-table-container .message-count {
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
}
.Message-container .campaign-table-container .message-count.mo {
  background-color: #e8f5e8;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.Message-container .campaign-table-container .message-count.mt {
  background-color: #ffebee;
  color: #c62828;
  border: 1px solid #ffcdd2;
}
.Message-container .name-clicked {
  font-weight: "bold";
  cursor: pointer;
}
.Message-container .btn-success {
  width: auto;
  min-width: 125px;
  font-size: 13px;
  background-color: #28a745;
  border-color: #28a745;
  margin-left: 15px;
}
.Message-container .btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

.rcs-billing-report .campaigns-create {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.rcs-billing-report .campaigns-create .create-content {
  float: left;
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.rcs-billing-report .campaigns-create .create-content.full-width {
  width: 100%;
}

.statusContainer {
  display: flex;
}
.statusContainer .iconDelivery, .statusContainer .iconClicked {
  width: 20px;
  pointer-events: none;
}
.statusContainer .unread {
  height: 10px;
  width: 10px;
  background-color: #5a95f5;
  border-radius: 10px;
  margin: 4px;
}
.statusContainer .read {
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 10px;
  margin: 5px;
}.rcs-settings-container {
  display: grid;
  grid-template-areas: "rcsSettingsSidebar rcsSettingsContent";
  grid-template-columns: 20% 80%;
  grid-template-rows: 100%;
  width: 100%;
  height: 100%;
}
.rcs-settings-container .rcsSettingsSidebar {
  grid-area: rcsSettingsSidebar;
  padding: 15px 10px 10px 10px;
}
.rcs-settings-container .rcsSettingsContent {
  grid-area: rcsSettingsContent;
  padding: 15px 10px 10px 10px;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .rcs-settings-container .rcsSettingsContent {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 992px) {
  .rcs-settings-container .rcsSettingsContent {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 1640px) {
  .rcs-settings-container .rcsSettingsContent {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.rcs-settings-container .rcsSettingsContent:has(.rcs-full-content) {
  padding: 0;
}
.rcs-settings-container .rcsSettingsContent:has(.webchat-full-content) {
  padding: 0;
}
.rcs-settings-container .rcsSettingsContent .Simple .message-preview-container {
  display: flex;
  flex-direction: column;
}
.rcs-settings-container .rcsSettingsContent .Simple .message-preview-container a {
  width: max-content;
}
.rcs-settings-container .rcsSettingsContent .Simple .preview-content {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eef3fc;
}
.rcs-settings-container .accordion-menu .accordion-menu-item {
  border-radius: 5px;
  padding: 5px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.rcs-settings-container .accordion-menu .accordion-menu-item.selected .accordion-menu-header {
  background-color: #dce7fb;
  color: #5087ec;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .accordion-menu-header {
  display: flex;
  width: 100%;
  padding: 5px;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 900;
  user-select: none;
  cursor: pointer;
  color: #4e5053;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse .accordion-menu-collapse-item {
  width: 100%;
  padding: 10px;
  user-select: none;
  font-size: 13px;
  user-select: none;
  cursor: pointer;
  color: #4e5053;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse .accordion-menu-collapse-item:hover {
  background-color: #f5f5f5;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .accordion-menu-collapse .accordion-menu-collapse-item.active {
  font-weight: bold;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .gg-chevron-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border-radius: 100px;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .gg-chevron-down::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .gg-chevron-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border-radius: 100px;
}
.rcs-settings-container .accordion-menu .accordion-menu-item .gg-chevron-up::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  bottom: 2px;
}

.account-settings-form {
  color: #49525f;
}
.account-settings-form .settings-title-label {
  font-size: 15px;
  font-weight: 600;
}
.account-settings-form .settings-optional-label {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 3px;
}
.account-settings-form .settings-description-label {
  font-size: 14px;
  color: rgba(28, 43, 51, 0.6509803922);
}
.account-settings-form .settings-characters-label {
  font-size: 14px;
  color: #606770;
  text-align: right;
}.confirmation-container {
  max-width: 100% !important;
}.billing-paid-status {
  width: 60px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}
.billing-paid-status.PAID-BULLET {
  background-color: #DAF2C2;
  color: #397300;
}
.billing-paid-status.READY-BULLET, .billing-paid-status.WAITING-BULLET, .billing-paid-status.PENDING-BULLET {
  width: 70px;
  background-color: #fff3cd;
  color: #856404;
}
.billing-paid-status.REJECTED-BULLET {
  width: 75px;
  background-color: #f8d7da;
  color: #721c24;
}

.card-brand-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.card-brand-container .CARD-BRAND-LOGO-VISA {
  height: 30px;
  width: 35px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3cpath%20d='M22.222%2015.768l-.225-1.125h-2.514l-.4%201.117-2.015.004a4199.19%204199.19%200%200%201%202.884-6.918c.164-.391.455-.59.884-.588.328.003.863.003%201.606.001L24%2015.765l-1.778.003zm-2.173-2.666h1.62l-.605-2.82-1.015%202.82zM7.06%208.257l2.026.002-3.132%207.51-2.051-.002a950.849%20950.849%200%200%201-1.528-5.956c-.1-.396-.298-.673-.679-.804C1.357%208.89.792%208.71%200%208.465V8.26h3.237c.56%200%20.887.271.992.827.106.557.372%201.975.8%204.254L7.06%208.257zm4.81.002l-1.602%207.508-1.928-.002L9.94%208.257l1.93.002zm3.91-.139c.577%200%201.304.18%201.722.345l-.338%201.557c-.378-.152-1-.357-1.523-.35-.76.013-1.23.332-1.23.638%200%20.498.816.749%201.656%201.293.959.62%201.085%201.177%201.073%201.782-.013%201.256-1.073%202.495-3.309%202.495-1.02-.015-1.388-.101-2.22-.396l.352-1.625c.847.355%201.206.468%201.93.468.663%200%201.232-.268%201.237-.735.004-.332-.2-.497-.944-.907-.744-.411-1.788-.98-1.774-2.122.017-1.462%201.402-2.443%203.369-2.443z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: cover;
  margin-right: 5px;
}
.card-brand-container .CARD-BRAND-LOGO-MASTERCARD {
  height: 30px;
  width: 35px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-9%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='57'%20height='39'%20rx='3.5'%20fill='white'%20stroke='%23F3F3F3'/%3e%3cpath%20d='M34.3102%2028.9765H23.9591V10.5122H34.3102V28.9765Z'%20fill='%23FF5F00'/%3e%3cpath%20d='M24.6223%2019.7429C24.6223%2015.9973%2026.3891%2012.6608%2029.1406%2010.5107C27.1285%208.93843%2024.5892%207.99998%2021.8294%207.99998C15.2961%207.99998%2010%2013.2574%2010%2019.7429C10%2026.2283%2015.2961%2031.4857%2021.8294%2031.4857C24.5892%2031.4857%2027.1285%2030.5473%2029.1406%2028.975C26.3891%2026.8249%2024.6223%2023.4884%2024.6223%2019.7429'%20fill='%23EB001B'/%3e%3cpath%20d='M48.2706%2019.7429C48.2706%2026.2283%2042.9745%2031.4857%2036.4412%2031.4857C33.6814%2031.4857%2031.1421%2030.5473%2029.1293%2028.975C31.8815%2026.8249%2033.6483%2023.4884%2033.6483%2019.7429C33.6483%2015.9973%2031.8815%2012.6608%2029.1293%2010.5107C31.1421%208.93843%2033.6814%207.99998%2036.4412%207.99998C42.9745%207.99998%2048.2706%2013.2574%2048.2706%2019.7429'%20fill='%23F79E1B'/%3e%3c/svg%3e") no-repeat center;
  background-size: cover;
  margin-right: 5px;
}
.card-brand-container .CARD-BRAND-LOGO-AMERICAN_EXPRESS {
  height: 30px;
  width: 35px;
  background: url("/v5/assets/american-express-logo-yqcgIDD7.svg") no-repeat center;
  background-size: cover;
  margin-right: 5px;
}
.card-brand-container .card-brand-name-number {
  font-weight: bold;
}

.invoice-table-uid {
  font-size: 13px;
  color: #007bff;
  font-weight: 700;
}

.invoice-download-button {
  background-color: #F4F4F4;
  padding: 3px;
  width: 35px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #5F5F5F;
}

.gg-billing-invoice-download {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.9);
  width: 16px;
  height: 6px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 8px;
}

.gg-billing-invoice-download::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 2px;
  bottom: 4px;
}

.gg-billing-invoice-download::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  height: 10px;
  background: currentColor;
  left: 5px;
  bottom: 5px;
}
.account-billing-container {
  display: grid;
  grid-template-areas: "account-billing-sidebar account-billing-content";
  grid-template-columns: 20% 80%;
  grid-template-rows: 100%;
  width: 100%;
  height: 100%;
}
.account-billing-container .account-billing-sidebar {
  grid-area: account-billing-sidebar;
  padding: 15px 10px 10px 10px;
}
.account-billing-container .account-billing-content {
  grid-area: account-billing-content;
  padding: 20px 30px;
}
.account-billing-container .account-billing-content:has(.spinnerContainer) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-billing-container .payment-method-info {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.8);
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 40px;
}
.account-billing-container .payment-method-info::after,
.account-billing-container .payment-method-info::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  background: currentColor;
  left: 7px;
}
.account-billing-container .payment-method-info::after {
  bottom: 2px;
  height: 8px;
}
.account-billing-container .payment-method-info::before {
  height: 2px;
  top: 2px;
}
.account-billing-container .payment-form-card-logo {
  width: 25px;
  height: 25px;
}
.account-billing-container .payment-form-card-logo-error {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: red;
}
.account-billing-container .payment-card-prepend {
  height: 35px;
}
.account-billing-container .payment-card-prepend .payment-card-logo-prepend {
  background-color: white;
}
.account-billing-container .payment-card-form-slash {
  margin: 0 10px;
  color: #49525f;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(25deg) scale(1);
  width: 2px;
  height: 20px;
  background: currentColor;
  border-radius: 3px;
  top: -5px;
}
.account-billing-container .hide-payment-card-label {
  color: white;
  user-select: none;
}
.account-billing-container .security-code-logo {
  width: 50px;
  height: 50px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADXCAMAAACXgZwpAAAAM1BMVEUAAABxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRxeoRZTNu4AAAAEHRSTlMA8MAQgEAwoOBg0CBwUJCwfN0wywAABxxJREFUeNrsnVdy4zAMQNmLKu9/2l2LTbJlh7CVSULgzeysEysfekNAFAvICIL4BvSsEpMeGfEM6e0QjgilGXFiagincDszYs9owwuckoxIjCJ8ASddEWnDASci/KhrYgTzfOfJesMqelp3Xw6GIUeu1dRyZmO2oYC8cRkXEsI/9alK81oxZ64SgoNmr1DlOrz9VN+cvKXNl2JNXNmVaGkumqO2lV0p1oQUiG3N6d5n1opNeQtfljcc3k5UCluGDDkUV/DIXRgulrCRXEEjEde4jQ4bnkGJHX6HKm25d8NJDugCMWbqgb2BCRt4evKSx4T1geiVYSHer/oohLF0TWPD4vKjh4NlOPAfDk4JTFlryA3ro6alGAZMvddPspZjGFg+jqIJT4ofPn70SzRxOKYXnU8QWAYffI7Cj+OQ9c9ymp3ltLrAxSKFEDFEjRBC3f5FxUIIwzIGy9jDFkL22TSPWWOzi1INz16HEDirYJlG5CfJWYUEZz5bGG6e1vTUG+8ECyRDDycRpLfGZpic/fakE0nPktVt/8+sYnFkeBOj7SEy/f4HGXO4KerWGIUFhUOWfnyQjYcbn2IjWmO2WqO6+zQ3xZjtnRNZuibrkp7kFoU5/uYosKJx9B3OZNUkVjL7nGJVbursrRmRrPwrfwyxcYlRmMLR/TdGssqv7DGFeRejMKq7XTCTrNqbMIc4jP2rkv0fuvwTjkGa2nU49pq43r7N/YKqosx9Iew6nHVKJd/sCBdE9bk8DF7h65SW153z1ZLshtvrGUszQ/i6c/oiLZXbLSdaDnqG7AXhi/TyJDdLrTV7Db4hGhr8o2HlO2jCoh2aCgNCk6zN0PT9D+DjzdLCEFpytIMWswGgZZIgaAFuM7S0GwRtGoBA21EA0EYnCLSFDsC1mzM9bc6kbb8J2lAO4deWKhindQh/Hi4W/X4RDNlWBMN3ICrD1fiqvMr8YXmV2YW+UPLywj01/XeHM482rigJZXjoEX9lsbFH4cMya/2XO2JG75uIv7qMXW1XfOlk5EZ6l21dXSBxTK7WTlQdtgboi0tvii7rtqVwcfLSoq5TbrCdkWypr8oFhxuN5YIl79NV8wg6ZJGM6ndmLM2CXSjLbYntL/cWvrq362SZnufyfbgxN8iCNNU+G1bKx8tlskTXU67r1iW4TBbvOArz7rfLZPU9NabDDZL1A7LGvlc+mGtbVueLvEnWz8lCAMkiWRGSBYBkASBZAEgWAJIFgGQBIFkASBYAkgWAZAEgWQBIFgCSBYBkASBZAEgWAJIFgGQBIFkASBYAkgWAZAEgWQBIFgCSBYBkAfjdsli3kCyStUGyAJAsACQLAMkCQLIAkCwAJAsAyQJAsi5G6klFZk2yXjFbd1dewJCsU4zl5yU+SNY9WoRn2JFk7RnX17V2SFZlOgSg2BiOxbJI1kNJNW59jTkzraEwkawbZnherE9OrmQukrUrGyc0O8NnXUKil5Vd8eclIJcQGbDLGnluNg0lay1uWXJIGtouU6hl2SjBt0qdEcuaS7eg0RaXaGVJ3l4KTbp4LVpZoGNgTDSrkcoaY2SNoNP1BFJZFlg2LqYtjVJWOvIZfAza98r68YVIr0r2efABexKjrHiQI7xe1oRQlgw3FnixTYFQlr8/tKqelK0nlQuxj1pN+u6kK4SybEnvdeBq+2R5GUrWqd/uj8eJ45N1OLje83KhDwlVXoeqH759gU/W4Vmo6oXyv0JlU+4Pg1I3q+vBMDpZ8tBidLA2X+jHlJ0MY2NK62IvVbADCGTpQ59JjpuH43iErleqvawBqSxWOcqyOYMJd9MjD39FspKs+q0tTcmNjGSdyKrDMVzWlhV8+Sso3csyfN9d1TdzJCsn+Cqrtqv5+I1OH3HKyl2HR1kzL2cPjjp3rgxqWalT+ijLh4xiU3B2cbvXIoFUVuyMP8oSVVb5zM1nhwH8eVnxRfq1LOW2D6s5fZFGJMs3nSsuy8DN4xANIlmXDf5hkPX+sDJGWW9PWGCU9fZUGEZZ706y4pT13dP3lb8/Iw1dGBLFa6yy3lpyhFXWO4vZ8MoCL5PUDLEs8AJczLKgS7txy4JtGsAuC7IdhWQBNjqRrOYtdCSrcXPmYBjJat/2S7KaN5STrPZSBSSruQgGyWotr0KyfuftkSyS9T231/cJ5WOrLDr7njFNsn5MFo/voJ0yNciCTnivrFNsnEi8iiVNifTJFjfLxVHtWZfEibT5YvmOdYlIa5YujMNuU3xZVHN17YQO+6X/2rWjFIhhEAigaqo26Rbm/qfdj/UIkaVD3wHyMTCGYGqfH9tvDCy+GZ/1qWanoZxpJTqecjcY06qsjqZz9RYal6FKuJ3hx0jiuhJ9bRmGcuZ0f3Ifw/1YKBrSIUGobQpPBZvsyapWvlROl05B1MU1pduYufB4ap+Q1199AYZH1mhZtknzAAAAAElFTkSuQmCC") no-repeat center;
  background-size: contain;
}
.account-billing-container .payment-card-check .form-check-input {
  width: 15px !important;
  height: 15px !important;
}
.account-billing-container .summary-table-all-activity {
  font-size: 13px;
  color: #007bff;
  font-weight: 700;
  user-select: none;
  cursor: pointer;
}
.account-billing-container .summary-view-all-activity {
  font-size: 13px;
  color: #606060;
  font-weight: 700;
  user-select: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
.account-billing-container .summary-view-all-activity-arrow {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.account-billing-container .summary-view-all-activity-arrow::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.account-billing-container .summary-billing-total-price {
  font-size: 34px;
}
.account-billing-container .billing-summary-business-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8509803922);
  font-weight: 700;
}
.account-billing-container .billing-summary-business-subtitle {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5490196078);
  font-weight: 400;
}
.account-billing-container .payment-method-security-disclaimer {
  font-size: 13px;
  color: #65676B;
  font-weight: 400;
  user-select: none;
}
.account-billing-container .payment-method-gg-lock {
  color: #65676B;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.6);
  width: 12px;
  height: 11px;
  border: 2px solid;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom: transparent;
}
.account-billing-container .payment-method-gg-lock::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 10px;
  border-radius: 2px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  left: -4px;
  top: 9px;
  background-color: #65676B;
}
.account-billing-container .setting-edit-information-button {
  padding: 8px 16px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8509803922);
  border-radius: 6px;
  user-select: none;
  cursor: pointer;
}
.account-billing-container .setting-edit-information-button:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.account-billing-container .billing-settings-information-box {
  color: #212529;
}
.account-billing-container .billing-settings-card-detail-item {
  width: 100%;
  height: 35px;
  margin-block: 0.5rem;
  display: grid;
  grid-template-columns: 25% 75%;
}
.account-billing-container .billing-settings-card-detail-item .billing-settings-card-detail-value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
}
.account-billing-container .billing-settings-card-detail-item .billing-settings-card-detail-field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 15px;
  font-weight: bold;
}
.account-billing-container .billing-settings-disclaimer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: #49525f;
  margin-top: 25px;
}
.account-billing-container .addon-card-detail-container {
  width: auto;
  min-width: 400px;
  height: auto;
  background-color: white;
  border: 1px solid lightgray;
  padding-inline: 10px;
  padding-block: 10px;
  color: #212529;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-inner {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .gg-sync {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-right-color: transparent;
  border-radius: 100px;
  margin-right: 5px;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .gg-sync::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  top: -3px;
  right: -1px;
  transform: rotate(68deg);
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .gg-sync.rotate {
  animation: rotateAnimation 1s linear infinite;
  /* Ajusta la duración y el tipo de animación según sea necesario */
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .sync-box {
  user-select: none;
  cursor: pointer;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-logo {
  width: 100%;
  height: 50px;
  display: grid;
  grid-template-columns: 50px auto;
  gap: 10px;
  align-items: center;
  margin: 20px 0px;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-logo .addon-logo {
  width: 50px;
  height: 50px;
  border: none;
  padding: 0;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-item {
  width: 100%;
  height: 25px;
  margin-block: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 50% 50%;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-item .addon-card-detail-value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-item .addon-card-detail-field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 15px;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .channel-status {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .channel-status::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .channel-active {
  background-color: rgb(32, 175, 90);
  position: relative;
  margin-right: 5px;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .channel-inactive {
  background-color: red;
  position: relative;
  margin-right: 5px;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-sync,
.account-billing-container .addon-card-detail-container .addon-card-detail-info .addon-card-detail-footer {
  font-size: 12px;
  color: #49525f;
}
.account-billing-container .addon-card-detail-container .addon-card-detail-info > hr {
  width: 95%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.account-billing-container .addon-card-detail-container .addon-card-detail-action {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-inline: 20px;
  padding-block: 10px;
  box-sizing: border-box;
}

.reset-modal-style .close {
  all: unset;
}

.addon-logo-purchase {
  width: 35px;
  height: 35px;
  border: none;
  justify-self: center;
}

.addon-purchase-buttons {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 1rem;
}

.downgrade-alert-text {
  font-size: 13px;
}

.add-on-close-btn,
.add-on-purchase-btn,
.add-on-remove-btn {
  flex: 1;
}

.price-container {
  text-align: right;
  color: #49525f;
}

.current-price {
  font-size: 15px;
  font-weight: bold;
}

.current-price .period {
  font-size: 16px;
  color: gray;
  font-weight: normal;
}

.original-price {
  font-size: 15px;
  color: gray;
  text-decoration: line-through;
}

.addon-purchase-body-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.addon-purchase-body-desc {
  text-align: justify;
}

.addon-purchase-modal-header {
  font-size: 20px !important;
}

.add-on-msg-container .add-on-msg-title {
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.add-on-msg-container .add-on-msg-description {
  color: white;
  font-size: 16px;
}

.summary-config-button {
  width: auto;
  min-width: 75px;
  height: 30px;
  background-color: #f4f4f4;
  padding-inline: 10px;
  color: #606060;
  border-radius: 5px;
}
.summary-config-button:hover {
  background-color: #007bff;
  color: white;
  border: none;
}

.plan-feature-available {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1);
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
  color: #007bff;
}

.plan-feature-available::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}

.plan-feature-not-available {
  transform: scale(1);
}

.plan-feature-not-available,
.plan-feature-not-available::before {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  color: #cdccd7;
}

.plan-feature-not-available::before {
  content: "";
  position: absolute;
  height: 2px;
  top: 7px;
  border-top: 2px solid;
}

.billing-plan-table-header {
  padding-block: 2rem;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: white;
}

.billing-plan-table-category {
  border-top: 1px solid #ebecf0;
}

.billing-plan-table-row {
  border-right: 1px solid #ebecf0;
}

.billing-plan-active {
  width: auto;
  padding-inline: 10px;
  margin-top: 10px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  background-color: #007bff;
  color: white;
}

.billing-plan-features {
  font-size: 20px;
  font-weight: 500;
  color: #4e5053;
}

.billing-plan-name {
  font-size: 16px;
  font-weight: 500;
  color: #4e5053;
}

.billing-plan-price {
  font-size: 17px;
  font-weight: bold;
  color: #4e5053;
}

.billing-plan-feature-category {
  font-size: 20px;
  font-weight: 500;
  color: #4e5053;
  line-height: 28px;
}

.billing-plan-feature {
  font-size: 14px;
  color: #4e5053;
  line-height: 20px;
  font-weight: 500;
}

.billing-plan-feature-value {
  font-size: 14px;
  color: #4e5053;
  line-height: 20px;
  font-weight: normal;
}

.billing-plan-action-button {
  all: unset;
  width: auto;
  height: auto;
  padding: 3px 10px;
  border: 1px solid #007bff;
  color: #007bff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  user-select: none;
  margin-top: 5px;
}
.billing-plan-action-button:hover {
  background-color: #007bff;
  color: white;
}
.billing-plan-action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.billing-modal .reset-close-style .close {
  all: unset;
}
.billing-modal .modal-title {
  font-size: 18px;
  font-weight: 500;
}
.billing-modal .modal-body {
  color: #49525f;
}
.billing-modal .modal-body .billing-modal-subtitle {
  font-size: 14px;
  font-weight: bold;
}
.billing-modal .modal-body .billing-modal-paragraph {
  font-size: 14px;
  text-align: justify;
}
.billing-modal .modal-body .billing-modal-paragraph.muted {
  color: #6c757d;
  font-size: 13px;
  text-align: left;
}
.billing-modal .modal-body .billing-modal-highlight-row {
  display: grid;
  grid-template-columns: 35px auto 120px;
  gap: 10px;
  padding-inline: 10px;
  padding-block: 10px;
  align-items: center;
  border-radius: 5px;
  background-color: #f7f7f7;
}
.billing-modal .modal-body .billing-modal-highlight-row.no-icon {
  grid-template-columns: auto 100px;
}
.billing-modal .modal-body .billing-modal-highlight-row.just-one-row {
  grid-template-columns: auto;
}
.billing-modal .modal-body .billing-modal-highlight-row .billing-modal-highlight-icon {
  height: auto;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.billing-modal .modal-body .billing-modal-highlight-row .billing-modal-highlight-icon .img-thumbnail {
  background-color: transparent;
}
.billing-modal .modal-body .billing-modal-price {
  text-align: right;
  color: #49525f;
}
.billing-modal .modal-body .billing-modal-price .price {
  font-size: 17px;
  font-weight: bold;
  font-variant-numeric: tabular-nums;
}
.billing-modal .modal-body .billing-modal-price .period {
  font-size: 13px;
  color: gray;
  font-weight: normal;
}
.billing-modal .modal-body .inner-charges-section {
  max-height: 145px;
  overflow-y: auto;
}

.expired-on-addon-label {
  display: inline-block;
  background: #F2F2F2;
  color: #49525f;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 3px;
  margin-left: 10px;
}

.gg-billing-swap {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1.3);
  box-shadow: -2px 2px 0, 2px -2px 0;
  width: 6px;
  height: 2px;
}

.gg-billing-swap::after,
.gg-billing-swap::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.gg-billing-swap::before {
  border-left: 3px solid;
  top: -4px;
  right: -4px;
}

.gg-billing-swap::after {
  border-right: 3px solid;
  bottom: -4px;
  left: -4px;
}

.billing-payment-category {
  width: max-content;
  height: 20px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  background: #F4F4F4;
  color: #5F5F5F;
  padding-inline: 15px;
  user-select: none;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  text-align: center;
}
.billing-payment-category .gg-calendar-billing-invoice {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;
}
.billing-payment-category .gg-calendar-billing-invoice::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  background: currentColor;
  height: 4px;
  width: 4px;
  border-radius: 2px;
  right: 2px;
  bottom: 2px;
}
.billing-payment-category .gg-extension-billing-invoice,
.billing-payment-category .gg-extension-billing-invoice::after,
.billing-payment-category .gg-extension-billing-invoice::before {
  box-sizing: border-box;
  display: block;
  border: 2px solid;
}
.billing-payment-category .gg-extension-billing-invoice {
  position: relative;
  transform: translateX(-5px) scale(0.7);
  width: 8px;
  height: 14px;
}
.billing-payment-category .gg-extension-billing-invoice::after,
.billing-payment-category .gg-extension-billing-invoice::before {
  content: "";
  position: absolute;
  height: 8px;
}
.billing-payment-category .gg-extension-billing-invoice::before {
  bottom: -2px;
  left: -2px;
  width: 14px;
}
.billing-payment-category .gg-extension-billing-invoice::after {
  top: -6px;
  right: -12px;
  width: 8px;
}
.billing-payment-category .gg-filters-billing-invoice {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(0.7);
  width: 19px;
  height: 19px;
  background: radial-gradient(circle, currentColor 26%, transparent 26%);
}
.billing-payment-category .gg-filters-billing-invoice::after,
.billing-payment-category .gg-filters-billing-invoice::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border: 2px solid;
  border-radius: 100%;
  width: 14px;
  height: 14px;
}
.billing-payment-category .gg-filters-billing-invoice::after {
  bottom: 0;
  right: 0;
}

.billing-invoice-header {
  display: grid;
  grid-template-columns: 40px auto 150px 150px;
  gap: 20px;
  padding-inline: 10px;
  margin-block: 1rem;
}
.billing-invoice-header .invoice-detail-back {
  width: auto;
  height: 35px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.0509803922);
  user-select: none;
  cursor: pointer;
}
.billing-invoice-header .invoice-detail-back .gg-back-chevron-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.billing-invoice-header .invoice-detail-back .gg-back-chevron-left::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  left: 6px;
  top: 4px;
}
.billing-invoice-header .invoice-download-button {
  width: auto;
  min-width: 75px;
  height: 35px;
  background-color: #007bff;
  color: white;
  padding-inline: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  font-weight: bold;
  font-size: 14px;
  user-select: none;
}
.billing-invoice-header .invoice-download-button .invoice-download-icon {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  width: 16px;
  height: 6px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 8px;
  margin-right: 10px;
}
.billing-invoice-header .invoice-download-button .invoice-download-icon::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 2px;
  bottom: 4px;
}
.billing-invoice-header .invoice-download-button .invoice-download-icon::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  height: 10px;
  background: currentColor;
  left: 5px;
  bottom: 5px;
}
.billing-invoice-header .invoice-retry-button {
  width: auto;
  min-width: 75px;
  height: 35px;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  padding-inline: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  font-weight: bold;
  font-size: 14px;
  user-select: none;
}
.billing-invoice-header .invoice-pay-button {
  width: auto;
  min-width: 75px;
  height: 35px;
  color: #fff;
  background-color: #007bff;
  padding-inline: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  flex-direction: row;
  font-weight: bold;
  font-size: 14px;
  user-select: none;
}

.retry-button-gg-sync {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  border-radius: 40px;
  border: 2px solid;
  margin: 1px;
  border-left-color: transparent;
  border-right-color: transparent;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.retry-button-gg-sync::after,
.retry-button-gg-sync::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(-45deg);
}

.retry-button-gg-sync::before {
  border-left: 6px solid;
  bottom: -1px;
  right: -3px;
}

.retry-button-gg-sync::after {
  border-right: 6px solid;
  top: -1px;
  left: -3px;
}

.retry-invoice-icon {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(1);
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;
}

.retry-invoice-icon::after,
.retry-invoice-icon::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 2px;
  background: currentColor;
  border-radius: 1px;
}

.retry-invoice-icon::before {
  bottom: 2px;
  width: 10px;
  height: 10px;
  opacity: 0.5;
}

.retry-invoice-icon::after {
  top: 2px;
  width: 6px;
  height: 2px;
}

.billing-invoice-card {
  border: 1px solid #e0e0e0;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 100%;
  height: 180px;
  padding-inline: 15px;
  padding-block: 10px;
  color: #49525f;
}
.billing-invoice-card.amount-card {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.billing-invoice-card .invoice-subtitle {
  font-size: 14px;
}
.billing-invoice-card .invoice-amount {
  font-size: 32px;
  font-weight: bold;
}
.billing-invoice-card .secondary-card {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 1rem;
}
.billing-invoice-card.transaction-card {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.billing-invoice-card.transaction-card .card-grid-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  font-size: 2rem;
}
.billing-invoice-card.transaction-tye {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
  margin: 20px;
}

.billing-invoice-charges {
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding-inline: 15px;
  padding-block: 10px;
}
.billing-invoice-charges .invoice-chages-table {
  margin-block: 20px;
  width: 100%;
}
.billing-invoice-charges .table th,
.billing-invoice-charges .table td {
  border-top: none;
  font-size: 14px;
}

.billing-invoice-payment-card {
  flex: 1;
  display: grid;
  grid-template-columns: 30px auto;
  gap: 10px;
}
.billing-invoice-payment-card .payment-card-info {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: center;
  text-align: center;
}
.billing-invoice-payment-card .payment-card-info .payment-card-info-number {
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8509803922);
  margin-bottom: 5px;
}
.billing-invoice-payment-card .payment-card-info .payment-card-info-expires {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8509803922);
}
.billing-invoice-payment-card .MASTERCARD-LOGO {
  width: 100%;
  height: 30px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-9%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='57'%20height='39'%20rx='3.5'%20fill='white'%20stroke='%23F3F3F3'/%3e%3cpath%20d='M34.3102%2028.9765H23.9591V10.5122H34.3102V28.9765Z'%20fill='%23FF5F00'/%3e%3cpath%20d='M24.6223%2019.7429C24.6223%2015.9973%2026.3891%2012.6608%2029.1406%2010.5107C27.1285%208.93843%2024.5892%207.99998%2021.8294%207.99998C15.2961%207.99998%2010%2013.2574%2010%2019.7429C10%2026.2283%2015.2961%2031.4857%2021.8294%2031.4857C24.5892%2031.4857%2027.1285%2030.5473%2029.1406%2028.975C26.3891%2026.8249%2024.6223%2023.4884%2024.6223%2019.7429'%20fill='%23EB001B'/%3e%3cpath%20d='M48.2706%2019.7429C48.2706%2026.2283%2042.9745%2031.4857%2036.4412%2031.4857C33.6814%2031.4857%2031.1421%2030.5473%2029.1293%2028.975C31.8815%2026.8249%2033.6483%2023.4884%2033.6483%2019.7429C33.6483%2015.9973%2031.8815%2012.6608%2029.1293%2010.5107C31.1421%208.93843%2033.6814%207.99998%2036.4412%207.99998C42.9745%207.99998%2048.2706%2013.2574%2048.2706%2019.7429'%20fill='%23F79E1B'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.billing-invoice-payment-card .MAESTRO-LOGO {
  width: 100%;
  height: 30px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-9%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='57'%20height='39'%20rx='3.5'%20fill='white'%20stroke='%23F3F3F3'/%3e%3cpath%20d='M34.3102%2028.9765H23.9591V10.5122H34.3102V28.9765Z'%20fill='%23FF5F00'/%3e%3cpath%20d='M24.6223%2019.7429C24.6223%2015.9973%2026.3891%2012.6608%2029.1406%2010.5107C27.1285%208.93843%2024.5892%207.99998%2021.8294%207.99998C15.2961%207.99998%2010%2013.2574%2010%2019.7429C10%2026.2283%2015.2961%2031.4857%2021.8294%2031.4857C24.5892%2031.4857%2027.1285%2030.5473%2029.1406%2028.975C26.3891%2026.8249%2024.6223%2023.4884%2024.6223%2019.7429'%20fill='%23EB001B'/%3e%3cpath%20d='M48.2706%2019.7429C48.2706%2026.2283%2042.9745%2031.4857%2036.4412%2031.4857C33.6814%2031.4857%2031.1421%2030.5473%2029.1293%2028.975C31.8815%2026.8249%2033.6483%2023.4884%2033.6483%2019.7429C33.6483%2015.9973%2031.8815%2012.6608%2029.1293%2010.5107C31.1421%208.93843%2033.6814%207.99998%2036.4412%207.99998C42.9745%207.99998%2048.2706%2013.2574%2048.2706%2019.7429'%20fill='%23F79E1B'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}
.billing-invoice-payment-card .AMERICAN-EXPRESS-LOGO {
  width: 100%;
  height: 30px;
  background: url("/v5/assets/american-express-logo-yqcgIDD7.svg") no-repeat center;
  background-size: contain;
}
.billing-invoice-payment-card .VISA-LOGO {
  width: 100%;
  height: 30px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3cpath%20d='M22.222%2015.768l-.225-1.125h-2.514l-.4%201.117-2.015.004a4199.19%204199.19%200%200%201%202.884-6.918c.164-.391.455-.59.884-.588.328.003.863.003%201.606.001L24%2015.765l-1.778.003zm-2.173-2.666h1.62l-.605-2.82-1.015%202.82zM7.06%208.257l2.026.002-3.132%207.51-2.051-.002a950.849%20950.849%200%200%201-1.528-5.956c-.1-.396-.298-.673-.679-.804C1.357%208.89.792%208.71%200%208.465V8.26h3.237c.56%200%20.887.271.992.827.106.557.372%201.975.8%204.254L7.06%208.257zm4.81.002l-1.602%207.508-1.928-.002L9.94%208.257l1.93.002zm3.91-.139c.577%200%201.304.18%201.722.345l-.338%201.557c-.378-.152-1-.357-1.523-.35-.76.013-1.23.332-1.23.638%200%20.498.816.749%201.656%201.293.959.62%201.085%201.177%201.073%201.782-.013%201.256-1.073%202.495-3.309%202.495-1.02-.015-1.388-.101-2.22-.396l.352-1.625c.847.355%201.206.468%201.93.468.663%200%201.232-.268%201.237-.735.004-.332-.2-.497-.944-.907-.744-.411-1.788-.98-1.774-2.122.017-1.462%201.402-2.443%203.369-2.443z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}

.billing-gg-credit-card {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.7);
  width: 24px;
  height: 18px;
  border: 2px solid;
  border-radius: 4px;
}

.billing-gg-credit-card::after,
.billing-gg-credit-card::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 24px;
  left: -2px;
  height: 2px;
  background: currentColor;
  top: 9px;
}

.billing-gg-credit-card::before {
  width: 6px;
  left: 2px;
  top: 3px;
}.confirmation-container {
  max-width: 100% !important;
}

.two-fa {
  color: #929396;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  margin: 10px 0;
}.multimedia-links .lp-container {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.multimedia-links .lp-container .lp-filters-sidebar {
  float: left;
  width: 15%;
  max-width: 285px;
  height: 100%;
  background-color: white;
  padding: 20px 5px 20px 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .multimedia-links .lp-container .lp-filters-sidebar {
    display: none;
  }
}
.multimedia-links .lp-container .lp-list-content {
  float: left;
  width: 85%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .multimedia-links .lp-container .lp-list-content {
    width: 100%;
  }
}
.multimedia-links .lp-container .lp-list-content .full-size-container {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.multimedia-links .lp-container .lp-list-content .full-size-container .header-list .header-headline,
.multimedia-links .lp-container .lp-list-content .full-size-container .header-list .no-logo {
  grid-template-columns: auto 200px;
}
.multimedia-links .lp-container .lp-list-content .full-size-container.imposed-loading {
  position: absolute;
  top: 0;
  right: 0;
  background: white !important;
  z-index: 1;
}
.multimedia-links .lp-container .lp-list-content .full-size-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.multimedia-links .lp-container .lp-list-content .full-size-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}
.multimedia-links .lp-container .lp-list-content .full-size-container.superimposed .confirmation-container .confirmation {
  width: 425px;
}
.multimedia-links .lp-container .lp-list-content .lp-header-list {
  float: left;
  width: 100%;
  height: auto;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.multimedia-links .lp-container .lp-list-content .lp-header-list .title-multimedia {
  color: #202223;
  font-size: 18px;
  font-weight: bold;
}
.multimedia-links .lp-container .lp-list-content .lp-header-list .caption-multimedia {
  color: #6d7175;
  font-size: 15px;
  line-height: normal;
}
.multimedia-links .lp-container .lp-list-content .lp-header-list .multimedia-page-button {
  padding: 0px 15px;
  width: auto;
  height: 38px;
  min-width: 150px;
  font-size: 13px;
  background-color: var(--primary-background-components);
  color: #fff;
  border-color: var(--primary-background-components);
  margin-left: 15px;
  border-radius: var(--border-radius-components);
}
.multimedia-links .lp-container .lp-list-content .lp-header-list .multimedia-page-button:disabled {
  opacity: 0.5;
}
.multimedia-links .lp-container .lp-list-content .lp-header-list .multimedia-page-button:hover {
  background-color: var(--primary-hover-background-components) !important;
  border-color: var(--primary-hover-background-components) !important;
}
.multimedia-links .lp-container .lp-list-content .lg-header-filters {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list {
  float: left;
  width: 100%;
  height: calc(100% - 220px);
  margin-top: 25px;
  padding: 0px 10px;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-tag.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-tag.PUBLISHED {
  background-color: #f1f8f5;
  color: #218656;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-tag.DELETED {
  background-color: #fff0f0;
  color: #d82c0d;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-tag.CLOSED {
  background-color: #fff3cd;
  color: #664d03;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-tag.IN_PROGRESS {
  color: #004085;
  background-color: #cce5ff;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-page-click-name {
  font-weight: "bold";
  cursor: pointer;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .actions-cell {
  width: 150px;
}
.multimedia-links .lp-container .lp-list-content .lp-table-list .multimedia-thumbnail {
  display: flex;
  height: 75px;
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--primary-background-components);
}
.multimedia-links .lp-container .lp-list-content .qr-table-container .multimedia-thumbnail {
  display: flex;
  height: 75px;
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--border-radius-components);
  border: solid 1px var(--primary-background-components);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.multimedia-links .lp-create-content {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
}
.multimedia-links .lp-create-content .tab-content {
  height: calc(100% - 51px);
}
.multimedia-links .lp-create-content .multimedia-page-tabs {
  background-color: #eff3fc;
  box-shadow: none;
}
.multimedia-links .lp-create-content .multimedia-page-tabs .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #eff3fc;
  color: #49525f;
  width: auto;
  min-width: 150px;
}
.multimedia-links .lp-create-content .multimedia-page-tabs .nav-item.active {
  background-color: #eff3fc !important;
  color: #0047ff !important;
  border: none !important;
  border-bottom: 2px solid #0047ff !important;
}
.multimedia-links .lp-create-content .multimedia-page-tabs .nav-item.disabled {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.multimedia-links .lp-create-content .multimedia-page-tab {
  float: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: white;
  padding: 10px;
}
.multimedia-links .lp-create-content .caption-input-idenfier {
  height: 30px !important;
}
.multimedia-links .lp-create-content .input-identifier {
  position: relative !important;
  width: 1% !important;
  border: 1px solid #ced4da !important;
  margin: 0 !important;
}
.multimedia-links .lp-create-content .multimedia-page-editor {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section {
  float: left;
  width: 100%;
  height: calc(100% - 50px);
  display: flex;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .tabs-container {
  width: 350px;
  border: 1px solid #dee2e6;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .links-table-container {
  border: 1px solid #dee2e6;
  min-height: 320px;
  border-radius: var(--border-radius-components);
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .links-table-container .links-table-container__title {
  padding: 5px 10px;
  font-weight: bolder;
  border-bottom: 1px solid #dee2e6;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .links-table-container .toolbar {
  margin: 5px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .links-table-container .toolbar .toolbar-left__item {
  width: 315px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .custom-data-table {
  max-height: 280px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .nav-item,
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #eff3fc;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .nav-tabs .nav-link.active {
  background: #eff3fc !important;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .editor-multimedia {
  min-height: 100%;
  height: 100%;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .selected-links-list {
  padding-top: 0px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form {
  background-color: #fff;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .link-container {
  display: grid;
  grid-template-columns: 30px auto;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .link-container .add-icon {
  height: 20px;
  width: 20px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .link-container .link-name {
  font-size: 12px;
  font-weight: 600;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .link-container .link-name .link-short-url {
  font-size: 10px;
  font-weight: normal;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .variable-labels {
  color: #000;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .custom-checkbox {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  align-items: center;
  text-align: center;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-fields-form .custom-checkbox .custom-checkbox-label {
  text-align: center;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .link-list {
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item {
  background-color: #fafafa;
  color: #000;
  border: 1px solid rgb(212, 212, 212);
  border-radius: 0.13144rem;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item .variable-name {
  font-size: 12px;
  font-weight: 600;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item .variable-name .variable-name-link {
  font-size: 10px;
  font-weight: normal;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item .variable-icon {
  align-items: center;
  width: 25px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item .variable-icon .icon-container {
  display: contents;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item .variable-icon .icon {
  height: 25px;
  background-color: transparent;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-section .variable-list .variable-item:hover {
  background-color: #eaeaea;
  color: #000;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions {
  float: left;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions button {
  height: 38px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions.space-between {
  justify-content: space-between;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions .save-multimedia {
  background-color: #0047ff;
  color: white;
  width: auto;
  min-width: 250px;
  margin: 0 5px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions .save-multimedia:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions .publish-multimedia {
  background-color: #51c172;
  color: white;
  width: auto;
  min-width: 250px;
  margin: 0 5px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions .publish-multimedia:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions .cancel-multimedia {
  background-color: transparent;
  color: #6c757d;
  border-color: #6c757d;
  border: 1px solid;
  width: auto;
  min-width: 250px;
  margin: 0 5px;
}
.multimedia-links .lp-create-content .multimedia-page-editor .editor-actions .cancel-multimedia:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.multimedia-links .lp-create-content .multimedia-page-editor .full-size-container {
  float: left;
  width: 100%;
  height: 100%;
}
.multimedia-links .lp-create-content .multimedia-page-editor .full-size-container.imposed-loading {
  position: absolute;
  top: 0;
  right: 0;
  background: white !important;
  z-index: 1;
}
.multimedia-links .lp-create-content .multimedia-page-editor .full-size-container.superimposed {
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(3px);
  background: none !important;
  z-index: 1;
}
.multimedia-links .lp-create-content .multimedia-page-editor .full-size-container.superimposed .confirmation-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}
.multimedia-links .lp-create-content .multimedia-page-editor .full-size-container.superimposed .confirmation-container .confirmation {
  width: 425px;
}
.multimedia-links .lp-create-content .count-characters-input {
  color: #606770;
  text-align: right;
}
.multimedia-links .lp-create-content .switch-draft {
  color: #49525f;
}
.multimedia-links .lp-create-content .switch-published {
  color: #218656;
}
.multimedia-links .lp-create-content .multimedia-switch input[type=checkbox] {
  all: unset;
}
.multimedia-links .lp-create-content .multimedia-switch .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #218656 !important;
  background-color: #218656 !important;
}
.multimedia-links .lp-create-content .lp-tag-edited {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  padding: 0 5px;
}
.multimedia-links .lp-create-content .lp-tag-edited.DRAFT {
  background-color: #f6f6f7;
  color: #49525f;
}
.multimedia-links .lp-create-content .lp-tag-edited.PUBLISHED {
  background-color: #f1f8f5;
  color: #218656;
}
.multimedia-links .lp-stats-content {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  overflow-y: auto;
}
.multimedia-links .lp-stats-content.error-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.multimedia-links .lp-stats-content.error-items .error-caption {
  font-weight: 600;
  margin-top: 15px;
  user-select: none;
}
.multimedia-links .lp-stats-content.error-items .error-button {
  background-color: #3688f0;
  width: auto;
  font-size: 14px;
  margin-top: 15px;
}
.multimedia-links .lp-stats-content.error-items .multimedia-image-error {
  float: left;
  width: 100px;
  height: 100px;
}.link-multimedia-teimplates-full-container {
  width: 100%;
  height: 100%;
}
.link-multimedia-teimplates-full-container hr {
  margin: 10px 0;
}
.link-multimedia-teimplates-full-container .create-content {
  width: 70%;
  height: 100%;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column; /* Asegurar que los hijos se alineen verticalmente */
}
.link-multimedia-teimplates-full-container .create-content.to-start {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.link-multimedia-teimplates-full-container .create-content .form-content {
  float: left;
  width: 70%;
  height: 100%;
}
.link-multimedia-teimplates-full-container .create-content .form-content h2 {
  margin-bottom: 20px;
}
.link-multimedia-teimplates-full-container .create-content .form-content .section-buttons {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 15px;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp {
  border: 1px solid #e4e5e7;
  height: 400px;
  border-radius: 8px;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .header-box {
  float: left;
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #e4e5e7;
  padding: 0 10px;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .header-box .step {
  font-size: 15px;
  color: #6d7175;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .body-box {
  float: left;
  width: 100%;
  height: calc(100% - 45px);
  flex-direction: column;
  padding: 20px;
  text-align: center;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .body-box .download-art {
  float: left;
  width: 200px;
  height: 200px;
  background: url("/v5/assets/download-art-QAwA_OkS.svg") no-repeat center;
  background-size: contain;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .body-box .download-button {
  width: 100%;
  height: 35px;
  text-align: center;
  cursor: pointer;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .body-box .excel-preview-art {
  float: left;
  width: 200px;
  height: 150px;
  background: url("/v5/assets/excel-preview-CV4BWqag.svg") no-repeat center;
  background-size: contain;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .test-camp .body-box .step {
  font-size: 15px;
  color: #6d7175;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .upload-file-container .row {
  margin-top: 15px;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .col-12, .link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .col-lg-12, .link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .full-width, .link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .link-multimedia-campaing-full-width {
  padding: 0;
}
.link-multimedia-teimplates-full-container .create-content .form-content .link-multimedia-campaigns-create .drag-and-drop-button {
  background-color: var(--primary-background-components);
}
.link-multimedia-teimplates-full-container .create-content .optional-block {
  background: #F2F2F2;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 5px;
}
.link-multimedia-teimplates-full-container .create-content .title-block {
  font-size: 15px;
  font-weight: 600;
}
.link-multimedia-teimplates-full-container .create-content .count-characters {
  color: #606770;
  text-align: right;
}
.link-multimedia-teimplates-full-container .create-content .content-call-to-action {
  background-color: #f8fafb;
  border: 1px solid #dadde1;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.link-multimedia-teimplates-full-container .create-content .content-call-to-action input {
  height: 35px !important;
  background-color: white !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0;
}
.link-multimedia-teimplates-full-container .create-content .content-call-to-action input:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.link-multimedia-teimplates-full-container .create-content .content-call-to-action input.custom-control-input:disabled {
  opacity: 0 !important;
}
.link-multimedia-teimplates-full-container .create-content .content-call-to-action select {
  height: 35px !important;
  background-color: white !important;
}
.link-multimedia-teimplates-full-container .create-content .content-call-to-action select:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.link-multimedia-teimplates-full-container .create-content .remove-action {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 25%;
}
.link-multimedia-teimplates-full-container .create-content .remove-action.quick_response {
  background-position: 50% 85%;
}
.link-multimedia-teimplates-full-container .create-content .selected-check-action {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23007bff'%20d='M9%2016.2l-4.2-4.2%201.4-1.4%202.8%202.8%207.8-7.8%201.4%201.4-9.2%209.2z'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 50%;
}
.link-multimedia-teimplates-full-container .create-content .selected-check-action.quick_response {
  background-position: 50% 85%;
}
.link-multimedia-teimplates-full-container .create-content .row-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.link-multimedia-teimplates-full-container .create-content .divider-block {
  float: left;
  width: 100%;
  height: 20px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.link-multimedia-teimplates-full-container .create-content .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.link-multimedia-teimplates-full-container .create-content .add-button {
  float: left;
  width: auto;
  border-radius: 5px;
  background-color: #F2F2F2;
  border: none;
  color: black;
  font-size: 14px;
  padding: 5px 15px;
  margin-top: 15px;
}
.link-multimedia-teimplates-full-container .create-content .add-button:disabled {
  color: rgba(0, 0, 0, 0.4509803922) !important;
  cursor: not-allowed !important;
}
.link-multimedia-teimplates-full-container .create-content .divider-block {
  float: left;
  width: 100%;
  height: 40px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.link-multimedia-teimplates-full-container .create-content .divider-block .line-div {
  width: 95%;
  height: 2px;
  background-color: #f7f5f5;
}
.link-multimedia-teimplates-full-container .create-content .template-preview-container {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 20px 10px;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents {
  width: 100%;
  height: 135px;
  max-height: 135px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: #f8f8f8;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 10px;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents::-webkit-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents .variable-item {
  float: left;
  width: 95%;
  margin: 5px;
  padding: 5px 10px;
  font-size: 14px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents .variable-item .remove-variable {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents-form {
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
  padding: 10px;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents-form .variable-item {
  float: left;
  width: 100%;
  min-width: 100%;
  margin-bottom: 5px;
  padding: 10px 0px;
  font-size: 14px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents-form .variable-item .to-left {
  text-align: left;
}
.link-multimedia-teimplates-full-container .create-content .variable-contents-form .variable-item .remove-variable {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.link-multimedia-teimplates-full-container .create-content .btn-variables {
  height: 45px !important;
  font-size: 13px !important;
  text-align: center !important;
  margin: 5px 0 0 0;
}
.link-multimedia-teimplates-full-container .create-content .form-item-description {
  font-size: 14px;
  color: rgba(28, 43, 51, 0.6509803922);
}
.link-multimedia-teimplates-full-container .create-content .variable-input-height {
  height: 35px !important;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container .template-category-item {
  float: left;
  width: 100%;
  height: 90px;
  background-color: #efefef;
  border-radius: 5px;
  margin: 5px 0;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container .template-category-item:hover {
  background-color: #e8e8e8;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container .template-category-item.selected {
  background-color: #e1e9f5;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-description {
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-description .template-category-header {
  font-size: 14px;
  font-weight: bold;
  color: #1C2B33;
}
.link-multimedia-teimplates-full-container .create-content .templates-category-container .template-category-item .template-category-description .template-category-label {
  font-size: 13px;
  color: #1C2B33;
}
.link-multimedia-teimplates-full-container .create-content .dropdown-height {
  margin: 5px 0 0;
  height: 45px !important;
}
.link-multimedia-teimplates-full-container .create-content .link-multimedia-truncate-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link-multimedia-teimplates-full-container .create-content .link-multimedia-alert-title {
  font-size: 16px;
}
.link-multimedia-teimplates-full-container .create-content .link-multimedia-alert-gg-close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1);
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 40px;
  cursor: pointer;
  user-select: none;
}
.link-multimedia-teimplates-full-container .create-content .link-multimedia-alert-gg-close::after,
.link-multimedia-teimplates-full-container .create-content .link-multimedia-alert-gg-close::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 1px;
}
.link-multimedia-teimplates-full-container .create-content .link-multimedia-alert-gg-close::after {
  transform: rotate(-45deg);
}
.link-multimedia-teimplates-full-container .create-content .btn-primary {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.link-multimedia-teimplates-full-container .create-content .btn-primary.add-button {
  background-color: var(--tertiary-background-components);
  color: var(--tertiary-hover-text-components);
}
.link-multimedia-teimplates-full-container .create-content .btn-secondary {
  background-color: var(--secondary-background-components);
  border-color: var(--secondary-background-components);
}
.link-multimedia-teimplates-full-container .preview-content {
  float: right;
  width: 30%;
  height: 100%;
  background-color: #eef3fc;
  padding: 20px;
}
.link-multimedia-teimplates-full-container .preview-content .preview-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  color: #0047ff;
  margin: 15px 0;
}
.link-multimedia-teimplates-full-container .preview-content .preview-image {
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.link-multimedia-teimplates-full-container .preview-content .preview-video {
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.link-multimedia-teimplates-full-container .preview-content .preview-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  color: #999;
  font-size: 16px;
}
.link-multimedia-teimplates-full-container .preview-content .preview-placeholder .placeholder-pdf {
  background: url("/v5/assets/pdf-icon-DEjiPxIT.svg") no-repeat center;
  background-size: 50%;
  width: 100px;
  height: 100px;
}
.link-multimedia-teimplates-full-container .preview-content .preview-placeholder .placeholder-docx {
  background: url("data:image/svg+xml,%3csvg%20class='svg-icon'%20style='width:%201em;height:%201em;vertical-align:%20middle;fill:%20currentColor;overflow:%20hidden;'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M594.944%200l335.124%20341.32v563.2c0%2065.996-52.5%20119.48-117.294%20119.48H209.546c-64.793%200-117.299-53.53-117.299-119.48V119.48C92.252%2053.484%20144.757%200%20209.551%200h385.393z'%20fill='%235895FF'%20/%3e%3cpath%20d='M930.068%20341.32H718.152c-64.748%200-123.208-59.49-123.208-125.492V0l335.124%20341.32z'%20fill='%23FFFFFF'%20fill-opacity='.4'%20/%3e%3cpath%20d='M427.377%20725.32V768H259.814v-42.68h167.563zM594.944%20640v42.68h-335.13V640h335.13z%20m0-85.32v42.64h-335.13v-42.64h335.13z%20m0-85.36V512h-335.13v-42.68h335.13z'%20fill='%23FFFFFF'%20/%3e%3c/svg%3e") no-repeat center;
  background-size: 50%;
  width: 100px;
  height: 100px;
}
.link-multimedia-teimplates-full-container .preview-content .preview-placeholder .placeholder-upload {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  background: url("/v5/assets/upload-file-XJ-i46zJ.svg") no-repeat center;
  background-size: 90%;
}
.link-multimedia-teimplates-full-container .preview-content .upload-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  text-align: center;
  color: #000;
}
.link-multimedia-teimplates-full-container .preview-content .upload-placeholder .placeholder-upload {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  background: url("/v5/assets/upload-file-XJ-i46zJ.svg") no-repeat center;
}
.link-multimedia-teimplates-full-container .mrgn-15 {
  margin-top: 15px;
}
.link-multimedia-teimplates-full-container .justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.link-multimedia-teimplates-full-container .justify-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-multimedia-teimplates-full-container .input-zone-container {
  height: 50px;
}
.link-multimedia-teimplates-full-container .multimedia-requirements {
  background-color: #f8f9fa;
  padding: 12px 15px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  margin: 10px 0;
  font-size: 10px;
  line-height: 1.4;
  font-style: italic;
}
.link-multimedia-teimplates-full-container .multimedia-requirements p {
  margin: 5px 0;
  font-size: 11px;
}
.link-multimedia-teimplates-full-container .multimedia-requirements p strong {
  font-style: normal;
}.multimedia-files-stats .lp-stats-content {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  overflow-y: auto;
}
.multimedia-files-stats .lp-stats-content.error-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.multimedia-files-stats .lp-stats-content.error-items .error-caption {
  font-weight: 600;
  margin-top: 15px;
  user-select: none;
}
.multimedia-files-stats .lp-stats-content.error-items .error-button {
  background-color: #3688f0;
  width: auto;
  font-size: 14px;
  margin-top: 15px;
}
.multimedia-files-stats .lp-stats-content.error-items .multimediafile-stats-image-error {
  float: left;
  width: 100px;
  height: 100px;
}
.multimedia-files-stats .badge {
  display: inline-block;
  padding: 0.4em;
  font-size: 53%;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.multimedia-files-stats .no-padding {
  padding: 0;
}
.multimedia-files-stats .full-width {
  width: 100%;
}
.multimedia-files-stats .button-preview,
.multimedia-files-stats .button-download {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  margin-top: 10px;
  font-weight: bold;
  outline: none;
}
.multimedia-files-stats .button-preview {
  background-color: var(--color-primary);
  color: white;
  border: none;
  margin-right: 2px;
}
.multimedia-files-stats .button-download {
  border: 1px solid var(--color-primary);
  background-color: white;
  color: var(--color-primary);
  margin-left: 2px;
}
.multimedia-files-stats .button-preview:hover,
.multimedia-files-stats .button-download:hover {
  opacity: 0.8;
}
.multimedia-files-stats .multimediafile-stats-preview-image {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  height: 200px;
  object-fit: contain;
  background-color: #f8f9fa;
}
.multimedia-files-stats .share-section .share-buttons-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.multimedia-files-stats .share-section .share-buttons-row .share-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  min-width: 60px;
}
.multimedia-files-stats .share-section .share-buttons-row .share-button .share-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
  filter: brightness(0);
}
.multimedia-files-stats .share-section .share-buttons-row .share-button span {
  font-size: 11px;
  color: #666;
  text-align: center;
}
.multimedia-files-stats .share-section .share-buttons-row .share-button:hover {
  opacity: 0.7;
}
.multimedia-files-stats .share-section .qr-section {
  margin-top: 20px;
}
.multimedia-files-stats .share-section .qr-section .qr-container .qr-placeholder {
  width: 100px;
  height: 100px;
  border: 1px dashed #ccc;
}
.multimedia-files-stats .share-section .qr-section .qr-container .qr-placeholder .qr-code {
  width: 100%;
  height: 100%;
}
.multimedia-files-stats .share-section .qr-section .download-qr-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
  color: white;
}
.multimedia-files-stats .share-section .qr-section .download-qr-button:hover {
  opacity: 0.8;
}
.multimedia-files-stats .action_campaign {
  cursor: pointer;
  width: 200px;
  display: flex;
}
.multimedia-files-stats .action_campaign .icon {
  justify-content: center;
  margin: 3px;
  margin-right: 5px;
}
.multimedia-files-stats .action_campaign .sub {
  padding-top: 5px;
  font-size: 13.3px;
  font-weight: bold;
}.promotions-table-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 25px;
}

.download-component {
  z-index: unset;
}

.header-action {
  float: left;
  width: 100%;
  height: 45px;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}
.header-action.variant {
  justify-content: space-between;
  padding: 15px 0 15px 15px;
}
.header-action .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.header-action .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.header-action .back-content .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.header-action .back-content-variant {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  margin-right: 10px;
  cursor: pointer;
}
.header-action .back-content-variant .go-back-title {
  color: #6d7175;
  font-weight: 600;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  padding-right: 10px;
}
.header-action .back-content-variant .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.header-action .header-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.header-action .header-title {
  color: #49525f;
  font-weight: 600;
  text-align: center;
}
.header-action .header-description {
  color: #6d7175;
  font-weight: 400;
  font-size: 14px;
}
.header-action .cancel-button {
  float: right;
  width: auto;
  min-width: 50px;
}

.title-block {
  font-size: 15px;
  font-weight: 600;
}

.form-item-description {
  font-size: 14px;
  color: rgba(28, 43, 51, 0.6509803922);
}

.add-button {
  background-color: var(--tertiary-background-components);
  color: var(--tertiary-hover-text-components);
}

.content-call-to-action {
  background-color: #f8fafb;
  border: 1px solid #dadde1;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.content-call-to-action input {
  height: 35px !important;
  background-color: white !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0;
}
.content-call-to-action input:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.content-call-to-action input.custom-control-input:disabled {
  opacity: 0 !important;
}
.content-call-to-action select {
  height: 35px !important;
  background-color: white !important;
}
.content-call-to-action select:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}

.remove-action {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20.277'%20height='20.277'%20viewBox='0%200%2020.277%2020.277'%3e%3cpath%20fill='%238e91a4'%20d='M27.8%209.551l-2.027-2.028-8.111%208.111-8.111-8.111-2.028%202.028%208.111%208.111-8.111%208.111L9.551%2027.8l8.111-8.111%208.111%208.111%202.027-2.027-8.11-8.111z'%20transform='translate(-7.523%20-7.523)'/%3e%3c/svg%3e") no-repeat center;
  background-position: 50% 50%;
  background-size: 25%;
  cursor: pointer;
}
.remove-action.quick_response {
  background-position: 50% 85%;
}

.promotion-stats-content {
  padding: 20px;
}
.promotion-stats-content .stats-container {
  float: left;
  width: 100%;
  height: auto;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.promotion-stats-content .stats-summary {
  float: left;
  width: 100%;
  height: 150px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
.promotion-stats-content .stat-box {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.promotion-stats-content .stat-box .stat-title {
  font-size: 14px;
  margin-bottom: 5px;
}
.promotion-stats-content .stat-box .stat-caption {
  font-size: 25px;
  font-weight: 600;
}
.promotion-stats-content .stats-tables {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-column-gap: 10px;
  column-gap: 10px;
  margin-top: 10px;
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 10px;
}
.promotion-stats-content .table-section {
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.promotion-stats-content .table-section h4 {
  font-size: 14px;
  color: #666;
}
.promotion-stats-content .error-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.promotion-stats-content .error-items .promotion-image-error {
  width: 100px;
  margin-bottom: 20px;
}
.promotion-stats-content .error-items .error-caption {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}
.promotion-stats-content .error-items .error-button {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  background: #007bff;
  color: white;
  cursor: pointer;
}
.promotion-stats-content .error-items .error-button:hover {
  background: #0056b3;
}

.stats-header {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 20px;
}
.stats-header .stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15px;
}
.stats-header .stat-item:not(:last-child) {
  border-right: 1px solid #dee2e6;
}
.stats-header .stat-item .stat-label {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 5px;
}
.stats-header .stat-item .stat-value {
  font-size: 24px;
  font-weight: bold;
  color: #212529;
}

.general-report {
  cursor: pointer;
  display: flex;
}
.general-report .icon {
  justify-content: center;
}
.general-report .sub {
  font-size: 12px;
  font-weight: bold;
}

.btn-primary {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}
.btn-primary:hover {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
}

.btn-secondary {
  background-color: var(--secondary-background-components);
  border-color: var(--secondary-background-components);
}
.btn-secondary:hover {
  background-color: var(--secondary-background-components);
  border-color: var(--secondary-background-components);
}

.input-tag__tags li.dark {
  background-color: var(--primary-background-components);
  color: var(--primary-hover-text-components);
}.message-add-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.message-add-container .message-add-content {
  flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 2rem;
  padding-top: 0;
  overflow-y: auto;
}
.message-add-container .message-add-content .message-add-title {
  padding: 20px;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #eee;
}
.message-add-container .message-add-content .tab-content {
  min-height: 350px;
  margin-bottom: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.message-add-container .message-add-content .tab-content .message-composition {
  flex: 1;
}
.message-add-container .message-add-content .tab-content .message-composition .form-group {
  margin-bottom: 20px;
}
.message-add-container .message-add-content .tab-content .message-composition .form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #333;
}
.message-add-container .message-add-content .tab-content .message-composition .form-group input, .message-add-container .message-add-content .tab-content .message-composition .form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}
.message-add-container .message-add-content .tab-content .message-composition .form-group input:focus, .message-add-container .message-add-content .tab-content .message-composition .form-group textarea:focus {
  border-color: #e30613;
  outline: none;
  box-shadow: 0 0 0 2px rgba(227, 6, 19, 0.1);
}
.message-add-container .message-add-content .tab-content .message-composition .form-group small {
  display: block;
  margin-top: 5px;
  color: #777;
  font-size: 12px;
}
.message-add-container .message-add-content .tab-content .message-composition .back-button {
  background-color: #fff;
  border-color: #ddd;
}
.message-add-container .message-add-content .tab-content .message-composition .back-button:hover {
  background-color: #e8e8e8;
}
.message-add-container .message-add-content .tab-content .scheduling-options {
  flex: 1;
}
.message-add-container .message-add-content .tab-content .scheduling-options h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #333;
}
.message-add-container .message-add-content .tab-content .scheduling-options .form-group {
  margin-bottom: 20px;
}
.message-add-container .message-add-content .tab-content .scheduling-options .form-group label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: #333;
}
.message-add-container .message-add-content .tab-content .scheduling-options .form-group .radio-group {
  display: flex;
  gap: 20px;
}
.message-add-container .message-add-content .tab-content .scheduling-options .form-group .radio-group .radio-item {
  display: flex;
  align-items: center;
}
.message-add-container .message-add-content .tab-content .scheduling-options .form-group .radio-group .radio-item input[type=radio] {
  margin-right: 8px;
}
.message-add-container .message-add-content .tab-content .scheduling-options .form-group .radio-group .radio-item label {
  margin-bottom: 0;
  font-weight: normal;
}
.message-add-container .message-add-content .tab-content .continue-button {
  height: fit-content;
}
.message-add-container .preview-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 30%;
  min-width: 300px;
  background-color: #eef3fc;
  border-left: 1px solid #e4e4e7;
  overflow-y: auto;
}
.message-add-container .preview-content .preview-header {
  width: 100%;
  padding: 1rem;
  padding-bottom: 0;
}
.message-add-container .loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  text-align: center;
}
.message-add-container .loading-container .loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
}
.message-add-container .loading-container p {
  color: #666;
  font-size: 16px;
  margin-top: 10px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .message-add-container {
    padding: 10px;
  }
  .message-add-container .message-add-content .steps-container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .message-add-container .message-add-content .steps-container .step-connector {
    width: 40px;
    height: 2px;
    margin: 0;
  }
  .message-add-container .preview-content {
    flex-direction: column;
    width: 35%;
    min-width: 300px;
    height: 100%;
    border-left: none;
  }
  .message-add-container .preview-content .preview-header {
    width: 100%;
    padding: 1rem;
  }
}
.test-message-style {
  margin-top: 1rem;
}.message-confirmation-container {
  margin-top: 1rem;
}
.message-confirmation-container .card-header {
  padding: 2rem;
}
.message-confirmation-container .message-confirmation-card-body, .message-confirmation-container .card-footer {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}
.message-confirmation-container .message-confirmation-alert,
.message-confirmation-container .message-confirmation-secondary-alert {
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 0;
}
.message-confirmation-container .message-confirmation-alert .alert-heading,
.message-confirmation-container .message-confirmation-secondary-alert .alert-heading {
  margin-bottom: 0;
}
.message-confirmation-container .message-confirmation-alert i,
.message-confirmation-container .message-confirmation-secondary-alert i {
  font-size: 16px;
}
.message-confirmation-container .message-confirmation-alert span,
.message-confirmation-container .message-confirmation-secondary-alert span {
  font-weight: 500;
  font-size: 14px;
}
.message-confirmation-container .message-confirmation-alert:not(.error-alert):not(.error-secondary-alert),
.message-confirmation-container .message-confirmation-secondary-alert:not(.error-alert):not(.error-secondary-alert) {
  background-color: #d1e7dd;
  border: 1px solid #badbcc;
  color: #0f5132;
}
.message-confirmation-container .message-confirmation-alert:not(.error-alert):not(.error-secondary-alert) i,
.message-confirmation-container .message-confirmation-secondary-alert:not(.error-alert):not(.error-secondary-alert) i {
  color: #198754;
}
.message-confirmation-container .message-confirmation-alert.error-alert, .message-confirmation-container .message-confirmation-alert.error-secondary-alert,
.message-confirmation-container .message-confirmation-secondary-alert.error-alert,
.message-confirmation-container .message-confirmation-secondary-alert.error-secondary-alert {
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  color: #721c24;
}
.message-confirmation-container .message-confirmation-alert.error-alert i, .message-confirmation-container .message-confirmation-alert.error-secondary-alert i,
.message-confirmation-container .message-confirmation-secondary-alert.error-alert i,
.message-confirmation-container .message-confirmation-secondary-alert.error-secondary-alert i {
  color: #dc3545;
}
.message-confirmation-container .message-confirmation-stats .stats-card {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.message-confirmation-container .message-confirmation-stats .stats-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.message-confirmation-container .message-confirmation-stats .stats-card.success-card {
  background-color: #e6fffa;
  border-color: #38b2ac;
}
.message-confirmation-container .message-confirmation-stats .stats-card.success-card .stats-label {
  color: #234e52;
}
.message-confirmation-container .message-confirmation-stats .stats-card.success-card .success-number {
  color: #234e52;
}
.message-confirmation-container .message-confirmation-stats .stats-card.error-card {
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.message-confirmation-container .message-confirmation-stats .stats-card.error-card .stats-label {
  color: #721c24;
}
.message-confirmation-container .message-confirmation-stats .stats-card.error-card .error-number {
  color: #dc3545;
}
.message-confirmation-container .message-confirmation-stats .stats-card .card-body {
  padding: 24px 16px;
  min-height: 100px;
}
.message-confirmation-container .message-confirmation-stats .stats-card .card-body .stats-label {
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.message-confirmation-container .message-confirmation-stats .stats-card .card-body .stats-number {
  font-size: 36px;
  font-weight: 700;
  color: #212529;
  line-height: 1;
}
.message-confirmation-container .message-confirmation-stats .stats-card .card-body .stats-number .stats-time {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4px;
  text-align: center;
}
.message-confirmation-container .message-confirmation-stats .stats-card .card-body .stats-number .stats-date {
  font-size: 14px;
  font-weight: 400;
  color: #6c757d;
  line-height: 1.2;
  text-align: center;
}
.message-confirmation-container .message-title {
  font-size: 18px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 12px;
}
.message-confirmation-container .message-title svg {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: bottom;
}
.message-confirmation-container .message-preview-section .message-preview-content {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 16px;
  font-size: 14px;
  color: #495057;
  min-height: 60px;
  font-family: monospace;
  background-color: #f8f9fa;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.message-confirmation-container .suggestions-alert {
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  color: #664d03;
  border-radius: 6px;
  padding: 16px;
}
.message-confirmation-container .suggestions-alert .suggestions-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #664d03;
}
.message-confirmation-container .suggestions-alert .suggestions-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.message-confirmation-container .suggestions-alert .suggestions-list li {
  margin-bottom: 8px;
  font-size: 14px;
  color: #856404;
}
.message-confirmation-container .suggestions-alert .suggestions-list li:last-child {
  margin-bottom: 0;
}
.message-confirmation-container .navigation-buttons {
  justify-content: space-evenly;
  width: 100%;
  margin: auto;
}
.message-confirmation-container .navigation-buttons .nav-button {
  border: 1px solid #dee2e6;
  background-color: #ffffff;
  color: #495057;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  text-align: center;
  height: 100%;
}
.message-confirmation-container .navigation-buttons .nav-button:hover {
  background-color: #f8f9fa;
  border-color: #adb5bd;
  color: #212529;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.message-confirmation-container .navigation-buttons .nav-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: none;
}
.message-confirmation-container .navigation-buttons .nav-button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.message-confirmation-container .navigation-buttons .nav-button.retry-button {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  color: #ffffff;
}
.message-confirmation-container .navigation-buttons .nav-button.retry-button:hover {
  background-color: var(--primary-hover-background-components) !important;
  border-color: var(--primary-hover-background-components) !important;
  color: #ffffff;
}
.message-confirmation-container .navigation-buttons .nav-button.retry-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.message-confirmation-container .navigation-buttons .nav-button i {
  font-size: 12px;
  opacity: 0.8;
}
.message-confirmation-container .navigation-buttons button {
  background-color: var(--primary-background-components) !important;
  border-color: var(--primary-background-components) !important;
  border-radius: var(--border-radius-components, 6px);
  box-shadow: none !important;
  color: #fff;
  font-size: 0.875rem;
}
.message-confirmation-container .navigation-buttons button:hover {
  background-color: var(--primary-hover-background-components);
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .message-confirmation-container {
    padding: 16px;
  }
  .message-confirmation-container .message-confirmation-stats .stats-card .card-body {
    padding: 16px 12px;
  }
  .message-confirmation-container .message-confirmation-stats .stats-card .card-body .stats-number {
    font-size: 28px;
  }
  .message-confirmation-container .navigation-buttons .nav-button {
    font-size: 12px;
    padding: 8px 12px;
    margin-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .message-confirmation-container .navigation-buttons .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .message-confirmation-container .message-confirmation-stats .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 12px;
  }
}

.file-info-card,
.config-info-card {
  border: 1px solid #e9ecef;
  border-radius: 8px;
}
.file-info-card .card-header,
.config-info-card .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}
.file-info-card .card-header h5,
.config-info-card .card-header h5 {
  color: #495057;
  font-weight: 600;
}

.info-item,
.config-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f8f9fa;
}
.info-item:last-child,
.config-item:last-child {
  border-bottom: none;
}
.info-item .info-label,
.config-item .info-label {
  font-weight: 500;
  color: #6c757d;
  min-width: 120px;
}
.info-item .info-value,
.config-item .info-value {
  font-weight: 400;
  color: #495057;
  text-align: right;
}

.config-item {
  flex-direction: column;
  align-items: flex-start;
}
.config-item .tags-display {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
}
.config-item .tags-display .badge {
  font-size: 0.75rem;
}

.stats-card {
  transition: transform 0.2s ease;
}
.stats-card:hover {
  transform: translateY(-2px);
}
.stats-card .stats-label {
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 8px;
}
.stats-card .stats-label svg {
  margin-right: 6px;
}
.stats-card .stats-number {
  font-size: 1.5rem;
  font-weight: 700;
  color: #495057;
}

.message-preview-section .message-preview-content {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 200px;
  overflow-y: auto;
}
.message-preview-section .text-info {
  font-size: 0.875rem;
}
.message-preview-section .text-info i {
  margin-right: 4px;
}

.navigation-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.navigation-buttons.navigation-buttons-from-file {
  grid-template-columns: repeat(3, 1fr);
}
.navigation-buttons .nav-button {
  transition: all 0.2s ease;
  font-weight: 500;
}
.navigation-buttons .nav-button i {
  margin-right: 8px;
}
.navigation-buttons .nav-button:hover {
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .info-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .info-item .info-label {
    min-width: auto;
  }
  .info-item .info-value {
    text-align: left;
  }
  .stats-card .stats-number {
    font-size: 1.25rem;
  }
}.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  backdrop-filter: blur(2px);
  background-color: rgba(107, 114, 128, 0.4784313725);
}
.loading-overlay .loading-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  border-radius: 8px;
}
.loading-overlay .loading-content p {
  margin: 0;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.loading-overlay .loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid var(--primary-background-components, #2980b9);
  border-top: 4px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.message-scheduler {
  background: #fff;
  border-radius: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow-y: unset;
  display: grid;
  gap: 1rem;
}
.message-scheduler .scheduler-header .header-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.message-scheduler .scheduler-header .header-content .calendar-icon {
  font-size: 24px;
}
.message-scheduler .scheduler-header .header-content h2 {
  margin: 0;
  color: #333;
  font-size: 24px;
  font-weight: 600;
}
.message-scheduler .info-banner {
  background: #ebf8ff;
  border: 1px solid #4299e1;
  padding: 16px;
  border-radius: 8px;
}
.message-scheduler .info-banner p {
  margin: 0;
  color: #2b6cb0;
  font-size: 14px;
  line-height: 1.4;
}
.message-scheduler .scheduler-form {
  display: grid;
  gap: 1rem;
}
.message-scheduler .scheduler-form .form-group {
  margin-bottom: 0;
}
.message-scheduler .scheduler-form .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.message-scheduler .scheduler-form .form-group .event-name-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 8px);
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
}
.message-scheduler .scheduler-form .form-group .event-name-input::placeholder {
  color: #999;
}
.message-scheduler .scheduler-form .form-group .event-name-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.message-scheduler .scheduler-form .form-group .recurrence-select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 8px);
  font-size: 14px;
  background: white;
  cursor: pointer;
  box-sizing: border-box;
}
.message-scheduler .scheduler-form .form-group .recurrence-select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.message-scheduler .scheduler-form .form-group .trackable-urls-info {
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 16px;
}
.message-scheduler .scheduler-form .form-group .trackable-urls-info p {
  margin: 0;
  color: #856404;
  font-size: 14px;
  line-height: 1.4;
}
.message-scheduler .scheduler-form .form-group .trackable-urls-info p:first-child {
  margin-bottom: 4px;
  font-weight: 600;
}
.message-scheduler .scheduler-form .form-group .trackable-urls-info p strong {
  color: #6f5500;
}
.message-scheduler .scheduler-form .date-time-row {
  display: flex;
  gap: 16px;
}
.message-scheduler .scheduler-form .date-time-row .date-group,
.message-scheduler .scheduler-form .date-time-row .time-group {
  flex: 1;
}
.message-scheduler .scheduler-form .date-time-row .date-group label,
.message-scheduler .scheduler-form .date-time-row .time-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.message-scheduler .scheduler-form .date-time-row .date-group input,
.message-scheduler .scheduler-form .date-time-row .time-group input {
  border: 1px solid var(--tertiary-background-components, #ddd) !important;
  border-radius: var(--border-radius-components, 8px) !important;
}
.message-scheduler .scheduler-form .date-time-row .date-group .date-input,
.message-scheduler .scheduler-form .date-time-row .time-group .date-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
}
.message-scheduler .scheduler-form .date-time-row .date-group .date-input:focus,
.message-scheduler .scheduler-form .date-time-row .time-group .date-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects {
  display: flex;
  align-items: center;
  gap: 8px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .time-select,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .time-select {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 8px);
  font-size: 14px;
  background: white;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  padding-right: 35px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .time-select:focus,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .time-select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .time-select:disabled,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .time-select:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .time-separator,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .time-separator {
  font-weight: bold;
  color: #666;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select-container,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select-container {
  flex: 1;
  position: relative;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select {
  position: relative;
  cursor: pointer;
  user-select: none;
  width: 100%;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 8px);
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select.disabled,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select.disabled {
  cursor: not-allowed;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select.disabled .custom-select-trigger,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select.disabled .custom-select-trigger {
  background-color: #f5f5f5;
  border-color: #e0e0e0;
  color: #999;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select.disabled .custom-select-trigger span,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select.disabled .custom-select-trigger span {
  color: #999;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select.disabled .custom-select-trigger .arrow,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select.disabled .custom-select-trigger .arrow {
  color: #999;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-select-trigger,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-select-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 8px);
  background: white;
  font-size: 14px;
  transition: all 0.2s ease;
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-select-trigger:hover:not(.disabled),
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-select-trigger:hover:not(.disabled) {
  border-color: #007bff;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-select-trigger span,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-select-trigger span {
  color: #333;
  font-weight: normal;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-select-trigger .arrow,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-select-trigger .arrow {
  font-size: 12px;
  color: #666;
  transition: transform 0.2s ease;
  margin-left: 8px;
  flex-shrink: 0;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select.open .custom-select-trigger,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select.open .custom-select-trigger {
  border-color: #007bff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select.open .custom-select-trigger .arrow,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select.open .custom-select-trigger .arrow {
  transform: rotate(180deg);
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  background: white;
  border-radius: 0 0 8px 8px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options .custom-option,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options .custom-option {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options .custom-option:hover,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options .custom-option:hover {
  background-color: #f8f9fa;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options .custom-option.selected,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options .custom-option.selected {
  background-color: #007bff;
  color: white;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options .custom-option.selected:hover,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options .custom-option.selected:hover {
  background-color: #0056b3;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options .custom-option:last-child,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options .custom-option:last-child {
  border-radius: 0 0 8px 8px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options::-webkit-scrollbar,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options::-webkit-scrollbar {
  width: 6px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options::-webkit-scrollbar-track,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options::-webkit-scrollbar-thumb,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.message-scheduler .scheduler-form .date-time-row .date-group .time-selects .custom-select .custom-options::-webkit-scrollbar-thumb:hover,
.message-scheduler .scheduler-form .date-time-row .time-group .time-selects .custom-select .custom-options::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
.message-scheduler .scheduler-form .weekdays-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.message-scheduler .scheduler-form .weekdays-chips .weekday-chip {
  background-color: var(--secondary-background-components);
  color: #fff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: auto !important;
}
.message-scheduler .scheduler-form .weekdays-chips .weekday-chip:hover {
  opacity: 0.8;
}
.message-scheduler .scheduler-form .weekdays-chips .weekday-chip.selected {
  filter: brightness(0.7);
}
.message-scheduler .scheduler-form .finish-date-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 1rem;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch span {
  color: #666;
  transition: color 0.2s ease;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch span.active {
  color: #007bff;
  font-weight: 500;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch .switch {
  position: relative;
  display: inline-block;
  min-width: 50px;
  width: 50px;
  height: 24px;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch .switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch .switch input:checked + .slider {
  background-color: #007bff;
}
.message-scheduler .scheduler-form .finish-date-header .finish-date-switch .switch input:checked + .slider:before {
  transform: translateX(26px);
}
.message-scheduler .scheduler-form .finish-date-picker input {
  border: 1px solid var(--tertiary-background-components, #ddd) !important;
  border-radius: var(--border-radius-components, 8px) !important;
}
.message-scheduler .scheduler-form .finish-date-picker .finish-date-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  background: white;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s ease;
  font-family: inherit;
}
.message-scheduler .scheduler-form .finish-date-picker .finish-date-input:focus:not(:disabled) {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.message-scheduler .scheduler-form .finish-date-picker .finish-date-input:disabled {
  background: #f5f5f5;
  border-color: #e0e0e0;
  color: #999;
  cursor: not-allowed;
}
.message-scheduler .scheduler-form .add-event-button {
  background: var(--secondary-background-components);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: var(--border-radius-components, 8px);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
.message-scheduler .scheduler-form .add-event-button:hover:not(:disabled) {
  background: var(--secondary-hover-background-components) !important;
  color: #fff !important;
}
.message-scheduler .scheduler-form .add-event-button:disabled {
  background: var(--secondary-hover-background-components) !important;
  cursor: not-allowed;
}
.message-scheduler .scheduler-form .cancel-edit-button {
  background: var(--secondary-background-components);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: var(--border-radius-components, 8px);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
.message-scheduler .scheduler-form .cancel-edit-button:hover {
  background: var(--secondary-hover-background-components) !important;
  color: #fff !important;
}
.message-scheduler .scheduled-events-section h3 {
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.message-scheduler .scheduled-events-section .custom-data-table {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}
.message-scheduler .bottom-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid #e0e0e0;
}
.message-scheduler .bottom-actions .back-button {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 1px solid var(--tertiary-background-components, #6b7280);
  border-radius: var(--border-radius-components, 4px);
  color: #666;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
}
.message-scheduler .bottom-actions .back-button:hover {
  color: #000;
}
.message-scheduler .bottom-actions .confirm-button {
  background: var(--primary-background-components);
  color: var(--primary-text-components);
  padding: 12px 24px;
  border: none;
  border-radius: var(--border-radius-components, 8px);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s;
}
.message-scheduler .bottom-actions .confirm-button:hover:not(:disabled) {
  background: var(--primary-hover-background-components);
  color: var(--primary-hover-text-components) !important;
}
.message-scheduler .bottom-actions .confirm-button:disabled {
  opacity: 0.8;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .message-scheduler {
    padding: 16px;
    margin: 8px;
    max-height: 95vh;
  }
  .message-scheduler .scheduler-header .header-content h2 {
    font-size: 20px;
  }
  .message-scheduler .scheduler-form .date-time-row {
    flex-direction: column;
    gap: 16px;
  }
  .message-scheduler .scheduler-form .finish-date-selects {
    flex-direction: column;
    gap: 12px;
  }
  .message-scheduler .scheduler-form .weekdays-container .weekday-label {
    font-size: 12px;
  }
  .message-scheduler .scheduled-events-section .events-table .table-header,
  .message-scheduler .scheduled-events-section .events-table .table-row {
    font-size: 12px;
  }
  .message-scheduler .scheduled-events-section .events-table .table-header .header-cell,
  .message-scheduler .scheduled-events-section .events-table .table-header .table-cell,
  .message-scheduler .scheduled-events-section .events-table .table-row .header-cell,
  .message-scheduler .scheduled-events-section .events-table .table-row .table-cell {
    padding: 8px 12px;
  }
  .message-scheduler .bottom-actions {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  .message-scheduler .bottom-actions .confirm-button {
    width: 100%;
    justify-content: center;
  }
}.quickly-file-uploader__context-info {
  margin-bottom: 1rem;
}
.quickly-file-uploader__delimiter-selector {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.quickly-file-uploader__delimiter-label {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 0;
}
.quickly-file-uploader__delimiter-select {
  padding: 8px 12px;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 6px);
  background-color: white;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: border-color 0.2s ease;
  min-width: 140px;
}
.quickly-file-uploader__delimiter-select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.quickly-file-uploader__delimiter-select:hover {
  border-color: #bbb;
}
.quickly-file-uploader__delimiter-select option {
  padding: 8px;
}
.quickly-file-uploader__delimiter-select .open {
  min-height: auto !important;
}
.quickly-file-uploader__drop-zone-container {
  margin-bottom: 30px;
}
.quickly-file-uploader__drop-zone {
  border: 2px dashed #ddd;
  border-radius: 12px;
  padding: 0.75rem;
  padding-bottom: 3.5rem;
  text-align: center;
  transition: all 0.3s ease;
  background-color: #fafafa;
  position: relative;
  z-index: 2;
}
.quickly-file-uploader__drop-zone--drag-active {
  border-color: #007bff;
  background-color: #f0f8ff;
}
.quickly-file-uploader__drop-zone--file-valid {
  border-color: #28a745;
  background-color: #f0fff0;
  padding-bottom: 2rem;
}
.quickly-file-uploader__drop-zone--file-invalid {
  border-color: #dc3545;
  background-color: #fff0f0;
}
.quickly-file-uploader__file-loaded-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  animation: quickly-file-uploader-file-loaded-fade-in 0.3s ease-out;
}
.quickly-file-uploader__file-loaded-icon {
  color: #28a745;
  margin-bottom: 1rem;
  animation: quickly-file-uploader-file-loaded-scale 0.4s ease-out;
}
.quickly-file-uploader__file-loaded-icon svg {
  width: 48px;
  height: 48px;
}
.quickly-file-uploader__file-loaded-title {
  color: #15803d;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.quickly-file-uploader__file-loaded-subtitle {
  color: #166534;
  font-size: 0.95rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  word-break: break-word;
  max-width: 100%;
}
.quickly-file-uploader__file-loaded-size {
  color: #6c757d;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
@keyframes quickly-file-uploader-file-loaded-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes quickly-file-uploader-file-loaded-scale {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.quickly-file-uploader__drop-zone .input-zone-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.quickly-file-uploader__drop-zone .input-zone-container .drag-and-drop-button {
  width: auto;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  border-radius: var(--border-radius-components, 5px) !important;
}
.quickly-file-uploader__upload-icon {
  margin-bottom: 1rem;
  color: #666;
}
.quickly-file-uploader__upload-icon svg {
  width: 4rem;
  height: 4rem;
}
.quickly-file-uploader__upload-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
  color: #333;
}
.quickly-file-uploader__upload-subtitle {
  color: #666;
  margin-bottom: 1.25rem;
}
.quickly-file-uploader__error-message {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background-color: #fee;
  border: 1px solid #fcc;
  border-radius: 8px;
  color: #c33;
  margin-bottom: 20px;
  font-size: 14px;
}
.quickly-file-uploader__error-message svg {
  flex-shrink: 0;
  color: #c33;
}
.quickly-file-uploader__error-close {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 18px;
  color: #c33;
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quickly-file-uploader__error-close:hover {
  background-color: rgba(204, 51, 51, 0.1);
  border-radius: 50%;
}
.quickly-file-uploader__help-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}
.quickly-file-uploader__help-item {
  display: flex;
  gap: 15px;
  padding: 20px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  transition: all 0.2s ease;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.quickly-file-uploader__help-item:hover {
  border-color: #007bff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}
.quickly-file-uploader__help-icon {
  color: #666;
  flex-shrink: 0;
}
.quickly-file-uploader__help-content {
  flex: 1;
}
.quickly-file-uploader__help-content h4 {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align-last: center;
}
.quickly-file-uploader__help-content p {
  margin: 0 0 12px 0;
  color: #666;
  font-size: 14px;
  text-align-last: center;
}
.quickly-file-uploader__help-download-btn, .quickly-file-uploader__help-details-btn {
  padding: 8px 16px;
  background: var(--primary-background-components);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-components, 6px);
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.quickly-file-uploader__help-download-btn:hover, .quickly-file-uploader__help-details-btn:hover {
  background: var(--primary-hover-background-components);
  color: var(--primary-hover-text-components);
}
.quickly-file-uploader__help-details-btn {
  background: var(--secondary-background-components);
  color: #fff;
}
.quickly-file-uploader__help-details-btn:hover {
  background: var(--secondary-hover-background-components);
  color: #fff;
}
@media (max-width: 768px) {
  .quickly-file-uploader__drop-zone {
    padding: 30px 15px;
  }
}
.quickly-file-uploader__preview-section {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #e0e0e0;
}
.quickly-file-uploader__success-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
  color: #28a745;
  background: #f0fdf4;
  height: 3rem;
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 1rem;
}
.quickly-file-uploader__success-indicator svg {
  color: #15803d;
}
.quickly-file-uploader__file-card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}
.quickly-file-uploader__file-card-header {
  background-color: #f8f9fa;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}
.quickly-file-uploader__file-card-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.quickly-file-uploader__file-item-display {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
}
.quickly-file-uploader__file-icon-large {
  width: 3rem;
  height: 3rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
}
.quickly-file-uploader__file-details-display {
  flex: 1;
}
.quickly-file-uploader__file-name-display {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.quickly-file-uploader__file-size-display {
  color: #6c757d;
  font-size: 0.875rem;
}
.quickly-file-uploader__remove-file-btn {
  background: none;
  border: none;
  color: #dc3545;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s;
  width: auto;
}
.quickly-file-uploader__remove-file-btn:hover {
  background-color: #f8f9fa;
}
.quickly-file-uploader__action-buttons {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  height: 2.5rem;
}
.quickly-file-uploader__action-buttons button {
  width: auto;
  height: auto;
}
.quickly-file-uploader__change-file-button {
  background: none;
  border: 1px solid var(--tertiary-background-components, #6c757d);
  color: #000;
  padding: 0.75rem 1.5rem;
  border-radius: var(--border-radius-components, 8px);
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
  width: auto;
  height: 2.5rem;
  padding: 0.1rem 1.5rem;
}
.quickly-file-uploader__change-file-button:hover {
  opacity: 0.8;
}
.quickly-file-uploader__continue-button {
  background-color: var(--primary-background-components);
  border: none;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: var(--border-radius-components, 8px);
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.2s;
  width: auto;
  height: 2.5rem;
  padding: 0.1rem 1.5rem;
}
.quickly-file-uploader__continue-button:hover:not(:disabled) {
  transform: translateY(-1px);
  background-color: var(--primary-hover-background-components) !important;
  color: var(--primary-hover-text-components) !important;
}
.quickly-file-uploader__continue-button:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
}
.quickly-file-uploader__contacts-preview {
  margin-bottom: 1.5rem;
}
.quickly-file-uploader__contacts-preview h4 {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
}
.quickly-file-uploader__contacts-table {
  background-color: #f8f9fa;
  border-radius: 8px;
  overflow: auto;
}
.quickly-file-uploader__contacts-table-header {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(150px, auto);
  padding: 0.75rem;
  background-color: #e9ecef;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
  width: fit-content;
  position: sticky;
  top: 0;
  min-width: 100%;
}
.quickly-file-uploader__contacts-table-body {
  max-height: 300px;
  overflow-y: unset;
  width: fit-content;
  min-width: 100%;
}
.quickly-file-uploader__contacts-table-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(150px, auto);
  padding: 0.75rem;
  border-bottom: 1px solid #dee2e6;
  align-items: center;
}
.quickly-file-uploader__contacts-table-row:last-child {
  border-bottom: none;
}
.quickly-file-uploader__contacts-table-row:hover {
  background-color: #e9ecef;
}
.quickly-file-uploader__contacts-table-row > .quickly-file-uploader__contacts-table-column:first-child {
  font-weight: 500;
}
.quickly-file-uploader__contacts-table-column {
  padding: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quickly-file-uploader__contacts-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.quickly-file-uploader__contact-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.quickly-file-uploader__contact-icon {
  color: #6c757d;
}
.quickly-file-uploader__contact-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}
.quickly-file-uploader__contact-phone {
  font-weight: 600;
}
.quickly-file-uploader__contact-message {
  color: #6c757d;
  font-size: 0.875rem;
}
.quickly-file-uploader__contact-variables {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #e0e0e0;
}
.quickly-file-uploader__contact-variable {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: #f0f8ff;
  border-radius: 4px;
  font-size: 0.875rem;
}
.quickly-file-uploader__contact-variable strong {
  color: #007bff;
  font-weight: 600;
  min-width: fit-content;
}
.quickly-file-uploader__requirements-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
}
.quickly-file-uploader__requirements-modal--show {
  display: flex;
}
.quickly-file-uploader__requirements-modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.quickly-file-uploader__requirements-modal-content {
  position: relative;
  background: white;
  border-radius: 12px;
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  animation: quickly-file-uploader-modal-slide-in 0.3s ease-out;
  z-index: 3;
}
.quickly-file-uploader__requirements-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e9ecef;
}
.quickly-file-uploader__requirements-modal-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.quickly-file-uploader__requirements-modal-close-btn {
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.quickly-file-uploader__requirements-modal-close-btn:hover {
  background-color: #f8f9fa;
  color: #333;
}
.quickly-file-uploader__requirements-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.quickly-file-uploader__requirements-modal-list {
  padding-left: 2rem;
  margin: 0;
}
.quickly-file-uploader__requirements-modal-list-item {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  list-style: disc;
}
.quickly-file-uploader__requirements-modal-list-item:last-child {
  margin-bottom: 0;
}
.quickly-file-uploader__requirements-modal-preview-art {
  float: left;
  width: 200px;
  height: 150px;
  background: url("/v5/assets/excel-preview-CV4BWqag.svg") no-repeat center;
  background-size: contain;
}
@keyframes quickly-file-uploader-modal-slide-in {
  from {
    opacity: 0;
    transform: translateY(-50px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  .quickly-file-uploader__requirements-modal-content {
    width: 95%;
    margin: 20px;
  }
  .quickly-file-uploader__requirements-modal-header {
    padding: 16px 20px;
  }
  .quickly-file-uploader__requirements-modal-title {
    font-size: 18px;
  }
  .quickly-file-uploader__requirements-modal-body {
    padding: 20px;
  }
  .quickly-file-uploader__requirements-modal-list {
    padding-left: 16px;
  }
  .quickly-file-uploader__requirements-modal-list-item {
    font-size: 14px;
  }
}.message-add-file {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.message-add-file .tabs-header .tab-button {
  background: none;
  color: black;
}
.message-add-file .template-preview-container {
  justify-content: flex-start;
  padding-bottom: 1.5rem;
}
.message-add-file .template-preview-container .preview-bubble {
  max-width: none;
  height: inherit;
}
.message-add-file .template-preview-container .preview-bubble .pst-relative {
  height: inherit;
}
.message-add-file .message-add-file-content {
  width: 70%;
  padding: 2rem;
  overflow-y: auto;
}
.message-add-file .message-add-file-content .message-add-file-title {
  font-weight: 600;
  margin-bottom: 2rem;
}
.message-add-file .loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  text-align: center;
}
.message-add-file .loading-container .loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
}
.message-add-file .loading-container .loading-details {
  margin-top: 20px;
}
.message-add-file .loading-container .loading-details p {
  margin: 5px 0;
  color: #666;
  font-size: 14px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.message-add-file .error-message {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background-color: #fee;
  border: 1px solid #fcc;
  border-radius: 8px;
  color: #c33;
  margin-bottom: 20px;
  font-size: 14px;
}
.message-add-file .error-message svg {
  flex-shrink: 0;
  color: #c33;
}
.message-add-file .error-message .close-error {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 18px;
  color: #c33;
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message-add-file .error-message .close-error:hover {
  background-color: rgba(204, 51, 51, 0.1);
  border-radius: 50%;
}
.message-add-file .upload-section .section-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}
.message-add-file .upload-section .section-subtitle {
  color: #666;
  margin-bottom: 30px;
  font-size: 16px;
}
.message-add-file .file-statistics-section {
  width: calc(100% - 2.5rem);
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1rem;
}
.message-add-file .file-statistics-section h4 {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #000;
}
.message-add-file .file-statistics-section .statistics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column {
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 0.75rem;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row .stat-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row .stat-value {
  font-weight: 600;
  font-size: 0.875rem;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row .stat-value svg {
  width: 1rem;
  height: 1rem;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row .stat-value.success svg {
  color: #28a745;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row .stat-value.warning svg {
  color: #ffc107;
}
.message-add-file .file-statistics-section .statistics-grid .stats-column .stat-row .stat-value.error svg {
  color: #dc3545;
}
.message-add-file .file-statistics-section .message-length-stats {
  border: 1px solid #e0e0e0;
  padding: 0.75rem;
  border-radius: 6px;
}
.message-add-file .file-statistics-section .message-length-stats h5 {
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.message-add-file .file-statistics-section .message-length-stats .length-stats-grid .length-stat {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.message-add-file .file-statistics-section .message-length-stats .length-stats-grid .length-stat .length-label {
  display: block;
  color: #6c757d;
  font-size: 0.875rem;
}
.message-add-file .file-statistics-section .message-length-stats .length-stats-grid .length-stat .length-value {
  font-size: 0.95rem;
  display: block;
  font-weight: 600;
  color: #333;
}
.message-add-file .message-tab-content .test-message-section {
  margin-top: 1rem;
}
.message-add-file .message-tab-content > .action-buttons {
  margin-top: 1rem;
}
.message-add-file .configuration-tab-content .additional-configuration {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #fff;
  border-radius: 0.25rem;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  margin-bottom: 1rem;
  position: relative;
}
.message-add-file .configuration-tab-content .additional-configuration h3 {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section:last-child {
  margin-bottom: 0;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .loading-more {
  color: #999;
  font-size: 13px;
  text-align: center;
  padding: 8px;
  margin: 0;
  border: none;
  cursor: default;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags {
  position: relative;
  width: 100%;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container {
  position: relative;
  width: 100%;
  border: 1px solid var(--tertiary-background-components, #e0e0e0);
  border-radius: var(--border-radius-components, 8px);
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .arrow-indicator {
  position: absolute;
  right: 12px;
  top: calc(50% + 2px);
  width: 10px;
  height: 10px;
  pointer-events: none;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .arrow-indicator::before, .message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .arrow-indicator::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1.5px;
  background-color: #666;
  transition: transform 0.2s ease;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .arrow-indicator::before {
  left: -5px;
  transform: rotate(45deg);
  transform-origin: right;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .arrow-indicator::after {
  right: 0;
  transform: rotate(-45deg);
  transform-origin: left;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container.is-open .arrow-indicator {
  top: calc(50% - 4px);
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container.is-open .arrow-indicator::before {
  transform: rotate(-45deg);
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container.is-open .arrow-indicator::after {
  transform: rotate(45deg);
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container:hover {
  border-color: #007bff;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container:hover .arrow-indicator::before, .message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container:hover .arrow-indicator::after {
  background-color: #007bff;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .selected-tags {
  display: flex;
  flex-wrap: wrap;
  min-height: 2.5rem;
  width: calc(100% - 30px);
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .selected-tags .tag-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: var(--border-radius-components, 4px);
  font-size: 13px;
  color: #1976d2;
  height: 2rem;
  margin: 0.25rem;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .selected-tags .tag-chip .remove-tag {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 50%;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .selected-tags .tag-chip .remove-tag:hover {
  background: rgba(25, 118, 210, 0.1);
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .selected-tags input {
  border: none;
  outline: none;
  padding: 4px;
  font-size: 14px;
  flex: 1;
  min-width: 60px;
  background: transparent;
  padding-left: 0.5rem;
  margin: auto;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .select-container .selected-tags input::placeholder {
  color: #999;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item {
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item:hover {
  background: #f0f8ff;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item.selected {
  background: #e3f2fd;
  color: #1976d2;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item.create-new {
  border-top: 1px solid #e0e0e0;
  color: #007bff;
  font-weight: 500;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item.create-new:hover {
  background: #f0f8ff;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item.create-new small {
  color: #666;
  font-weight: 400;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .option-item input[type=checkbox] {
  margin: 0;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown .no-options {
  padding: 12px;
  text-align: center;
  color: #666;
  font-style: italic;
  font-size: 14px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown::-webkit-scrollbar {
  width: 8px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .reference-tags .options-dropdown::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-search {
  position: relative;
  margin-bottom: 12px;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-search .monitoring-search-input {
  width: 100%;
  padding: 8px 12px 8px 36px;
  border: 1px solid var(--tertiary-background-components, #ddd);
  border-radius: var(--border-radius-components, 6px);
  font-size: 14px;
  background-color: #fff;
  transition: all 0.2s ease;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-search .monitoring-search-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-search .monitoring-search-input::placeholder {
  color: #999;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-search .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-contacts {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  max-height: 175px;
  overflow-y: auto;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-contacts .no-results {
  color: #666;
  font-style: italic;
  font-size: 14px;
  text-align: center;
  padding: 16px;
  margin: 0;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-contacts .monitoring-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  padding-left: 0.5rem;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-contacts .monitoring-checkbox:hover {
  background-color: #f8f9fa;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-contacts .monitoring-checkbox input[type=checkbox] {
  margin: 0;
  width: 1rem !important;
  height: 1rem !important;
}
.message-add-file .configuration-tab-content .additional-configuration .config-section .monitoring-contacts .monitoring-checkbox .contact-phone {
  color: #666;
  font-size: 13px;
  font-weight: 500;
}
.message-add-file .configuration-tab-content .test-message-section {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.message-add-file .configuration-tab-content .no-tags-available,
.message-add-file .configuration-tab-content .no-monitoring-contacts {
  color: #666;
  font-style: italic;
  font-size: 14px;
  text-align: center;
  padding: 16px;
}
.message-add-file .configuration-tab-content .monitoring-contacts::-webkit-scrollbar {
  width: 8px;
}
.message-add-file .configuration-tab-content .monitoring-contacts::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.message-add-file .configuration-tab-content .monitoring-contacts::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.message-add-file .configuration-tab-content .monitoring-contacts::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.message-add-file .preview-header {
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
@media (max-width: 768px) {
  .message-add-file {
    padding: 15px;
  }
}
.message-add-file .preview-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 30%;
  min-width: 400px;
  background-color: #eef3fc;
  border-left: 1px solid #e4e4e7;
  overflow-y: auto;
}
.message-add-file .preview-content .preview-header {
  width: 100%;
  padding: 1rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
.message-add-file .preview-content .template-preview-container {
  overflow-y: hidden;
}
.message-add-file .preview-content .template-preview-container .preview-bubble {
  overflow-y: auto;
}

.no-monitoring-contacts {
  color: #666;
  font-style: italic;
  font-size: 14px;
  margin: 10px 0;
  padding: 10px;
  background-color: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  text-align: center;
}

.confirmation-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
}
.confirmation-modal-overlay .message-confirmation-container {
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  background: white;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-width: 768px) {
  .confirmation-modal-overlay {
    padding: 20px;
  }
  .confirmation-modal-overlay .message-confirmation-container {
    max-width: 100%;
    margin: 0;
  }
}
.context-info-section {
  margin-bottom: 1rem;
}
.context-info-section .context-card {
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  padding: 0;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: center;
}
.context-info-section .context-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--primary-background-components);
}
.context-info-section .context-card .context-header {
  padding: 1rem 1rem 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  overflow: hidden;
}
.context-info-section .context-card .context-header .context-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: #495057;
  flex-shrink: 0;
}
.context-info-section .context-card .context-header .context-icon svg {
  width: 20px;
  height: 20px;
}
.context-info-section .context-card .context-header .context-title {
  flex: 1;
  min-width: 0;
}
.context-info-section .context-card .context-header .context-title h3 {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.context-info-section .context-card .context-header .context-title .context-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 8px;
  border-radius: 12px;
  background: #f8f9fa;
  color: #6c757d;
  border: 1px solid #e9ecef;
}
.context-info-section .context-card .context-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  min-width: 0;
  padding: 1rem;
}
.context-info-section .context-card .context-info .context-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.context-info-section .context-card .context-info .context-value {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.4;
  word-break: break-all;
  cursor: pointer;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  background: #f8f9fa;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  font-size: 13px;
  color: #495057;
  max-height: 2.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
}.messages-settings-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.messages-settings-container .messagesSettingsSidebar {
  width: 260px;
  flex-shrink: 0;
  border-right: 1px solid #e4e4e7;
}
.messages-settings-container .messagesSettingsSidebar .sidebar {
  gap: 0;
}
.messages-settings-container .messagesSettingsSidebar .sidebar .sidebar-header {
  margin-bottom: 0.7rem;
  padding: 0.5rem;
  border-bottom: 1px solid #e4e4e7;
}
.messages-settings-container .messagesSettingsSidebar button {
  height: 2.5rem;
  margin: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  width: calc(100% - 1rem);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.messages-settings-container .messagesSettingsContent {
  flex-grow: 1;
  overflow-y: auto;
}
.messages-settings-container .messages-templates-full-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.messages-settings-container .messages-full-content {
  flex-grow: 1;
  overflow-y: auto;
}
.messages-settings-container .tabs-header .tab-button {
  background: none;
  color: black;
}
.messages-settings-container .template-preview-container {
  justify-content: flex-start;
  padding-bottom: 1.5rem;
}
.messages-settings-container .template-preview-container .preview-bubble {
  max-width: none;
  height: inherit;
}
.messages-settings-container .template-preview-container .preview-bubble .pst-relative {
  height: inherit;
}.template-form {
  padding: 0.2rem;
}
.template-form .template-info {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
}
.template-form .template-info small {
  font-size: 0.875rem;
  line-height: 1.4;
}
.template-form .form-label {
  font-weight: 600;
  color: #202223;
  margin-bottom: 0.5rem;
}
.template-form .form-control {
  border: 1px solid var(--tertiary-background-components);
  border-radius: var(--border-radius-components);
  padding: 0.75rem;
  font-size: 0.875rem;
}
.template-form .form-control:focus {
  border-color: #0047ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 71, 255, 0.25);
}
.template-form .form-control.is-invalid {
  border-color: #dc3545;
}
.template-form .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.template-form .form-group {
  margin-bottom: 0rem;
}
.template-form .form-group .add-variable-button {
  width: auto;
  height: auto;
  line-height: 0rem;
  background-color: var(--primary-background-components);
}
.template-form .form-group .variables-label {
  width: auto;
  white-space: nowrap;
  padding-right: 1rem;
}
.template-form .form-group .text-message-counter {
  bottom: 8px;
}
.template-form textarea.form-control {
  resize: vertical;
  min-height: 120px;
}
.template-form .form-text {
  font-size: 0.75rem;
  color: #6d7175;
  margin-top: 0.25rem;
}
.template-form .invalid-feedback {
  font-size: 0.75rem;
  color: #dc3545;
  margin-top: 0.25rem;
}
.template-form .variables-list .badge {
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
}
.template-form .variables-list .badge.bg-primary {
  background-color: #0047ff !important;
}
.template-form .variables-list .badge.bg-secondary {
  background-color: #6c757d !important;
}
.template-form .variables-list .badge.bg-success {
  background-color: #28a745 !important;
}
.template-form .variables-list .variable-item {
  padding: 0.5rem;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
}
.template-form .variables-list .variable-item .btn-outline-danger {
  --bs-btn-padding-y: 0.125rem;
  --bs-btn-padding-x: 0.375rem;
  --bs-btn-font-size: 0.75rem;
  line-height: 1;
}
.template-form .message-box-container .text-message-box {
  margin: 0;
}
.template-form .message-box-container .text-message-box .text-message-box-container {
  border: none;
}
.template-form .message-box-container .text-message-box .text-message-box-container .textarea-container {
  border: none;
  border-radius: 0;
}
.template-form .template-stats {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
}
.template-form .template-stats small {
  font-size: 0.75rem;
  line-height: 1.4;
}
.template-form .template-preview .preview-content {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
  min-height: 80px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #495057;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.template-form .btn {
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: var(--border-radius-components);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.template-form .btn.btn-primary {
  background-color: var(--primary-background-components);
  color: white;
}
.template-form .btn.btn-primary:hover:not(:disabled) {
  background-color: var(--primary-hover-background-components);
  transform: translateY(-1px);
}
.template-form .btn.btn-primary:disabled {
  background-color: var(--secondary-background-components);
  cursor: not-allowed;
}
.template-form .btn.btn-secondary {
  background-color: var(--secondary-background-components);
  color: white;
}
.template-form .btn.btn-secondary:hover:not(:disabled) {
  background-color: var(--secondary-hover-background-components);
}
.template-form .alert {
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.template-form .alert.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}
.template-form .d-flex.gap-2 {
  gap: 0.5rem;
}

@media (max-width: 768px) {
  .template-form .row .col-md-6 {
    margin-bottom: 1rem;
  }
  .template-form .d-flex.gap-2 {
    flex-direction: column;
  }
  .template-form .d-flex.gap-2 .btn {
    width: 100%;
  }
}.templates-view {
  float: left;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
}
.templates-view .templates-header {
  float: left;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.templates-view .templates-header .templates-title {
  color: #202223;
  font-size: 20px;
  font-weight: bold;
}
.templates-view .templates-header .template-subtitle {
  color: #6d7175;
  font-size: 13px;
  line-height: normal;
}
.templates-view .templates-header .create-template-btn {
  width: auto;
  min-width: 125px;
  font-size: 13px;
  background-color: var(--primary-background-components);
  border: none;
  color: var(--primary-text-components);
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.2s ease;
}
.templates-view .templates-header .create-template-btn:hover {
  background-color: var(--primary-hover-background-components);
  transform: translateY(-1px);
}
.templates-view .templates-header .create-template-btn:active {
  transform: translateY(0);
}
.templates-view .templates-filters {
  margin-top: 15px;
  float: left;
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.templates-view .templates-filters .filter-item .label {
  color: #5b5e60;
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.templates-view .templates-filters .filter-item .form-control {
  width: 100%;
  height: 35px;
  border: 1px solid #cecece;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
  background: #fff;
  color: black;
  font-size: 14px;
}
.templates-view .templates-filters .filter-item .form-control:focus {
  border-color: #0047ff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 71, 255, 0.1);
}
.templates-view .templates-filters .filter-buttons {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.templates-view .templates-filters .filter-buttons .btn {
  margin-top: 30px;
  width: 100px;
  height: 35px;
  font-size: 13px;
  border-radius: 4px;
  border: none;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.templates-view .templates-filters .filter-buttons .btn.btn-clear {
  background-color: #6c757d;
  color: white;
}
.templates-view .templates-filters .filter-buttons .btn.btn-clear:hover {
  background-color: #5a6268;
}
.templates-view .templates-filters .filter-buttons .btn.btn-filter {
  background-color: #0047ff;
  color: white;
}
.templates-view .templates-filters .filter-buttons .btn.btn-filter:hover {
  background-color: #0037cc;
}
.templates-view .templates-filters .filter-buttons .btn.btn-filter:disabled {
  background-color: #cecece;
  cursor: not-allowed;
}
.templates-view .templates-content {
  float: left;
  width: 80%;
  margin-top: 20px;
}
.templates-view .templates-content .templates-table-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
}
.templates-view .templates-content .templates-table-container .template-name {
  cursor: pointer;
  font-weight: bold;
  color: #202223;
}
.templates-view .templates-content .templates-table-container .template-name:hover {
  color: #0047ff;
}
.templates-view .templates-content .templates-table-container .template-status {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  padding: 4px 8px;
}
.templates-view .templates-content .templates-table-container .template-status.ACTIVE {
  background-color: #f1f8f5;
  color: #218656;
}
.templates-view .templates-content .templates-table-container .template-status.INACTIVE {
  background-color: #f6f6f7;
  color: #49525f;
}
.templates-view .templates-content .templates-table-container .template-status.DRAFT {
  background-color: #eff3fc;
  color: #0047ff;
}
.templates-view .templates-content .templates-table-container .template-status.ARCHIVED {
  background-color: #fff0f0;
  color: #d82c0d;
}
.templates-view .templates-content .templates-table-container .no-data-frame {
  padding: 40px 20px;
  text-align: center;
  color: #6d7175;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  background: #f8f9fa;
}
.templates-view .templates-content .templates-table-container .no-data-frame img {
  opacity: 0.5;
  margin-bottom: 16px;
}
.templates-view .templates-content .templates-table-container .no-data-frame p {
  margin: 8px 0;
  font-size: 15px;
  color: #6d7175;
}
.templates-view .templates-content .templates-table-container .no-data-frame p:first-of-type {
  font-weight: 500;
  color: #49525f;
}
.templates-view .no-data-debug {
  padding: 30px;
  background: #f8f9fa;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  margin: 20px 0;
}
.templates-view .no-data-debug p {
  margin: 5px 0;
  font-size: 14px;
  color: #49525f;
}
.templates-view .no-data-debug p:first-child {
  font-weight: bold;
  color: #202223;
  margin-bottom: 15px;
}

.modal-overlay {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}

.modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.modal-content .modal-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}
.modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 18px;
}
.modal-content .modal-header .close {
  color: white;
  opacity: 0.8;
}
.modal-content .modal-header .close:hover {
  opacity: 1;
}
.modal-content .modal-body {
  padding: 24px;
}
.modal-content .modal-footer {
  border-top: 1px solid #e9ecef;
  padding: 16px 24px;
}
.modal-content .modal-footer button {
  border-radius: 6px;
  font-weight: 500;
  padding: 8px 20px;
}

@media (max-width: 768px) {
  .templates-view .templates-header {
    width: 95%;
    flex-direction: column;
    gap: 15px;
    align-items: stretch;
  }
  .templates-view .templates-header .templates-title {
    font-size: 18px;
    text-align: center;
  }
  .templates-view .templates-header .create-template-btn {
    width: 100%;
    justify-content: center;
    min-width: auto;
  }
  .templates-view .templates-filters {
    width: 95%;
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .templates-view .templates-filters .filter-buttons {
    justify-content: center;
  }
  .templates-view .templates-filters .filter-buttons .btn {
    margin-top: 15px;
  }
  .templates-view .templates-content {
    width: 95%;
  }
  .templates-view .templates-content .templates-table-container {
    overflow-x: auto;
  }
  .templates-view .templates-content .templates-table-container .custom-data-table .react-table-library-table {
    min-width: 600px;
  }
  .templates-view .templates-content .templates-table-container .custom-data-table .react-table-library-table th,
  .templates-view .templates-content .templates-table-container .custom-data-table .react-table-library-table td {
    padding: 8px 12px;
    font-size: 12px;
  }
  .templates-view .templates-content .templates-table-container .custom-data-table .table-actions {
    flex-direction: column;
    gap: 4px;
  }
  .templates-view .templates-content .templates-table-container .custom-data-table .table-actions button {
    width: 100%;
    justify-content: center;
    min-width: auto;
  }
}
.templates-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
  color: #6c757d;
}
.templates-loading .spinner {
  margin-right: 12px;
}

.alert {
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 20px;
  border: none;
}
.alert.alert-success {
  background: #d4edda;
  color: #155724;
}
.alert.alert-danger {
  background: #f8d7da;
  color: #721c24;
}
.alert.alert-info {
  background: #d1ecf1;
  color: #0c5460;
}

.create-template-modal .template-info,
.edit-template-modal .template-info,
.send-template-modal .template-info {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 12px;
  border-left: 4px solid #667eea;
}
.create-template-modal .variables-list,
.edit-template-modal .variables-list,
.send-template-modal .variables-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-template-modal .variables-list .badge,
.edit-template-modal .variables-list .badge,
.send-template-modal .variables-list .badge {
  font-size: 11px;
  padding: 4px 8px;
  font-weight: 500;
}
.create-template-modal .template-preview,
.edit-template-modal .template-preview,
.send-template-modal .template-preview {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 16px;
  border-left: 4px solid #28a745;
}
.create-template-modal .template-preview h6,
.edit-template-modal .template-preview h6,
.send-template-modal .template-preview h6 {
  color: #495057;
  margin-bottom: 12px;
  font-weight: 600;
}
.create-template-modal .template-preview .preview-content,
.edit-template-modal .template-preview .preview-content,
.send-template-modal .template-preview .preview-content {
  background: white;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.5;
  color: #495057;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.create-template-modal .variables-section,
.edit-template-modal .variables-section,
.send-template-modal .variables-section {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e9ecef;
}
.create-template-modal .variables-section h6,
.edit-template-modal .variables-section h6,
.send-template-modal .variables-section h6 {
  color: #495057;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #667eea;
}
.create-template-modal .message-preview,
.edit-template-modal .message-preview,
.send-template-modal .message-preview {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 16px;
  border-left: 4px solid #17a2b8;
}
.create-template-modal .message-preview h6,
.edit-template-modal .message-preview h6,
.send-template-modal .message-preview h6 {
  color: #495057;
  margin-bottom: 12px;
  font-weight: 600;
}
.create-template-modal .message-preview .preview-content,
.edit-template-modal .message-preview .preview-content,
.send-template-modal .message-preview .preview-content {
  background: white;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.5;
  color: #495057;
  min-height: 100px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.create-template-modal .character-count,
.edit-template-modal .character-count,
.send-template-modal .character-count {
  text-align: right;
  padding: 8px;
  background: #e9ecef;
  border-radius: 4px;
}
.create-template-modal .form-control,
.edit-template-modal .form-control,
.send-template-modal .form-control {
  border-radius: 6px;
  border: 1px solid #ced4da;
  transition: all 0.2s ease;
}
.create-template-modal .form-control:focus,
.edit-template-modal .form-control:focus,
.send-template-modal .form-control:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
.create-template-modal .form-label,
.edit-template-modal .form-label,
.send-template-modal .form-label {
  font-weight: 500;
  color: #495057;
  margin-bottom: 8px;
}
.create-template-modal .form-text,
.edit-template-modal .form-text,
.send-template-modal .form-text {
  font-size: 12px;
  color: #6c757d;
}

.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  padding: 20px 24px;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 18px;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.8;
}
.modal .modal-dialog .modal-content .modal-header .btn-close:hover {
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 24px;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #e9ecef;
  padding: 16px 24px;
}
.modal .modal-dialog .modal-content .modal-footer .btn {
  border-radius: 6px;
  font-weight: 500;
  padding: 8px 20px;
  transition: all 0.2s ease;
}
.modal .modal-dialog .modal-content .modal-footer .btn:hover {
  transform: translateY(-1px);
}.short-links-container .header-headline-description {
  min-height: 30px;
}
.short-links-container .header-headline.no-logo {
  grid-template-columns: auto 200px;
  min-height: 30px;
}
.short-links-container .header-headline.no-logo .header-action {
  margin-top: unset;
}
.short-links-container .short-links-table-container {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
}.short-links-create-container {
  float: left;
  width: 100%;
  padding: 15px;
  margin-top: 15px;
}
.short-links-create-container.variant {
  justify-content: space-between;
  padding: 15px 0 15px 15px;
}
.short-links-create-container .back-content {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  cursor: pointer;
}
.short-links-create-container .back-content .go-back-title {
  color: #6d7175;
  font-weight: 600;
}
.short-links-create-container .back-content .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.short-links-create-container .back-content-variant {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  margin-right: 10px;
  cursor: pointer;
}
.short-links-create-container .back-content-variant .go-back-title {
  color: #6d7175;
  font-weight: 600;
  border-right: 1px solid #e4e5e7;
  margin-right: 10px;
  padding-right: 10px;
}
.short-links-create-container .back-content-variant .go-back-icon {
  float: left;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m2.712%207.497%205.966-5.674c.208-.202.324-.474.322-.757a1.048%201.048%200%200%200-.33-.753C8.458.113%208.173.001%207.876%200c-.297%200-.582.11-.793.309L.328%206.739A1.046%201.046%200%200%200%200%207.47c-.006.276.1.543.295.746l6.783%206.474c.212.199.497.31.794.309.297%200%20.581-.113.792-.313.21-.2.329-.47.33-.753a1.046%201.046%200%200%200-.321-.757l-5.96-5.68z'%20fill='%238E91A4'/%3e%3c/svg%3e") no-repeat center;
}
.short-links-create-container .header-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.short-links-create-container .header-title {
  color: #49525f;
  font-weight: 600;
  text-align: center;
}
.short-links-create-container .header-description {
  color: #6d7175;
  font-weight: 400;
  font-size: 14px;
}
.short-links-create-container .cancel-button {
  float: right;
  width: auto;
  min-width: 50px;
}.shortlink-stats .shortlink-stats-content {
  min-height: 100vh;
  padding: 20px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.shortlink-stats .error-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
}
.shortlink-stats .error-items .shortlink-stats-image-error {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}
.shortlink-stats .error-items .error-caption {
  font-size: 18px;
  color: #666;
  margin-bottom: 20px;
  text-align: center;
}
.shortlink-stats .error-items .error-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
.shortlink-stats .error-items .error-button:hover {
  background-color: #0056b3;
}
.shortlink-stats .shortlink-detail-card {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.shortlink-stats .shortlink-detail-card .shortlink-info {
  margin-bottom: 20px;
}
.shortlink-stats .shortlink-detail-card .shortlink-info h1 {
  color: #333;
  margin-bottom: 15px;
  font-size: 24px;
}
.shortlink-stats .shortlink-detail-card .shortlink-info p {
  margin-bottom: 10px;
  color: #666;
}
.shortlink-stats .shortlink-detail-card .shortlink-info p strong {
  color: #333;
  font-weight: 600;
}
.shortlink-stats .shortlink-detail-card .shortlink-info p a {
  color: #007bff;
  text-decoration: none;
  margin-left: 8px;
}
.shortlink-stats .shortlink-detail-card .shortlink-info p a:hover {
  text-decoration: underline;
}
.shortlink-stats .shortlink-detail-card .shortlink-info .status-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.shortlink-stats .shortlink-detail-card .shortlink-info .status-badge.active {
  background-color: #d4edda;
  color: #155724;
}
.shortlink-stats .shortlink-detail-card .shortlink-info .status-badge.inactive {
  background-color: #f8d7da;
  color: #721c24;
}
.shortlink-stats .shortlink-detail-card .shortlink-stats-summary .stats-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.shortlink-stats .shortlink-detail-card .shortlink-stats-summary .stats-row .stat-item {
  flex: 1;
  min-width: 150px;
  background: #f8f9fa;
  padding: 15px;
  border-radius: 6px;
  text-align: center;
}
.shortlink-stats .shortlink-detail-card .shortlink-stats-summary .stats-row .stat-item .stat-label {
  display: block;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
.shortlink-stats .shortlink-detail-card .shortlink-stats-summary .stats-row .stat-item .stat-value {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.shortlink-stats .shortlink-detail-card .view-selector {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  justify-content: center;
}
.shortlink-stats .shortlink-detail-card .view-selector button {
  min-width: 100px;
}
.shortlink-stats .shortlink-stats-actions {
  display: flex;
  gap: 15px;
  align-items: center;
}
.shortlink-stats .shortlink-stats-actions .action_campaign {
  cursor: pointer;
  width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.shortlink-stats .shortlink-stats-actions .action_campaign .icon {
  justify-content: center;
  width: 20px;
  margin: 3px;
  margin-right: 5px;
}
.shortlink-stats .shortlink-stats-actions .action_campaign .sub {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold;
}
.shortlink-stats .shortlink-stats-actions .action-button {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.shortlink-stats .shortlink-stats-actions .action-button .icon.refresh {
  opacity: 0.5;
  animation: spin 1s linear infinite;
}
.shortlink-stats .shortlink-stats-actions .action-button .sub {
  font-size: 12px;
  font-weight: 500;
}
.shortlink-stats .shortlink-stats-actions .action-button .sub.success {
  color: #28a745;
}
.shortlink-stats .shortlink-stats-actions .action-button .sub.danger {
  color: #dc3545;
}

@media (max-width: 768px) {
  .shortlink-stats .shortlink-detail-card .shortlink-stats-summary .stats-row {
    flex-direction: column;
    gap: 10px;
  }
  .shortlink-stats .shortlink-detail-card .shortlink-stats-summary .stats-row .stat-item {
    min-width: unset;
  }
  .shortlink-stats .shortlink-detail-card .view-selector {
    flex-direction: column;
    align-items: stretch;
  }
  .shortlink-stats .shortlink-stats-actions .action_campaign {
    justify-content: center;
  }
  .icon-center {
    margin-left: 0px !important;
  }
}
.landing-page-tag {
  width: auto;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}
.landing-page-tag.INACTIVE {
  background-color: #f6f6f7;
  color: #49525f;
}
.landing-page-tag.ACTIVE {
  background-color: #f1f8f5;
  color: #218656;
}

.box-segmented {
  box-sizing: border-box;
  margin-block: 10px;
  margin-left: 10px;
  padding: 2px;
  color: #71717a;
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  display: inline-block;
  background-color: #eaeaea;
  border-radius: 6px;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-segmented .box-segmented-items {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.box-segmented .box-segmented-items .box-segmented-item {
  min-height: 28px;
  line-height: 28px;
  padding: 0 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 4px;
  transform: translateZ(0);
  box-sizing: border-box;
  user-select: none;
}
.box-segmented .box-segmented-items .box-segmented-item.segmented-item-selected {
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  color: #49525f;
}:root {
  --module-background-color: #f9fafb;
  --module-primary-color: #1e293b;
}

.module-container {
  min-height: calc(100vh - 60px);
  background-color: var(--module-background-color);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
.module-container-flex-screen {
  display: flex;
  height: calc(100vh - 60px);
  margin: 0;
  padding: 0;
  border: 0 solid;
}
.module-container-sidebar {
  width: 16rem;
  background-color: var(--module-background-color);
  display: flex;
  flex-direction: column;
  color: #3f3f46;
}
.module-container-sidebar-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  padding-bottom: 0px;
}
.module-container-sidebar-header-main-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
.module-container-sidebar-header-main-area-icon {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  color: var(--reach-blue);
}
.module-container-sidebar-header-main-area-text {
  display: flex;
  flex-direction: column;
}
.module-container-sidebar-header-main-area-title {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--module-primary-color);
}
.module-container-sidebar-header-main-area-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #64748b;
}
.module-container-sidebar-header-main-area-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--off-white);
  cursor: pointer;
  height: 2.5rem;
  width: fit-content;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  background-color: var(--reach-blue);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.module-container-sidebar-header-main-area-button:is(:hover, :focus, :focus-visible) {
  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
  outline: none;
}
.module-container-sidebar-header-main-area-button:disabled {
  opacity: 1;
  background-color: rgb(153.7857142857, 182.5714285714, 245.7142857143);
  cursor: not-allowed;
}
.module-container-sidebar-header-main-area-button-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.module-container-sidebar-content {
  flex: 1 1 0%;
  overflow-y: auto;
  padding-block: 1rem;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: none;
}
.module-container-sidebar-content:hover, .module-container-sidebar-content:focus, .module-container-sidebar-content:focus-within, .module-container-sidebar-content:active {
  scrollbar-width: thin;
  scrollbar-color: #a8aeb5 #f1f1f1;
}
.module-container-sidebar-content::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.module-container-sidebar-content:hover::-webkit-scrollbar, .module-container-sidebar-content:focus::-webkit-scrollbar, .module-container-sidebar-content:focus-within::-webkit-scrollbar, .module-container-sidebar-content:active::-webkit-scrollbar {
  width: 4px;
}
.module-container-sidebar-content::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.module-container-sidebar-content:hover::-webkit-scrollbar-track, .module-container-sidebar-content:focus::-webkit-scrollbar-track, .module-container-sidebar-content:focus-within::-webkit-scrollbar-track, .module-container-sidebar-content:active::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.module-container-sidebar-content:hover::-webkit-scrollbar-thumb, .module-container-sidebar-content:focus::-webkit-scrollbar-thumb, .module-container-sidebar-content:focus-within::-webkit-scrollbar-thumb, .module-container-sidebar-content:active::-webkit-scrollbar-thumb {
  background: #a8aeb5;
}
@media (prefers-reduced-motion: reduce) {
  .module-container-sidebar-content::-webkit-scrollbar-thumb {
    transition: none;
  }
}
.module-container-sidebar-content-group {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0.5rem;
}
.module-container-sidebar-content-group-title {
  color: rgba(63, 63, 70, 0.7019607843);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  height: 2rem;
  flex-shrink: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.375rem;
  outline: none;
}
.module-container-sidebar-content-group-title-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.module-container-sidebar-content-group-title-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  height: 1.5rem;
  width: 1.5rem;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  color: #71717a;
  background-color: #f1f5f9;
  border-radius: 0.375rem;
}
.module-container-sidebar-content-group-title-action-button:hover {
  background-color: #e2e8f0;
}
.module-container-sidebar-content-group-title-action-button-icon {
  pointer-events: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.module-container-sidebar-content-group-content {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.module-container-sidebar-content-group-list {
  display: flex;
  width: 100%;
  min-width: 0px;
  flex-direction: column;
  gap: 0.25rem;
}
.module-container-sidebar-content-group-list-item {
  position: relative;
  color: var(--module-primary-color);
}
.module-container-sidebar-content-group-list-item-button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.25rem;
  overflow: hidden;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  padding: 0.5rem;
  padding-right: 2rem;
  border-radius: 0.375rem;
  outline: none;
  background-color: transparent;
  border-radius: calc(var(--radius) + 4px);
  color: var(--module-primary-color);
  transition-property: width, height, padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.module-container-sidebar-content-group-list-item-button:hover {
  background-color: #eceff2;
}
.module-container-sidebar-content-group-list-item-button.active {
  background-color: #eceff2;
}
.module-container-sidebar-content-group-list-item-button-icon {
  color: inherit;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.module-container-sidebar-content-group-list-item-button > span:last-child {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-container-sidebar-content-group-list-item-badge {
  pointer-events: none;
  position: absolute;
  right: 0.5rem;
  display: flex;
  height: 1.25rem;
  min-width: 1.25rem;
  user-select: none;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  top: 0.65rem;
  color: #18181b;
}
.module-container-sidebar-content-group-list-item-badge-coming-soon {
  pointer-events: none;
  position: absolute;
  right: 0.5rem;
  top: 0.65rem;
  opacity: 0.5;
  font-size: 10px;
}
.module-container-sidebar-content-group-list-item-button.active + .module-container-sidebar-content-group-list-item-badge {
  background-color: var(--reach-blue);
  color: var(--off-white);
}
.module-container-content {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.module-container-content-inside {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}
.module-container-content-header {
  display: flex;
  height: 8rem;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1rem 1rem 1.5rem;
  background-color: transparent;
  border-bottom-width: 0;
  border-style: none;
  border-color: transparent;
}
.module-container-content-header-search-bar-area {
  position: relative;
  max-width: 32rem;
  flex: 1 1 0%;
}
.module-container-content-header-search-bar {
  height: 2.5rem;
  background-color: #f1f3f4;
  border-radius: 9999px;
  gap: 0.5rem;
  align-items: center;
  display: flex;
  box-sizing: border-box;
  padding: 0.5rem;
  padding-right: 15px;
}
.module-container-content-header-search-bar-main {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.5rem;
}
.module-container-content-header-search-bar-icon {
  display: block;
  color: #5f6367;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.module-container-content-header-search-bar-input {
  background: transparent;
  border-style: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.module-container-content-header-search-bar-input::placeholder {
  color: #5f6367;
}
.module-container-content-header-search-bar-button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  gap: 0.5rem;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.module-container-content-header-search-bar-button:hover {
  background-color: #f1f5f9;
}
.module-container-content-header-search-bar-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.module-container-content-header-search-bar-button .close-button-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #5f6367;
}
.module-container-content-body {
  flex: 1 1 0%;
  overflow: auto;
  padding: 0.5rem 1.5rem;
}
.module-container-main-area {
  border: 1px solid #e5e7eb;
  background-color: var(--off-white);
  color: var(--off-black);
  border-radius: calc(var(--radius) + 4px);
  padding: 0.5rem;
  flex: 1 1 0%;
}
.module-container-main-area-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.module-container-main-area-header-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: var(--module-primary-color);
}
.module-container-main-area-header-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--module-primary-color);
}

.module-container-sidebar-content-group-list.hidden-badge .module-container-sidebar-content-group-list-item-badge {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0.1s ease;
}
.module-container-sidebar-content-group-list.hidden-badge .module-container-sidebar-content-group-list-item:hover .module-container-sidebar-content-group-list-item-badge,
.module-container-sidebar-content-group-list.hidden-badge .module-container-sidebar-content-group-list-item:focus-within .module-container-sidebar-content-group-list-item-badge {
  opacity: 1;
  visibility: visible;
}
.module-container-sidebar-content-group-list.hidden-badge .module-container-sidebar-content-group-list-item-button.active + .module-container-sidebar-content-group-list-item-badge {
  opacity: 1;
  visibility: visible;
}.contacts-smart-filter {
  margin-left: inherit;
  margin-right: inherit;
}
.contacts-smart-filter .smart-filters-search-bar {
  background-color: #eceff2;
}
.contacts-smart-filter .smart-filters-suggestions .smart-filters-suggestions-item {
  background-color: #eceff2;
}

.reach-data-table-avatar-area {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.reach-data-table-avatar-area-avatar {
  position: relative;
  flex-shrink: 0;
}
.reach-data-table-avatar-area-value-area {
  min-width: 0px;
  flex: 1 1 0%;
}
.reach-data-table-avatar-area-value-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reach-contact-card {
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
  .reach-contact-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.reach-contact-main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.reach-contact-name {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #111827;
}
.reach-contact-created-at {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.reach-contact-created-at-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-contact-status-area {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin-bottom: 1rem;
}
.reach-contact-status-separator {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #9ca3af;
  border-radius: 9999px;
}
.reach-contact-status-sub-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-contact-status-bullet {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #e5e7eb;
}
.reach-contact-status-bullet.ACTIVE {
  background-color: #22c55e;
}
.reach-contact-status-bullet.CANCELLED {
  background-color: #ef4444;
}
.reach-contact-status-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #6b7280;
}
.reach-contact-actions-area {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.reach-contact-actions-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: 4rem;
  width: 4rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #d1d5db;
  color: #0f172a;
  border-radius: 0.375rem;
  transition: all 150ms ease-in-out;
}
.reach-contact-actions-button:hover:not(:disabled) {
  background-color: #f1f5f9;
  color: #0f172a;
}
.reach-contact-actions-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.reach-contact-actions-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.reach-contact-actions-button-text {
  font-size: 0.75rem;
  line-height: 1rem;
}
.reach-contact-actions-button.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #f4f4f5;
  border: none;
}
.reach-contact-tags-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.reach-contact-tags-chip {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  border-radius: 9999px;
  background-color: #f9fafb;
  color: #374151;
  border: 1px solid #e5e7eb;
  padding: 0.25rem 0.75rem;
  transition: colors 150ms ease-in-out;
  flex-shrink: 0;
}
.reach-contact-tags-chip:focus {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #3b82f6;
}
.reach-contact-tags-chip.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #f4f4f5;
  border: none;
}
.reach-contact-tags-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 0.375rem;
  border: none;
  background-color: transparent;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  color: var(--reach-table-icons-color);
}
.reach-contact-tags-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #3b82f6;
}
.reach-contact-tags-button:hover:not(:disabled) {
  background-color: #f1f5f9;
  color: #0f172a;
}
.reach-contact-tags-button:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-contact-tags-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.reach-contact-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .reach-contact-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.reach-contact-cards-area {
  background-color: rgba(249, 250, 251, 0.5);
  border-radius: 0.5rem;
  padding: 1rem;
}
.reach-contact-cards-area-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.reach-contact-cards-profile-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.reach-contact-cards-profile-item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
}
.reach-contact-cards-profile-item-icon {
  pointer-events: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: var(--reach-table-icons-color);
}
.reach-contact-cards-profile-add-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: auto;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  color: var(--reach-blue);
  border-radius: 0.375rem;
  border: none;
  background-color: transparent;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  width: auto;
}
.reach-contact-cards-profile-add-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--reach-blue);
}
.reach-contact-cards-profile-add-item:hover:not(:disabled) {
  color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.reach-contact-cards-profile-add-item:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-contact-cards-profile-add-item-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.reach-contact-cards-profile-add-item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.reach-contact-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 1.5rem;
}

.contacts-tags-area {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.contacts-tags-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  background-color: #f3f4f6;
  flex-shrink: 0;
}
.contacts-tags-chip:focus {
  outline: none;
}
.contacts-tags-chip:hover {
  background-color: rgb(213.8571428571, 217.2857142857, 224.1428571429);
}
.contacts-tags-chip.count {
  color: #6b7280;
  border: 1px solid #d1d5db;
  background-color: transparent;
}
.contacts-tags-chip.yellow {
  color: #bb4d00;
  background-color: #fffbeb;
  border-color: #fee685;
}
.contacts-tags-chip.blue {
  color: #1447e6;
  background-color: #eff6ff;
  border-color: #bedbff;
}
.contacts-tags-chip.emerald {
  color: #007a55;
  background-color: #ecfdf5;
  border-color: #a4f4cf;
}
.contacts-tags-chip.cyan {
  color: #0e7490;
  background-color: #ecfeff;
  border-color: #a5f3fc;
}
.contacts-tags-chip.violet {
  color: #6d28d9;
  background-color: #f5f3ff;
  border-color: #ddd6fe;
}
.contacts-tags-chip.rose {
  color: #be123c;
  background-color: #fff1f2;
  border-color: #fecdd3;
}
.contacts-tags-chip.fuchsia {
  color: #a21caf;
  background-color: #fdf4ff;
  border-color: #f5d0fe;
}
.contacts-tags-chip.purple {
  color: #7e22ce;
  background-color: #faf5ff;
  border-color: #e9d5ff;
}
.contacts-tags-chip.indigo {
  color: #4338ca;
  background-color: #eef2ff;
  border-color: #c7d2fe;
}

.contact-create-success-view-area {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.contact-create-success-view-area-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.contact-create-success-view-area-stats-icon {
  width: 1rem;
  height: 1rem;
  color: #6a7282;
  margin-right: 0.25rem;
}
.contact-create-success-view-area-stats-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px solid #e5e7eb;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  width: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
  gap: 0.25rem;
  overflow: hidden;
  color: #4b5563;
  transition-property: color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-create-success-view-area-stats.success .contact-create-success-view-area-stats-icon {
  color: #00a63e;
}
.contact-create-success-view-area-stats.success .contact-create-success-view-area-stats-badge {
  color: #016630;
  background-color: #dcfce7;
}
.contact-create-success-view-area-stats.failed .contact-create-success-view-area-stats-icon {
  color: #fb2c36;
}
.contact-create-success-view-area-stats.failed .contact-create-success-view-area-stats-badge {
  color: #9f0712;
  background-color: #ffe2e2;
}
.contact-create-success-view-area-text {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4b5563;
  font-weight: 600;
  text-align: center;
}
.contact-create-success-view-result {
  background-color: #f9fafb;
  border-radius: 0.5rem;
  padding: 1rem;
}
.contact-create-success-view-result-title-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.contact-create-success-view-result-title-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #22c55e;
  border-radius: 9999px;
  margin-right: 0.5rem;
}
.contact-create-success-view-result-title-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #111827;
}
.contact-create-success-view-result-description {
  font-size: 0.75rem;
  line-height: 1.625;
  color: #4b5563;
  text-align: center;
}
.contact-create-success-view-main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.contact-create-success-view-main-area-icon {
  width: 4rem;
  height: 4rem;
  background-color: #dcfce7;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.contact-create-success-view-main-area-icon-success {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #16a34a;
}
.contact-create-success-view-main-area-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}
.contact-create-success-view-main-area-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  text-align: center;
}

.contact-block {
  padding-inline: 1rem;
}
.contact-block-card-info {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
}
.contact-block-disclaimer-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #374151;
}
.contact-block-disclaimer-ul {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
}
.contact-block-disclaimer-li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
}
.contact-block-disclaimer-li-bullet {
  width: 0.375rem;
  height: 0.375rem;
  background-color: #ef4444;
  border-radius: 9999px;
  margin-top: 0.5rem;
  flex-shrink: 0;
}
.contact-block-disclaimer-li-bullet.unblock {
  background-color: #22c55e;
}
.contact-block-disclaimer-confirm-area {
  padding: 1rem;
  background-color: rgba(249, 250, 251, 0.5);
  border-radius: 0.5rem;
  border: 1px solid;
  border-color: #e4e4e7;
}
.contact-block-disclaimer-confirm-inner-area {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.contact-block-disclaimer-confirm-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #111827;
  cursor: pointer;
}
.contact-block-disclaimer-confirm-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}

.portfolio-container {
  width: 100%;
}
.portfolio-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.portfolio-header-info {
  flex: 1;
  min-width: 0;
}
.portfolio-header-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}
.portfolio-header-description {
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio-header-details {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.portfolio-header-details-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.portfolio-header-details-item-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.portfolio-header:has(.portfolio-edit-button) .reach-data-table-body-tr-td {
  padding: 0;
  padding-right: 0.5rem;
  vertical-align: top;
}
.portfolio-remove-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #475569;
  margin-bottom: 1rem;
  text-align: center;
  font-weight: 600;
}
.portfolio-remove-list {
  background-color: #f8fafc;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.portfolio-remove-list-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 0.5rem;
}
.portfolio-remove-list-box {
  max-height: 200px;
  overflow-y: auto;
}
.portfolio-remove-list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.portfolio-remove-list-item-name {
  color: #334155;
}
.portfolio-remove-list-item-desc {
  color: #62748e;
}
.portfolio-remove-list-item .reach-avatar-fallback {
  background-color: #155dfc;
  color: var(--off-white);
}
.portfolio-assignment-area {
  overflow: hidden;
  border-radius: var(--rounded-lg);
  border: 1px solid;
  border-color: #e2e8f0;
}
.portfolio-assignment-area-header {
  background-color: #f9fafb;
  padding: 1rem;
  border-bottom-width: 1px;
  border-color: #e4e4e7;
  display: flex;
  align-items: center;
}
.portfolio-assignment-area-header.warning {
  background-color: #fef2f2;
}
.portfolio-assignment-area-header.warning .portfolio-assignment-area-header-icon-area {
  background-color: #fee2e2;
}
.portfolio-assignment-area-header.warning .portfolio-assignment-area-header-icon {
  color: #dc2626;
}
.portfolio-assignment-area-header.warning .portfolio-assignment-area-header-title {
  color: #7f1d1d;
}
.portfolio-assignment-area-header.warning .portfolio-assignment-area-header-desc {
  color: #b91c1c;
}
.portfolio-assignment-area-header.warning .portfolio-assignment-area-header-tag {
  background-color: #fee2e2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.portfolio-assignment-area-header-icon-area {
  background-color: var(--off-white);
  border-radius: var(--rounded-lg);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.portfolio-assignment-area-header-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #020817;
  display: inline-flex;
}
.portfolio-assignment-area-header-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #020817;
  display: block;
}
.portfolio-assignment-area-header-desc {
  color: #45556c;
  font-size: 0.75rem;
  line-height: 1rem;
}
.portfolio-assignment-area-header-tag {
  margin-left: auto;
  border-radius: 9999px;
  padding: 2px 10px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  width: auto;
  border: 1px solid #E5EBF5;
  color: #020817;
  user-select: none;
  flex-shrink: 0;
}
.portfolio-assignment-area-header-header:has(.warning) .portfolio-card-header-icon-area {
  background-color: #fee2e2;
}
.portfolio-assignment-area-header-header:has(.warning) .portfolio-card-header-icon {
  color: #dc2626;
}
.portfolio-assignment-area-body {
  max-height: 300px;
  overflow-y: auto;
}
.portfolio-assignment-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-bottom-width: 1px;
  border-color: #f1f5f9;
  cursor: pointer;
}
.portfolio-assignment-item:hover {
  background-color: #f8fafc;
  border-color: #f1f5f9;
}
.portfolio-assignment-item.selected {
  background-color: #f8fafc;
  border-color: #f1f5f9;
}
.portfolio-assignment-item-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.portfolio-assignment-item-info-name {
  font-weight: 500;
}
.portfolio-assignment-item-info-description {
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
}
.portfolio-assignment-item-info .reach-avatar-fallback {
  background-color: #45556c;
  color: white;
}
.portfolio-assignment-item-details {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  height: auto;
  background-color: transparent;
  color: #64748b;
}
.portfolio-assignment-item-details-button-icon {
  color: #64748b;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.portfolio-list {
  padding-inline: 1rem;
}
.portfolio-list-main-area {
  text-align: center;
  margin-bottom: 0.75rem;
}
.portfolio-list-main-area-icon-area {
  padding: 1rem;
  background-color: #f1f5f9;
  border-radius: 9999px;
  width: 5rem;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio-list-main-area-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: #475569;
}
.portfolio-list-main-area-headline {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 0.5rem;
}
.portfolio-list-main-area-subheadline {
  color: #475569;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.portfolio-list-button {
  width: 100%;
  text-align: left;
  padding: 1rem;
  border-radius: 0.75rem;
  transition-property: all;
  transition-duration: 200ms;
  border-width: 2px;
  border-style: solid;
  border-color: #e2e8f0;
  background-color: var(--off-white);
}
.portfolio-list-button:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-color: var(--reach-blue);
}
.portfolio-list-button.selected {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-color: var(--reach-blue);
}
.portfolio-list-button-main-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portfolio-list-button-main-area-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.portfolio-list-button-main-area-info-icon-area {
  padding: 0.75rem;
  background-color: var(--off-white);
  border-radius: var(--rounded-xl);
  border-width: 1px;
  border-style: solid;
  border-color: #e2e8f0;
}
.portfolio-list-button-main-area-info-icon {
  color: #45556c;
  width: 1.5rem;
  height: 1.5rem;
}
.portfolio-list-button-main-area-info-title {
  font-weight: 600;
  color: #0f172b;
  font-size: 1rem;
  line-height: 1.5rem;
}
.portfolio-list-button-main-area-info-desc {
  color: #45556c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 100;
}
.portfolio-list-button-main-area-details {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.portfolio-list-button-main-area-details-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
  text-align: right;
}
.portfolio-list-button-main-area-details-contacts-number {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #314158;
}
.portfolio-list-button-main-area-details-status {
  display: inline-flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5565;
  background-color: #fbf9fa;
}
.portfolio-list-button-main-area-details-status.active {
  background-color: #f0fdf4;
  color: #00a63e;
}
.portfolio-list-button-secondary-area {
  color: #45556c;
  font-size: 0.875rem;
  line-height: 1.625rem;
}
.portfolio-edit-button .reach-data-table-body-tr-td-actions-button {
  background: var(--off-white);
  border: 1px solid #e5e5e5;
  color: black;
}
.portfolio-status {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
  padding-top: 0.1375rem;
  padding-bottom: 0.1375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  user-select: none;
  cursor: pointer;
}
.portfolio-status-circle {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  margin-right: 0.25rem;
}
.portfolio-status.active {
  border: 1px solid #bbf7d0;
  background-color: #f0fdf4;
  color: #15803d;
}
.portfolio-status.active .portfolio-status-circle {
  background-color: #22c55e;
}
.portfolio-status.inactive {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #6b7280;
}
.portfolio-status.inactive .portfolio-status-circle {
  background-color: #9ca3af;
}.dropdown-component {
  position: relative;
  display: inline-block;
}

.dropdown-component__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dropdown-component__label {
  color: #374151;
  font-size: 0.875rem;
  font-weight: 500;
  user-select: none;
}

.dropdown-component__button {
  background-color: transparent;
  padding: 0.2rem;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-component__button .dropdown-component__button-icon {
  color: #6b7280;
}
.dropdown-component__button:hover .dropdown-component__button-icon, .dropdown-component__button:focus .dropdown-component__button-icon {
  color: #6b7280;
}

.dropdown-component__menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.25rem;
  z-index: 1000;
  min-width: 12rem;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.dropdown-component__area {
  padding: 0.25rem;
}

.dropdown-component__item {
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #374151;
  transition: background-color 0.15s ease-in-out;
}
.dropdown-component__item:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.dropdown-component__item:focus {
  outline: none;
  background-color: #f3f4f6;
}
.dropdown-component__item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.dropdown-component__item-content {
  display: flex;
  align-items: center;
  width: 100%;
}.reach-product-detail {
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
  .reach-product-detail {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.reach-product-detail__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .reach-product-detail__layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.reach-product-detail__left-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}
.reach-product-detail__right-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}
.reach-product-detail__card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 150ms ease-in-out;
}
.reach-product-detail__card-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reach-product-detail__card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}
.reach-product-detail__card-title--section {
  margin-top: 1.5rem;
}
.reach-product-detail__card-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 640px) {
  .reach-product-detail__card-content {
    grid-template-columns: 1fr;
  }
}
.reach-product-detail__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}
.reach-product-detail__item:nth-last-child(-n+2) {
  border-bottom: none;
  padding-bottom: 0;
}
.reach-product-detail__item--full {
  grid-column: 1/-1;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 0.75rem;
}
.reach-product-detail__item--full:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.reach-product-detail__item-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: #64748b;
  font-size: 0.875rem;
}
.reach-product-detail__item-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: var(--reach-table-icons-color);
}
.reach-product-detail__item-value {
  color: #1e293b;
  font-size: 0.875rem;
  word-break: break-word;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.reach-product-detail__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}
.reach-product-detail__price-display {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.reach-product-detail button:not(.reach-product-image-thumbnail) {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.reach-product-detail__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.75rem 1.5rem !important;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
  flex-wrap: nowrap;
}
.reach-product-detail__header-left {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  min-width: 0;
  flex: 1;
}
.reach-product-detail__back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  padding: 0.375rem 0.625rem !important;
  border-radius: 0.375rem !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #64748b !important;
  font-size: 0.75rem !important;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  width: auto !important;
}
.reach-product-detail__back-btn:hover {
  border-color: #cbd5e1 !important;
  color: #1e293b !important;
}
.reach-product-detail__header-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  min-width: 0;
  flex: 1;
}
.reach-product-detail__header-title {
  font-size: 0.9375rem !important;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
  white-space: normal !important;
}
.reach-product-detail__availability-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.125rem 0.5rem !important;
  border-radius: 8px;
  font-size: 0.625rem;
  font-weight: 600;
  white-space: nowrap;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.reach-product-detail__availability-badge--available {
  background: #ecfdf5;
  color: #16a34a;
}
.reach-product-detail__availability-badge--unavailable {
  background: #fef2f2;
  color: #dc2626;
}
.reach-product-detail__availability-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block !important;
}
.reach-product-detail__header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0;
}
.reach-product-detail__delete-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  padding: 0.5rem 0.875rem !important;
  border-radius: 0.5rem !important;
  border: 1px solid #fca5a5 !important;
  background: #ffffff !important;
  color: #ef4444 !important;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  width: auto !important;
}
.reach-product-detail__delete-btn:hover {
  background: #fef2f2 !important;
}
.reach-product-detail__edit-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.5rem !important;
  border: none !important;
  background: var(--color-soft-blue, #3b82f6) !important;
  color: #ffffff !important;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  width: auto !important;
}
.reach-product-detail__edit-btn:hover {
  opacity: 0.9;
}
.reach-product-detail__card-header-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-product-detail__card-divider {
  height: 1px;
  background: #e2e8f0;
}
.reach-product-detail__price-values {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}
.reach-product-detail__price-current {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
}
.reach-product-detail__price-compare {
  font-size: 1rem;
  color: #94a3b8;
  text-decoration: line-through;
}
.reach-product-detail__product-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
.reach-product-detail__product-description {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}
.reach-product-detail__details-grid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.reach-product-detail__detail-row {
  display: flex;
  align-items: flex-start;
}
.reach-product-detail__detail-label {
  width: 140px;
  flex-shrink: 0;
  font-size: 0.8125rem;
  color: #94a3b8;
}
.reach-product-detail__detail-value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1e293b;
  flex: 1;
}
.reach-product-detail__detail-value--muted {
  color: #64748b;
}
.reach-product-detail__detail-value--bold {
  font-weight: 600;
}
.reach-product-detail__detail-chips {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.reach-product-detail__detail-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.375rem;
  background: #f1f5f9;
  font-size: 0.75rem;
  font-weight: 500;
  color: #374151;
}
.reach-product-detail__selected-variant-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  background: #eef1fe;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4F6EF7;
}
.reach-product-detail__selected-variant-banner--out-of-stock {
  background: #fef2f2;
  color: #dc2626;
}
.reach-product-detail__modifiers-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reach-product-detail__modifier-row {
  padding: 0.625rem 0.875rem;
  border-radius: 0.5rem;
  background: #f8fafc;
}
.reach-product-detail__modifier-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.reach-product-detail__modifier-name-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reach-product-detail__modifier-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
}
.reach-product-detail__modifier-badge {
  font-size: 0.625rem;
  font-weight: 500;
  padding: 0.0625rem 0.375rem;
  border-radius: 4px;
}
.reach-product-detail__modifier-badge--required {
  background: #ecfdf5;
  color: #16a34a;
}
.reach-product-detail__modifier-badge--optional {
  background: #eff6ff;
  color: var(--color-soft-blue, #3b82f6);
}
.reach-product-detail__modifier-meta {
  font-size: 0.6875rem;
  color: #94a3b8;
}

.reach-product-main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.reach-product-image-gallery {
  width: 100%;
  margin-bottom: 0;
}
.reach-product-image-main {
  width: 100%;
  height: 400px;
  margin-bottom: 1rem;
  border-radius: 0.375rem;
  overflow: hidden;
  background-color: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
}
.reach-product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: white;
}
.reach-product-image-thumbnails {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.reach-product-image-thumbnail {
  width: 60px;
  height: 60px;
  border-radius: 0.375rem;
  overflow: hidden;
  border: 2px solid transparent;
  background-color: #f8fafc;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reach-product-image-thumbnail:hover {
  border-color: #cbd5e1;
}
.reach-product-image-thumbnail--active {
  border-color: #134cca;
}
.reach-product-image-thumbnail-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reach-product-variants {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 500px;
}
.reach-product-variant-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reach-product-variant-label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.reach-product-variant-options {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.reach-product-variant-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: color 0.2s ease;
}
.reach-product-variant-option--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-product-variant-option--selected .reach-product-variant-option-label {
  color: #134cca;
  font-weight: 600;
}
.reach-product-variant-option:hover:not(.reach-product-variant-option--disabled) .reach-product-variant-option-label {
  color: #134cca;
}
.reach-product-variant-option-input {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
  max-width: 0.875rem !important;
  max-height: 0.875rem !important;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
  accent-color: #134cca;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
}
.reach-product-variant-option-input::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.875rem;
  height: 0.875rem;
  border: 2px solid #9ca3af;
  border-radius: 50%;
  background-color: white;
  box-sizing: border-box;
}
.reach-product-variant-option-input:checked::before {
  border-color: #134cca;
  background-color: #134cca;
}
.reach-product-variant-option-input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: white;
}
.reach-product-variant-option-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.reach-product-variant-option-label {
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
  line-height: 1.4;
}
.reach-product-price-display {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.reach-product-price-current {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
}
.reach-product-price-compare {
  font-size: 1.125rem;
  color: #6b7280;
  text-decoration: line-through;
}
.reach-product-image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #cbd5e1;
}
.reach-product-image-placeholder-icon {
  width: 4rem;
  height: 4rem;
}
.reach-product-image-placeholder.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #f4f4f5;
}
.reach-product-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}
.reach-product-option-groups {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reach-product-option-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reach-product-option-group-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
}
.reach-product-option-chips {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
}
.reach-product-option-chip {
  all: unset !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem 1.125rem !important;
  border-radius: 0.5rem !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  cursor: pointer !important;
  transition: all 0.15s ease;
  min-width: 2.75rem;
  text-align: center;
  font-family: inherit;
  line-height: 1.4;
}
.reach-product-option-chip:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}
.reach-product-option-chip--selected {
  background: #4F6EF7 !important;
  border-color: #4F6EF7 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.reach-product-option-chip--out-of-stock {
  opacity: 0.45 !important;
  text-decoration: line-through !important;
  position: relative;
}
.reach-product-option-chip--out-of-stock.reach-product-option-chip--selected {
  background: #94a3b8 !important;
  border-color: #94a3b8 !important;
  opacity: 0.7 !important;
}
.reach-product-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .reach-product-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.reach-product-cards-area {
  background-color: rgba(249, 250, 251, 0.5);
  border-radius: 0.5rem;
  padding: 1rem;
}
.reach-product-cards-area-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.reach-product-cards-profile-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.reach-product-cards-profile-item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
  word-break: break-word;
}
.reach-product-cards-profile-item-icon {
  pointer-events: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: var(--reach-table-icons-color);
}
.reach-product-cards-profile-add-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: auto;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  color: var(--reach-blue);
  border-radius: 0.375rem;
  border: none;
  background-color: transparent;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  width: auto;
}
.reach-product-cards-profile-add-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--reach-blue);
}
.reach-product-cards-profile-add-item:hover:not(:disabled) {
  color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.reach-product-cards-profile-add-item:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.reach-product-cards-profile-add-item-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.reach-product-cards-profile-add-item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.toggle-card {
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.toggle-card .toggle-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.toggle-card .toggle-card-header .toggle-card-content {
  flex: 1;
}
.toggle-card .toggle-card-header .toggle-card-header-dropdown {
  min-width: 150px;
}
.toggle-card .toggle-card-dropdown,
.toggle-card .toggle-card-input {
  width: 100%;
}.datasource-config {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  max-width: 640px;
}
.datasource-config__loading {
  color: #6b7280;
  font-size: 0.875rem;
  padding: 2rem 0;
}
.datasource-config__header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.datasource-config__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.datasource-config__subtitle {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}
.datasource-config__section {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.datasource-config__section-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  display: block;
}
.datasource-config__section-hint {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: -0.25rem 0 0;
}
.datasource-config__source-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
}
.datasource-config__source-card {
  all: unset;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.625rem;
  cursor: pointer;
  text-align: left;
  transition: all 150ms ease-in-out;
  background: #ffffff;
}
.datasource-config__source-card:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.datasource-config__source-card.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.datasource-config__source-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.375rem;
  background: #f1f5f9;
  color: #475569;
  margin-bottom: 0.125rem;
  transition: all 150ms ease-in-out;
}
.datasource-config__source-card.selected .datasource-config__source-icon-wrap {
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.datasource-config__source-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.datasource-config__source-desc {
  font-size: 0.8125rem;
  color: #4b5563;
  line-height: 1.4;
}
.datasource-config__source-check {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.datasource-config__integrations-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.datasource-config__integrations-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.datasource-config__icon-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  color: #64748b;
  background: #ffffff;
  transition: all 150ms ease-in-out;
}
.datasource-config__icon-btn:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.datasource-config__icon-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.datasource-config__link-btn {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--cmd-accent-color, #2683DE);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 150ms ease-in-out;
}
.datasource-config__link-btn:hover {
  background: var(--cmd-accent-bg, #E5F2FC);
}
.datasource-config__placeholder {
  padding: 1rem;
  border: 1px dashed #e2e8f0;
  border-radius: 0.5rem;
  background: #f8fafc;
  text-align: center;
  font-size: 0.875rem;
  color: #6b7280;
}
.datasource-config__placeholder-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin: 0 0 0.25rem;
}
.datasource-config__placeholder-desc {
  font-size: 0.8125rem;
  color: #9ca3af;
  margin: 0;
}
.datasource-config__integration-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.datasource-config__integration-row {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  background: #ffffff;
  transition: all 150ms ease-in-out;
}
.datasource-config__integration-row:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.datasource-config__integration-row.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.datasource-config__integration-name {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}
.datasource-config__integration-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  background: #f3f4f6;
  color: #6b7280;
  text-transform: capitalize;
}
.datasource-config__integration-check {
  color: var(--cmd-accent-color, #2683DE);
  flex-shrink: 0;
}
.datasource-config__footer {
  padding-top: 0.5rem;
  border-top: 1px solid #f1f5f9;
}

.datasource-config--spinning {
  animation: ds-spin 0.8s linear infinite;
}

@keyframes ds-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.shop-create-success-view__main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.shop-create-success-view__icon-wrapper {
  width: 4rem;
  height: 4rem;
  background-color: #dcfce7;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.shop-create-success-view__icon {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #16a34a;
}
.shop-create-success-view__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}
.shop-create-success-view__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin-bottom: 2.5rem;
}
.shop-create-success-view__details-section {
  margin-top: 2.5rem;
}
.shop-create-success-view__details-header {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.shop-create-success-view__detail-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.shop-create-success-view__detail-item:last-child {
  margin-bottom: 0;
}
.shop-create-success-view__detail-item-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.shop-create-success-view__detail-item-text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #111827;
}
.shop-create-success-view__preview-section {
  margin-top: 2.5rem;
  width: 100%;
}.sf-onboarding {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem 1rem;
  min-height: 100%;
  background-color: rgba(242, 242, 242, 0.1411764706);
}
.sf-onboarding__card {
  width: 100%;
  max-width: 580px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.15), 0 4px 6px -2px rgba(124, 58, 237, 0.08);
  overflow: hidden;
}
.sf-onboarding__header {
  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #4f46e5 100%);
  padding: 1.25rem 1.5rem 0;
}
.sf-onboarding__header-content {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding-bottom: 1.25rem;
}
.sf-onboarding__header-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  flex-shrink: 0;
}
.sf-onboarding__header-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 0.25rem;
  line-height: 1.3;
}
.sf-onboarding__header-subtitle {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
  margin: 0;
}
.sf-onboarding__steps {
  display: flex;
  align-items: center;
  padding: 0.875rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.sf-onboarding__step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.55);
}
.sf-onboarding__step.active {
  color: #ffffff;
}
.sf-onboarding__step.active .sf-onboarding__step-circle {
  background: #ffffff;
  border-color: #ffffff;
  color: #2563eb;
}
.sf-onboarding__step.done {
  color: rgba(255, 255, 255, 0.8);
}
.sf-onboarding__step.done .sf-onboarding__step-circle {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}
.sf-onboarding__step-circle {
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 700;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  flex-shrink: 0;
  transition: all 150ms ease-in-out;
}
.sf-onboarding__step-label {
  font-size: 0.8125rem;
  font-weight: 500;
}
.sf-onboarding__step-divider {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0.75rem;
}
.sf-onboarding__body {
  padding: 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sf-onboarding__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.sf-onboarding__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  display: block;
}
.sf-onboarding__required {
  color: #dc2626;
}
.sf-onboarding__input--error {
  border-color: #fca5a5 !important;
}
.sf-onboarding__input--error:focus {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #fca5a5 !important;
}
.sf-onboarding__color-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sf-onboarding__color-swatch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  border: 2px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 150ms ease-in-out;
}
.sf-onboarding__color-swatch:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
.sf-onboarding__color-native {
  width: 0;
  height: 0;
  padding: 0;
  border: none;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.sf-onboarding__color-hex {
  font-size: 0.875rem;
  color: #4b5563;
  font-family: monospace;
  letter-spacing: 0.03em;
}
.sf-onboarding__logo-preview {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background: #f8fafc;
}
.sf-onboarding__logo-img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: #ffffff;
}
.sf-onboarding__logo-remove {
  all: unset;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #dc2626;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 150ms ease-in-out;
}
.sf-onboarding__logo-remove:hover {
  background: #fef2f2;
}
.sf-onboarding__source-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
}
.sf-onboarding__source-card {
  all: unset;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.125rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.625rem;
  cursor: pointer;
  text-align: left;
  transition: all 150ms ease-in-out;
  background: #ffffff;
}
.sf-onboarding__source-card:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.sf-onboarding__source-card.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.sf-onboarding__source-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 0.5rem;
  background: #f1f5f9;
  color: #475569;
  margin-bottom: 0.25rem;
  transition: all 150ms ease-in-out;
}
.sf-onboarding__source-card.selected .sf-onboarding__source-icon-wrap {
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.sf-onboarding__source-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.sf-onboarding__source-desc {
  font-size: 0.8125rem;
  color: #4b5563;
  line-height: 1.4;
}
.sf-onboarding__source-check {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.sf-onboarding__integrations {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.sf-onboarding__integrations-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.sf-onboarding__integrations-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.sf-onboarding__icon-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  color: #64748b;
  background: #ffffff;
  transition: all 150ms ease-in-out;
}
.sf-onboarding__icon-btn:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.sf-onboarding__icon-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sf-onboarding__link-btn {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--cmd-accent-color, #2683DE);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 150ms ease-in-out;
}
.sf-onboarding__link-btn:hover {
  background: var(--cmd-accent-bg, #E5F2FC);
}
.sf-onboarding__empty-state {
  padding: 1.25rem 1rem;
  border: 1px dashed #e2e8f0;
  border-radius: 0.5rem;
  text-align: center;
  background: #f8fafc;
}
.sf-onboarding__empty-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin: 0 0 0.25rem;
}
.sf-onboarding__empty-desc {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: 0;
}
.sf-onboarding__integration-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.sf-onboarding__integration-row {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  background: #ffffff;
}
.sf-onboarding__integration-row:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.sf-onboarding__integration-row.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.sf-onboarding__integration-name {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}
.sf-onboarding__integration-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  background: #f3f4f6;
  color: #6b7280;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.sf-onboarding__integration-check {
  color: var(--cmd-accent-color, #2683DE);
  flex-shrink: 0;
}
.sf-onboarding__footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #f1f5f9;
  background: #f8fafc;
}
.sf-onboarding__footer-spacer {
  flex: 1;
}
.sf-onboarding__btn-primary {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 36px;
  padding: 0 1.125rem;
  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: opacity 150ms ease-in-out;
  box-shadow: 0 1px 3px rgba(79, 70, 229, 0.3);
}
.sf-onboarding__btn-primary:hover:not(:disabled) {
  opacity: 0.9;
}
.sf-onboarding__btn-primary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.sf-onboarding__btn-secondary {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 1rem;
  background: transparent;
  color: #364153;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 150ms ease-in-out;
}
.sf-onboarding__btn-secondary:hover:not(:disabled) {
  background: #f1f5f9;
}
.sf-onboarding__btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.sf-onboarding--spinning {
  animation: sf-spin 0.8s linear infinite;
}

@keyframes sf-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.storefront__external-banner {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #92400e;
  margin-bottom: 1rem;
}

.datasource-config {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  max-width: 640px;
}
.datasource-config__loading {
  color: #6b7280;
  font-size: 0.875rem;
  padding: 2rem 0;
}
.datasource-config__header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.datasource-config__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.datasource-config__subtitle {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}
.datasource-config__section {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.datasource-config__section-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  display: block;
}
.datasource-config__section-hint {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: -0.25rem 0 0;
}
.datasource-config__source-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
}
.datasource-config__source-card {
  all: unset;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.625rem;
  cursor: pointer;
  text-align: left;
  transition: all 150ms ease-in-out;
  background: #ffffff;
}
.datasource-config__source-card:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.datasource-config__source-card.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.datasource-config__source-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.375rem;
  background: #f1f5f9;
  color: #475569;
  margin-bottom: 0.125rem;
  transition: all 150ms ease-in-out;
}
.datasource-config__source-card.selected .datasource-config__source-icon-wrap {
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.datasource-config__source-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.datasource-config__source-desc {
  font-size: 0.8125rem;
  color: #4b5563;
  line-height: 1.4;
}
.datasource-config__source-check {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.datasource-config__integrations-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.datasource-config__integrations-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.datasource-config__icon-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  color: #64748b;
  background: #ffffff;
  transition: all 150ms ease-in-out;
}
.datasource-config__icon-btn:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.datasource-config__icon-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.datasource-config__link-btn {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--cmd-accent-color, #2683DE);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 150ms ease-in-out;
}
.datasource-config__link-btn:hover {
  background: var(--cmd-accent-bg, #E5F2FC);
}
.datasource-config__placeholder {
  padding: 1rem;
  border: 1px dashed #e2e8f0;
  border-radius: 0.5rem;
  background: #f8fafc;
  text-align: center;
  font-size: 0.875rem;
  color: #6b7280;
}
.datasource-config__placeholder-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin: 0 0 0.25rem;
}
.datasource-config__placeholder-desc {
  font-size: 0.8125rem;
  color: #9ca3af;
  margin: 0;
}
.datasource-config__integration-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.datasource-config__integration-row {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  background: #ffffff;
  transition: all 150ms ease-in-out;
}
.datasource-config__integration-row:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.datasource-config__integration-row.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.datasource-config__integration-name {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}
.datasource-config__integration-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  background: #f3f4f6;
  color: #6b7280;
  text-transform: capitalize;
}
.datasource-config__integration-check {
  color: var(--cmd-accent-color, #2683DE);
  flex-shrink: 0;
}
.datasource-config__footer {
  padding-top: 0.5rem;
  border-top: 1px solid #f1f5f9;
}

.datasource-config--spinning {
  animation: ds-spin 0.8s linear infinite;
}

@keyframes ds-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.storefront__sidebar-title {
  display: flex;
  gap: 0.25rem;
}
.storefront__sidebar-title-name {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--module-primary-color);
}

.storefront__welcome-view {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 2rem;
}

.storefront__welcome-content {
  text-align: center;
  max-width: 600px;
  width: 100%;
}

.storefront__welcome-icon {
  margin-bottom: 2rem;
}
.storefront__welcome-icon--package {
  width: 4rem;
  height: 4rem;
  color: #1e293b;
}

.storefront__welcome-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 1rem;
}

.storefront__welcome-description {
  font-size: 1.125rem;
  color: #64748b;
  margin-bottom: 3rem;
  line-height: 1.6;
}

.storefront__welcome-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.storefront__welcome-feature {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: #f8fafc;
  border-radius: 0.5rem;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}
.storefront__welcome-feature:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.storefront__welcome-feature__icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #1e293b;
  flex-shrink: 0;
}
.storefront__welcome-feature span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}

.storefront__header-container {
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.storefront__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.storefront__header-info {
  flex: 1;
}

.storefront__header-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 0.5rem 0;
}

.storefront__header-description {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}

.storefront__header-actions {
  display: flex;
  align-items: center;
}

.storefront__header-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.storefront__header-details-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #64748b;
}

.storefront__header-details-item-icon {
  width: 1rem;
  height: 1rem;
  color: #1e293b;
  flex-shrink: 0;
}

.storefront__status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.storefront__status--active {
  color: #166534;
}
.storefront__status--inactive {
  color: #dc2626;
}

.storefront__status-circle {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.storefront__status--active .storefront__status-circle {
  background: #22c55e;
}
.storefront__status--inactive .storefront__status-circle {
  background: #ef4444;
}

.storefront__detail-welcome {
  max-width: 1200px;
  margin: 0 auto;
}

.storefront__detail-welcome-icon {
  margin-bottom: 2rem;
}
.storefront__detail-welcome-icon--package {
  width: 3rem;
  height: 3rem;
  color: #1e293b;
}

.storefront__detail-welcome-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 1rem;
}

.storefront__detail-welcome-description {
  font-size: 1rem;
  color: #64748b;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.storefront__detail-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  background: #f8fafc;
  padding: 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
}

.storefront__detail-info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e8f0;
}
.storefront__detail-info-item:last-child {
  border-bottom: none;
}

.storefront__detail-info-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
}

.storefront__detail-info-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.storefront__detail-info-value--status {
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.storefront__detail-info-value--status--active {
  background: #dcfce7;
  color: #166534;
}
.storefront__detail-info-value--status--inactive {
  background: #fef2f2;
  color: #dc2626;
}

.storefront__loading-skeleton-icon {
  width: 1rem;
  height: 1rem;
  background: #e2e8f0;
  border-radius: 0.25rem;
  animation: storefront-loading-skeleton-pulse 1.5s ease-in-out infinite;
}

.storefront__loading-skeleton-text {
  width: 60%;
  height: 0.875rem;
  background: #e2e8f0;
  border-radius: 0.25rem;
  animation: storefront-loading-skeleton-pulse 1.5s ease-in-out infinite;
  animation-delay: 0.2s;
}

@keyframes storefront-loading-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.storefront__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  text-align: center;
  color: #64748b;
}

.storefront__empty-state-icon {
  width: 2rem;
  height: 2rem;
  color: #cbd5e1;
  margin-bottom: 0.75rem;
}

.storefront__empty-state-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  margin-bottom: 0.25rem;
}

.storefront__empty-state-subtext {
  font-size: 0.75rem;
  color: #94a3b8;
}

.store-smart-filter {
  width: 100%;
}
.store-smart-filter .smart-filter-container {
  width: 100%;
  max-width: none;
}
.store-smart-filter .smart-filter-input {
  width: 100%;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: #ffffff;
}
.store-smart-filter .smart-filter-input:focus {
  outline: none;
  border-color: #1e293b;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}
.store-smart-filter .smart-filter-dropdown {
  width: 100%;
  max-width: none;
}

@media (max-width: 768px) {
  .storefront__welcome-view {
    padding: 1rem;
    min-height: 50vh;
  }
  .storefront__welcome-title {
    font-size: 1.5rem;
  }
  .storefront__welcome-description {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  .storefront__welcome-features {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .storefront__detail-view {
    padding: 1rem;
  }
  .storefront__detail-welcome-title {
    font-size: 1.5rem;
  }
  .storefront__detail-info {
    grid-template-columns: 1fr;
    padding: 1rem;
  }
  .storefront__header-container {
    padding: 1rem;
    margin-bottom: 1.5rem;
  }
  .storefront__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .storefront__header-details {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
.storefront__collections-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.storefront__collections-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.storefront__collections-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.storefront__collections-count {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}

.storefront__collections-add-button {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #134cca;
  color: #ffffff;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.storefront__collections-add-button:hover {
  background: #334155;
  transform: translateY(-1px);
}
.storefront__collections-add-button:active {
  transform: translateY(0);
}
.storefront__collections-add-button__icon {
  width: 1rem;
  height: 1rem;
}

.storefront__collections-table-container {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.storefront__collection-title-cell {
  display: flex;
  align-items: center;
}

.storefront__collection-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}

.storefront__collection-handle {
  font-size: 0.875rem;
  color: #64748b;
  font-family: monospace;
  background: #f1f5f9;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

.storefront__collection-description {
  font-size: 0.875rem;
  color: #64748b;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.storefront__collection-product-count {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
  background: #eef2ff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: inline-block;
}

.storefront__collection-created-date {
  font-size: 0.875rem;
  color: #64748b;
}

.storefront__collection-edit-icon {
  width: 22px;
  height: 22px;
  padding: 0.25rem;
  background: #f1f5f9;
  border-radius: 0.25rem;
  color: #64748b;
  cursor: pointer;
  display: inline-block;
  transition: all 0.2s ease;
}
.storefront__collection-edit-icon:hover {
  background: #e2e8f0;
  color: #475569;
}

.storefront__collection-delete-icon {
  width: 22px;
  height: 22px;
  padding: 0.25rem;
  background: #f1f5f9;
  border-radius: 0.25rem;
  color: #dc3545;
  cursor: pointer;
  display: inline-block;
  transition: all 0.2s ease;
}
.storefront__collection-delete-icon:hover {
  background: #fee2e2;
  color: #b91c1c;
}

.storefront__collections-loading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.storefront__collections-loading-skeleton {
  height: 3rem;
  background: #e2e8f0;
  border-radius: 0.5rem;
  animation: storefront-collections-loading-skeleton-pulse 1.5s ease-in-out infinite;
}
.storefront__collections-loading-skeleton:nth-child(2) {
  animation-delay: 0.2s;
}
.storefront__collections-loading-skeleton:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes storefront-collections-loading-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.storefront__products-loading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.storefront__products-loading-skeleton {
  height: 3rem;
  background: #e2e8f0;
  border-radius: 0.5rem;
  animation: storefront-products-loading-skeleton-pulse 1.5s ease-in-out infinite;
}
.storefront__products-loading-skeleton:nth-child(2) {
  animation-delay: 0.2s;
}
.storefront__products-loading-skeleton:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes storefront-products-loading-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.storefront__collections-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.storefront__collections-empty-icon {
  width: 3rem;
  height: 3rem;
  color: #cbd5e1;
  margin-bottom: 1rem;
}

.storefront__collections-empty-text {
  font-size: 1rem;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 0.5rem;
}

.storefront__collections-empty-subtext {
  font-size: 0.875rem;
  color: #94a3b8;
}

.storefront__extra-groups-loading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.storefront__extra-groups-loading-skeleton {
  height: 6rem;
  background: linear-gradient(90deg, #e2e8f0 25%, #eef2ff 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  border-radius: 0.75rem;
  animation: storefront-extra-groups-shimmer 1.5s ease-in-out infinite;
}
.storefront__extra-groups-loading-skeleton:nth-child(2) {
  animation-delay: 0.15s;
}
.storefront__extra-groups-loading-skeleton:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes storefront-extra-groups-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.storefront__extra-groups-container {
  padding: 1rem 1.5rem 1.5rem;
}

.storefront__extra-groups-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

.storefront__extra-group-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.storefront__extra-group-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}
.storefront__extra-group-card:active {
  transform: translateY(0);
}

.storefront__extra-group-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
}

.storefront__extra-group-card-info {
  flex: 1;
  min-width: 0;
}

.storefront__extra-group-card-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.375rem 0;
  line-height: 1.3;
}

.storefront__extra-group-card-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.storefront__extra-group-card-count {
  font-size: 0.8125rem;
  color: #64748b;
}

.storefront__extra-group-card-badge {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.storefront__extra-group-card-badge--required {
  background: #fef2f2;
  color: #dc2626;
}
.storefront__extra-group-card-badge--optional {
  background: #f0fdf4;
  color: #16a34a;
}

.storefront__extra-group-card-rules {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.storefront__extra-group-card-rules-divider {
  color: #cbd5e1;
}

.storefront__extra-group-card-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

.storefront__extra-group-card-action-icon {
  width: 22px;
  height: 22px;
  padding: 0.25rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.15s ease;
}
.storefront__extra-group-card-action-icon--edit {
  color: #64748b;
  background: #f1f5f9;
}
.storefront__extra-group-card-action-icon--edit:hover {
  background: #e2e8f0;
  color: #475569;
}
.storefront__extra-group-card-action-icon--delete {
  color: #dc3545;
  background: #f1f5f9;
}
.storefront__extra-group-card-action-icon--delete:hover {
  background: #fee2e2;
  color: #b91c1c;
}

.storefront__extra-group-card-items {
  margin-top: 0.75rem;
  padding-top: 0.625rem;
  border-top: 1px solid #f1f5f9;
}

.storefront__extra-group-card-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1875rem 0;
}
.storefront__extra-group-card-item--more {
  justify-content: flex-start;
  padding-top: 0.25rem;
}
.storefront__extra-group-card-item--more span {
  font-size: 0.75rem;
  color: #94a3b8;
  font-style: italic;
}

.storefront__extra-group-card-item-title {
  font-size: 0.8125rem;
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 65%;
}

.storefront__extra-group-card-item-price {
  font-size: 0.8125rem;
  color: #64748b;
  font-weight: 500;
  white-space: nowrap;
}

.storefront__extra-group-card-targets {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #f1f5f9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.storefront__extra-group-card-targets-label {
  font-size: 0.6875rem;
  color: #94a3b8;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.storefront__extra-group-card-target-pill {
  display: inline-flex;
  align-items: center;
  font-size: 0.6875rem;
  color: #475569;
  background-color: #f1f5f9;
  border-radius: 9999px;
  padding: 0.125rem 0.5rem;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.storefront__extra-group-card-target-pill--overflow {
  background-color: #e2e8f0;
  color: #64748b;
  font-weight: 500;
}

.extra-group-form__layout {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 1.5rem;
  padding: 1.5rem;
}
.extra-group-form__main-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.extra-group-form__card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.extra-group-form__card-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
}
.extra-group-form__field-group {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.extra-group-form__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #64748b;
}
.extra-group-form__label--small {
  font-size: 0.8125rem;
  font-weight: 500;
}
.extra-group-form__required {
  color: #dc2626;
}
.extra-group-form__error {
  color: #ef4444;
  font-size: 0.75rem;
}
.extra-group-form__badge {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-soft-blue, #3b82f6);
  background: #eff6ff;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
}
.extra-group-form__description {
  font-size: 0.8125rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
}
.extra-group-form__divider {
  height: 1px;
  background: #e2e8f0;
}
.extra-group-form__toggle-row {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}
.extra-group-form__items-header {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.extra-group-form__items-th {
  font-size: 0.75rem;
  font-weight: 500;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.extra-group-form__items-th--name {
  flex: 2;
}
.extra-group-form__items-th--price {
  flex: 1;
  max-width: 120px;
}
.extra-group-form__items-th--action {
  width: 2rem;
}
.extra-group-form__add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-soft-blue, #3b82f6);
  background: transparent;
  border: 1px dashed var(--color-soft-blue, #3b82f6);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
}
.extra-group-form__add-btn:hover {
  background: rgba(59, 130, 246, 0.04);
}
.extra-group-form__segmented {
  display: flex;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.extra-group-form__segmented-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #64748b;
  background: #ffffff;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}
.extra-group-form__segmented-btn--active {
  background: var(--color-soft-blue, #3b82f6);
  color: #ffffff;
  font-weight: 600;
}
.extra-group-form__search-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background: #ffffff;
}
.extra-group-form__search-input input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 0.875rem;
  color: #1e293b;
}
.extra-group-form__search-input input::placeholder {
  color: #94a3b8;
}
.extra-group-form__selected-count {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-soft-blue, #3b82f6);
}
.extra-group-form__preview-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.extra-group-form__preview-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  position: sticky;
  top: 1rem;
}
.extra-group-form__preview-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.extra-group-form__preview-fields {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.extra-group-form__preview-field {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.extra-group-form__preview-label {
  font-size: 0.6875rem;
  color: #94a3b8;
}
.extra-group-form__preview-value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1e293b;
}
.extra-group-form__preview-badge {
  display: inline-block;
  width: fit-content;
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
}
.extra-group-form__preview-badge--yes {
  background: #ecfdf5;
  color: #16a34a;
}
.extra-group-form__preview-badge--no {
  background: #eff6ff;
  color: var(--color-soft-blue, #3b82f6);
}
.extra-group-form__preview-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.extra-group-form__preview-item-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.extra-group-form__preview-item-name {
  font-size: 0.75rem;
  color: #1e293b;
}
.extra-group-form__preview-item-price {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-soft-blue, #3b82f6);
}
.extra-group-form__preview-more {
  font-size: 0.6875rem;
  color: #94a3b8;
  font-style: italic;
}

@media (max-width: 768px) {
  .extra-group-form__layout {
    grid-template-columns: 1fr;
  }
  .extra-group-form__preview-card {
    position: static;
  }
}
.storefront__extra-group-form {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.storefront__extra-group-form-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.storefront__extra-group-form-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 2rem;
}

.storefront__extra-group-form-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.storefront__extra-group-form-label--small {
  font-weight: 500;
  font-size: 0.8125rem;
}

.storefront__extra-group-form-required {
  color: #dc2626;
}

.storefront__extra-group-form-input {
  width: 100%;
  height: 2.25rem;
  padding: 0 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #1e293b;
  background: #ffffff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.storefront__extra-group-form-input:focus {
  outline: none;
  border-color: var(--reach-blue, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.storefront__extra-group-form-input::placeholder {
  color: #94a3b8;
}
.storefront__extra-group-form-input--title {
  flex: 2;
}
.storefront__extra-group-form-input--price {
  flex: 1;
  max-width: 120px;
}

.storefront__extra-group-form-hint {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.125rem;
}

.storefront__extra-group-form-toggle-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  transition: all 0.15s ease;
}
.storefront__extra-group-form-toggle-card:hover {
  border-color: #cbd5e1;
}

.storefront__extra-group-form-row {
  display: flex;
  gap: 1rem;
}

.storefront__extra-group-form-field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.storefront__extra-group-form-add-item-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--reach-blue, #2563eb);
  background: transparent;
  border: 1px dashed var(--reach-blue, #2563eb);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.storefront__extra-group-form-add-item-button:hover {
  background: rgba(37, 99, 235, 0.05);
}

.storefront__extra-group-form-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.storefront__extra-group-form-item-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.storefront__extra-group-form-remove-item-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.25rem;
  border: 1px solid #fee2e2;
  border-radius: 0.375rem;
  background: #fef2f2;
  color: #dc2626;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}
.storefront__extra-group-form-remove-item-button:hover {
  background: #fee2e2;
  border-color: #fca5a5;
}

.storefront__extra-group-form-segmented {
  display: inline-flex;
  background: #f1f5f9;
  border-radius: 0.5rem;
  padding: 0.1875rem;
  gap: 0.125rem;
}

.storefront__extra-group-form-segmented-item {
  padding: 0.375rem 1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #64748b;
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.15s ease;
}
.storefront__extra-group-form-segmented-item:hover:not(.storefront__extra-group-form-segmented-item--active) {
  color: #475569;
}
.storefront__extra-group-form-segmented-item--active {
  background: #ffffff;
  color: #1e293b;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.storefront__extra-group-form-checklist {
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background: #ffffff;
}
.storefront__extra-group-form-checklist::-webkit-scrollbar {
  width: 4px;
}
.storefront__extra-group-form-checklist::-webkit-scrollbar-track {
  background: transparent;
}
.storefront__extra-group-form-checklist::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 2px;
}

.storefront__extra-group-form-checklist-empty {
  padding: 1rem;
  margin: 0;
  font-size: 0.8125rem;
  color: #94a3b8;
  text-align: center;
}

.storefront__extra-group-form-checklist-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #f8fafc;
  transition: background 0.1s ease;
}
.storefront__extra-group-form-checklist-item:last-child {
  border-bottom: none;
}
.storefront__extra-group-form-checklist-item:hover {
  background: #f8fafc;
}
.storefront__extra-group-form-checklist-item--selected {
  background: #f0f7ff;
}
.storefront__extra-group-form-checklist-item--selected:hover {
  background: #e8f2ff;
}
.storefront__extra-group-form-checklist-item .reach-checkbox {
  flex-shrink: 0;
}

.storefront__extra-group-form-checklist-item-label {
  font-size: 0.8125rem;
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .storefront__extra-groups-grid {
    grid-template-columns: 1fr;
  }
  .storefront__extra-groups-container {
    padding: 0.75rem 1rem 1rem;
  }
  .storefront__extra-group-form-row {
    flex-direction: column;
  }
  .storefront__extra-group-form-input--price {
    max-width: none;
  }
}
.storefront__products-section {
  margin-top: 2rem;
}

.storefront__products-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.storefront__products-header-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.storefront__products-back-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
.storefront__products-back-icon:hover {
  color: #475569;
  transform: translateX(-2px);
}

.storefront__products-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.storefront__products-count {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}

.storefront__products-add-button {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #134cca;
  color: #ffffff;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.storefront__products-add-button:hover {
  background: #334155;
  transform: translateY(-1px);
}
.storefront__products-add-button:active {
  transform: translateY(0);
}
.storefront__products-add-button__icon {
  width: 1rem;
  height: 1rem;
}

.product-form-group-half {
  flex: 1;
}

.product-add-image-section {
  margin: 1rem 0;
}

.product-add-image-button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: #f8fafc;
  color: #374151;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
.product-add-image-button:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1f2937;
}
.product-add-image-button:active {
  transform: translateY(0);
}

.product-add-image-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.product-add-image-icon svg {
  width: 100%;
  height: 100%;
}

.product-image-section {
  margin: 2rem 0;
  padding: 10px;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
}

.product-image-upload-area {
  display: flex;
  align-items: center;
}

.product-image-input {
  display: none;
}

.product-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.product-image-preview {
  position: relative;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.2s ease;
}
.product-image-preview:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-image-preview-img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  background: white;
  display: block;
}

.product-image-preview-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.product-image-preview:hover .product-image-preview-overlay {
  opacity: 1;
}

.product-image-remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(220, 38, 38, 0.9);
  color: #ffffff;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.product-image-remove-button:hover {
  background: rgba(185, 28, 28, 0.9);
  transform: scale(1.05);
}
.product-image-remove-button svg {
  width: 1rem;
  height: 1rem;
}

.product-image-info {
  padding: 0.75rem;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}

.product-image-name {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-image-size {
  display: block;
  font-size: 0.625rem;
  color: #6b7280;
}

.product-image-upload-progress {
  margin-top: 1rem;
  padding: 1rem;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 0.5rem;
}

.product-image-upload-progress-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0369a1;
  margin-bottom: 0.5rem;
}

.product-image-upload-progress-bar {
  width: 100%;
  height: 0.5rem;
  background: #e0f2fe;
  border-radius: 0.25rem;
  overflow: hidden;
}

.product-image-upload-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #0ea5e9, #0284c7);
  border-radius: 0.25rem;
  animation: product-image-upload-progress 2s ease-in-out infinite;
}

@keyframes product-image-upload-progress {
  0% {
    width: 0%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 100%;
  }
}
.product-options-section,
.product-variants-section {
  margin: 2rem 0;
}

.product-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.product-section-header h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.product-add-option-button,
.product-add-variant-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #1e293b;
  color: #ffffff;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 40px;
  height: 40px;
  border-radius: 8px;
}
.product-add-option-button:hover,
.product-add-variant-button:hover {
  background: #334155;
}

.product-option-item,
.product-variant-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.product-option-item:last-child,
.product-variant-item:last-child {
  margin-bottom: 0;
}

.product-option-header {
  gap: 0.5rem;
}

.product-option-header,
.product-variant-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.product-option-header h5,
.product-variant-header h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.product-option-values {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.product-option-value {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.product-option-value .form-control {
  flex: 1;
}

.product-add-value-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.product-add-value-button:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
}

.product-remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.product-remove-button:hover {
  background: #fee2e2;
  border-color: #fca5a5;
}

.product-add-icon,
.product-remove-icon {
  width: 1rem;
  height: 1rem;
}

.product-variant-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-variant-checkbox-group {
  font-size: 0.75rem !important;
}

.product-variant-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  cursor: pointer !important;
  font-size: 0.75rem !important;
  margin: 0 !important;
}

.product-variant-checkbox-input {
  width: 1rem !important;
  height: 1rem !important;
  cursor: pointer !important;
  border: 1.5px solid #94a3b8 !important;
  border-radius: 0.125rem !important;
  margin: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  background-color: white !important;
}
.product-variant-checkbox-input:checked {
  background-color: #1e293b !important;
  border-color: #1e293b !important;
}
.product-variant-checkbox-input:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 0.25rem !important;
  top: 0.0625rem !important;
  width: 0.3125rem !important;
  height: 0.625rem !important;
  border: solid white !important;
  border-width: 0 0.125rem 0.125rem 0 !important;
  transform: rotate(45deg) !important;
  display: block !important;
}
.product-variant-checkbox-input:focus {
  outline: none !important;
  border-color: #1e293b !important;
  box-shadow: 0 0 0 0.125rem rgba(79, 70, 229, 0.25) !important;
}

.product-variant-checkbox-text {
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  color: #374151 !important;
}

.storefront__products-grid-container {
  background: #ffffff;
  padding: 1rem;
}

.storefront__products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}

.product-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.product-card--clickable {
  cursor: pointer;
}
.product-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.product-card__image {
  width: 100%;
  height: 200px;
  background: #f8fafc;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  overflow: hidden;
}

.product-card__image-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: white;
}

.product-card__image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #cbd5e1;
}

.product-card__image-placeholder-icon {
  width: 3rem;
  height: 3rem;
}

.product-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.product-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  line-height: 1.4;
}

.product-card__rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product-card__stars {
  display: flex;
  gap: 0.125rem;
}

.product-card__star {
  font-size: 0.875rem;
  color: #d1d5db;
}
.product-card__star--filled {
  color: #fbbf24;
}

.product-card__reviews {
  font-size: 0.75rem;
  color: #6b7280;
}

.product-card__price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product-card__price-current {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
}

.product-card__price-compare {
  font-size: 0.875rem;
  color: #6b7280;
  text-decoration: line-through;
}

.product-card__price-na {
  font-size: 1.125rem;
  font-weight: 700;
  color: #6b7280;
}

.product-card__description {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.5rem;
}

.product-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #4338ca;
  background-color: #eef2ff;
  border-radius: 9999px;
  line-height: 1.5;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-card__badge--overflow {
  color: #6b7280;
  background-color: #f3f4f6;
}

.storefront__sidebar-content {
  scrollbar-width: none;
}
.storefront__sidebar-content:hover, .storefront__sidebar-content:focus, .storefront__sidebar-content:focus-within, .storefront__sidebar-content:active {
  scrollbar-width: none;
}
.storefront__sidebar-content::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.storefront__sidebar-content:hover::-webkit-scrollbar, .storefront__sidebar-content:focus::-webkit-scrollbar, .storefront__sidebar-content:focus-within::-webkit-scrollbar, .storefront__sidebar-content:active::-webkit-scrollbar {
  width: 0;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item {
  transition: none;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item:hover {
  transition: none;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item .module-container-sidebar-content-group-list-item-button {
  transition: none;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item .module-container-sidebar-content-group-list-item-button:hover {
  transition: none;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item .module-container-sidebar-content-group-list-item-button.active {
  transition: none;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item .module-container-sidebar-content-group-list-item-badge {
  transition: none;
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.storefront__sidebar-content .module-container-sidebar-content-group-list-item .new-feature-badge.hidden {
  display: none;
}
.storefront__main-content .module-container-content-header {
  height: auto;
  min-height: auto;
  padding: 1rem 1rem 0.5rem 1.5rem;
}
.storefront__main-content__main-content .module-container-content-body {
  padding: 0.5rem 1.5rem;
  width: 100%;
  max-width: none;
  overflow: visible;
  height: auto;
}
.storefront__content-wrapper {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .storefront__collections-section {
    margin-top: 2rem;
  }
  .storefront__collections-title {
    font-size: 1.25rem;
  }
  .storefront__collection-description {
    max-width: 150px;
  }
  .storefront__collections-empty-state {
    padding: 2rem 1rem;
  }
  .storefront__collections-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .storefront__collections-add-button {
    align-self: flex-end;
  }
}
@media (max-width: 768px) {
  .storefront__products-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .storefront__products-header-left {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
  .storefront__products-title {
    font-size: 1.25rem;
  }
  .storefront__products-add-button {
    align-self: flex-end;
  }
}
.storefront-form__label-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.storefront-form__character-counter {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 400;
  margin-left: auto;
}

.operation-success-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 1rem;
  min-height: 60vh;
  text-align: center;
}
.operation-success-view__main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: 600px;
}
.operation-success-view__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.5rem;
}
.operation-success-view__icon {
  width: 100%;
  height: 100%;
  color: #22c55e;
}
.operation-success-view__icon--success {
  color: #22c55e;
}
.operation-success-view__title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  line-height: 1.2;
}
.operation-success-view__description {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
  max-width: 500px;
}
.operation-success-view__stats-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  max-width: 600px;
  flex-wrap: wrap;
}
.operation-success-view__stats-area > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 120px;
}
.operation-success-view__stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
.operation-success-view__stats--success .operation-success-view__stats-icon {
  color: #22c55e;
}
.operation-success-view__stats--success .operation-success-view__stats-badge {
  background: #dcfce7;
  color: #166534;
}
.operation-success-view__stats--failed .operation-success-view__stats-icon {
  color: #ef4444;
}
.operation-success-view__stats--failed .operation-success-view__stats-badge {
  background: #fee2e2;
  color: #dc2626;
}
.operation-success-view__stats-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #64748b;
  flex-shrink: 0;
}
.operation-success-view__stats-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  background: #f1f5f9;
  color: #475569;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.operation-success-view__stats-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  margin: 0;
  text-align: center;
}
.operation-success-view__result {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 600px;
  padding: 1.5rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  text-align: left;
}
.operation-success-view__result-title-area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.operation-success-view__result-title-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background: #1e293b;
  border-radius: 50%;
  flex-shrink: 0;
}
.operation-success-view__result-title-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.operation-success-view__result-description {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.operation-success-view__result-description b {
  font-weight: 700;
  color: #1e293b;
}

@media (max-width: 768px) {
  .operation-success-view {
    padding: 1.5rem 1rem;
    gap: 1.5rem;
    min-height: 50vh;
  }
  .operation-success-view__main-area {
    gap: 0.75rem;
  }
  .operation-success-view__icon-wrapper {
    width: 3rem;
    height: 3rem;
  }
  .operation-success-view__title {
    font-size: 1.5rem;
  }
  .operation-success-view__description {
    font-size: 0.875rem;
  }
  .operation-success-view__stats-area {
    gap: 1.5rem;
    flex-direction: column;
  }
  .operation-success-view__stats-area > div {
    width: 100%;
  }
  .operation-success-view__result {
    padding: 1rem;
  }
}
.storefront__configuration-layout {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.storefront__configuration-form {
  width: 55%;
  background-color: #ffffff;
  border-radius: 6px;
  position: sticky;
  top: 1.5rem;
  max-height: calc(100vh - 17rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.storefront__configuration-form form {
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}
.storefront__configuration-form-section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.storefront__configuration-form .form-control {
  font-size: 0.875rem;
}
.storefront__configuration-form label {
  font-size: 0.875rem;
}

.storefront__payments-form {
  width: 100%;
  position: static;
  max-height: none;
}

.storefront__payments-sections {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.storefront__payments-sections .storefront__configuration-form-section {
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 6px;
}

.storefront__shipping-option-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.875rem;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}
.storefront__shipping-option-row__info {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.storefront__shipping-option-row__title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e293b;
}
.storefront__shipping-option-row__meta {
  font-size: 0.75rem;
  color: #6b7280;
}

.storefront__branding-header {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  margin-bottom: 1.5rem;
}
.storefront__branding-header .storefront__branding-header-title {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-icon {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #f3f4f6;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-icon .storefront__branding-header-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-icon .storefront__branding-header-placeholder-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.5px;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-icon .storefront__branding-header-placeholder-icon .storefront__branding-header-placeholder-text {
  color: #9ca3af;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-icon .storefront__branding-header-placeholder-icon .storefront__branding-header-placeholder-text-accent {
  color: #20b9db;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-text-area {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-text-area .storefront__branding-header-title-text {
  color: #111827;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.storefront__branding-header .storefront__branding-header-title .storefront__branding-header-title-text-area .storefront__branding-header-title-subtitle {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
}
.storefront__branding-header .storefront__branding-header-link-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  color: #374151;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  user-select: none;
}
.storefront__branding-header .storefront__branding-header-link-badge:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
}
.storefront__branding-header .storefront__branding-header-link-badge:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 6px 10px;
  background-color: #1f2937;
  color: #ffffff;
  font-size: 11px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.storefront__branding-header .storefront__branding-header-link-badge:hover::after::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: #1f2937;
}
.storefront__branding-header .storefront__branding-header-link-badge:active {
  transform: scale(0.98);
}
.storefront__branding-header .storefront__branding-header-link-badge--copied {
  background-color: #d1fae5;
  border-color: #10b981;
  color: #065f46;
}
.storefront__branding-header .storefront__branding-header-link-badge--copied .storefront__branding-header-link-icon {
  color: #10b981;
}
.storefront__branding-header .storefront__branding-header-link-badge--copied .storefront__branding-header-link-text {
  color: #065f46;
}
.storefront__branding-header .storefront__branding-header-link-badge .storefront__branding-header-link-icon {
  color: #6b7280;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.storefront__branding-header .storefront__branding-header-link-badge .storefront__branding-header-link-text {
  font-weight: 500;
  color: #374151;
  transition: color 0.2s ease;
}
.storefront__branding-header .storefront__branding-header-link-badge .storefront__branding-header-link-url {
  color: #6b7280;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 11px;
}

.storefront__configuration-preview-container {
  width: 45%;
}
.storefront__configuration-preview-container .storefront__configuration-preview {
  background-color: #ffffff;
  border-radius: 6px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  padding: 5px 10px;
  border: #e5e5e5;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header .storefront__configuration-preview-header-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header .storefront__configuration-preview-header-title .storefront__configuration-preview-header-title-icon {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #f3f4f6;
  flex-shrink: 0;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header .storefront__configuration-preview-header-title .storefront__configuration-preview-header-title-text-area {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header .storefront__configuration-preview-header-title .storefront__configuration-preview-header-title-text-area .storefront__configuration-preview-header-title-text {
  color: #111827;
  font-weight: bold;
  font-size: 16px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header .storefront__configuration-preview-header-title .storefront__configuration-preview-header-title-text-area .storefront__configuration-preview-header-title-subtitle {
  color: #6b7280;
  font-size: 12px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-header .storefront__configuration-preview-header-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body {
  padding: 1rem;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body .storefront__configuration-preview-item {
  display: flex;
  gap: 0.75rem;
  min-height: 150px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--grid .storefront__configuration-preview-item {
  flex-direction: column;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--list .storefront__configuration-preview-item {
  flex-direction: row;
  align-items: center;
  padding: 0.75rem;
  background-color: #f9fafb;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  min-height: auto;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body .storefront__configuration-preview-item-image {
  background-color: #f3f4f6;
  border-radius: 6px;
  flex-shrink: 0;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--grid .storefront__configuration-preview-item-image {
  width: 100%;
  height: 120px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--list .storefront__configuration-preview-item-image {
  width: 80px;
  height: 80px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body .storefront__configuration-preview-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--list .storefront__configuration-preview-item-content {
  flex: 1;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body .storefront__configuration-preview-item-title {
  height: 14px;
  background-color: #e5e7eb;
  border-radius: 4px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--grid .storefront__configuration-preview-item-title {
  width: 70%;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--list .storefront__configuration-preview-item-title {
  width: 60%;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body .storefront__configuration-preview-item-subtitle {
  height: 12px;
  background-color: #f3f4f6;
  border-radius: 4px;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--grid .storefront__configuration-preview-item-subtitle {
  width: 50%;
}
.storefront__configuration-preview-container .storefront__configuration-preview .storefront__configuration-preview-body--list .storefront__configuration-preview-item-subtitle {
  width: 40%;
}

.storefront__configuration-form-section-title__store-search, .storefront__configuration-form-section-title__products-and-variants {
  margin-top: 2.5rem;
}

.collection-form__layout {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 1.5rem;
  padding: 1.5rem;
}
.collection-form__main-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.collection-form__card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.collection-form__card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.collection-form__field-group {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.collection-form__field-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.collection-form__field-label-row .reach-form-label {
  margin-bottom: 0;
}
.collection-form__char-counter {
  font-size: 0.6875rem;
  color: #94a3b8;
  font-weight: 400;
}
.collection-form__info-tip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background: #eff6ff;
  border-radius: 0.375rem;
  font-size: 0.6875rem;
  color: var(--color-soft-blue, #3b82f6);
  line-height: 1.4;
}
.collection-form__preview-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.collection-form__preview-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  position: sticky;
  top: 1rem;
}
.collection-form__preview-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.collection-form__preview-divider {
  height: 1px;
  background: #e2e8f0;
}
.collection-form__preview-fields {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.collection-form__preview-field {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.collection-form__preview-label {
  font-size: 0.6875rem;
  color: #94a3b8;
}
.collection-form__preview-value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1e293b;
  word-break: break-word;
}
.collection-form__preview-value--muted {
  color: #64748b;
}

.pov {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  color: #334155;
}
.pov button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.pov input[type=text],
.pov input[type=number] {
  all: unset;
  box-sizing: border-box;
  font-family: inherit;
}
.pov__divider {
  height: 1px;
  background: #e2e8f0;
}
.pov__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #ffffff;
  background: #1e293b;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  line-height: 1;
}
.pov__chip-x {
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  padding: 0;
}
.pov__chip-x:hover {
  color: #ffffff;
}
.pov__hint {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}
.pov__error-row {
  padding: 0.5rem 1.5rem;
  background: #fef2f2;
  font-size: 0.75rem;
  color: #dc2626;
}
.pov__card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.pov__opt-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pov__opt-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.pov__opt-add-link {
  display: inline-flex !important;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-soft-blue, #3b82f6) !important;
  background: none !important;
  border: none !important;
  cursor: pointer;
  padding: 0;
  width: auto !important;
}
.pov__opt-add-link:hover {
  text-decoration: underline;
}
.pov__opt-add-link:disabled {
  color: #cbd5e1 !important;
  cursor: not-allowed;
  text-decoration: none;
}
.pov__opt-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.pov__opt-name {
  flex-shrink: 0;
  width: 140px;
}
.pov__opt-name-input {
  width: 100% !important;
  padding: 0.375rem 0.625rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.375rem !important;
  font-size: 0.8125rem !important;
  font-weight: 500;
  color: #1e293b;
  background: #ffffff !important;
  outline: none;
  display: block;
}
.pov__opt-name-input:focus {
  border-color: var(--color-soft-blue, #3b82f6) !important;
}
.pov__opt-name-input::placeholder {
  color: #94a3b8;
  font-weight: 400;
}
.pov__opt-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.pov__opt-val-input {
  border: none;
  outline: none;
  font-size: 0.6875rem;
  color: #334155;
  padding: 0.25rem 0;
  min-width: 70px;
  flex: 1;
  background: transparent;
}
.pov__opt-val-input::placeholder {
  color: #94a3b8;
}
.pov__opt-delete {
  flex-shrink: 0;
  display: flex !important;
  align-items: center;
  background: none !important;
  border: none !important;
  cursor: pointer;
  color: #94a3b8 !important;
  padding: 0.375rem;
  margin-top: 0.25rem;
  width: auto !important;
}
.pov__opt-delete:hover {
  color: #64748b !important;
}
.pov__opt-collapsed {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.pov__opt-toggle {
  display: flex !important;
  align-items: center;
  gap: 0.375rem;
  background: none !important;
  border: none !important;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-soft-blue, #3b82f6) !important;
  padding: 0;
  width: auto !important;
}
.pov__opt-toggle:hover {
  text-decoration: underline;
}
.pov__var-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.pov__var-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
}
.pov__var-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pov__var-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}
.pov__var-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 0.0625rem 0.5rem;
  border-radius: 10px;
}
.pov__var-count {
  font-size: 0.75rem;
  color: #94a3b8;
}
.pov__group-row {
  display: flex !important;
  align-items: center;
  gap: 0.5rem !important;
  padding: 0.625rem 1.5rem;
  background: #f8fafc;
  justify-content: flex-start !important;
}
.pov__group-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748b;
}
.pov__group-select-wrapper {
  position: relative;
}
.pov__group-select {
  display: flex !important;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.25rem !important;
  background: #ffffff !important;
  font-size: 0.75rem;
  font-weight: 500;
  color: #1e293b !important;
  cursor: pointer;
  width: auto !important;
}
.pov__group-select:hover {
  border-color: #cbd5e1 !important;
}
.pov__group-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  margin-top: 0.25rem;
  min-width: 120px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.pov__group-dropdown-item {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  color: #334155;
  cursor: pointer;
}
.pov__group-dropdown-item:hover {
  background: #f8fafc;
}
.pov__group-dropdown-item--active {
  background: #eff6ff;
  color: var(--color-soft-blue, #3b82f6);
  font-weight: 500;
}
.pov__var-group {
  border-top: 1px solid #e2e8f0;
}
.pov__var-group-header {
  display: flex !important;
  align-items: center;
  gap: 0.5rem !important;
  width: 100% !important;
  padding: 0.625rem 1.5rem !important;
  background: #fafafa !important;
  border: none !important;
  cursor: pointer;
  text-align: left;
  color: #64748b !important;
}
.pov__var-group-header:hover {
  background: #f5f5f5 !important;
}
.pov__var-group-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
}
.pov__var-group-badge {
  font-size: 0.625rem;
  font-weight: 600;
  color: #64748b;
  background: #f0f0f0;
  border: 1px solid #e2e8f0;
  padding: 0 0.375rem;
  border-radius: 8px;
}
.pov__var-th-row {
  display: grid;
  grid-template-columns: 2rem 2fr 1fr 1fr 1.2fr 2.5rem;
  gap: 0.75rem !important;
  padding: 0.375rem 1.5rem;
  background: #f8fafc;
}
.pov__var-th {
  font-size: 0.625rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pov__var-row {
  display: grid;
  grid-template-columns: 2rem 2fr 1fr 1fr 1.2fr 2.5rem;
  gap: 0.75rem !important;
  padding: 0.5rem 1.5rem;
  align-items: center;
  border-bottom: 1px solid #f1f5f9;
}
.pov__var-row:last-child {
  border-bottom: none;
}
.pov__var-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1e293b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pov__toggle {
  position: relative;
  display: inline-flex !important;
  cursor: pointer;
  width: auto !important;
}
.pov__toggle-input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.pov__toggle-input:checked + .pov__toggle-track {
  background: var(--color-soft-blue, #3b82f6) !important;
}
.pov__toggle-input:checked + .pov__toggle-track::after {
  transform: translateX(14px);
}
.pov__toggle-track {
  width: 32px !important;
  height: 18px !important;
  background: #e2e8f0 !important;
  border-radius: 9px !important;
  position: relative;
  transition: background 0.2s ease;
  display: block !important;
  border: none !important;
}
.pov__toggle-track::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.pov__var-img-cell {
  display: flex;
  align-items: center;
}
.pov__var-img-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  cursor: pointer !important;
  overflow: hidden;
  padding: 0 !important;
  flex-shrink: 0;
}
.pov__var-img-btn:hover {
  border-color: var(--color-soft-blue, #3b82f6) !important;
}
.pov__var-img-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pov__hint-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pov__hint--example {
  font-size: 0.75rem !important;
  color: #94a3b8 !important;
  font-style: italic;
}
.pov__var-input {
  width: 100% !important;
  padding: 0.3125rem 0.5rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.25rem !important;
  font-size: 0.75rem !important;
  color: #1e293b;
  background: #ffffff !important;
  outline: none;
  display: block;
}
.pov__var-input:focus {
  border-color: var(--color-soft-blue, #3b82f6) !important;
}
.pov__var-input::placeholder {
  color: #cbd5e1;
}
.pov__var-input--muted {
  color: #64748b;
}

@media (max-width: 768px) {
  .collection-form__layout {
    grid-template-columns: 1fr;
  }
  .collection-form__preview-card {
    position: static;
  }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}.tabs {
  background: #ffffff;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0 1rem;
  margin-bottom: 0;
}
.tabs, .tabs__container, .tabs__item, .tabs__item--active {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.tabs__container {
  display: flex;
  align-items: center;
  gap: 0;
  box-sizing: border-box;
}
.tabs__item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  gap: 0.5rem;
  transition: all 0.15s ease;
  cursor: pointer;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #64748b;
  border-radius: 0;
  margin: 0 0.125rem;
}
.tabs__item:hover {
  color: #1e293b;
}
.tabs__item--error {
  color: #dc3545;
}
.tabs__item--active {
  color: #1e293b;
  font-weight: 600;
  border-bottom-color: var(--color-soft-blue, #3b82f6);
}
.tabs__item-icon {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.tabs__item-label {
  user-select: none;
}
.tabs__item-error-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #dc3545;
  flex-shrink: 0;
}.product-form__layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 2rem;
  align-items: flex-start;
  padding: 1.5rem;
}
.product-form__main-column {
  min-width: 0;
}
.product-form__layout--full-width {
  grid-template-columns: 1fr;
}
.product-form__tabs {
  margin-bottom: 0;
}
.product-form__tab-panel--full-width {
  padding: 0;
}
.product-form__resume-column {
  position: sticky;
  top: 0;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.product-form__resume-column::-webkit-scrollbar {
  width: 6px;
}
.product-form__resume-column::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}
.product-form__resume-column::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.product-form__resume-column::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.product-form__tab-content {
  min-height: 300px;
}
.product-form__tab-panel {
  animation: fadeIn 0.2s ease-in;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-form__card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 150ms ease-in-out;
}
.product-form__card--horizontal {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
}
.product-form__card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.product-form__fields-row--three {
  grid-template-columns: 1fr 1fr 1fr;
}
.product-form__availability-left {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product-form__availability-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e293b;
}
.product-form__availability-desc {
  font-size: 0.75rem;
  color: #94a3b8;
}
.product-form__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: 100%;
  height: 140px;
  border-radius: 0.5rem;
  border: 1px dashed #e2e8f0;
  background: #f8fafc;
  cursor: pointer;
  transition: all 0.15s ease;
}
.product-form__dropzone:hover {
  border-color: #cbd5e1;
  background: #f1f5f9;
}
.product-form__dropzone-text {
  font-size: 0.875rem;
  color: #94a3b8;
}
.product-form__dropzone-hint {
  font-size: 0.75rem;
  color: #cbd5e1;
}
.product-form__add-image-link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-soft-blue, #3b82f6);
}
.product-form__sidebar-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.product-form__sidebar-card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.product-form__sidebar-divider {
  height: 1px;
  background: #e2e8f0;
}
.product-form__preview-image {
  width: 100%;
  height: 160px;
  border-radius: 0.5rem;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.product-form__preview-fields {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-form__preview-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-form__preview-label {
  font-size: 0.75rem;
  color: #94a3b8;
}
.product-form__preview-value {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1e293b;
  text-align: right;
}
.product-form__preview-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.1375rem 0.6875rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
}
.product-form__preview-badge--available {
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
}
.product-form__preview-badge--unavailable {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}
.product-form__card--compact {
  padding: 1rem 1.5rem;
  gap: 0.75rem;
}
.product-form__collections-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.product-form__collection-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.product-form__collection-item-name {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1e293b;
}
.product-form__collection-item-remove {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0;
}
.product-form__collection-item-remove:hover {
  color: #dc2626;
}
.product-form__collections-dropdown {
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  overflow: hidden;
  max-height: 150px;
  overflow-y: auto;
}
.product-form__collections-dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  color: var(--color-soft-blue, #3b82f6);
  cursor: pointer;
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.1s ease;
}
.product-form__collections-dropdown-item:hover {
  background: #f8fafc;
}
.product-form__collections-dropdown-item:last-child {
  border-bottom: none;
}
.product-form__fields-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.product-form__fields-row:last-child {
  margin-bottom: 0;
}
.product-form__fields-row .input-tag {
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--off-white) !important;
}
.product-form__fields-row .suggestions {
  background: #f8fafc;
}
.product-form__field-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.product-form__tab-panel {
  animation: fadeIn 0.2s ease-in;
}
.product-form__tab-panel textarea.reach-form-input {
  min-height: 120px;
  height: auto;
  resize: vertical;
  width: 100%;
  line-height: 1.5;
  padding: 0.75rem;
}
.product-form__resume {
  padding: 0;
}
.product-form__resume-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 1.5rem;
}
.product-form__resume-content {
  display: flex;
  flex-direction: column;
}
.product-form__resume-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.product-form__resume-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}
.product-form__resume-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.product-form__resume-item--full {
  grid-column: 1/-1;
}
.product-form__resume-label {
  font-weight: 500;
  color: #64748b;
  font-size: 0.875rem;
}
.product-form__resume-value {
  color: #1e293b;
  font-size: 0.875rem;
  word-break: break-word;
  line-height: 1.4;
}
.product-form__resume-preview {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.product-form__resume-preview .product-card {
  max-width: 100%;
  width: 100%;
}
.product-form__modifiers-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.product-form__modifiers-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-form__modifiers-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.product-form__modifiers-attach-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  color: var(--color-soft-blue, #3b82f6);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}
.product-form__modifiers-attach-btn:disabled {
  color: #cbd5e1;
  cursor: not-allowed;
}
.product-form__modifiers-divider {
  height: 1px;
  background: #e2e8f0;
}
.product-form__modifiers-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-form__modifier-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.product-form__modifier-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product-form__modifier-item-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.product-form__modifier-item-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
}
.product-form__modifier-item-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.1375rem 0.6875rem;
  border-radius: 9999px;
}
.product-form__modifier-item-badge--required {
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
}
.product-form__modifier-item-badge--optional {
  background: #f9fafb;
  color: #6b7280;
  border: 1px solid #e5e7eb;
}
.product-form__modifier-item-meta {
  font-size: 0.6875rem;
  color: #94a3b8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-form__modifier-item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #94a3b8;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}
.product-form__modifier-item-remove:hover {
  color: #dc2626;
  border-color: #fca5a5;
  background: #fef2f2;
}
.product-form__modifiers-empty {
  font-size: 0.8125rem;
  color: #94a3b8;
  margin: 0;
}
.product-form__modifiers-dropdown {
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
}
.product-form__modifiers-dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.1s ease;
}
.product-form__modifiers-dropdown-item:hover {
  background: #f8fafc;
}
.product-form__modifiers-dropdown-item:last-child {
  border-bottom: none;
}
.product-form__modifiers-dropdown-item-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #334155;
}
.product-form__modifiers-dropdown-item-count {
  font-size: 0.6875rem;
  color: #94a3b8;
}

.reach-form-main-area textarea.reach-form-input {
  min-height: 120px;
  height: auto;
  resize: vertical;
  width: 100%;
  line-height: 1.5;
  padding: 0.75rem;
  box-sizing: border-box;
}

.product-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  width: 100%;
}
.product-form-row--three {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}
.product-form-row--two {
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.product-form-group-half {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.product-form-group-third {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.product-variant-item .product-form-row--variant-image {
  margin-top: 0.5rem;
}
.product-variant-item .product-variant-image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  background: #f8fafc;
  border: 2px dashed #cbd5e1;
  border-radius: 0.5rem;
  gap: 0.75rem;
}
.product-variant-item .product-variant-image-placeholder-icon {
  width: 3rem;
  height: 3rem;
  color: #94a3b8;
}
.product-variant-item .product-variant-image-placeholder-text {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}
.product-variant-item .product-image-preview-wrapper .product-image-preview {
  max-width: 100%;
}
.product-variant-item .product-image-preview-wrapper .product-image-preview .product-image-preview-img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  background: white;
  border-radius: 0.375rem;
}

@media (max-width: 1024px) {
  .product-form__layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .product-form__resume-column {
    position: static;
    max-height: none;
    order: -1;
  }
  .product-form__fields-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .product-form__resume-grid {
    grid-template-columns: 1fr;
  }
}
.product-form__variant-note {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}
.product-form__variant-note-text {
  font-size: 0.875rem;
  color: #1e40af;
  line-height: 1.5;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.reach-form-main-area .storefront-extra-form__radio-group {
  display: flex;
  gap: 1.5rem;
  margin-top: 0.25rem;
}
.reach-form-main-area .storefront-extra-form__radio-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: #374151;
  margin-bottom: 0;
}
.reach-form-main-area .storefront-extra-form__radio-option input[type=radio] {
  accent-color: #3b82f6;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer;
  position: static;
  margin: 0;
  opacity: 1;
  pointer-events: auto;
}
.reach-form-main-area .storefront-extra-form__radio-option span {
  line-height: 1;
}
.reach-form-main-area .storefront-extra-form__checklist {
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background-color: #fff;
}
.reach-form-main-area .storefront-extra-form__checklist-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
  font-size: 0.875rem;
  color: #374151;
  transition: background-color 0.15s ease;
  margin-bottom: 0;
  width: 100%;
}
.reach-form-main-area .storefront-extra-form__checklist-item:last-child {
  border-bottom: none;
}
.reach-form-main-area .storefront-extra-form__checklist-item:hover {
  background-color: #f9fafb;
}
.reach-form-main-area .storefront-extra-form__checklist-item--selected {
  background-color: #eff6ff;
}
.reach-form-main-area .storefront-extra-form__checklist-item--selected:hover {
  background-color: #dbeafe;
}
.reach-form-main-area .storefront-extra-form__checklist-item input[type=checkbox] {
  accent-color: #3b82f6;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  cursor: pointer;
  flex-shrink: 0;
  position: static;
  margin: 0;
  opacity: 1;
  pointer-events: auto;
  appearance: auto;
  -webkit-appearance: checkbox;
}
.reach-form-main-area .storefront-extra-form__checklist-item span {
  flex: 1;
  line-height: 1.3;
  font-size: 0.8125rem;
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reach-form-main-area .storefront-extra-form__checklist-empty {
  padding: 1rem 0.75rem;
  color: #94a3b8;
  font-size: 0.875rem;
  margin: 0;
  text-align: center;
}.sf-onboarding {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem 1rem;
  min-height: 100%;
  background-color: rgba(242, 242, 242, 0.1411764706);
}
.sf-onboarding__card {
  width: 100%;
  max-width: 580px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.15), 0 4px 6px -2px rgba(124, 58, 237, 0.08);
  overflow: hidden;
}
.sf-onboarding__header {
  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #4f46e5 100%);
  padding: 1.25rem 1.5rem 0;
}
.sf-onboarding__header-content {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding-bottom: 1.25rem;
}
.sf-onboarding__header-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  flex-shrink: 0;
}
.sf-onboarding__header-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 0.25rem;
  line-height: 1.3;
}
.sf-onboarding__header-subtitle {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
  margin: 0;
}
.sf-onboarding__steps {
  display: flex;
  align-items: center;
  padding: 0.875rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.sf-onboarding__step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.55);
}
.sf-onboarding__step.active {
  color: #ffffff;
}
.sf-onboarding__step.active .sf-onboarding__step-circle {
  background: #ffffff;
  border-color: #ffffff;
  color: #2563eb;
}
.sf-onboarding__step.done {
  color: rgba(255, 255, 255, 0.8);
}
.sf-onboarding__step.done .sf-onboarding__step-circle {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}
.sf-onboarding__step-circle {
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 700;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  flex-shrink: 0;
  transition: all 150ms ease-in-out;
}
.sf-onboarding__step-label {
  font-size: 0.8125rem;
  font-weight: 500;
}
.sf-onboarding__step-divider {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0.75rem;
}
.sf-onboarding__body {
  padding: 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sf-onboarding__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.sf-onboarding__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  display: block;
}
.sf-onboarding__required {
  color: #dc2626;
}
.sf-onboarding__input--error {
  border-color: #fca5a5 !important;
}
.sf-onboarding__input--error:focus {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #fca5a5 !important;
}
.sf-onboarding__color-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sf-onboarding__color-swatch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  border: 2px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 150ms ease-in-out;
}
.sf-onboarding__color-swatch:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
.sf-onboarding__color-native {
  width: 0;
  height: 0;
  padding: 0;
  border: none;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.sf-onboarding__color-hex {
  font-size: 0.875rem;
  color: #4b5563;
  font-family: monospace;
  letter-spacing: 0.03em;
}
.sf-onboarding__logo-preview {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background: #f8fafc;
}
.sf-onboarding__logo-img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 0.375rem;
  border: 1px solid #e2e8f0;
  background: #ffffff;
}
.sf-onboarding__logo-remove {
  all: unset;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #dc2626;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 150ms ease-in-out;
}
.sf-onboarding__logo-remove:hover {
  background: #fef2f2;
}
.sf-onboarding__source-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
}
.sf-onboarding__source-card {
  all: unset;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.125rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.625rem;
  cursor: pointer;
  text-align: left;
  transition: all 150ms ease-in-out;
  background: #ffffff;
}
.sf-onboarding__source-card:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.sf-onboarding__source-card.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.sf-onboarding__source-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 0.5rem;
  background: #f1f5f9;
  color: #475569;
  margin-bottom: 0.25rem;
  transition: all 150ms ease-in-out;
}
.sf-onboarding__source-card.selected .sf-onboarding__source-icon-wrap {
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.sf-onboarding__source-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.sf-onboarding__source-desc {
  font-size: 0.8125rem;
  color: #4b5563;
  line-height: 1.4;
}
.sf-onboarding__source-check {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: var(--cmd-accent-color, #2683DE);
  color: #ffffff;
}
.sf-onboarding__integrations {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.sf-onboarding__integrations-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.sf-onboarding__integrations-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.sf-onboarding__icon-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  color: #64748b;
  background: #ffffff;
  transition: all 150ms ease-in-out;
}
.sf-onboarding__icon-btn:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.sf-onboarding__icon-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sf-onboarding__link-btn {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--cmd-accent-color, #2683DE);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 150ms ease-in-out;
}
.sf-onboarding__link-btn:hover {
  background: var(--cmd-accent-bg, #E5F2FC);
}
.sf-onboarding__empty-state {
  padding: 1.25rem 1rem;
  border: 1px dashed #e2e8f0;
  border-radius: 0.5rem;
  text-align: center;
  background: #f8fafc;
}
.sf-onboarding__empty-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin: 0 0 0.25rem;
}
.sf-onboarding__empty-desc {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: 0;
}
.sf-onboarding__integration-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.sf-onboarding__integration-row {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  background: #ffffff;
}
.sf-onboarding__integration-row:hover:not(.selected) {
  border-color: #93c5fd;
  background: #f8fafc;
}
.sf-onboarding__integration-row.selected {
  border-color: var(--cmd-accent-color, #2683DE);
  background: var(--cmd-accent-bg, #E5F2FC);
}
.sf-onboarding__integration-name {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}
.sf-onboarding__integration-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  background: #f3f4f6;
  color: #6b7280;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.sf-onboarding__integration-check {
  color: var(--cmd-accent-color, #2683DE);
  flex-shrink: 0;
}
.sf-onboarding__footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #f1f5f9;
  background: #f8fafc;
}
.sf-onboarding__footer-spacer {
  flex: 1;
}
.sf-onboarding__btn-primary {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 36px;
  padding: 0 1.125rem;
  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: opacity 150ms ease-in-out;
  box-shadow: 0 1px 3px rgba(79, 70, 229, 0.3);
}
.sf-onboarding__btn-primary:hover:not(:disabled) {
  opacity: 0.9;
}
.sf-onboarding__btn-primary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.sf-onboarding__btn-secondary {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 1rem;
  background: transparent;
  color: #364153;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 150ms ease-in-out;
}
.sf-onboarding__btn-secondary:hover:not(:disabled) {
  background: #f1f5f9;
}
.sf-onboarding__btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.sf-onboarding--spinning {
  animation: sf-spin 0.8s linear infinite;
}

@keyframes sf-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.storefront__external-banner {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #92400e;
  margin-bottom: 1rem;
}.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;  
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}:root {
  --cmd-accent-color: #2683DE;
  --cmd-accent-bg: #E5F2FC;
}

.command-center {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  min-height: calc(100vh - 60px);
  background-color: rgba(242, 242, 242, 0.1411764706);
}
@media (min-width: 640px) {
  .command-center {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.command-center-premium-banner {
  margin-bottom: 2rem;
  width: 100%;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #4f46e5 100%);
  box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3), 0 4px 6px -2px rgba(124, 58, 237, 0.2);
  overflow: hidden;
  padding: 1rem;
}
.command-center-premium-banner-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.command-center-premium-banner-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.command-center-premium-banner-header-icon-area {
  padding: 0.75rem;
  border-radius: calc(var(--radius) + 4px);
  color: white;
}
.command-center-premium-banner-header-icon {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.command-center-premium-banner-header-main-text {
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--off-white);
}
.command-center-premium-banner-header-sub-text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: var(--off-white);
}
.command-center-premium-banner-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: var(--breakpoint-sm)) {
  .command-center-premium-banner-details {
    flex-direction: row;
  }
}
.command-center-premium-banner-details-last-updated {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: var(--off-white);
  flex-shrink: 0;
}
.command-center-premium-banner-details-last-updated-icon {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  color: inherit;
}
.command-center-premium-banner-glass-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 100%);
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(14px);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
  user-select: none;
}
.command-center-premium-banner-glass-button:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.12) 100%);
}
.command-center-premium-banner-glass-button:active {
  transform: translateY(0);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}
.command-center-premium-banner-glass-button::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 60%);
  pointer-events: none;
}
.command-center-header {
  margin-inline: auto;
}
.command-center-header-presentation {
  display: flex;
  flex-direction: column;
}
.command-center-header-presentation-row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  border-radius: 0.5rem;
}
@media (min-width: 640px) {
  .command-center-header-presentation-row {
    flex-direction: row;
    align-items: center;
  }
}
.command-center-header-presentation-icon-area {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  width: 3.5rem;
  height: 3.5rem;
  background-image: linear-gradient(to bottom, #2563eb, #1d4ed8);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.command-center-header-presentation-icon {
  color: var(--off-white);
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}
.command-center-header-presentation-text-area {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-width: 0;
}
.command-center-header-presentation-title {
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #111827;
}
.command-center-header-presentation-tools-area {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
.command-center-header-presentation-description {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: rgba(63, 63, 70, 0.7019607843);
}
.command-center-header-presentation-last-updated {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: rgba(63, 63, 70, 0.7019607843);
  flex-shrink: 0;
}
.command-center-header-presentation-last-updated-icon {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  color: inherit;
}
.command-center-header-toolbar {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 1rem;
}
@media (min-width: 640px) {
  .command-center-header-toolbar {
    gap: 1.5rem;
  }
}
.command-center-header-toolbar-search-bar {
  width: 100%;
  margin-inline: auto;
  position: relative;
}
.command-center-header-toolbar-search-bar-input {
  min-width: 0;
  padding-left: 2.25rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  height: 35px !important;
  width: 100% !important;
  border-radius: 9999px;
  background-color: #f1f5f9 !important;
  border: 0;
  color: #64748b;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none;
}
.command-center-header-toolbar-search-bar-input::placeholder {
  color: rgba(102, 116, 139, 0.9) !important;
}
.command-center-header-toolbar-search-bar-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 1rem;
  color: #64748b;
  pointer-events: none;
  z-index: 10;
}
.command-center-header-toolbar-search-bar-close-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 1rem;
  color: #64748b;
  z-index: 10;
  cursor: pointer;
}
.command-center-header-toolbar-suggestions {
  position: absolute;
  z-index: 10;
  margin-top: 0.25rem;
  width: 100%;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: var(--rounded-md);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  max-height: 15rem;
  overflow: auto;
}
.command-center-header-toolbar-suggestions-list {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.command-center-header-toolbar-suggestions-list-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.command-center-header-toolbar-suggestions-list-item:hover {
  background-color: #f1f5f9;
}
.command-center-header-toolbar-suggestions-list-item.active {
  background-color: #f1f5f9;
}
.command-center-header-toolbar-suggestions-list-item.no-active:hover {
  background-color: #f8fafc;
}
.command-center-header-toolbar-quick-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.command-center-header-toolbar-quick-actions-title {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  color: #475569;
}
.command-center-header-toolbar-quick-actions-description {
  color: #4a5565;
}
.command-center-header-toolbar-quick-actions-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.command-center-header-toolbar-quick-actions-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  justify-content: center;
  color: #99a1af;
  background-color: transparent;
}
.command-center-header-toolbar-quick-actions-button:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.command-center-header-toolbar-quick-actions-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.command-center-header-toolbar-quick-actions-button-label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: inherit;
  white-space: nowrap;
}
.command-center-header-toolbar-quick-actions-button.view {
  width: auto;
  padding: 0 0.75rem;
  color: var(--cmd-accent-color);
  background-color: var(--cmd-accent-bg);
}
.command-center-header-toolbar-quick-actions-button.active {
  color: var(--cmd-accent-color);
  background-color: var(--cmd-accent-bg);
}
.command-center-header-toolbar-quick-actions-compared-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  min-width: 2rem;
  width: auto;
  height: 2rem;
  border-radius: 9999px;
  justify-content: center;
  color: #99a1af;
  background-color: transparent;
  overflow: hidden;
  transition: padding 180ms ease, background-color 180ms ease, color 180ms ease;
}
.command-center-header-toolbar-quick-actions-compared-button:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.command-center-header-toolbar-quick-actions-compared-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.command-center-header-toolbar-quick-actions-compared-button.active {
  color: var(--cmd-accent-color);
  background-color: var(--cmd-accent-bg);
}
.command-center-header-toolbar-quick-actions-compared-button-label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  transform: translateX(-4px);
  transition: max-width 200ms ease, opacity 160ms ease, transform 200ms ease;
}
.command-center-header-toolbar-quick-actions-compared-button.is-expanded {
  padding: 0 0.75rem;
  background-color: #00c951;
  color: #fff;
}
.command-center-header-toolbar-quick-actions-compared-button.is-expanded .command-center-header-toolbar-quick-actions-compared-button-label {
  max-width: 200px;
  opacity: 1;
  transform: translateX(0);
}
.command-center-header-toolbar-quick-actions-compared-button.go-to {
  padding: 0 1rem;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
}
.command-center-header-toolbar-quick-actions-compared-button.go-to:hover {
  background-image: linear-gradient(to right, #1d4ed8, #4338ca) !important;
}
.command-center-search-bar {
  min-width: 260px;
}
.command-center-views {
  padding: 0.75rem;
}
.command-center-views-popover {
  width: auto;
  padding: 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.command-center-views-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.command-center-views-header-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #101828;
}
.command-center-views-header-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: #f6f3f4;
  color: #6a7282;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.command-center-views-header-button:hover {
  background-color: #e5e7eb;
  color: #374151;
}
.command-center-views-header-button-icon {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  color: inherit;
}
.command-center-views-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.command-center-views-grid-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  cursor: pointer;
  background-color: transparent;
  color: #364153;
}
.command-center-views-grid-item:hover {
  background-color: var(--cmd-accent-bg);
}
.command-center-views-grid-item.active {
  color: var(--cmd-accent-color);
  background-color: var(--cmd-accent-bg);
}
.command-center-views-grid-item.is-disabled, .command-center-views-grid-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: transparent;
}
.command-center-views-grid-item.is-disabled:hover, .command-center-views-grid-item:disabled:hover {
  background-color: transparent;
}
.command-center-views-grid-item-icon {
  height: 1.25rem;
  width: 1.25rem;
  color: inherit;
  flex-shrink: 0;
}
.command-center-views-grid-item-text {
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.25;
  font-weight: 400;
  color: inherit;
}
.command-center-views-grid-item-pin {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  height: 0.7rem;
  width: 0.7rem;
  color: inherit;
}
.command-center-views-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.command-center-views-footer-button {
  font-size: 0.75rem;
  padding: 0.35rem 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid #e5e7eb;
  color: #364153;
  background-color: transparent;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.command-center-views-footer-button:hover {
  color: var(--cmd-accent-color);
  background-color: var(--cmd-accent-bg);
}
.command-center-views-footer-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.command-center-views-footer-button--default {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  width: auto;
  height: auto;
  border: none;
  padding: 0;
  color: #364153;
}
.command-center-views-footer-button--default:hover {
  background-color: transparent;
  color: rgb(3.7445255474, 4.5072992701, 5.7554744526);
}
.command-center-views-footer-button-icon {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
}
.command-center-views-subfooter {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.5rem;
}
.command-center-views-subfooter-text {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #364153;
}
.command-center-transition {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  min-height: calc(100vh - 60px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.command-center-transition__panel {
  width: 90vw;
  max-width: 420px;
  min-height: 400px;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.command-center-transition__cards {
  position: relative;
  width: 16rem;
  height: 11rem;
  margin-bottom: 2rem;
}
.command-center-transition__card {
  position: absolute;
  border-radius: 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.command-center-transition__card-content {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.command-center-transition__card--lg {
  width: 7rem;
  height: 5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.8), rgba(5, 150, 105, 0.8));
  box-shadow: 0 12px 24px rgba(16, 185, 129, 0.2);
  animation: command-center-float-card-1 4s ease-in-out infinite;
}
.command-center-transition__card--md {
  width: 6rem;
  height: 4rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.8), rgba(37, 99, 235, 0.8));
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.2);
  animation: command-center-float-card-2 4s ease-in-out infinite;
}
.command-center-transition__card--sm {
  width: 5rem;
  height: 3.5rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.8), rgba(217, 119, 6, 0.8));
  box-shadow: 0 12px 24px rgba(245, 158, 11, 0.2);
  animation: command-center-float-card-3 4s ease-in-out infinite;
}
.command-center-transition__card--chart {
  width: 6.5rem;
  height: 4.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.8), rgba(124, 58, 237, 0.8));
  box-shadow: 0 12px 24px rgba(139, 92, 246, 0.2);
  animation: command-center-float-card-4 4s ease-in-out infinite;
}
.command-center-transition__bars {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
  height: 100%;
  padding: 0.5rem 0.5rem 0.75rem;
}
.command-center-transition__bar {
  width: 0.35rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.command-center-transition__bar--1 {
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.command-center-transition__bar--2 {
  height: 1.5rem;
}
.command-center-transition__bar--3 {
  height: 0.85rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.command-center-transition__bar--4 {
  height: 2rem;
  background-color: rgba(255, 255, 255, 0.75);
}
.command-center-transition__bar--5 {
  height: 1.25rem;
}
.command-center-transition__line {
  display: block;
  height: 0.35rem;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.55);
}
.command-center-transition__line--tiny {
  width: 1.25rem;
}
.command-center-transition__line--short {
  width: 2rem;
}
.command-center-transition__line--mid {
  width: 2.75rem;
}
.command-center-transition__line--long {
  width: 3rem;
  background-color: rgba(255, 255, 255, 0.7);
}
.command-center-transition__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.command-center-transition__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0f172a;
}
.command-center-transition__subtitle {
  font-size: 0.875rem;
  color: #64748b;
}
.command-center-transition__dots {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.command-center-transition__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: var(--cmd-accent-color);
  animation: command-center-bounce 0.9s infinite ease-in-out;
}
.command-center-transition__dot--2 {
  animation-delay: 0.15s;
}
.command-center-transition__dot--3 {
  animation-delay: 0.3s;
}
.command-center-body {
  padding-top: 1rem;
}
.command-center-grid {
  min-height: 1px;
}
.command-center-grid .react-grid-item {
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), width 180ms ease, height 180ms ease;
  will-change: transform, width, height;
}
.command-center-grid .react-grid-item.react-draggable-dragging,
.command-center-grid .react-grid-item.resizing {
  transition: none;
}
.command-center-grid .react-grid-placeholder {
  border-radius: 12px;
  background: rgba(38, 131, 222, 0.12);
}
.command-center-grid-item {
  height: 100%;
}
@media (max-width: 768px) {
  .command-center-search-bar {
    min-width: 0;
    width: 100%;
  }
  .command-center-header-toolbar-quick-actions {
    align-items: flex-start;
  }
}
.command-center-header-toolbar-layout-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.command-center-header-toolbar-layout-button {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.75rem;
  border-radius: 9999px;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.command-center-header-toolbar-layout-button:hover {
  background-color: #f8fafc;
  border-color: #cbd5f5;
}
.command-center-header-toolbar-layout-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.command-center-header-toolbar-layout-button.is-secondary {
  background-color: #f8fafc;
}
.command-center-widget-header {
  display: flex;
  align-items: start;
  gap: 0.75rem;
  align-items: center;
}
.command-center-widget-header-icon-area {
  display: flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #DBEAFE;
  color: #2663EB;
  flex-shrink: 0;
}
.command-center-widget-header .conversations {
  background-color: #2663EB;
  color: var(--off-white);
}
.command-center-widget-header .unnatended {
  background-color: #F43F5E;
  color: var(--off-white);
}
.command-center-widget-header .in-queue {
  background-color: #21D095;
  color: var(--off-white);
}
.command-center-widget-header .sales {
  color: #21D095;
  background-color: #DCFCE7;
}
.command-center-widget-header .revenue {
  color: #2663EB;
  background-color: #DBEAFE;
}
.command-center-widget-header .order-value {
  color: #7c3aed;
  background-color: #ede9fe;
}
.command-center-widget-header .conversion-rate {
  color: #0d9488;
  background-color: #ccfbf1;
}
.command-center-widget-header .avg-duration {
  color: #0891b2;
  background-color: #cffafe;
}
.command-center-widget-header .avg-first-reply {
  color: #0ea5e9;
  background-color: #e0f2fe;
}
.command-center-widget-header .channel-distribution {
  color: white;
  background-color: #fb7185;
}
.command-center-widget-header .sales-by-time-of-day {
  color: #21D095;
  background-color: #DCFCE7;
}
.command-center-widget-header .agents-performance {
  color: #7c3aed;
  background-color: #ede9fe;
}
.command-center-widget-header .comments-volume {
  background-color: #f3e8ff;
  color: #8b5cf6;
}
.command-center-widget-header .comments-total {
  background-color: #8b5cf6;
  color: white;
}
.command-center-widget-header-icon {
  height: 1.35rem;
  width: 1.35rem;
  font-size: 1.5rem;
  flex-shrink: 0;
  color: inherit;
}
.command-center-widget-header-title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #101828;
}
.command-center-widget-header-subtitle {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #6a7282;
}
.command-center-widget-body {
  margin-bottom: 1rem;
  min-height: 3.5rem;
}
.command-center-widget-body-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #6a7282;
  min-height: 1.25rem;
  display: block;
}
.command-center-widget-body-title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #90a1b9;
}
.command-center-widget-body-value {
  margin-top: 0.25rem;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #101828;
}
.command-center-widget-body-value.big {
  font-size: 2.25rem;
  line-height: 1.1111111111;
}
.command-center-widget-body-value:is(.revenue) {
  color: #2663EB;
}
.command-center-widget-body-value:is(.order-value) {
  color: #7c3aed;
}
.command-center-widget-body-value:is(.conversion-rate) {
  color: #0d9488;
}
.command-center-widget-body-value:is(.avg-duration) {
  color: #0891b2;
}
.command-center-widget-body-value:is(.avg-first-reply) {
  color: #0ea5e9;
}
.command-center-widget-comparison {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.command-center-widget-comparison-widget {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  padding-left: 0.375rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.command-center-widget-comparison-widget-icon-area {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.command-center-widget-comparison-widget-icon {
  height: 1rem;
  width: 1rem;
  color: #ffffff;
  flex-shrink: 0;
}
.command-center-widget-comparison-widget-value {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
}
.command-center-widget-comparison-widget-period {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #B0B0B0;
}
.command-center-widget-comparison-widget.neutral {
  background-color: #E2E8F0;
}
.command-center-widget-comparison-widget.neutral .command-center-widget-comparison-widget-icon-area {
  background-color: #99a1af;
}
.command-center-widget-comparison-widget.neutral .command-center-widget-comparison-widget-icon {
  color: white;
}
.command-center-widget-comparison-widget.neutral .command-center-widget-comparison-widget-value {
  color: #4a5565;
}
.command-center-widget-comparison-widget.positive {
  background-color: #D1FAE5;
}
.command-center-widget-comparison-widget.positive .command-center-widget-comparison-widget-icon-area {
  background-color: #00bc7d;
}
.command-center-widget-comparison-widget.positive .command-center-widget-comparison-widget-icon {
  color: #ffffff;
}
.command-center-widget-comparison-widget.positive .command-center-widget-comparison-widget-value {
  color: #059669;
}
.command-center-widget-comparison-widget.negative {
  background-color: #FEE2E2;
}
.command-center-widget-comparison-widget.negative .command-center-widget-comparison-widget-icon-area {
  background-color: #fb2c36;
}
.command-center-widget-comparison-widget.negative .command-center-widget-comparison-widget-icon {
  color: #ffffff;
}
.command-center-widget-comparison-widget.negative .command-center-widget-comparison-widget-value {
  color: #e7000b;
}
.command-center-segmented {
  height: auto;
  align-items: center;
  justify-content: center;
  border-radius: var(--rounded-lg);
  background-color: #F8F8F8;
  padding: 0.25rem;
  color: #AEAEAE;
  width: fit-content;
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  width: fit-content;
  gap: 0.25rem;
}
.command-center-segmented-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: var(--rounded-lg);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.command-center-segmented-item.selected {
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  color: var(--reach-blue);
}

.command-center-body .cmd-card--kpi,
.command-center-body .cmd-card--chart {
  height: 100%;
}

#sentiment-analysis {
  display: flex;
  flex-direction: column;
}

#sentiment-analysis .cmd-card-content {
  flex: 1 1 auto;
  min-height: 0;
}

#sentiment-analysis .charts-sentiment-analysis {
  height: 100%;
}

#conversations-volume {
  display: flex;
  flex-direction: column;
}

#conversations-volume .cmd-card-content {
  flex: 1 1 auto;
  min-height: 0;
}

#conversations-volume .command-center-volume-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  min-height: 0;
}

#conversations-volume .command-center-volume-content .volume-graph {
  flex: 1 1 auto;
  min-height: 0;
}

#comments-volume {
  display: flex;
  flex-direction: column;
}

#comments-volume .cmd-card-content {
  flex: 1 1 auto;
  min-height: 0;
}

#comments-volume .command-center-volume-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  min-height: 0;
}

#comments-volume .command-center-volume-content .volume-graph {
  flex: 1 1 auto;
  min-height: 0;
}

#sales-time-of-day,
#workload-daily-team,
#comments-workload-daily-team,
#sentiment-trend {
  display: flex;
  flex-direction: column;
}

#sales-time-of-day .cmd-card-content,
#workload-daily-team .cmd-card-content,
#comments-workload-daily-team .cmd-card-content,
#sentiment-trend .cmd-card-content {
  flex: 1 1 auto;
  min-height: 0;
}

#sales-time-of-day .command-center-sales-time-content,
#workload-daily-team .command-center-workload-content,
#comments-workload-daily-team .command-center-workload-content,
#sentiment-trend .command-center-trend-content {
  height: 100%;
  min-height: 0;
  display: flex;
}

#sales-time-of-day .command-center-sales-time-content .volume-bars-graph,
#workload-daily-team .command-center-workload-content .detailed-histogram,
#comments-workload-daily-team .command-center-workload-content .detailed-histogram,
#sentiment-trend .command-center-trend-content .trend-graph {
  flex: 1 1 auto;
  min-height: 0;
}

.command-center-body.is-compact .charts-sentiment-analysis-chart-area {
  height: 7rem;
}

.filters-panel {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  border-top: 1px solid #f3f4f6;
  padding-top: 1rem;
}
.filters-panel-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-radius: 9999px;
  background-color: var(--cmd-accent-bg);
  color: var(--cmd-accent-color);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  cursor: pointer;
  width: auto;
}
.filters-panel-button:hover {
  background-color: rgba(229, 242, 252, 0.8);
}
.filters-panel-button-icon {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  color: inherit;
}
.filters-panel-button-text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: lighter;
  color: inherit;
}
.filters-panel-button-value {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: bold;
  color: inherit;
}
.filters-panel-button-value-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  color: inherit;
  margin-right: 0.25rem;
}
.filters-panel-button-more-button {
  height: 0.875rem;
  width: 0.875rem;
  opacity: 0.7;
}
.filters-panel-add-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  color: #4b5563;
  border: 1px solid transparent;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  cursor: pointer;
  background-color: transparent;
}
.filters-panel-add-button:hover {
  background-color: #f3f4f6;
  color: #111827;
  border-color: #e5e7eb;
}
.filters-panel-add-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.filters-panel-add-button-options {
  width: auto;
  padding: 0;
}
.filters-panel-add-button-options-area {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.filters-panel-add-button-options-empty {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-add-button-options-button {
  width: 100%;
  text-align: left;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: transparent;
  color: #1e293b;
}
.filters-panel-add-button-options-button:hover {
  background-color: #f5f5f5;
}
.filters-panel-add-button-options-button-icon {
  color: #4a5565;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.filters-panel-date-picker-root {
  width: 100%;
  max-width: 100%;
  background-color: white;
  padding: 0.75rem;
  --cell-size: calc((100% - 1.5rem) / 7);
  box-sizing: border-box;
}
[data-slot=card-content] .filters-panel-date-picker-root {
  background-color: transparent;
}
[data-slot=popover-content] .filters-panel-date-picker-root {
  background-color: transparent;
}
.filters-panel-date-picker-root [dir=rtl] .rdp-button_next > svg {
  transform: rotate(180deg);
}
.filters-panel-date-picker-root [dir=rtl] .rdp-button_previous > svg {
  transform: rotate(180deg);
}
.filters-panel-date-picker-months {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .filters-panel-date-picker-months {
    flex-direction: row;
  }
}
.filters-panel-date-picker-month {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  min-width: 0;
}
.filters-panel-date-picker-nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  justify-content: space-between;
}
.filters-panel-date-picker-button-previous {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  transition: all 0.15s ease-in-out;
  width: 32px;
  height: 36px;
  padding: 0;
  user-select: none;
  flex-shrink: 0;
  outline: none;
  background-color: transparent;
  color: #1e293b;
}
.filters-panel-date-picker-button-previous:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.filters-panel-date-picker-button-previous[aria-disabled=true] {
  opacity: 0.5;
}
.filters-panel-date-picker-button-previous svg {
  pointer-events: none;
  flex-shrink: 0;
}
.filters-panel-date-picker-button-previous svg:not([class*=size-]) {
  width: 1rem;
  height: 1rem;
}
.filters-panel-date-picker-button-previous:hover {
  background-color: #f5f5f5;
  color: #1e293b;
}
.filters-panel-date-picker-button-previous:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px rgba(var(--ring-rgb), 0.5);
}
.filters-panel-date-picker-button-previous[aria-invalid=true] {
  border-color: var(--destructive);
  box-shadow: 0 0 0 3px rgba(var(--destructive-rgb), 0.2);
}
.filters-panel-date-picker-button-previous:has(> svg) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.filters-panel-date-picker-button-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.15s ease-in-out;
  width: 32px;
  height: 32px;
  padding: 0;
  user-select: none;
  flex-shrink: 0;
  outline: none;
  background-color: transparent;
  color: #1e293b;
}
.filters-panel-date-picker-button-next:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.filters-panel-date-picker-button-next[aria-disabled=true] {
  opacity: 0.5;
}
.filters-panel-date-picker-button-next svg {
  pointer-events: none;
  flex-shrink: 0;
}
.filters-panel-date-picker-button-next svg:not([class*=size-]) {
  width: 1rem;
  height: 1rem;
}
.filters-panel-date-picker-button-next:hover {
  background-color: #f5f5f5;
  color: #1e293b;
}
.filters-panel-date-picker-button-next:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px rgba(var(--ring-rgb), 0.5);
}
.filters-panel-date-picker-button-next[aria-invalid=true] {
  border-color: var(--destructive);
  box-shadow: 0 0 0 3px rgba(var(--destructive-rgb), 0.2);
}
.filters-panel-date-picker-button-next:has(> svg) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.filters-panel-date-picker-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 100%;
  padding-inline: 32px;
}
.filters-panel-date-picker-caption-label {
  user-select: none;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.filters-panel-date-picker-caption-label-small {
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.filters-panel-date-picker-caption-label-default {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  height: 2rem;
}
.filters-panel-date-picker-caption-label-default > svg {
  color: rgba(63, 63, 70, 0.7019607843);
  width: 0.875rem;
  height: 0.875rem;
}
.filters-panel-date-picker-caption-dropdowns {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  height: 32px;
  gap: 0.375rem;
}
.filters-panel-date-picker-dropdown {
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.filters-panel-date-picker-dropdown:has(:focus) {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5);
}
.filters-panel-date-picker-dropdown-icon {
  position: absolute;
  background-color: var(--off-white);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.filters-panel-date-picker-table {
  width: 100%;
  border-collapse: collapse;
}
.filters-panel-date-picker-head-row {
  display: flex;
}
.filters-panel-date-picker-head-cell {
  color: rgba(63, 63, 70, 0.7019607843);
  border-radius: 0.375rem;
  flex: 1 1 0%;
  font-weight: 400;
  font-size: 0.8rem;
  user-select: none;
  min-width: 0;
}
.filters-panel-date-picker-row {
  display: flex;
  width: 100%;
  margin-top: 0.5rem;
}
tbody .filters-panel-date-picker-row {
  background-color: transparent !important;
}
.filters-panel-date-picker-row:nth-child(even) .filters-panel-date-picker-row-cell {
  background-color: transparent !important;
}
.filters-panel-date-picker-weeknumber {
  user-select: none;
  width: 32px;
  font-size: 0.8rem;
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-date-picker-day {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  background-color: transparent;
  opacity: 1;
  padding: 0;
  border-radius: 0.375rem;
}
.filters-panel-date-picker-cell {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  aspect-ratio: 1/1;
  user-select: none;
  min-width: 0;
  background-color: transparent !important;
}
tbody tr:nth-child(even) .filters-panel-date-picker-cell {
  background-color: transparent !important;
}
.filters-panel-date-picker-cell:first-child[data-selected=true] button {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.filters-panel-date-picker-cell:last-child[data-selected=true] button {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.filters-panel-date-picker-range-start {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  background-color: #f5f5f5;
}
.filters-panel-date-picker-range-middle {
  border-radius: 0;
}
.filters-panel-date-picker-range-end {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  background-color: #f5f5f5;
}
.filters-panel-date-picker-day-today {
  background-color: #f5f5f5;
  color: #1e293b;
  padding: 0;
}
.filters-panel-date-picker-day-today[aria-selected=true] {
  color: #1e293b;
}
.filters-panel-date-picker-day-outside {
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-date-picker-day-outside[aria-selected=true] {
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-date-picker-day-disabled {
  color: rgba(63, 63, 70, 0.7019607843);
  opacity: 0.5;
}
.filters-panel-date-picker-day-hidden {
  visibility: hidden;
}
.filters-panel-date-picker-day-selected {
  all: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  transition: all 0.15s ease-in-out;
  width: 100%;
  min-width: var(--cell-size);
  aspect-ratio: 1/1;
  gap: 0.25rem;
  flex-shrink: 0;
  outline: none;
}
.filters-panel-date-picker-day-selected:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.filters-panel-date-picker-day-selected svg {
  pointer-events: none;
  flex-shrink: 0;
}
.filters-panel-date-picker-day-selected svg:not([class*=size-]) {
  width: 1rem;
  height: 1rem;
}
.filters-panel-date-picker-day-selected:hover {
  background-color: #f5f5f5;
  color: #1e293b;
}
.filters-panel-date-picker-day-selected > span {
  font-size: 0.75rem;
  opacity: 0.7;
}
.filters-panel-date-picker-day-selected[data-selected-single=true] {
  background-color: #2563eb;
  color: #ffffff;
}
.filters-panel-date-picker-day-selected[data-range-middle=true] {
  background-color: #f5f5f5;
  color: #1e293b;
  border-radius: 0;
}
.filters-panel-date-picker-day-selected[data-range-start=true] {
  background-color: #2563eb;
  color: #ffffff;
  border-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.filters-panel-date-picker-day-selected[data-range-end=true] {
  background-color: #2563eb;
  color: #ffffff;
  border-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.group\/day[data-focused=true] .filters-panel-date-picker-day-selected {
  position: relative;
  z-index: 10;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5);
}
.filters-panel-general-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e5e5;
}
.filters-panel-general-header-label-area {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1e293b;
}
.filters-panel-general-header-button-area {
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  width: 24px;
  height: 24px;
  background-color: transparent;
}
.filters-panel-general-header-button-area:hover {
  background-color: #f5f5f5;
}
.filters-panel-general-header-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-general-tabs-area {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}
.filters-panel-general-tabs {
  box-sizing: border-box;
  margin-block: 10px;
  padding: 3px;
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  display: inline-flex;
  background-color: #f3f4f6;
  border-radius: 9999px;
  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.filters-panel-general-tabs-items {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
  gap: 0;
}
.filters-panel-general-tabs-items-item {
  flex: 1;
  min-height: 32px;
  line-height: 32px;
  padding: 0 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  margin: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  border-radius: 9999px;
  transform: translateZ(0);
  box-sizing: border-box;
  user-select: none;
  background-color: transparent;
  color: #9ca3af;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
}
.filters-panel-general-tabs-items-item-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.filters-panel-general-tabs-items-item.selected {
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: var(--reach-blue);
  font-weight: 600;
}
.filters-panel-date-range {
  width: 280px;
  max-width: 100%;
}
.filters-panel-date-range-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e5e5;
}
.filters-panel-date-range-header-label-area {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #1e293b;
}
.filters-panel-date-range-header-button-area {
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  width: 24px;
  height: 24px;
  background-color: transparent;
}
.filters-panel-date-range-header-button-area:hover {
  background-color: #f5f5f5;
}
.filters-panel-date-range-header-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-date-range-content {
  padding: 0.75rem;
}
.filters-panel-date-range-content-selector {
  width: 100% !important;
}
.filters-panel-date-range-content :is(.bot-interaction-select-options) {
  max-height: 16rem;
  width: 256px;
}
.filters-panel-date-range-picker-area {
  border-top: 1px solid;
  padding-top: 0.75rem;
  border-color: #e5e5e5;
}
.filters-panel-channel-picker {
  width: 300px;
  max-width: 100%;
}
.filters-panel-channel-picker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e5e5;
}
.filters-panel-channel-picker-header-label-area {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #1e293b;
}
.filters-panel-channel-picker-header-button-area {
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  width: 24px;
  height: 24px;
  background-color: transparent;
}
.filters-panel-channel-picker-header-button-area:hover {
  background-color: #f5f5f5;
}
.filters-panel-channel-picker-header-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-channel-picker-tabs-area {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}
.filters-panel-channel-picker-tabs {
  box-sizing: border-box;
  margin-block: 10px;
  padding: 3px;
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  display: inline-flex;
  background-color: #f3f4f6;
  border-radius: 9999px;
  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.filters-panel-channel-picker-tabs-items {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
  gap: 0;
}
.filters-panel-channel-picker-tabs-items-item {
  flex: 1;
  min-height: 32px;
  line-height: 32px;
  padding: 0 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  margin: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  border-radius: 9999px;
  transform: translateZ(0);
  box-sizing: border-box;
  user-select: none;
  background-color: transparent;
  color: #9ca3af;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
}
.filters-panel-channel-picker-tabs-items-item-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.filters-panel-channel-picker-tabs-items-item.selected {
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: var(--reach-blue);
  font-weight: 600;
}
.filters-panel-channel-picker-content {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  max-height: 280px;
  overflow-y: auto;
}
.filters-panel-channel-picker-content-all-badge {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #364153;
  background-color: #f6f3f4;
}
.filters-panel-channel-picker-content-option-badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
}
.filters-panel-channel-picker-content-option-badge-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.filters-panel-channel-picker-content-option-badge-identifier {
  opacity: 0.75;
}
.filters-panel-channel-picker-content-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  border-radius: 0.375rem;
  gap: 0.75rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  background-color: white;
}
.filters-panel-channel-picker-content-button:hover {
  background-color: #f5f5f5;
}
.filters-panel-channel-picker-content-button.selected {
  background-color: var(--cmd-accent-bg);
}
.filters-panel-channel-picker-content-button.selected:hover {
  background-color: rgba(229, 242, 252, 0.8);
}
.filters-panel-channel-picker-content-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 1px solid;
  flex-shrink: 0;
  background-color: white;
  border-color: #d1d5db;
}
.filters-panel-channel-picker-content-selector.selected {
  background-color: var(--cmd-accent-color);
  border-color: var(--cmd-accent-color);
}
.filters-panel-channel-picker-content-selector-check {
  height: 0.75rem;
  width: 0.75rem;
  color: white;
  flex-shrink: 0;
}
.filters-panel-channel-picker-colors-whatsapp {
  color: #008236;
  background-color: #dcfce7;
}
.filters-panel-channel-picker-colors-messenger {
  color: #1447e6;
  background-color: #dbeafe;
}
.filters-panel-channel-picker-colors-instagram {
  color: #c6005c;
  background-color: #fce7f3;
}
.filters-panel-channel-picker-colors-webchat {
  color: #8200db;
  background-color: #f3e8ff;
}
.filters-panel-channel-picker-colors-telegram {
  color: #007595;
  background-color: #cefafe;
}
.filters-panel-channel-picker-colors-tiktok {
  color: #161823;
  background-color: #eef0f2;
}
.filters-panel-channel-picker-colors-neutral {
  background-color: #f3f4f6;
  color: #374151;
}
.filters-panel-customer-picker {
  min-width: 280px;
  max-width: 300px;
  overflow: hidden;
}
.filters-panel-customer-picker-all-option-area {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.filters-panel-customer-picker-all-option-button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  background-color: var(--off-white);
}
.filters-panel-customer-picker-all-option-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background-color: var(--off-white);
  border: 1px solid;
  border-color: #D1D5DF;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.filters-panel-customer-picker-all-option-checkbox:hover {
  border-color: #9ca3af;
}
.filters-panel-customer-picker-all-option-checkbox.selected {
  background-color: var(--cmd-accent-color);
  border-color: var(--cmd-accent-color);
}
.filters-panel-customer-picker-all-option-checkbox-icon {
  height: 0.75rem;
  width: 0.75rem;
  color: white;
}
.filters-panel-customer-picker-all-option-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1e293b;
}
.filters-panel-customer-picker-all-option-checkbox-label.selected {
  color: var(--cmd-accent-color);
}
.filters-panel-customer-picker-options {
  display: flex;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.filters-panel-customer-picker-options-button {
  flex: 1 1 0%;
  text-align: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--off-white);
}
.filters-panel-customer-picker-options-button:hover {
  background-color: #f5f5f5;
}
.filters-panel-customer-picker-options-button.selected {
  background-color: var(--cmd-accent-bg);
}
.filters-panel-customer-picker-options-button.selected:hover {
  background-color: #f5f5f5;
}
.filters-panel-customer-picker-options-button-icon-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  border: 2px solid;
  flex-shrink: 0;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  background-color: var(--off-white);
  border-color: #d1d5db;
}
.filters-panel-customer-picker-options-button-icon-round.selected {
  background-color: var(--cmd-accent-color);
  border-color: var(--cmd-accent-color);
}
.filters-panel-customer-picker-options-button-icon {
  color: #4b5563;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.filters-panel-customer-picker-options-button-icon.selected {
  color: white;
}
.filters-panel-customer-picker-options-button-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filters-panel-customer-picker-options-button-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1e293b;
}
.filters-panel-customer-picker-options-button-label-muted {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: rgba(63, 63, 70, 0.7019607843);
  text-align: center;
}
.filters-panel-pick-one {
  min-width: 280px;
  max-width: 300px;
  overflow: hidden;
}
.filters-panel-pick-one-all-option-area {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.filters-panel-pick-one-all-option-button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  background-color: var(--off-white);
  padding: 0;
}
.filters-panel-pick-one-all-option-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background-color: var(--off-white);
  border: 1px solid;
  border-color: #D1D5DF;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.filters-panel-pick-one-all-option-checkbox:hover {
  border-color: #9ca3af;
}
.filters-panel-pick-one-all-option-checkbox.selected {
  background-color: var(--cmd-accent-color);
  border-color: var(--cmd-accent-color);
}
.filters-panel-pick-one-all-option-checkbox-icon {
  height: 0.75rem;
  width: 0.75rem;
  color: white;
}
.filters-panel-pick-one-all-option-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1e293b;
}
.filters-panel-pick-one-all-option-checkbox-label.selected {
  color: var(--cmd-accent-color);
}
.filters-panel-pick-one-options {
  display: flex;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.filters-panel-pick-one-options-button {
  flex: 1 1 0%;
  text-align: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--off-white);
}
.filters-panel-pick-one-options-button:hover {
  background-color: #f5f5f5;
}
.filters-panel-pick-one-options-button.selected {
  background-color: var(--cmd-accent-bg);
}
.filters-panel-pick-one-options-button.selected:hover {
  background-color: #f5f5f5;
}
.filters-panel-pick-one-options-button-icon-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  border: 2px solid;
  flex-shrink: 0;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  background-color: var(--off-white);
  border-color: #d1d5db;
}
.filters-panel-pick-one-options-button-icon-round.selected {
  background-color: var(--cmd-accent-color);
  border-color: var(--cmd-accent-color);
}
.filters-panel-pick-one-options-button-icon {
  color: #4b5563;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.filters-panel-pick-one-options-button-icon.selected {
  color: white;
}
.filters-panel-pick-one-options-button-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filters-panel-pick-one-options-button-label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #1e293b;
}
.filters-panel-pick-one-options-button-label-muted {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: rgba(63, 63, 70, 0.7019607843);
  text-align: center;
}
.filters-panel-table {
  min-width: 300px;
}
.filters-panel-table-search-area {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e5e5e5;
}
.filters-panel-table-search-relative {
  position: relative;
}
.filters-panel-table-search-input {
  width: 100% !important;
  min-width: 0;
  height: 2.25rem !important;
  padding-left: 2.25rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  border-radius: 0.375rem;
  border: 1px solid #e5e5e5;
  background-color: transparent !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none;
}
.filters-panel-table-search-input::placeholder {
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-table-search-input::selection {
  background-color: #2563eb;
  color: #ffffff;
}
.filters-panel-table-search-input:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.filters-panel-table-search-input:focus-visible {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5);
}
.filters-panel-table-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 1rem;
  color: rgba(63, 63, 70, 0.7019607843);
}
.filters-panel-table-list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  max-height: 280px;
  overflow-y: auto;
}
.filters-panel-table-list-not-found {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: rgba(63, 63, 70, 0.7019607843);
  text-align: center;
}
.filters-panel-table-list-value {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #1e293b;
  font-weight: lighter;
  flex: 1 1 0%;
}
.filters-panel-currency {
  min-width: 280px;
  max-width: 300px;
  overflow: hidden;
}
.filters-panel-currency-grid {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.filters-panel-currency-button {
  flex: 1 1 0%;
  text-align: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  background-color: transparent;
}
.filters-panel-currency-button:hover {
  background-color: #f5f5f5;
}
.filters-panel-currency-button.selected {
  background-color: var(--cmd-accent-bg);
}
.filters-panel-currency-button.selected .filters-panel-currency-button-icon-round {
  background-color: var(--cmd-accent-color);
  border-color: var(--cmd-accent-color);
}
.filters-panel-currency-button.selected .filters-panel-currency-button-currency {
  color: var(--off-white);
}
.filters-panel-currency-button-icon-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  flex-shrink: 0;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  background-color: var(--off-white);
  border: 2px solid #d1d5db;
}
.filters-panel-currency-button-currency {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #4b5563;
}
.filters-panel-currency-button-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filters-panel-currency-button-label {
  color: #1e293b;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}
.filters-panel-currency-button-description {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: rgba(63, 63, 70, 0.7019607843);
  text-align: center;
}

.charts-response-times-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.charts-response-times-header-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #111827;
}
.charts-response-times-header-title:is(.individual) {
  color: #6464FB;
}
.charts-response-times-header-title:is(.team) {
  color: #3C96B3;
}
.charts-response-times-header-title:is(.wait) {
  color: #4687D6;
}
.charts-response-times-header-widget {
  margin-bottom: 0;
}
.charts-response-times-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: #6a7282;
}
.charts-response-times-bar {
  display: flex;
  gap: 0.375rem;
}
.charts-response-times-bar-segment {
  height: 0.75rem;
  flex: 1 1 0%;
  border-radius: 0.25rem;
}
.charts-response-times-bar-segment:is(.filled) {
  background-color: #6464FB;
}
.charts-response-times-bar-segment:is(.empty) {
  background-color: #E0E0FE;
}
.charts-response-times-bar-individual .charts-response-times-bar-segment.filled {
  background-color: #6464FB;
}
.charts-response-times-bar-individual .charts-response-times-bar-segment.empty {
  background-color: #E0E0FE;
}
.charts-response-times-bar-team .charts-response-times-bar-segment.filled {
  background-color: #3C96B3;
}
.charts-response-times-bar-team .charts-response-times-bar-segment.empty {
  background-color: #D8EAF0;
}
.charts-response-times-bar-wait .charts-response-times-bar-segment.filled {
  background-color: #4687D6;
}
.charts-response-times-bar-wait .charts-response-times-bar-segment.empty {
  background-color: #DAE7F7;
}
.charts-sentiment-analysis {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  height: 100%;
  min-height: 0;
}
@media (max-width: 1200px) {
  .charts-sentiment-analysis {
    flex-direction: column;
    align-items: stretch;
  }
}
.charts-sentiment-analysis-chart-area {
  flex: 0 0 14rem;
  min-width: 14rem;
  height: 100%;
  max-height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  justify-items: center;
  align-items: center;
  gap: 0.5rem;
  min-height: 9rem;
  max-height: 150px;
}
.charts-sentiment-analysis-chart-area .recharts-responsive-container {
  width: 100% !important;
  height: 100% !important;
}
.charts-sentiment-analysis-chart-area-comparison-widget {
  margin-bottom: 0 !important;
}
@media (max-width: 1200px) {
  .charts-sentiment-analysis-chart-area {
    width: 100%;
  }
}
.charts-sentiment-analysis-stats-area {
  flex: 1 1 0%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  border-radius: 16px;
  background-color: #F6F8FA;
  padding: 0.5rem;
  min-width: 0;
  min-height: 0;
  align-content: stretch;
  grid-auto-rows: 1fr;
  max-height: 150px;
}
@media (max-width: 1400px) {
  .charts-sentiment-analysis-stats-area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.charts-sentiment-analysis-item {
  background-color: #F6F8FA;
  padding: 0.5rem 0.75rem;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 0.5rem;
  height: 100%;
  border-radius: 12px;
}
.charts-sentiment-analysis-item:is(.positive_sentiment) {
  background-color: #3B82F6;
  color: white;
}
.charts-sentiment-analysis-item:is(.positive_sentiment) .charts-sentiment-analysis-item-title {
  color: white;
}
.charts-sentiment-analysis-item:is(.positive_sentiment) .charts-sentiment-analysis-item-value {
  color: white;
}
.charts-sentiment-analysis-item:is(.positive_sentiment) .charts-sentiment-analysis-item-bullet {
  background-color: #3B82F6;
}
.charts-sentiment-analysis-item:is(.neutral_sentiment) {
  background-color: #7C4DFF;
}
.charts-sentiment-analysis-item:is(.neutral_sentiment) .charts-sentiment-analysis-item-bullet {
  background-color: #7C4DFF;
}
.charts-sentiment-analysis-item:is(.negative_sentiment) {
  background-color: #FF1744;
}
.charts-sentiment-analysis-item:is(.negative_sentiment) .charts-sentiment-analysis-item-bullet {
  background-color: #FF1744;
}
.charts-sentiment-analysis-item:is(.mixed_sentiment) {
  background-color: #FFAB00;
}
.charts-sentiment-analysis-item:is(.mixed_sentiment) .charts-sentiment-analysis-item-bullet {
  background-color: #FFAB00;
}
.charts-sentiment-analysis-item-icon-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.charts-sentiment-analysis-item-icon {
  width: 1rem;
  height: 1rem;
  opacity: 0.8;
}
.charts-sentiment-analysis-item-title {
  font-size: 0.6875rem;
  line-height: 1.1;
  font-weight: 500;
  opacity: 0.9;
}
.charts-sentiment-analysis-item-value {
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0.15rem;
}
.charts-sentiment-analysis-item-bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
}
.charts-sentiment-analysis-item-bullet:is(.positive_sentiment) {
  background-color: #3B82F6;
}
.charts-sentiment-analysis-item-bullet:is(.neutral_sentiment) {
  background-color: #7C4DFF;
}
.charts-sentiment-analysis-item-bullet:is(.negative_sentiment) {
  background-color: #FF1744;
}
.charts-sentiment-analysis-item-bullet:is(.mixed_sentiment) {
  background-color: #FFAB00;
}
.charts-sentiment-analysis-secondary-item {
  background-color: white;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.charts-performers-area {
  padding: 1rem;
}
.charts-performers {
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
  width: 100%;
  padding: 0.75rem 0 1rem;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.charts-performers-segment {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  flex: 1 1 0%;
  min-width: 72px;
}
.charts-performers-pin {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: start;
  gap: 0.35rem;
  opacity: 0;
  transform: translateY(6px);
  animation: charts-performers-pin-rise 700ms ease forwards;
}
.charts-performers-badge {
  border-radius: 999px;
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.4;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}
.charts-performers-pin-line {
  width: 1px;
  height: 48px;
  background-color: #cbd5e1;
}
.charts-performers-pin-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background-color: #cbd5e1;
  box-shadow: 0 0 0 2px #ffffff;
}
.charts-performers-bar {
  width: 100%;
  height: 0.9rem;
  border-radius: 999px;
  background-color: #e5e7eb;
  transform: scaleX(0);
  transform-origin: left;
  animation: charts-performers-bar-grow 800ms ease forwards;
  transition: filter 160ms ease;
}
.charts-performers-segment:hover .charts-performers-bar {
  filter: brightness(0.95);
}
.charts-performers-name {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #4b5563;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.charts-performers-rank {
  color: #9ca3af;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
}
.charts-performers-label {
  color: #111827;
  font-weight: 600;
}
.charts-performers-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.charts-performers-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.charts-performers-list-item-main-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.charts-performers-list-bar {
  width: 5px;
  height: 35px;
  background-color: var(--reach-blue);
  border-radius: 25px;
}
.charts-performers-list-value {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #101828;
}
@media (max-width: 768px) {
  .charts-performers {
    gap: 0.75rem;
  }
  .charts-performers-pin-line {
    height: 40px;
  }
  .charts-performers-bar {
    height: 0.8rem;
  }
  .charts-performers-badge {
    font-size: 0.7rem;
  }
}

@keyframes command-center-float-card-1 {
  0%, 100% {
    top: 0;
    left: 0;
    transform: rotate(-3deg);
  }
  25% {
    top: 60px;
    left: 120px;
    transform: rotate(2deg);
  }
  50% {
    top: 10px;
    left: 80px;
    transform: rotate(-1deg);
  }
  75% {
    top: 50px;
    left: 20px;
    transform: rotate(3deg);
  }
}
@keyframes command-center-float-card-2 {
  0%, 100% {
    top: 60px;
    left: 140px;
    transform: rotate(2deg);
  }
  25% {
    top: 10px;
    left: 40px;
    transform: rotate(-2deg);
  }
  50% {
    top: 70px;
    left: 0;
    transform: rotate(1deg);
  }
  75% {
    top: 20px;
    left: 100px;
    transform: rotate(-3deg);
  }
}
@keyframes command-center-float-card-3 {
  0%, 100% {
    top: 80px;
    left: 60px;
    transform: rotate(-2deg);
  }
  25% {
    top: 20px;
    left: 150px;
    transform: rotate(3deg);
  }
  50% {
    top: 50px;
    left: 130px;
    transform: rotate(-1deg);
  }
  75% {
    top: 70px;
    left: 80px;
    transform: rotate(2deg);
  }
}
@keyframes command-center-float-card-4 {
  0%, 100% {
    top: 30px;
    left: 100px;
    transform: rotate(1deg);
  }
  25% {
    top: 70px;
    left: 10px;
    transform: rotate(-2deg);
  }
  50% {
    top: 20px;
    left: 50px;
    transform: rotate(2deg);
  }
  75% {
    top: 60px;
    left: 140px;
    transform: rotate(-1deg);
  }
}
@keyframes command-center-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes charts-performers-bar-grow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes charts-performers-pin-rise {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.metric-pair {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem;
}
.metric-pair-main {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 700;
  color: #2b2d33;
  letter-spacing: -0.01em;
}
.metric-pair-divider {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #cbd5e1;
}
.metric-pair-secondary {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: 600;
  color: #cbd5e1;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .metric-pair {
    gap: 0.25rem;
  }
  .metric-pair-main {
    font-size: 1.8rem;
  }
  .metric-pair-divider, .metric-pair-secondary {
    font-size: 1.2rem;
  }
}

.sntmnt {
  display: flex;
  align-items: stretch;
  background-color: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.sntmnt-item {
  background-color: #4285F4;
  color: white;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
.sntmnt-item-icon-area {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.sntmnt-item-icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  color: inherit;
}
.sntmnt-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.sntmnt-item-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: inherit;
}
.sntmnt-item-description {
  font-size: 1.5rem;
  font-weight: 700;
  color: inherit;
}
.sntmnt-secondary-item {
  background-color: #F8F8F8;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
  border-left: 1px solid #E5E7EB;
}
.sntmnt-secondary-item-bullet-area {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.sntmnt-secondary-item-bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  flex-shrink: 0;
}
.sntmnt-secondary-item-bullet-neutral {
  background-color: #A855F7;
}
.sntmnt-secondary-item-bullet-negative {
  background-color: #F59E0B;
}
.sntmnt-secondary-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.sntmnt-secondary-item-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
.sntmnt-secondary-item-description {
  font-size: 1.5rem;
  font-weight: 700;
  color: #374151;
}

.filters-wrapper {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition: max-height 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}

.filters-wrapper.is-visible {
  max-height: 320px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.cmd-agents-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
  padding-top: 1rem;
}
.cmd-agents-table__currency-selector {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cmd-agents-table__currency-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.cmd-agents-table .reach-data-table-area {
  margin-top: 1rem;
}
.cmd-agents-table .reach-data-table {
  border-collapse: collapse;
}
.cmd-agents-table__th {
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #f3f4f6;
}
.cmd-agents-table__th--agent {
  min-width: 180px;
}
.cmd-agents-table__th--status {
  min-width: 100px;
}
.cmd-agents-table__th--revenue {
  text-align: right;
  min-width: 140px;
}
.cmd-agents-table__th-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
  user-select: none;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}
.cmd-agents-table__th-content:hover {
  color: #374151;
}
.cmd-agents-table__th-content--right {
  justify-content: flex-end;
  width: 100%;
}
.cmd-agents-table__sort-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #9ca3af;
  flex-shrink: 0;
}
.cmd-agents-table__sort-icon--active {
  color: #374151;
}
.cmd-agents-table__sort-icon--desc {
  transform: rotate(180deg);
}
.cmd-agents-table__row:hover {
  background-color: #f9fafb;
}
.cmd-agents-table__td {
  padding: 1rem;
  font-size: 0.875rem;
  color: #111827;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
}
.cmd-agents-table__td--agent {
  font-weight: 500;
}
.cmd-agents-table__td--revenue {
  text-align: right;
}
.cmd-agents-table__agent {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.cmd-agents-table__agent-name {
  font-weight: 500;
  color: #111827;
}
.cmd-agents-table__metric {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.cmd-agents-table__metric--right {
  align-items: flex-end;
}
.cmd-agents-table__metric-value {
  font-weight: 600;
  color: #111827;
}

.cmd-trend {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  color: #6a7282;
}
.cmd-trend__icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}
.cmd-trend__value {
  letter-spacing: 0.01em;
}
.cmd-trend--positive {
  color: #00c951;
}
.cmd-trend--negative {
  color: #ff2056;
}
.cmd-trend--neutral {
  color: #6a7282;
}

.cmd-status {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
}
.cmd-status__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  flex-shrink: 0;
}
.cmd-status__label {
  line-height: 1;
}
.cmd-status--online {
  color: #10b981;
}
.cmd-status--online .cmd-status__dot {
  background-color: #10b981;
}
.cmd-status--away {
  color: #f59e0b;
}
.cmd-status--away .cmd-status__dot {
  background-color: #f59e0b;
}
.cmd-status--offline {
  color: #6b7280;
}
.cmd-status--offline .cmd-status__dot {
  background-color: #9ca3af;
}

.cmd-card--table .cmd-card-content {
  overflow-x: auto;
  overflow-y: auto;
}

#agents-performance {
  display: flex;
  flex-direction: column;
}
#agents-performance .cmd-card-content {
  flex: 1 1 auto;
  min-height: 0;
  justify-content: flex-start;
}
#agents-performance .cmd-card-header {
  flex-shrink: 0;
}

.cmd-agent-banner {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 1rem;
  background: white;
  outline-color: #ebe6e7;
  outline-width: 1px;
  outline-style: solid;
  border-radius: 12px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.cmd-agent-banner-avatar-ring {
  padding: 3px;
  border: 2px solid var(--reach-blue);
  border-radius: 9999px;
  flex-shrink: 0;
}
.cmd-agent-banner-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.cmd-agent-banner-identity-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cmd-agent-banner-name-group {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cmd-agent-banner-name {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  line-height: 1.2;
}
.cmd-agent-banner-subtitle {
  font-size: 12px;
  color: #9ca3af;
}
.cmd-agent-banner .cmd-status {
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
}
.cmd-agent-banner .cmd-status--online {
  background: #dcfce7;
  color: #16a34a;
}
.cmd-agent-banner .cmd-status--away {
  background: #fef9c3;
  color: #a16207;
}
.cmd-agent-banner .cmd-status--offline {
  background: #f3f4f6;
  color: #6b7280;
}
.cmd-agent-banner-separator {
  width: 1px;
  min-height: 40px;
  align-self: stretch;
  background: #e5e7eb;
  flex-shrink: 0;
}
.cmd-agent-banner-metrics {
  display: flex;
  flex: 1;
  justify-content: center;
}
.cmd-agent-banner-metric {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 32px;
}
.cmd-agent-banner-metric:not(:last-child) {
  border-right: 1px solid #e5e7eb;
}
.cmd-agent-banner-metric-icon-wrap {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cmd-agent-banner-metric-icon-wrap.cmd-agent-banner-metric-icon--conversations-wrap {
  background: #eff6ff;
}
.cmd-agent-banner-metric-icon-wrap.cmd-agent-banner-metric-icon--response-wrap {
  background: #fefce8;
}
.cmd-agent-banner-metric-icon-wrap.cmd-agent-banner-metric-icon--resolution-wrap {
  background: #f0fdf4;
}
.cmd-agent-banner-metric-icon-wrap.cmd-agent-banner-metric-icon--conversion-wrap {
  background: #ccfbf1;
}
.cmd-agent-banner-metric-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.cmd-agent-banner-metric-icon--conversations {
  color: #3b82f6;
}
.cmd-agent-banner-metric-icon--response {
  color: #eab308;
}
.cmd-agent-banner-metric-icon--resolution {
  color: #22c55e;
}
.cmd-agent-banner-metric-icon--conversion {
  color: #0d9488;
}
.cmd-agent-banner-metric-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cmd-agent-banner-metric-label {
  font-size: 11px;
  font-weight: 500;
  color: #9ca3af;
}
.cmd-agent-banner-metric-value {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  line-height: 1;
}
.cmd-agent-banner-actions {
  flex-shrink: 0;
}

.go-to-conversations-button-agent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 9999px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  width: auto;
  height: fit-content;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
  border: none !important;
  outline: none !important;
}
.go-to-conversations-button-agent:hover {
  background-image: linear-gradient(to right, #1d4ed8, #4338ca) !important;
}
.go-to-conversations-button-agent-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.go-to-conversations-button-agent.admin {
  padding: 0 0.75rem;
  height: 2rem;
}.detailed-histogram {
  display: flex;
  width: 100%;
  align-items: flex-end;
  height: 100%;
}
.detailed-histogram__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: transform 0.15s ease;
  position: relative;
  height: 100%;
}
.detailed-histogram__column::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e5e7eb;
}
.detailed-histogram__column:first-child::before {
  display: none;
}
.detailed-histogram__column--clickable {
  cursor: pointer;
}
.detailed-histogram__column--clickable:hover .detailed-histogram__bar {
  filter: brightness(1.05);
}
.detailed-histogram__column--clickable:active {
  transform: scale(0.98);
}
.detailed-histogram__column--clickable:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 4px;
  border-radius: 8px;
}
.detailed-histogram__header {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  margin-bottom: 12px;
}
.detailed-histogram__label {
  font-size: 13px;
  font-weight: 400;
  color: #9ca3af;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailed-histogram__value {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailed-histogram__count {
  font-size: 12px;
  font-weight: 400;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailed-histogram__bar-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
  flex: 1 1 auto;
}
.detailed-histogram__bar {
  width: 100%;
  position: relative;
  transition: height 0.3s ease, filter 0.15s ease;
  overflow: hidden;
}
.detailed-histogram__bar-hatching {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.25) 6px, rgba(255, 255, 255, 0.25) 12px);
  pointer-events: none;
}
.detailed-histogram--horizontal {
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
.detailed-histogram--horizontal .detailed-histogram__summary {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  margin-top: 12px;
  margin-bottom: 16px;
  background-color: #f8fafc;
  border-radius: 14px;
}
.detailed-histogram--horizontal .detailed-histogram__summary-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.detailed-histogram--horizontal .detailed-histogram__summary-total {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
  color: #0f172a;
}
.detailed-histogram--horizontal .detailed-histogram__summary-label {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.detailed-histogram--horizontal .detailed-histogram__summary-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 45%;
  padding: 6px 12px;
  border-radius: 999px;
  background-color: rgba(43, 196, 138, 0.12);
  color: #16a34a;
  font-size: 13px;
  font-weight: 600;
}
.detailed-histogram--horizontal .detailed-histogram__summary-chip span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailed-histogram--horizontal .detailed-histogram__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.detailed-histogram--horizontal .detailed-histogram__scroll::-webkit-scrollbar {
  width: 6px;
}
.detailed-histogram--horizontal .detailed-histogram__scroll::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 999px;
}
.detailed-histogram--horizontal .detailed-histogram__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.detailed-histogram--horizontal .detailed-histogram__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 10px;
  gap: 22px;
}
.detailed-histogram--horizontal .detailed-histogram__column {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.detailed-histogram--horizontal .detailed-histogram__column::before {
  display: none;
}
.detailed-histogram--horizontal .detailed-histogram__row-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.detailed-histogram--horizontal .detailed-histogram__dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.detailed-histogram--horizontal .detailed-histogram__row-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: #334155;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailed-histogram--horizontal .detailed-histogram__row-value {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}
.detailed-histogram--horizontal .detailed-histogram__row-num {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
.detailed-histogram--horizontal .detailed-histogram__row-unit {
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
}
.detailed-histogram--horizontal .detailed-histogram__track {
  width: 100%;
  height: 10px;
  background-color: #eef2f6;
  border-radius: 999px;
  overflow: hidden;
}
.detailed-histogram--horizontal .detailed-histogram__bar {
  height: 100%;
  min-width: 4px;
  border-radius: 999px;
  transition: width 0.3s ease, filter 0.15s ease;
}
.detailed-histogram--horizontal .detailed-histogram__column--clickable {
  cursor: pointer;
}
.detailed-histogram--horizontal .detailed-histogram__column--clickable:hover .detailed-histogram__bar {
  filter: brightness(1.05);
}.quickly-contacts-files__detail-file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f3f4f6;
  margin-bottom: 1rem;
}
.quickly-contacts-files__detail-file-icon-svg {
  color: #6b7280;
}
.quickly-contacts-files__detail-download-link {
  color: var(--reach-blue) !important;
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}
.quickly-contacts-files__detail-download-link:hover {
  color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
  text-decoration: underline;
}
.quickly-contacts-files__tag-header .reach-data-header-sub-area {
  margin-right: 1rem;
}
.quickly-contacts-files__detail-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .quickly-contacts-files__detail-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.quickly-contacts-files__detail-cards-grid > :nth-child(3) {
  grid-column: 1;
}
.quickly-contacts-files__detail-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.quickly-contacts-files__data {
  border-radius: var(--border-radius-components);
}
.quickly-contacts-files .quickly-contacts__detail-cards-area-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.quickly-contacts-files__text-no-wrap {
  white-space: nowrap;
}

.quickly-contacts__detail-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .quickly-contacts__detail-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}.quickly-message-history-drawer__header-container {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
}
.quickly-message-history-drawer__refresh-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin-left: auto;
  background-color: transparent;
  border: 1px solid var(--gray-border, #e5e7eb);
  border-radius: var(--border-radius-components, 6px);
  color: var(--gray-medium, #6b7280);
  cursor: pointer;
  transition: all 0.2s ease;
}
.quickly-message-history-drawer__refresh-button:hover:not(:disabled) {
  background-color: var(--gray-medium-background, #f3f4f6);
  color: var(--primary-background-components, #007bff);
  border-color: var(--primary-background-components, #007bff);
}
.quickly-message-history-drawer__refresh-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.quickly-message-history-drawer__refresh-button-icon--spinning {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.quickly-message-history-drawer__loading {
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.quickly-message-history-drawer__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  min-height: 300px;
}
.quickly-message-history-drawer__empty-icon {
  width: 64px;
  height: 64px;
  color: #d1d5db;
  margin-bottom: 1rem;
}
.quickly-message-history-drawer__empty-icon svg {
  width: 100%;
  height: 100%;
}
.quickly-message-history-drawer__empty-text {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
}
.quickly-message-history-drawer__messages {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0 1rem 1rem 1rem;
}
.quickly-message-history-drawer__message {
  display: flex;
  width: 100%;
}
.quickly-message-history-drawer__message--incoming {
  justify-content: flex-start;
}
.quickly-message-history-drawer__message--outgoing {
  justify-content: flex-end;
}
.quickly-message-history-drawer__bubble {
  max-width: 75%;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  word-wrap: break-word;
  position: relative;
}
.quickly-message-history-drawer__bubble--incoming {
  background-color: #f3f4f6;
  color: #111827;
  border-bottom-left-radius: 0;
}
.quickly-message-history-drawer__bubble--incoming p, .quickly-message-history-drawer__bubble--incoming span {
  color: #000;
}
.quickly-message-history-drawer__bubble--outgoing {
  background-color: var(--tertiary-background-components);
  border-bottom-right-radius: 0;
}
.quickly-message-history-drawer__bubble--outgoing p, .quickly-message-history-drawer__bubble--outgoing span {
  color: var(--off-white);
}
.quickly-message-history-drawer__bubble-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  word-break: break-word;
  white-space: pre-wrap;
}
.quickly-message-history-drawer__bubble-time {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  opacity: 0.7;
  text-align: right;
}
.quickly-message-history-drawer__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid var(--gray-border, #e5e7eb);
  background-color: var(--off-white, #ffffff);
  margin-bottom: 0.75rem;
}
.quickly-message-history-drawer__footer-icon {
  width: 16px;
  height: 16px;
  color: var(--gray-medium, #6b7280);
}
.quickly-message-history-drawer__footer-text {
  font-size: 0.875rem;
  color: var(--gray-medium, #6b7280);
}
.quickly-message-history-drawer__footer-container {
  width: 100%;
}
.quickly-message-history-drawer__form-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0;
}
.quickly-message-history-drawer__form-container--with-messages {
  padding-top: 0.75rem;
  border-top: 1px solid var(--gray-border, #e5e7eb);
}
.quickly-message-history-drawer__error {
  color: #dc3545;
  font-size: 0.75rem;
  margin-top: -0.25rem;
  padding-left: 0.25rem;
}
.quickly-message-history-drawer__preview-container {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: var(--gray-medium-background, #f8f9fa);
  border-radius: var(--border-radius-components, 6px);
  border: 1px solid var(--gray-border, #e5e5e5);
  min-height: 80px;
}
.quickly-message-history-drawer__preview-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--gray-medium, #666);
  margin-bottom: 0.5rem;
}
.quickly-message-history-drawer__preview-text {
  font-size: 0.875rem;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.quickly-message-history-drawer__preview-counter {
  display: block;
  font-size: 0.75rem;
  color: var(--gray-medium, #666);
  margin-top: 0.5rem;
}
.quickly-message-history-drawer__preview-empty {
  font-size: 0.875rem;
  color: var(--gray-medium, #999);
  font-style: italic;
  padding: 0.5rem 0;
}
.quickly-message-history-drawer__send-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  border: none;
}
.quickly-message-history-drawer__send-button-spinner {
  margin-right: 0.5rem;
}

.quickly-contact-variables-editor__input--invalid {
  border-color: #dc3545;
  background-color: #fff5f5;
}
.quickly-contact-variables-editor__validation-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}.quickly-contacts-upload {
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: auto;
}
.quickly-contacts-upload .upload-section {
  width: 100%;
}
.quickly-contacts-upload__delimiter-tags-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  align-items: flex-end;
}
.quickly-contacts-upload__delimiter-tags-row .quickly-file-uploader__delimiter-selector {
  flex: 1;
  flex-direction: column;
  margin-bottom: 0;
}
.quickly-contacts-upload__selector {
  z-index: 3;
}
.quickly-contacts-upload__selector-wrapper {
  flex: 1 1;
  display: flex;
  justify-content: center;
}
.quickly-contacts-upload__tag-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}
.quickly-contacts-upload__tag-selector .tag-selector__label {
  font-weight: 500;
}
.quickly-contacts-upload__upload-button-container {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.quickly-contacts-upload__upload-button {
  width: 100%;
  padding: 14px 24px;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.quickly-contacts-upload__upload-button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}
.quickly-contacts-upload__upload-button svg {
  flex-shrink: 0;
}
.quickly-contacts-upload__help-content {
  text-align-last: center;
}

.contacts-upload-confirmation-container {
  margin-top: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 8px;
}
.contacts-upload-confirmation-container .card-header {
  padding: 2rem;
  border-bottom: 1px solid #dee2e6;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-card-body,
.contacts-upload-confirmation-container .card-footer {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-alert {
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 0;
  background-color: #d1e7dd;
  border: 1px solid #badbcc;
  color: #0f5132;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-alert .alert-heading {
  margin-bottom: 0;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-alert i {
  font-size: 16px;
  color: #198754;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-alert span {
  font-weight: 500;
  font-size: 14px;
}
.contacts-upload-confirmation-container .contacts-upload-error-alert {
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 0;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  color: #721c24;
}
.contacts-upload-confirmation-container .contacts-upload-error-alert i {
  font-size: 16px;
  color: #dc3545;
}
.contacts-upload-confirmation-container .contacts-upload-error-alert span {
  font-weight: 500;
  font-size: 14px;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card:hover {
  transform: translateY(-2px);
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body {
  padding: 24px 16px;
  min-height: 100px;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-label {
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-number {
  font-size: 36px;
  font-weight: 700;
  color: #212529;
  line-height: 1;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-number.stats-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #495057;
  padding: 0 8px;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-number .stats-time {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4px;
  text-align: center;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-number .stats-date {
  font-size: 14px;
  font-weight: 400;
  color: #6c757d;
  line-height: 1.2;
  text-align: center;
}
.contacts-upload-confirmation-container .contacts-upload-confirmation-title {
  font-size: 24px;
  font-weight: 600;
  color: #212529;
  margin: 0;
}
.contacts-upload-confirmation-container .contacts-upload-navigation-buttons {
  justify-content: space-evenly;
  width: 100%;
  margin: auto;
}
.contacts-upload-confirmation-container .contacts-upload-navigation-buttons button {
  background-color: var(--primary-background-components) !important;
  border-color: var(--primary-background-components) !important;
  border-radius: var(--border-radius-components, 6px);
  color: #fff;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.contacts-upload-confirmation-container .contacts-upload-navigation-buttons button:hover {
  background-color: var(--primary-hover-background-components);
  transform: translateY(-1px);
}
.contacts-upload-confirmation-container .contacts-upload-navigation-buttons button i {
  font-size: 12px;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .contacts-upload-confirmation-container {
    padding: 16px;
  }
  .contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body {
    padding: 16px 12px;
  }
  .contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-number {
    font-size: 28px;
  }
  .contacts-upload-confirmation-container .contacts-upload-confirmation-stats .contacts-stats-card .card-body .stats-number.stats-text {
    font-size: 14px;
  }
  .contacts-upload-confirmation-container .contacts-upload-navigation-buttons button {
    font-size: 12px;
    padding: 8px 12px;
  }
}
@media (max-width: 576px) {
  .contacts-upload-confirmation-container .contacts-upload-navigation-buttons .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .contacts-upload-confirmation-container .contacts-upload-confirmation-stats .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 12px;
  }
}.quickly-contacts-files__table .reach-data-main-area {
  overflow-x: auto;
}
.quickly-contacts-files__row {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.quickly-contacts-files__row:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.quickly-contacts-files__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.quickly-contacts-files__head-th:last-child {
  text-align: left;
}
.quickly-contacts-files__files-search {
  width: 50%;
  max-width: 300px;
  margin-left: auto;
}.react-tel-input {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  position: relative;
  width: 100%;
}

.react-tel-input :disabled {
  cursor: not-allowed;
}

.react-tel-input .flag {
  width: 16px;
  height: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=);
}

.react-tel-input .ad {
  background-position: -16px 0;
}

.react-tel-input .ae {
  background-position: -32px 0;
}

.react-tel-input .af {
  background-position: -48px 0;
}

.react-tel-input .ag {
  background-position: -64px 0;
}

.react-tel-input .ai {
  background-position: -80px 0;
}

.react-tel-input .al {
  background-position: -96px 0;
}

.react-tel-input .am {
  background-position: -112px 0;
}

.react-tel-input .ao {
  background-position: -128px 0;
}

.react-tel-input .ar {
  background-position: -144px 0;
}

.react-tel-input .as {
  background-position: -160px 0;
}

.react-tel-input .at {
  background-position: -176px 0;
}

.react-tel-input .au {
  background-position: -192px 0;
}

.react-tel-input .aw {
  background-position: -208px 0;
}

.react-tel-input .az {
  background-position: -224px 0;
}

.react-tel-input .ba {
  background-position: -240px 0;
}

.react-tel-input .bb {
  background-position: 0 -11px;
}

.react-tel-input .bd {
  background-position: -16px -11px;
}

.react-tel-input .be {
  background-position: -32px -11px;
}

.react-tel-input .bf {
  background-position: -48px -11px;
}

.react-tel-input .bg {
  background-position: -64px -11px;
}

.react-tel-input .bh {
  background-position: -80px -11px;
}

.react-tel-input .bi {
  background-position: -96px -11px;
}

.react-tel-input .bj {
  background-position: -112px -11px;
}

.react-tel-input .bm {
  background-position: -128px -11px;
}

.react-tel-input .bn {
  background-position: -144px -11px;
}

.react-tel-input .bo {
  background-position: -160px -11px;
}

.react-tel-input .br {
  background-position: -176px -11px;
}

.react-tel-input .bs {
  background-position: -192px -11px;
}

.react-tel-input .bt {
  background-position: -208px -11px;
}

.react-tel-input .bw {
  background-position: -224px -11px;
}

.react-tel-input .by {
  background-position: -240px -11px;
}

.react-tel-input .bz {
  background-position: 0 -22px;
}

.react-tel-input .ca {
  background-position: -16px -22px;
}

.react-tel-input .cd {
  background-position: -32px -22px;
}

.react-tel-input .cf {
  background-position: -48px -22px;
}

.react-tel-input .cg {
  background-position: -64px -22px;
}

.react-tel-input .ch {
  background-position: -80px -22px;
}

.react-tel-input .ci {
  background-position: -96px -22px;
}

.react-tel-input .ck {
  background-position: -112px -22px;
}

.react-tel-input .cl {
  background-position: -128px -22px;
}

.react-tel-input .cm {
  background-position: -144px -22px;
}

.react-tel-input .cn {
  background-position: -160px -22px;
}

.react-tel-input .co {
  background-position: -176px -22px;
}

.react-tel-input .cr {
  background-position: -192px -22px;
}

.react-tel-input .cu {
  background-position: -208px -22px;
}

.react-tel-input .cv {
  background-position: -224px -22px;
}

.react-tel-input .cw {
  background-position: -240px -22px;
}

.react-tel-input .cy {
  background-position: 0 -33px;
}

.react-tel-input .cz {
  background-position: -16px -33px;
}

.react-tel-input .de {
  background-position: -32px -33px;
}

.react-tel-input .dj {
  background-position: -48px -33px;
}

.react-tel-input .dk {
  background-position: -64px -33px;
}

.react-tel-input .dm {
  background-position: -80px -33px;
}

.react-tel-input .do {
  background-position: -96px -33px;
}

.react-tel-input .dz {
  background-position: -112px -33px;
}

.react-tel-input .ec {
  background-position: -128px -33px;
}

.react-tel-input .ee {
  background-position: -144px -33px;
}

.react-tel-input .eg {
  background-position: -160px -33px;
}

.react-tel-input .er {
  background-position: -176px -33px;
}

.react-tel-input .es {
  background-position: -192px -33px;
}

.react-tel-input .et {
  background-position: -208px -33px;
}

.react-tel-input .fi {
  background-position: -224px -33px;
}

.react-tel-input .fj {
  background-position: -240px -33px;
}

.react-tel-input .fk {
  background-position: 0 -44px;
}

.react-tel-input .fm {
  background-position: -16px -44px;
}

.react-tel-input .fo {
  background-position: -32px -44px;
}

.react-tel-input .fr, .react-tel-input .bl, .react-tel-input .mf {
  background-position: -48px -44px;
}

.react-tel-input .ga {
  background-position: -64px -44px;
}

.react-tel-input .gb {
  background-position: -80px -44px;
}

.react-tel-input .gd {
  background-position: -96px -44px;
}

.react-tel-input .ge {
  background-position: -112px -44px;
}

.react-tel-input .gf {
  background-position: -128px -44px;
}

.react-tel-input .gh {
  background-position: -144px -44px;
}

.react-tel-input .gi {
  background-position: -160px -44px;
}

.react-tel-input .gl {
  background-position: -176px -44px;
}

.react-tel-input .gm {
  background-position: -192px -44px;
}

.react-tel-input .gn {
  background-position: -208px -44px;
}

.react-tel-input .gp {
  background-position: -224px -44px;
}

.react-tel-input .gq {
  background-position: -240px -44px;
}

.react-tel-input .gr {
  background-position: 0 -55px;
}

.react-tel-input .gt {
  background-position: -16px -55px;
}

.react-tel-input .gu {
  background-position: -32px -55px;
}

.react-tel-input .gw {
  background-position: -48px -55px;
}

.react-tel-input .gy {
  background-position: -64px -55px;
}

.react-tel-input .hk {
  background-position: -80px -55px;
}

.react-tel-input .hn {
  background-position: -96px -55px;
}

.react-tel-input .hr {
  background-position: -112px -55px;
}

.react-tel-input .ht {
  background-position: -128px -55px;
}

.react-tel-input .hu {
  background-position: -144px -55px;
}

.react-tel-input .id {
  background-position: -160px -55px;
}

.react-tel-input .ie {
  background-position: -176px -55px;
}

.react-tel-input .il {
  background-position: -192px -55px;
}

.react-tel-input .in {
  background-position: -208px -55px;
}

.react-tel-input .io {
  background-position: -224px -55px;
}

.react-tel-input .iq {
  background-position: -240px -55px;
}

.react-tel-input .ir {
  background-position: 0 -66px;
}

.react-tel-input .is {
  background-position: -16px -66px;
}

.react-tel-input .it {
  background-position: -32px -66px;
}

.react-tel-input .je {
  background-position: -144px -154px;
}

.react-tel-input .jm {
  background-position: -48px -66px;
}

.react-tel-input .jo {
  background-position: -64px -66px;
}

.react-tel-input .jp {
  background-position: -80px -66px;
}

.react-tel-input .ke {
  background-position: -96px -66px;
}

.react-tel-input .kg {
  background-position: -112px -66px;
}

.react-tel-input .kh {
  background-position: -128px -66px;
}

.react-tel-input .ki {
  background-position: -144px -66px;
}

.react-tel-input .xk {
  background-position: -128px -154px;
}

.react-tel-input .km {
  background-position: -160px -66px;
}

.react-tel-input .kn {
  background-position: -176px -66px;
}

.react-tel-input .kp {
  background-position: -192px -66px;
}

.react-tel-input .kr {
  background-position: -208px -66px;
}

.react-tel-input .kw {
  background-position: -224px -66px;
}

.react-tel-input .ky {
  background-position: -240px -66px;
}

.react-tel-input .kz {
  background-position: 0 -77px;
}

.react-tel-input .la {
  background-position: -16px -77px;
}

.react-tel-input .lb {
  background-position: -32px -77px;
}

.react-tel-input .lc {
  background-position: -48px -77px;
}

.react-tel-input .li {
  background-position: -64px -77px;
}

.react-tel-input .lk {
  background-position: -80px -77px;
}

.react-tel-input .lr {
  background-position: -96px -77px;
}

.react-tel-input .ls {
  background-position: -112px -77px;
}

.react-tel-input .lt {
  background-position: -128px -77px;
}

.react-tel-input .lu {
  background-position: -144px -77px;
}

.react-tel-input .lv {
  background-position: -160px -77px;
}

.react-tel-input .ly {
  background-position: -176px -77px;
}

.react-tel-input .ma {
  background-position: -192px -77px;
}

.react-tel-input .mc {
  background-position: -208px -77px;
}

.react-tel-input .md {
  background-position: -224px -77px;
}

.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}

.react-tel-input .mg {
  background-position: 0 -88px;
}

.react-tel-input .mh {
  background-position: -16px -88px;
}

.react-tel-input .mk {
  background-position: -32px -88px;
}

.react-tel-input .ml {
  background-position: -48px -88px;
}

.react-tel-input .mm {
  background-position: -64px -88px;
}

.react-tel-input .mn {
  background-position: -80px -88px;
}

.react-tel-input .mo {
  background-position: -96px -88px;
}

.react-tel-input .mp {
  background-position: -112px -88px;
}

.react-tel-input .mq {
  background-position: -128px -88px;
}

.react-tel-input .mr {
  background-position: -144px -88px;
}

.react-tel-input .ms {
  background-position: -160px -88px;
}

.react-tel-input .mt {
  background-position: -176px -88px;
}

.react-tel-input .mu {
  background-position: -192px -88px;
}

.react-tel-input .mv {
  background-position: -208px -88px;
}

.react-tel-input .mw {
  background-position: -224px -88px;
}

.react-tel-input .mx {
  background-position: -240px -88px;
}

.react-tel-input .my {
  background-position: 0 -99px;
}

.react-tel-input .mz {
  background-position: -16px -99px;
}

.react-tel-input .na {
  background-position: -32px -99px;
}

.react-tel-input .nc {
  background-position: -48px -99px;
}

.react-tel-input .ne {
  background-position: -64px -99px;
}

.react-tel-input .nf {
  background-position: -80px -99px;
}

.react-tel-input .ng {
  background-position: -96px -99px;
}

.react-tel-input .ni {
  background-position: -112px -99px;
}

.react-tel-input .nl, .react-tel-input .bq {
  background-position: -128px -99px;
}

.react-tel-input .no {
  background-position: -144px -99px;
}

.react-tel-input .np {
  background-position: -160px -99px;
}

.react-tel-input .nr {
  background-position: -176px -99px;
}

.react-tel-input .nu {
  background-position: -192px -99px;
}

.react-tel-input .nz {
  background-position: -208px -99px;
}

.react-tel-input .om {
  background-position: -224px -99px;
}

.react-tel-input .pa {
  background-position: -240px -99px;
}

.react-tel-input .pe {
  background-position: 0 -110px;
}

.react-tel-input .pf {
  background-position: -16px -110px;
}

.react-tel-input .pg {
  background-position: -32px -110px;
}

.react-tel-input .ph {
  background-position: -48px -110px;
}

.react-tel-input .pk {
  background-position: -64px -110px;
}

.react-tel-input .pl {
  background-position: -80px -110px;
}

.react-tel-input .pm {
  background-position: -96px -110px;
}

.react-tel-input .pr {
  background-position: -112px -110px;
}

.react-tel-input .ps {
  background-position: -128px -110px;
}

.react-tel-input .pt {
  background-position: -144px -110px;
}

.react-tel-input .pw {
  background-position: -160px -110px;
}

.react-tel-input .py {
  background-position: -176px -110px;
}

.react-tel-input .qa {
  background-position: -192px -110px;
}

.react-tel-input .re {
  background-position: -208px -110px;
}

.react-tel-input .ro {
  background-position: -224px -110px;
}

.react-tel-input .rs {
  background-position: -240px -110px;
}

.react-tel-input .ru {
  background-position: 0 -121px;
}

.react-tel-input .rw {
  background-position: -16px -121px;
}

.react-tel-input .sa {
  background-position: -32px -121px;
}

.react-tel-input .sb {
  background-position: -48px -121px;
}

.react-tel-input .sc {
  background-position: -64px -121px;
}

.react-tel-input .sd {
  background-position: -80px -121px;
}

.react-tel-input .se {
  background-position: -96px -121px;
}

.react-tel-input .sg {
  background-position: -112px -121px;
}

.react-tel-input .sh {
  background-position: -128px -121px;
}

.react-tel-input .si {
  background-position: -144px -121px;
}

.react-tel-input .sk {
  background-position: -160px -121px;
}

.react-tel-input .sl {
  background-position: -176px -121px;
}

.react-tel-input .sm {
  background-position: -192px -121px;
}

.react-tel-input .sn {
  background-position: -208px -121px;
}

.react-tel-input .so {
  background-position: -224px -121px;
}

.react-tel-input .sr {
  background-position: -240px -121px;
}

.react-tel-input .ss {
  background-position: 0 -132px;
}

.react-tel-input .st {
  background-position: -16px -132px;
}

.react-tel-input .sv {
  background-position: -32px -132px;
}

.react-tel-input .sx {
  background-position: -48px -132px;
}

.react-tel-input .sy {
  background-position: -64px -132px;
}

.react-tel-input .sz {
  background-position: -80px -132px;
}

.react-tel-input .tc {
  background-position: -96px -132px;
}

.react-tel-input .td {
  background-position: -112px -132px;
}

.react-tel-input .tg {
  background-position: -128px -132px;
}

.react-tel-input .th {
  background-position: -144px -132px;
}

.react-tel-input .tj {
  background-position: -160px -132px;
}

.react-tel-input .tk {
  background-position: -176px -132px;
}

.react-tel-input .tl {
  background-position: -192px -132px;
}

.react-tel-input .tm {
  background-position: -208px -132px;
}

.react-tel-input .tn {
  background-position: -224px -132px;
}

.react-tel-input .to {
  background-position: -240px -132px;
}

.react-tel-input .tr {
  background-position: 0 -143px;
}

.react-tel-input .tt {
  background-position: -16px -143px;
}

.react-tel-input .tv {
  background-position: -32px -143px;
}

.react-tel-input .tw {
  background-position: -48px -143px;
}

.react-tel-input .tz {
  background-position: -64px -143px;
}

.react-tel-input .ua {
  background-position: -80px -143px;
}

.react-tel-input .ug {
  background-position: -96px -143px;
}

.react-tel-input .us {
  background-position: -112px -143px;
}

.react-tel-input .uy {
  background-position: -128px -143px;
}

.react-tel-input .uz {
  background-position: -144px -143px;
}

.react-tel-input .va {
  background-position: -160px -143px;
}

.react-tel-input .vc {
  background-position: -176px -143px;
}

.react-tel-input .ve {
  background-position: -192px -143px;
}

.react-tel-input .vg {
  background-position: -208px -143px;
}

.react-tel-input .vi {
  background-position: -224px -143px;
}

.react-tel-input .vn {
  background-position: -240px -143px;
}

.react-tel-input .vu {
  background-position: 0 -154px;
}

.react-tel-input .wf {
  background-position: -16px -154px;
}

.react-tel-input .ws {
  background-position: -32px -154px;
}

.react-tel-input .ye {
  background-position: -48px -154px;
}

.react-tel-input .za {
  background-position: -64px -154px;
}

.react-tel-input .zm {
  background-position: -80px -154px;
}

.react-tel-input .zw {
  background-position: -96px -154px;
}

.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.react-tel-input .hide {
  display: none;
}

.react-tel-input .v-hide {
  visibility: hidden;
}

.react-tel-input .form-control {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  background: #FFFFFF;
  border: 1px solid #CACACA;
  border-radius: 5px;
  line-height: 25px;
  height: 35px;
  width: 300px;
  outline: none;
}

.react-tel-input .form-control.invalid-number {
  border: 1px solid #d79f9f;
  background-color: #FAF0F0;
  border-left-color: #cacaca;
}

.react-tel-input .form-control.invalid-number:focus {
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #FAF0F0;
}

.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-color: #f5f5f5;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .flag-dropdown:hover, .react-tel-input .flag-dropdown:focus {
  cursor: pointer;
}

.react-tel-input .flag-dropdown.invalid-number {
  border-color: #d79f9f;
}

.react-tel-input .flag-dropdown.open {
  z-index: 2;
  background: #fff;
  border-radius: 3px 0 0 0;
}

.react-tel-input .flag-dropdown.open .selected-flag {
  background: #fff;
  border-radius: 3px 0 0 0;
}

.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}

.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}

.react-tel-input .selected-flag {
  outline: none;
  position: relative;
  width: 38px;
  height: 100%;
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus {
  background-color: #fff;
}

.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 50%;
  margin-top: -5px;
}

.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.react-tel-input .country-list {
  outline: none;
  z-index: 1;
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 10px 0 10px -1px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
  background-color: white;
  width: 300px;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 0 0 3px 3px;
}

.react-tel-input .country-list .flag {
  display: inline-block;
}

.react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.react-tel-input .country-list .country {
  padding: 7px 9px;
}

.react-tel-input .country-list .country .dial-code {
  color: #6b6b6b;
}

.react-tel-input .country-list .country:hover {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .country.highlight {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .flag {
  margin-right: 7px;
  margin-top: 2px;
}

.react-tel-input .country-list .country-name {
  margin-right: 6px;
}

.react-tel-input .country-list .search {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 10px 0 6px 10px;
}

.react-tel-input .country-list .search-emoji {
  font-size: 15px;
}

.react-tel-input .country-list .search-box {
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 15px;
  line-height: 15px;
  margin-left: 6px;
  padding: 3px 8px 5px;
  outline: none;
}

.react-tel-input .country-list .no-entries-message {
  padding: 7px 10px 11px;
  opacity: 0.7;
}

.react-tel-input .invalid-number-message {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  color: #de0000;
}

.react-tel-input .special-label {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  white-space: nowrap;
}

.blacklist-filters {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.blacklist-filters .filter-select {
  width: 180px;
  max-width: 100%;
  height: 2rem;
  font-size: var(--body-font-size-components, 0.875rem);
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
  color: var(--body-font-color-components, #49525f);
  background-color: #fff;
  padding: 0 0.5rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.blacklist-filters .filter-select:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
  outline: none;
}

.blacklist-phone-search {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  max-width: 340px;
}
.blacklist-phone-search .react-tel-input {
  flex: 1;
}
.blacklist-phone-search .react-tel-input .form-control {
  width: 100%;
  height: 2rem;
  font-size: var(--body-font-size-components, 0.875rem);
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
}
.blacklist-phone-search .react-tel-input .form-control:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
}
.blacklist-phone-search .react-tel-input .flag-dropdown {
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px) 0 0 var(--border-radius-components, 5px);
  background-color: #fff;
}

.blacklist-search-btn {
  height: 2rem;
  width: 2rem;
  min-width: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.blacklist-data {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  overflow: hidden;
}
.blacklist-data .reach-data-main-area {
  flex: 1 1 0%;
  min-height: 0;
  overflow-y: auto;
}

.blacklist-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: monospace;
  font-weight: 500;
  font-size: var(--body-font-size-components, 0.875rem);
  color: var(--body-font-color-components, #49525f);
}
.blacklist-phone svg {
  color: var(--small-word-font-color-components, #8e91a4);
  flex-shrink: 0;
}

.blacklist-status-dot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--body-font-size-components, 0.875rem);
  color: var(--body-font-color-components, #49525f);
}
.blacklist-status-dot::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
}
.blacklist-status-dot--active::before {
  background-color: var(--success-background-components, #28a745);
}
.blacklist-status-dot--pending::before {
  background-color: var(--warning-background-components, #ffc107);
}
.blacklist-status-dot--inactive::before {
  background-color: var(--small-word-font-color-components, #8e91a4);
}

.blacklist-reason-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid;
  white-space: nowrap;
  line-height: 1rem;
}
.blacklist-reason-badge--spam {
  background-color: color-mix(in srgb, var(--danger-background-components, #dc3545) 10%, transparent 90%);
  color: var(--danger-background-components, #dc3545);
  border-color: color-mix(in srgb, var(--danger-background-components, #dc3545) 20%, transparent 80%);
}
.blacklist-reason-badge--fraud {
  background-color: color-mix(in srgb, var(--warning-background-components, #ffc107) 10%, transparent 90%);
  color: color-mix(in srgb, var(--warning-background-components, #ffc107) 80%, #000 20%);
  border-color: color-mix(in srgb, var(--warning-background-components, #ffc107) 20%, transparent 80%);
}
.blacklist-reason-badge--requested {
  background-color: color-mix(in srgb, var(--info-background-components, #17a2b8) 10%, transparent 90%);
  color: var(--info-background-components, #17a2b8);
  border-color: color-mix(in srgb, var(--info-background-components, #17a2b8) 20%, transparent 80%);
}
.blacklist-reason-badge--range, .blacklist-reason-badge--other {
  background-color: #f3f4f6;
  color: var(--small-word-font-color-components, #8e91a4);
  border-color: #e5e7eb;
}

.blacklist-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  gap: 16px;
  color: var(--small-word-font-color-components, #8e91a4);
}
.blacklist-empty .empty-icon {
  opacity: 0.5;
}
.blacklist-empty p {
  margin: 0;
  font-size: 1rem;
}

.blacklist-row--selected {
  background-color: #f6f6f6;
}
.blacklist-row--selected:hover {
  background-color: rgba(245, 245, 245, 0.5);
}

.blacklist-action-danger {
  color: var(--danger-background-components, #dc3545) !important;
}
.blacklist-action-danger:hover {
  background-color: color-mix(in srgb, var(--danger-background-components, #dc3545) 8%, transparent 92%) !important;
}

.blacklist-footer {
  flex-wrap: wrap;
  gap: 12px;
}

.blacklist-page-size {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blacklist-page-size .blacklist-page-size-select {
  width: 70px;
  height: 2rem;
  padding: 0 0.5rem;
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
  font-size: var(--body-font-size-components, 0.875rem);
  color: var(--body-font-color-components, #49525f);
  background-color: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.blacklist-page-size .blacklist-page-size-select:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
  outline: none;
}

.blacklist-pagination-controls {
  display: flex;
  align-items: center;
  gap: 4px;
}

.blacklist-form {
  padding: 0;
}
.blacklist-form .form-group {
  margin-bottom: 1rem;
}
.blacklist-form .form-label {
  font-weight: 500;
  font-size: var(--body-font-size-components, 0.875rem);
  color: var(--subtitle-font-color-components, #49525f);
  margin-bottom: 0.5rem;
}
.blacklist-form .form-control {
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
  font-size: var(--body-font-size-components, 0.875rem);
  color: var(--body-font-color-components, #49525f);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.blacklist-form .form-control:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
}
.blacklist-form .react-tel-input .form-control {
  width: 100%;
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
}
.blacklist-form .react-tel-input .form-control:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
}
.blacklist-form .react-tel-input .flag-dropdown {
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px) 0 0 var(--border-radius-components, 5px);
  background-color: #fff;
}

.drawer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px;
}

.blacklist-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.blacklist-title-icon {
  color: var(--small-word-font-color-components, #8e91a4);
  flex-shrink: 0;
}

.blacklist-header-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  align-items: center;
}

.blacklist-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  height: 2.5rem;
  width: fit-content;
  font-size: var(--body-font-size-components, 0.875rem);
  font-weight: 600;
  border-radius: var(--border-radius-components, 5px);
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-in-out;
  border: 1px solid transparent;
}
.blacklist-btn--primary {
  background-color: var(--primary-background-components, #0047ff);
  color: var(--off-white, #fff);
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: var(--box-shadow-default, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1));
}
.blacklist-btn--primary:hover {
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 85%, #000000 15%);
  color: var(--off-white, #fff);
  border-color: var(--primary-background-components, #0047ff);
}
.blacklist-btn--primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-background-components, #0047ff);
}
.blacklist-btn--outline {
  background-color: transparent;
  color: var(--body-font-color-components, #49525f);
  border-color: var(--tertiary-background-components, #e2e8f0);
}
.blacklist-btn--outline:hover {
  background-color: #f4f4f5;
}
.blacklist-btn--outline:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-background-components, #0047ff), 0 0 0 4px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
}
.blacklist-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.blacklist-embedded {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
}
.blacklist-embedded .blacklist-embedded-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 16px;
}
.blacklist-embedded .blacklist-embedded-header .blacklist-embedded-header-info {
  flex: 1;
  min-width: 200px;
}
.blacklist-embedded .reach-data-header-title {
  font-size: var(--title-font-size-components, 1.2rem);
  font-weight: var(--title-font-weight-components, bold);
  color: var(--title-font-color-components, #4e5053);
}
.blacklist-embedded .reach-data-header-description {
  font-size: var(--small-word-font-size-components, 0.7rem);
  color: var(--small-word-font-color-components, #8e91a4);
  margin: 0;
}
.blacklist-embedded .blacklist-filters {
  margin-bottom: 16px;
}
.blacklist-embedded .blacklist-data {
  flex: 1;
  overflow: auto;
}

@media (max-width: 768px) {
  .blacklist-filters {
    flex-direction: column;
    align-items: stretch;
  }
  .blacklist-filters .blacklist-phone-search {
    max-width: 100%;
  }
  .blacklist-filters .filter-select {
    width: 100%;
  }
  .blacklist-header-actions {
    width: 100%;
  }
  .blacklist-header-actions .blacklist-btn {
    flex: 1;
    justify-content: center;
  }
  .blacklist-footer {
    flex-direction: column;
  }
  .blacklist-footer .reach-data-footer-sub-area {
    justify-content: center;
    flex-wrap: wrap;
  }
}.blacklist-upload {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
}
.blacklist-upload__error {
  margin: 0 20px 0;
  display: flex;
  align-items: center;
  font-size: 13px;
  border-radius: var(--border-radius-components, 5px);
}
.blacklist-upload__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 20px;
  flex: 1;
  overflow-y: auto;
}
.blacklist-upload__template-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0 1rem;
  height: 2.5rem;
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  background: #f9fafb;
  color: var(--body-font-color-components, #49525f);
  border-radius: var(--border-radius-components, 5px);
  font-size: var(--body-font-size-components, 0.875rem);
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  box-shadow: var(--box-shadow-button-components, none);
}
.blacklist-upload__template-btn:hover {
  background: #f4f4f5;
  border-color: var(--secondary-background-components, #6c757d);
}
.blacklist-upload__template-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-background-components, #0047ff), 0 0 0 4px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
}
.blacklist-upload__reason-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.blacklist-upload__reason-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--subtitle-font-color-components, #49525f);
}
.blacklist-upload__reason-select {
  width: 100%;
  font-size: var(--body-font-size-components, 0.875rem);
  height: 2rem;
  padding: 0 0.75rem;
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
  color: var(--body-font-color-components, #49525f);
  background-color: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.blacklist-upload__reason-select:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
  outline: none;
}
.blacklist-upload__reason-hint {
  color: var(--small-word-font-color-components, #8e91a4);
  font-size: 11px;
}
.blacklist-upload__dropzone-section {
  flex: none;
  display: flex;
  flex-direction: column;
}
.blacklist-upload__dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--tertiary-background-components, #d1d5db);
  border-radius: var(--border-radius-components, 5px);
  background: transparent;
  transition: all 150ms ease-in-out;
  min-height: 120px;
  padding: 20px 16px;
  cursor: pointer;
}
.blacklist-upload__dropzone:hover {
  border-color: var(--primary-background-components, #0047ff);
  background: color-mix(in srgb, var(--primary-background-components, #0047ff) 2%, transparent 98%);
}
.blacklist-upload__dropzone--error {
  border-color: var(--danger-background-components, #dc3545);
}
.blacklist-upload__dropzone .reach-draganddrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
}
.blacklist-upload__dropzone-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  pointer-events: none;
}
.blacklist-upload__dropzone-icon {
  color: var(--small-word-font-color-components, #8e91a4);
  margin-bottom: 4px;
}
.blacklist-upload__dropzone-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--subtitle-font-color-components, #49525f);
  margin: 0;
}
.blacklist-upload__dropzone-subtitle {
  font-size: 12px;
  color: var(--small-word-font-color-components, #8e91a4);
  margin: 0;
}
.blacklist-upload__dropzone-format {
  display: inline-block;
  margin-top: 4px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 500;
  color: var(--small-word-font-color-components, #8e91a4);
  background: #f3f4f6;
  border-radius: 20px;
}
.blacklist-upload__file-preview {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--tertiary-background-components, #e2e8f0);
  border-radius: var(--border-radius-components, 5px);
  background: #f9fafb;
  padding: 16px;
}
.blacklist-upload__file-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.blacklist-upload__file-icon {
  color: var(--primary-background-components, #0047ff);
  flex-shrink: 0;
}
.blacklist-upload__file-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.blacklist-upload__file-name {
  font-weight: 600;
  font-size: 13px;
  color: var(--subtitle-font-color-components, #49525f);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.blacklist-upload__file-size {
  font-size: 11px;
  color: var(--small-word-font-color-components, #8e91a4);
  margin-top: 2px;
}
.blacklist-upload__remove-file-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 0 0.75rem;
  height: 2rem;
  border: 1px solid var(--danger-background-components, #dc3545);
  background: transparent;
  border-radius: var(--border-radius-components, 5px);
  cursor: pointer;
  color: var(--danger-background-components, #dc3545);
  font-size: 12px;
  font-weight: 500;
  transition: all 150ms ease-in-out;
}
.blacklist-upload__remove-file-btn:hover:not(:disabled) {
  background: var(--danger-background-components, #dc3545);
  color: var(--danger-text-components, #fff);
}
.blacklist-upload__remove-file-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.blacklist-upload__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 16px 20px 20px;
  border-top: 1px solid var(--tertiary-background-components, #e2e8f0);
  margin-top: auto;
}
.blacklist-upload__actions-left {
  display: flex;
  gap: 8px;
}
.blacklist-upload__actions-right {
  display: flex;
  gap: 8px;
}
.blacklist-upload__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1rem;
  height: 2rem;
  font-size: var(--body-font-size-components, 0.875rem);
  font-weight: 500;
  border-radius: var(--border-radius-components, 5px);
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-in-out;
  border: 1px solid transparent;
}
.blacklist-upload__btn--cancel {
  background: transparent;
  color: var(--body-font-color-components, #49525f);
  border-color: var(--tertiary-background-components, #e2e8f0);
}
.blacklist-upload__btn--cancel:hover:not(:disabled) {
  background: #f4f4f5;
}
.blacklist-upload__btn--cancel:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-background-components, #0047ff), 0 0 0 4px color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent 80%);
}
.blacklist-upload__btn--outline {
  background: transparent;
  color: var(--primary-background-components, #0047ff);
  border-color: var(--primary-background-components, #0047ff);
}
.blacklist-upload__btn--outline:hover:not(:disabled) {
  background: var(--primary-background-components, #0047ff);
  color: var(--primary-text-components, #fff);
}
.blacklist-upload__btn--outline:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-background-components, #0047ff);
}
.blacklist-upload__btn--primary {
  background-color: var(--primary-background-components, #0047ff);
  color: var(--primary-text-components, #fff);
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: var(--box-shadow-button-components, none);
}
.blacklist-upload__btn--primary:hover:not(:disabled) {
  background-color: var(--primary-hover-background-components, #003acc);
  border-color: var(--primary-hover-background-components, #003acc);
}
.blacklist-upload__btn--primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-background-components, #0047ff);
}
.blacklist-upload__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 480px) {
  .blacklist-upload__actions {
    flex-direction: column-reverse;
  }
  .blacklist-upload__actions .blacklist-upload__actions-left,
  .blacklist-upload__actions .blacklist-upload__actions-right {
    width: 100%;
  }
  .blacklist-upload__actions .blacklist-upload__btn {
    width: 100%;
    justify-content: center;
  }
}.quickly-contacts--vars {
  --gray-border: #e5e7eb;
  --gray-medium: #808080;
  --gray-medium-background: #80808026;
}
.quickly-contacts--vars .drawer-header-title {
  display: grid;
  width: 90%;
}
.quickly-contacts__search-menu {
  border-radius: var(--border-radius-components);
}
.quickly-contacts__search-menu input {
  padding-left: 1rem;
}
.quickly-contacts__search-menu img {
  max-width: none;
}
.quickly-contacts__search-menu img:nth-of-type(1) {
  margin: 0px 5px 0 15px;
}
.quickly-contacts__search-menu .search-divider {
  align-self: baseline;
  text-align: right;
}
.quickly-contacts__search-menu--lighter {
  border-color: var(--gray-border);
  opacity: 0.6;
}
.quickly-contacts__search-menu--lighter:focus-within {
  opacity: 1;
}
.quickly-contacts__search-menu--lighter input:focus-within {
  opacity: 1;
}
.quickly-contacts__sidebar--content {
  scrollbar-gutter: stable;
}
.quickly-contacts__sidebar-item--active {
  border-radius: var(--border-radius-components);
}
.quickly-contacts__button--radius {
  border-radius: var(--border-radius-components);
}
.quickly-contacts__button--primary {
  background-color: var(--primary-background-components);
  color: var(--off-white);
  border-radius: var(--border-radius-components);
  box-shadow: var(--box-shadow-default);
  border-color: var(--primary-background-components);
}
.quickly-contacts__button--primary:hover, .quickly-contacts__button--primary:focus {
  background-color: color-mix(in srgb, var(--primary-background-components) 85%, #000000 15%);
  color: var(--off-white);
  border-color: var(--primary-background-components);
}
.quickly-contacts__button--secondary {
  background-color: var(--secondary-background-components);
  color: var(--off-white);
  border-radius: var(--border-radius-components);
  box-shadow: var(--box-shadow-default);
  border-color: var(--secondary-background-components);
}
.quickly-contacts__button--secondary:hover, .quickly-contacts__button--secondary:focus {
  background-color: var(--secondary-background-components);
  color: var(--off-white);
  border-color: var(--secondary-background-components);
}
.quickly-contacts__button--disabled {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}
.quickly-contacts__button-tag {
  width: auto;
  height: 2rem;
  border: 1px solid var(--gray-border);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-components);
  color: #000;
}
.quickly-contacts__button-add {
  width: auto;
  padding: 0.5rem 1rem;
  background-color: var(--primary-background-components);
  color: var(--off-white);
  border: none;
  border-radius: var(--border-radius-components);
  cursor: pointer;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quickly-contacts__button-add:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--primary-background-components) 85%, #000000 15%);
  color: var(--off-white);
  border-color: var(--primary-background-components);
}
.quickly-contacts__button-add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.quickly-contacts__button-add-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.quickly-contacts__button-remove {
  width: auto;
  height: auto;
  padding: 0.25rem;
  background: transparent;
  border: none;
  color: red;
  cursor: pointer;
  border-radius: var(--border-radius-components);
  transition: background-color 0.2s;
}
.quickly-contacts__button-remove:hover {
  background-color: var(--gray-medium-background);
}
.quickly-contacts__button-add-tag {
  border-radius: var(--border-radius-components);
  border: 1px solid var(--tertiary-background-components);
  color: var(--tertiary-background-components);
}
.quickly-contacts__counter {
  opacity: 1 !important;
  visibility: visible !important;
}
.quickly-contacts__counter--active {
  background-color: var(--secondary-background-components) !important;
  border-radius: var(--border-radius-components);
}
.quickly-contacts__tag--disabled {
  opacity: 0.5;
}
.quickly-contacts__tag--loading {
  width: 100%;
}
.quickly-contacts__tag-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.quickly-contacts__tag-header {
  max-width: 90%;
}
.quickly-contacts__tag-edit-title {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quickly-contacts__tag-edit-description {
  display: block;
  white-space: pre-wrap;
  font-weight: 500;
  overflow: hidden;
}
.quickly-contacts__input {
  border-radius: var(--border-radius-components);
  border-color: var(--tertiary-background-components);
}
.quickly-contacts__input:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--tertiary-background-components) 25%, transparent);
}
.quickly-contacts__input--gender {
  height: 2.5rem;
  align-content: center;
  padding-left: 0.5rem;
}
.quickly-contacts__input--gender .button {
  display: flex;
  justify-content: space-between;
}
.quickly-contacts__input--gender .menu.open {
  min-height: auto;
  overflow-y: auto;
}
.quickly-contacts__checkbox--primary.reach-checkbox-checked {
  background-color: var(--primary-background-components);
  border-color: var(--primary-background-components);
  color: var(--off-white);
}
.quickly-contacts__icon--profile {
  width: 2rem;
  height: 2rem;
}
.quickly-contacts__icon--primary {
  color: var(--primary-background-components);
}
.quickly-contacts__icon-variable-trash {
  width: auto;
  margin-right: 1rem;
  color: var(--reach-table-icons-color);
}
.quickly-contacts__container--monitoring {
  display: flex;
  gap: 0.6rem;
}
.quickly-contacts__container--monitoring .reach-checkbox {
  margin-top: 0;
}
.quickly-contacts__monitoring--inactive {
  background-color: var(--gray-border);
}
.quickly-contacts__data {
  border-radius: var(--border-radius-components);
}
.quickly-contacts__table-header {
  background-color: var(--primary-background-components);
  color: var(--off-white);
}
.quickly-contacts__table-header th {
  color: var(--off-white);
  padding: 1.5rem;
}
.quickly-contacts__table-tag-chip {
  border-radius: var(--border-radius-components);
}
.quickly-contacts__row--loading {
  width: auto;
}
.quickly-contacts__header {
  padding: 1rem 1.5rem;
  height: auto;
}
.quickly-contacts__header-container {
  display: flex;
  justify-content: space-between;
  min-width: 100%;
  align-items: center;
}
.quickly-contacts__header--no-bottom-padding {
  padding-bottom: 0;
}
.quickly-contacts__search-bar-container {
  min-width: 50%;
  position: relative;
}
.quickly-contacts__search-message {
  width: 50%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  text-align: center;
  position: absolute;
  bottom: -1rem;
  white-space: nowrap;
  margin-left: 0.75rem;
}
.quickly-contacts__search-bar {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  max-width: none;
  margin: 0;
}
.quickly-contacts__search-bar .smart-filters-search-bar {
  margin-left: 1rem;
  min-width: 12rem;
  width: 100%;
  border-radius: var(--border-radius-components) !important;
}
.quickly-contacts__search-bar .smart-filters-suggestions {
  margin-top: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quickly-contacts__search-bar .smart-filters-suggestions-item {
  border-radius: var(--border-radius-components) !important;
  width: 100% !important;
}
.quickly-contacts__search-bar .smart-filters-search-bar-suggestion.NAME,
.quickly-contacts__search-bar .smart-filters-search-bar-suggestion.PHONE,
.quickly-contacts__search-bar .smart-filters-search-bar-button.primary {
  background-color: var(--secondary-background-components) !important;
  border-radius: var(--border-radius-components) !important;
}
.quickly-contacts__channels {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.quickly-contacts__channels-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1199px) {
  .quickly-contacts__channels-container {
    display: none;
  }
}
.quickly-contacts__channels-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
}
.quickly-contacts__channels-msisdn {
  font-size: 0.875rem;
  white-space: nowrap;
}
.quickly-contacts__channels-divider {
  color: var(--gray-medium);
}
@media (max-width: 1199px) {
  .quickly-contacts__channels-divider {
    display: none;
  }
}
.quickly-contacts__channels-tooltip {
  background-color: #464444;
  color: var(--off-white);
  border-radius: var(--border-radius-components);
  border: 1px solid #000;
}
.quickly-contacts__status {
  margin-bottom: 0;
}
.quickly-contacts__spinner {
  width: 1.25rem;
  height: 1.25rem;
}
.quickly-contacts__spinner-sidebar {
  width: 0.8rem;
  height: 0.8rem;
  border: 0.2em solid currentcolor;
  border-right-color: transparent;
}
.quickly-contacts__chip--gray .tag-selector__chip {
  color: #374151 !important;
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
}
.quickly-contacts__create-success-view {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quickly-contacts__edit-variables-avatar {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.quickly-contacts__edit-variables-title {
  font-size: 1.25rem;
  font-weight: 600;
}
.quickly-contacts__edit-variables-label-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quickly-contacts__edit-variables-add-area {
  display: flex;
  gap: 0.5rem;
}
.quickly-contacts__edit-variables-tabs {
  background: transparent;
  border: none;
  margin-top: 1rem;
  margin-bottom: 0;
}
.quickly-contacts__edit-variables-tabs .tabs__container {
  border-radius: var(--border-radius-components);
  border: 1px solid var(--tertiary-background-components);
  padding: 1px;
}
.quickly-contacts__edit-variables-tabs .tabs__container .tabs__item {
  border-radius: var(--border-radius-components);
  margin: 0;
}
.quickly-contacts__edit-variables-tabs .tabs__container .tabs__item--active {
  background-color: var(--primary-background-components);
  color: var(--off-white);
  font-weight: 800;
}
.quickly-contacts__edit-variables-divider {
  border-bottom: 1px solid var(--gray-border);
  padding-bottom: 1.5rem;
}
.quickly-contacts__cards-area-divider {
  height: 1px;
  background-color: var(--gray-border);
  margin: 1rem 0;
}
.quickly-contacts__cards-area-subtitle {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.quickly-contacts__cards-area-details {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
}
.quickly-contacts__characteristics-card {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
}
.quickly-contacts__characteristics-item {
  margin: 0;
}
.quickly-contacts__characteristics-title {
  text-align: center;
}
.quickly-contacts__space-y-1 {
  margin: 1rem;
  height: 1rem;
}
.quickly-contacts__space-y-3 {
  margin: 3rem;
  height: 1rem;
}
.quickly-contacts__detail-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.quickly-contacts__detail-card {
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
  .quickly-contacts__detail-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.quickly-contacts__detail-main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.quickly-contacts__detail-name {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #111827;
}
.quickly-contacts__detail-status-area {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.quickly-contacts__detail-status-sub-area {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.quickly-contacts__detail-status-bullet {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #e5e7eb;
}
.quickly-contacts__detail-status-bullet.ACTIVE {
  background-color: #22c55e;
}
.quickly-contacts__detail-status-bullet.CANCELLED {
  background-color: #ef4444;
}
.quickly-contacts__detail-status-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #6b7280;
}
.quickly-contacts__detail-tags-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.quickly-contacts__detail-tags-chip {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  border-radius: 9999px;
  background-color: #f9fafb;
  color: #374151;
  border: 1px solid #e5e7eb;
  padding: 0.25rem 0.75rem;
  transition: colors 150ms ease-in-out;
  flex-shrink: 0;
}
.quickly-contacts__detail-tags-chip:focus {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #3b82f6;
}
.quickly-contacts__detail-tags-chip.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #f4f4f5;
  border: none;
}
.quickly-contacts__detail-tags-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 0.375rem;
  border: none;
  background-color: transparent;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  color: var(--reach-table-icons-color);
}
.quickly-contacts__detail-tags-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #3b82f6;
}
.quickly-contacts__detail-tags-button:hover:not(:disabled) {
  background-color: #f1f5f9;
  color: #0f172a;
}
.quickly-contacts__detail-tags-button:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.quickly-contacts__detail-tags-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.quickly-contacts__detail-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .quickly-contacts__detail-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.quickly-contacts__detail-cards-area {
  background-color: rgba(249, 250, 251, 0.5);
  border-radius: 0.5rem;
  padding: 1rem;
}
.quickly-contacts__detail-cards-area-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.quickly-contacts__detail-cards-area-divider {
  height: 1px;
  margin: 1rem 0;
}
.quickly-contacts__detail-cards-profile-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.quickly-contacts__detail-cards-profile-item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4b5563;
}
.quickly-contacts__detail-cards-profile-item-icon {
  pointer-events: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  color: var(--reach-table-icons-color);
}
.quickly-contacts__detail-cards-profile-add-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: auto;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  color: var(--reach-blue);
  border-radius: 0.375rem;
  border: none;
  background-color: transparent;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  width: auto;
}
.quickly-contacts__detail-cards-profile-add-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--reach-blue);
}
.quickly-contacts__detail-cards-profile-add-item:hover:not(:disabled) {
  color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
}
.quickly-contacts__detail-cards-profile-add-item:disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.quickly-contacts__detail-cards-profile-add-item-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.quickly-contacts__detail-cards-profile-add-item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.quickly-contacts__detail-actions-area {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.quickly-contacts__detail-actions-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: 4rem;
  width: 4rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #d1d5db;
  color: #0f172a;
  border-radius: 0.375rem;
  transition: all 150ms ease-in-out;
}
.quickly-contacts__detail-actions-button:hover:not(:disabled) {
  background-color: #f1f5f9;
  color: #0f172a;
}
.quickly-contacts__detail-actions-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.quickly-contacts__detail-actions-button-icon {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.quickly-contacts__detail-actions-button-text {
  font-size: 0.75rem;
  line-height: 1rem;
}
.quickly-contacts__detail-actions-button.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #f4f4f5;
  border: none;
}
.quickly-contacts__success-main-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.quickly-contacts__success-main-area-icon {
  width: 4rem;
  height: 4rem;
  background-color: #dcfce7;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.quickly-contacts__success-main-area-icon-success {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #16a34a;
}
.quickly-contacts__success-main-area-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}
.quickly-contacts__success-main-area-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  text-align: center;
}
.quickly-contacts__success-area {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.quickly-contacts__success-area-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.quickly-contacts__success-area-stats-icon {
  width: 1rem;
  height: 1rem;
  color: #6a7282;
  margin-right: 0.25rem;
}
.quickly-contacts__success-area-stats-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px solid #e5e7eb;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  width: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
  gap: 0.25rem;
  overflow: hidden;
  color: #4b5563;
  transition-property: color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.quickly-contacts__success-area-stats.success .quickly-contacts__success-area-stats-icon {
  color: #00a63e;
}
.quickly-contacts__success-area-stats.success .quickly-contacts__success-area-stats-badge {
  color: #016630;
  background-color: #dcfce7;
}
.quickly-contacts__success-area-stats.failed .quickly-contacts__success-area-stats-icon {
  color: #fb2c36;
}
.quickly-contacts__success-area-stats.failed .quickly-contacts__success-area-stats-badge {
  color: #9f0712;
  background-color: #ffe2e2;
}
.quickly-contacts__success-area-text {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4b5563;
  font-weight: 600;
  text-align: center;
}
.quickly-contacts__success-result {
  background-color: #f9fafb;
  border-radius: 0.5rem;
  padding: 1rem;
}
.quickly-contacts__success-result-title-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.quickly-contacts__success-result-title-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #22c55e;
  border-radius: 9999px;
  margin-right: 0.5rem;
}
.quickly-contacts__success-result-title-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #111827;
}
.quickly-contacts__success-result-description {
  font-size: 0.75rem;
  line-height: 1.625;
  color: #4b5563;
  text-align: center;
}
.quickly-contacts__tags-area {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.quickly-contacts__tags-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  background-color: #f3f4f6;
  flex-shrink: 0;
}
.quickly-contacts__tags-chip:focus {
  outline: none;
}
.quickly-contacts__tags-chip:hover {
  background-color: rgb(213.8571428571, 217.2857142857, 224.1428571429);
}
.quickly-contacts__tags-chip.count {
  color: #6b7280;
  border: 1px solid #d1d5db;
  background-color: transparent;
}
.quickly-contacts__tag-container {
  width: 100%;
}
.quickly-contacts__tag-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.quickly-contacts__tag-header-info {
  flex: 1;
  min-width: 0;
}
.quickly-contacts__tag-header-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}
.quickly-contacts__tag-header-details {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.quickly-contacts__tag-header-details-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.quickly-contacts__tag-header-details-item-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: inherit;
}
.quickly-contacts__tag-status {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
  padding-top: 0.1375rem;
  padding-bottom: 0.1375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  user-select: none;
  cursor: pointer;
}
.quickly-contacts__tag-status-circle {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  margin-right: 0.25rem;
}
.quickly-contacts__tag-status.active {
  border: 1px solid #bbf7d0;
  background-color: #f0fdf4;
  color: #15803d;
}
.quickly-contacts__tag-status.active .quickly-contacts__tag-status-circle {
  background-color: #22c55e;
}
.quickly-contacts__tag-status.inactive {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #6b7280;
}
.quickly-contacts__tag-status.inactive .quickly-contacts__tag-status-circle {
  background-color: #9ca3af;
}
.quickly-contacts__tag--inactive {
  opacity: 0.5;
}
.quickly-contacts__create-contact-title {
  white-space: nowrap;
}
.quickly-contacts__form-warning-feedback {
  color: #f59e0b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
  animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.quickly-contacts__confirmation .confirmation {
  border-radius: var(--border-radius-components);
}
.quickly-contacts__confirmation button {
  border-radius: var(--border-radius-components);
  background-color: var(--primary-background-components) !important;
}
.quickly-contacts__confirmation .cancel-button,
.quickly-contacts__confirmation .close-button {
  background-color: inherit !important;
}.reseller-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow: hidden;
  padding: 1rem;
}

.reseller-modal {
  background: white;
  width: 560px;
  max-width: 92vw;
  max-height: min(90vh, 720px);
  border-radius: 0.75rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  animation: resellerModalIn 0.2s ease-out;
}
.reseller-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}
.reseller-modal-header-main-area {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
}
.reseller-modal-close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  line-height: 0;
  color: #64748b;
  width: auto;
}
.reseller-modal-close-button-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.reseller-modal-body {
  padding: 1.5rem;
  overflow: auto;
  flex: 1 1 auto;
}
.reseller-modal-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
}

@keyframes resellerModalIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}/**
 * Styles for the portalled, partner-themed Confirmation (see ThemedConfirmation).
 * The dialog is rendered into document.body, so these rules are scoped to the
 * portal wrapper class instead of the module root. The wrapper carries the
 * `--*-components` partner theme tokens inline, letting the OK button adopt the
 * active partner palette (Claro red, Tigo blue, ...) to match the rest of the
 * module. This mirrors the proven useDirtyClose pattern.
 */
.reseller-themed-confirm-portal {
  position: fixed;
  inset: 0;
  z-index: 1100; /* above the drawer/modal overlay (z-index: 1000) */
  display: flex;
  align-items: center;
  justify-content: center;
  /* Allow scrolling when the dialog is taller than the viewport instead of
     clipping it; the flex centering above keeps short dialogs centered. */
  overflow: auto;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  /* The library Confirmation renders a centered container; reset its absolute
     positioning so it lays out naturally inside this flex-centered wrapper. */
}
.reseller-themed-confirm-portal .confirmation-container {
  position: static;
  width: auto;
}
.reseller-themed-confirm-portal {
  /* All Reseller call sites pass `absolute`, which makes the base Confirmation
     add `.absolute-confirmation-container` with `top/left: 50%` and
     `transform: translate(-50%, -50%)`. That offset is meant for an absolutely
     positioned dialog inside a sized parent; here the wrapper already centers
     via flex, so the leftover transform shifts the dialog up and left, pushing
     its title behind the navbar and clipping the top. Neutralize the offset
     within the portal scope so the flex centering wins, for all 7 modals. */
}
.reseller-themed-confirm-portal .absolute-confirmation-container {
  position: static;
  top: auto;
  left: auto;
  transform: none;
}
.reseller-themed-confirm-portal {
  /* Confirm (primary) button: the library hard-codes a blue background and a
     5px radius inline, so the partner theme is applied with !important to win
     over the inline style. Cancel keeps its neutral outline, only aligning the
     radius with the module. */
}
.reseller-themed-confirm-portal .confirmation-buttons-container button:not(.cancel-button) {
  background: var(--primary-background-components) !important;
  color: var(--r-primary-fg, var(--primary-text-components)) !important;
  border: none !important;
  border-radius: var(--border-radius-components) !important;
}
.reseller-themed-confirm-portal .confirmation-buttons-container .cancel-button {
  border-radius: var(--border-radius-components) !important;
}
.reseller-themed-confirm-portal {
  /* While an async confirm action is in flight, turn the OK button into a
     spinner: hide its label (transparent keeps the button width) and center a
     CSS spinner. Both buttons are click-blocked. The OK button is rendered by
     the library, so the spinner is done purely in CSS here. */
}
.reseller-themed-confirm-portal--loading .confirmation-buttons-container button {
  pointer-events: none;
}
.reseller-themed-confirm-portal--loading .confirmation-buttons-container .cancel-button {
  opacity: 0.6;
}
.reseller-themed-confirm-portal--loading .confirmation-buttons-container button:not(.cancel-button) {
  position: relative;
  color: transparent !important;
}
.reseller-themed-confirm-portal--loading .confirmation-buttons-container button:not(.cancel-button)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: reseller-confirm-spin 0.7s linear infinite;
}

@keyframes reseller-confirm-spin {
  to {
    transform: rotate(360deg);
  }
}
/**
 * Structural styles for the Reseller module UI kit. Colors, radius and shadows
 * come from the `--r-*` variables applied at the module root (see theme.js); this
 * file only holds layout, spacing, typography and animation that do not vary by
 * partner. Tailwind utility classes from the mockup are mapped to plain CSS here.
 */
@keyframes reseller-ui-spin {
  to {
    transform: rotate(360deg);
  }
}
.reseller-ui {
  /* ---------------- Avatar ---------------- */
}
.reseller-ui__avatar {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1;
}
.reseller-ui {
  /* ---------------- Chips ---------------- */
}
.reseller-ui__chip {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
}
.reseller-ui__sso-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.reseller-ui__role-chip {
  display: inline-flex;
  align-items: center;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 600;
}
.reseller-ui {
  /* ---------------- Consumption bar ---------------- */
}
.reseller-ui__bar {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.reseller-ui__bar-track {
  width: 120px;
  height: 8px;
  overflow: hidden;
}
.reseller-ui__bar-fill {
  height: 100%;
  transition: width 0.3s ease;
}
.reseller-ui__bar-label {
  font-size: 12px;
}
.reseller-ui {
  /* ---------------- Buttons ---------------- */
}
.reseller-ui__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}
.reseller-ui__btn:hover {
  filter: brightness(0.95);
}
.reseller-ui__btn:active {
  transform: scale(0.99);
}
.reseller-ui__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reseller-ui__btn-spinner {
  animation: reseller-ui-spin 0.7s linear infinite;
}
.reseller-ui__btn--block {
  width: 100%;
}
.reseller-ui {
  /* Filled brand button. Colors/radius are applied inline from the theme vars
     (see PrimaryButton); the hover darkening lives here so it can stay subtle. */
}
.reseller-ui__btn--primary:hover {
  filter: brightness(0.95);
}
.reseller-ui__btn--secondary:hover {
  filter: none;
  background: rgba(0, 0, 0, 0.05) !important;
}
.reseller-ui__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.reseller-ui__icon-btn:hover {
  background: rgba(0, 0, 0, 0.05);
}
.reseller-ui__icon-btn:disabled {
  cursor: default;
  opacity: 0.45;
}
.reseller-ui__icon-btn:disabled:hover {
  background: transparent;
}
.reseller-ui {
  /* ---------------- Search pill ---------------- */
}
.reseller-ui__search {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reseller-ui__search--lg {
  padding: 10px 16px;
}
.reseller-ui__search--sm {
  padding: 6px 12px;
}
.reseller-ui__search-input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-size: 14px;
}
.reseller-ui__search-input::placeholder {
  color: var(--r-text-secondary);
}
.reseller-ui {
  /* ---------------- Skeleton ---------------- */
}
.reseller-ui__skeleton {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px;
}
.reseller-ui__skeleton-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reseller-ui__skeleton-avatar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  animation: reseller-ui-pulse 1.4s ease-in-out infinite;
}
.reseller-ui__skeleton-lines {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
}
.reseller-ui__skeleton-line {
  height: 12px;
  border-radius: 4px;
  background: #e9edf2;
  animation: reseller-ui-pulse 1.4s ease-in-out infinite;
}
.reseller-ui__skeleton-line--lg {
  width: 40%;
}
.reseller-ui__skeleton-line--sm {
  width: 60%;
  height: 10px;
  background: #eef1f5;
}
.reseller-ui {
  /* ---------------- Empty state ---------------- */
}
.reseller-ui__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  text-align: center;
}
.reseller-ui__empty-icon {
  color: #cbd5e1;
}
.reseller-ui__empty-title {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.reseller-ui {
  /* ---------------- Detail panel header ---------------- */
}
.reseller-ui__detail-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
}
.reseller-ui__detail-header-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reseller-ui__detail-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.reseller-ui__detail-count {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border-radius: 9999px;
  background: #f1f3f4;
}
.reseller-ui__detail-action {
  margin-left: auto;
}
.reseller-ui__detail-subject {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.reseller-ui {
  /* ---------------- Table ---------------- */
}
.reseller-ui__table {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.reseller-ui {
  /* Single horizontal-scroll viewport shared by the header and the body so the
     two never desync. It is a height-bounded flex column so the body can still
     scroll vertically inside it. */
}
.reseller-ui__table-scroll {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  overflow-x: auto;
}
.reseller-ui {
  /* min-width:max-content keeps the grid columns at their intrinsic width so a
     narrow viewport scrolls the whole row (header + ACTIONS cell included)
     instead of clipping the trailing column. */
}
.reseller-ui__table-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: max-content;
  min-height: 0;
}
.reseller-ui__table-head {
  display: grid;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  min-height: 44px;
}
.reseller-ui__table-th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.reseller-ui__table-body {
  min-height: 0;
  flex: 1;
}
.reseller-ui__table-body--scroll {
  overflow-y: auto;
}
.reseller-ui__row {
  position: relative;
  display: grid;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  min-height: 64px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.reseller-ui__row-accent {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.reseller-ui {
  /* ---------------- Master-detail split ---------------- */
}
.reseller-ui__split {
  display: flex;
  flex: 1;
  min-height: 0;
  gap: 20px;
  overflow: hidden;
}
.reseller-ui__split-master {
  display: flex;
  flex: 3;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
}
.reseller-ui__split-detail {
  display: flex;
  flex: 2;
  min-width: 340px;
  flex-direction: column;
  overflow: hidden;
}
.reseller-ui__split-detail-body {
  flex: 1;
  overflow-y: auto;
}
.reseller-ui {
  /* ---------------- View header ---------------- */
}
.reseller-ui__view-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.reseller-ui__view-header-title-area {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.reseller-ui__view-header-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.reseller-ui__view-header-count {
  font-size: 14px;
  font-weight: 600;
}
.reseller-ui__view-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.reseller-ui__view-header-search {
  width: 100%;
  max-width: 24rem;
  min-width: 200px;
}
.reseller-ui {
  /* ---------------- Form controls ---------------- */
  /* min-width:0 lets the field shrink below its content's intrinsic width so a
     wide control (e.g. PhoneInputQuickly) cannot force a horizontal scrollbar
     inside the drawer/modal form body. */
}
.reseller-ui__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.reseller-ui__field-label {
  font-size: 14px;
  font-weight: 600;
}
.reseller-ui__field-hint, .reseller-ui__field-error {
  font-size: 12px;
}
.reseller-ui__input, .reseller-ui__select-control {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.15s ease;
}
.reseller-ui__input:focus, .reseller-ui__select-control:focus {
  border-color: var(--primary-background-components);
}
.reseller-ui__input:disabled, .reseller-ui__select-control:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.reseller-ui__input, .reseller-ui__select-control {
  /* Searchable combobox: the selected label persists as the input placeholder
     while the user types, so it must keep the muted theme color. */
}
.reseller-ui__input::placeholder, .reseller-ui__select-control::placeholder {
  color: var(--r-text-secondary);
}
.reseller-ui__select {
  position: relative;
}
.reseller-ui {
  /* Single-select trigger: a <button> styled like the text inputs (the shared
     block above provides padding/focus/disabled). Its portalled menu reuses
     the multi-select menu/option styles below. */
}
.reseller-ui__select-control {
  appearance: none;
  padding-right: 36px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.reseller-ui__select-chevron {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.reseller-ui__radio-group, .reseller-ui__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.reseller-ui__radio {
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
.reseller-ui__chip-toggle {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
.reseller-ui__banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.5;
}
.reseller-ui {
  /* ---------------- Checkbox row ---------------- */
  /* A compact bordered row so the control reads as an intentional, labelled
     option (never a stray empty box). The box and its label sit on one baseline;
     hover/checked tint the surface with the brand primary at low alpha. */
}
.reseller-ui__checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components);
  background: #ffffff;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.reseller-ui__checkbox:hover {
  border-color: var(--primary-background-components);
}
.reseller-ui {
  /* A global, legacy `input { width:100% !important; height:35px !important }`
     rule (inherited from older views) would otherwise stretch this native
     checkbox into a full-width 35px box. Override it scoped to the kit with the
     intended natural size; accent-color/check size stay as declared inline. */
}
.reseller-ui__checkbox-input {
  box-sizing: border-box;
  width: 18px !important;
  height: 18px !important;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.reseller-ui__checkbox-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.reseller-ui__checkbox-label {
  font-size: 14px;
  font-weight: 600;
}
.reseller-ui__checkbox-description {
  font-size: 12px;
  line-height: 1.4;
}
.reseller-ui {
  /* ---------------- Multi-select ---------------- */
  /* Dropdown with checkbox options; selected items render as inline chips. */
}
.reseller-ui__multiselect {
  position: relative;
  width: 100%;
}
.reseller-ui__multiselect-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 6px 36px 6px 10px;
  background: #ffffff;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.15s ease;
}
.reseller-ui__multiselect-trigger:focus {
  outline: none;
  border-color: var(--primary-background-components);
}
.reseller-ui__multiselect-values {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.reseller-ui__multiselect-placeholder {
  font-size: 14px;
}
.reseller-ui__multiselect-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
}
.reseller-ui__multiselect-chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.7;
}
.reseller-ui__multiselect-chip-remove:hover {
  opacity: 1;
}
.reseller-ui__multiselect-chevron {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.reseller-ui__multiselect-menu {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 220px;
  overflow-y: auto;
  padding: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.reseller-ui__multiselect-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-components);
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.reseller-ui__multiselect-option:hover {
  background: rgba(0, 0, 0, 0.04);
}
.reseller-ui {
  /* Keyboard-highlighted option of the searchable combobox; mirrors the hover
     surface so mouse and arrow-key navigation read identically. */
}
.reseller-ui__multiselect-option--active {
  background: rgba(0, 0, 0, 0.04);
}
.reseller-ui {
  /* Sticky band holding the type-to-filter input of the searchable MultiSelect
     menu. The WRAPPER (not the input) is the sticky element: it is a fully
     opaque strip — same #ffffff the menu sets inline — spanning edge to edge,
     so the option rows scrolling underneath can never show around the input
     (above it, in the gap below it, or through its rounded corners). Its
     padding recreates the menu's dropped top padding plus the gap before the
     first option; z-index keeps it painting above the (static) option rows. */
}
.reseller-ui__multiselect-search-wrap {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 4px 0;
  background: #ffffff;
}
.reseller-ui {
  /* Type-to-filter input itself. Border/radius/colors come inline from the
     theme vars; this block only provides the layout so it reads as part of the
     menu. The opaque background guards against any global input skin. */
}
.reseller-ui__multiselect-search {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s ease;
}
.reseller-ui__multiselect-search:focus {
  border-color: var(--primary-background-components) !important;
}
.reseller-ui__multiselect-search::placeholder {
  color: var(--r-text-secondary);
}
.reseller-ui__multiselect-checkbox {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-lightgrey);
  border-radius: 4px;
}
.reseller-ui__multiselect-empty {
  display: block;
  padding: 8px 10px;
  font-size: 13px;
}
.reseller-ui {
  /* ---------------- Form layout ---------------- */
  /* Vertical stack shared by every drawer/modal form body. min-width:0 keeps any
     flex/grid child from forcing the stack wider than its container, which would
     otherwise produce a horizontal scrollbar inside the drawer. */
}
.reseller-ui__form-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  max-width: 100%;
}
.reseller-ui {
  /* Sub-block inside a form (e.g. the initial user / initial access section). */
}
.reseller-ui__form-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  padding-top: 20px;
  border-top: 1px solid var(--color-lightgrey);
}
.reseller-ui__form-section-title {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  color: var(--color-dark);
}
.reseller-ui {
  /* Side-by-side fields (e.g. begin / end hour). minmax(0,1fr) lets the columns
     shrink below their content's intrinsic width so the row never overflows. */
}
.reseller-ui__form-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}
.reseller-ui {
  /* Label + control on one row (toggles). */
}
.reseller-ui__form-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.reseller-ui {
  /* ---------------- Overlay header ---------------- */
  /* Title plus an optional "what is being edited" subtitle, stacked so the
     subtitle reads as secondary context under the drawer/modal title. */
}
.reseller-ui__overlay-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.reseller-ui__overlay-header-title {
  font-weight: 600;
}
.reseller-ui__overlay-header-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
}
.reseller-ui {
  /* ---------------- Overlay footer ---------------- */
}
.reseller-ui__overlay-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

@keyframes reseller-ui-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* ---------------- Phone input (react-phone-input-2) ----------------
   PhoneInputQuickly ships its own blue border + radius via vars that the
   reseller theme does not define, so the control clashes with the rest of the
   module's inputs. These overrides are scoped to the module root (.reseller),
   where the drawer/modal content renders, so the phone field adopts the partner
   border, radius and focus color exactly like TextInput/SelectInput.
   !important is required to win over the library's own !important rules. */
.reseller .react-tel-input .form-control {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--color-lightgrey) !important;
  border-radius: var(--border-radius-components) !important;
  color: var(--color-dark);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.reseller .react-tel-input .form-control:focus, .reseller .react-tel-input .form-control:focus-visible {
  border-color: var(--primary-background-components) !important;
  box-shadow: none !important;
}
.reseller .react-tel-input {
  /* The flag picker sits flush against the input's left edge, so its right
     corners stay square while the outer corners follow the partner radius. */
}
.reseller .react-tel-input .flag-dropdown,
.reseller .react-tel-input .flag-dropdown.open {
  border: 1px solid var(--color-lightgrey) !important;
  border-right: none !important;
  border-radius: var(--border-radius-components) 0 0 var(--border-radius-components) !important;
  background-color: #ffffff;
}
.reseller .react-tel-input .selected-flag,
.reseller .react-tel-input .selected-flag.open,
.reseller .react-tel-input .selected-flag:hover,
.reseller .react-tel-input .selected-flag:focus {
  border-radius: var(--border-radius-components) 0 0 var(--border-radius-components) !important;
  background-color: transparent !important;
}.reseller {
  color: var(--color-dark);
}
.reseller .module-container-sidebar-content {
  scrollbar-gutter: stable;
}
.reseller .module-container-content {
  display: flex;
  flex-direction: column;
}
.reseller .module-container-content-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.reseller__view {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.reseller__footer {
  flex-shrink: 0;
  margin-top: 12px;
}
.reseller__page-size {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 16px;
  font-size: 12px;
  color: var(--r-text-secondary);
}
.reseller__page-size-label {
  white-space: nowrap;
}
.reseller__page-size-select {
  box-sizing: border-box;
  padding: 4px 8px;
  font-size: 12px;
  color: var(--color-dark);
  background: #ffffff;
  border: 1px solid var(--color-lightgrey);
  border-radius: var(--border-radius-components);
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s ease;
}
.reseller__page-size-select:focus {
  border-color: var(--primary-background-components);
}
.reseller__page-size-select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.reseller__cell {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}
.reseller__cell-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.reseller__cell-status {
  display: flex;
  align-items: flex-start;
  margin-top: 4px;
}
.reseller__cell-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.reseller__cell-sub {
  font-size: 12px;
  color: var(--r-text-secondary);
}
.reseller__cell-center {
  display: flex;
  justify-content: center;
}
.reseller__cell-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
}
.reseller__panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.reseller__panel-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller__panel-identity-text {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.reseller__panel-name {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-dark);
}
.reseller__panel-sub {
  font-size: 12px;
  color: var(--r-text-secondary);
}
.reseller__panel-tabs {
  padding: 0 8px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller__panel-content {
  display: flex;
  flex-direction: column;
}
.reseller__panel-search {
  padding: 12px 16px 4px;
}
.reseller__panel-add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: filter 0.15s ease;
}
.reseller__panel-add:hover {
  filter: brightness(0.95);
}
.reseller__panel-add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reseller__panel-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller__panel-row-actions {
  display: flex;
  flex-shrink: 0;
  align-self: center;
  gap: 4px;
}
.reseller__panel-row-main {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.reseller__panel-row-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.reseller__panel-row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.reseller__panel-row-sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: var(--r-text-secondary);
}
.reseller__panel-row-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.reseller__panel-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  color: var(--r-text-secondary);
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller__panel-rule {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--r-text-secondary);
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller__recharges {
  gap: 0;
}
.reseller__recharges-summary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.reseller__recharges-summary-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-dark);
}
.reseller__recharges-summary-caption {
  font-size: 12px;
  color: var(--r-text-secondary);
}
.reseller__recharges-validity {
  font-size: 14px;
  color: var(--color-dark);
}
.reseller__recharges-author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: var(--r-text-secondary);
}
.reseller__policy-icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
}
.reseller__policy-rule {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: var(--r-text-secondary);
}
.reseller__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 240px;
  padding: 2rem;
  color: var(--gray-medium, #808080);
}
.reseller__placeholder-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.reseller__muted-text {
  display: block;
  font-size: 0.8125rem;
  color: var(--gray-medium, #808080);
}
.reseller__section-title {
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0;
}
.reseller__list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.reseller__list-header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.reseller__search-bar {
  min-width: 220px;
}
.reseller__add-button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
.reseller__add-button-icon {
  width: 16px;
  height: 16px;
}
.reseller__name-cell, .reseller__user-cell {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.reseller__row--inactive {
  opacity: 0.55;
}
.reseller__usage {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 160px;
}
.reseller__usage-track {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--gray-light, #e5e7eb);
  overflow: hidden;
}
.reseller__usage-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 999px;
  background: var(--primary-background-components, #2563eb);
  transition: width 0.2s ease;
}
.reseller__usage-text {
  font-size: 0.75rem;
  color: var(--gray-medium, #808080);
}
.reseller__default-star-button {
  background: transparent;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
}
.reseller__default-star-button:disabled {
  cursor: default;
}
.reseller__default-star {
  width: 18px;
  height: 18px;
  color: var(--gray-medium, #808080);
}
.reseller__default-star--active {
  color: #f59e0b;
  fill: #f59e0b;
}
.reseller__detail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reseller__detail-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.reseller__detail-title-area {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1 1 auto;
}
.reseller__detail-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.reseller__back-button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: transparent;
  border: none;
  color: var(--gray-medium, #808080);
  cursor: pointer;
  padding: 0;
}
.reseller__back-button-icon {
  width: 16px;
  height: 16px;
}
.reseller__users-tab {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reseller__users-tab-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.reseller__role-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.reseller__role-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 999px;
  background: var(--gray-light, #f1f5f9);
  color: var(--gray-dark, #334155);
}
.reseller__sso-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.2rem;
  font-size: 0.7rem;
  color: var(--primary-background-components, #2563eb);
}
.reseller__sso-badge-icon {
  width: 12px;
  height: 12px;
}
.reseller__form {
  display: flex;
  flex-direction: column;
}
.reseller__form-tabs {
  margin-bottom: 1rem;
}
.reseller__router-limits {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reseller__recharges-tab {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reseller__recharges-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.reseller__balance-summary {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 220px;
}
.reseller__status-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid currentColor;
}
@media (max-width: 640px) {
  .reseller__recharges-header {
    flex-direction: column;
    align-items: stretch;
  }
}
.reseller .module-container-sidebar-header-main-area-button {
  background-color: var(--primary-background-components);
  border-radius: var(--border-radius-components);
}
.reseller .module-container-sidebar-header-main-area-button:is(:hover, :focus, :focus-visible) {
  background-color: var(--primary-hover-background-components, var(--primary-background-components));
}
.reseller .module-container-sidebar-header-main-area-button:disabled {
  background-color: var(--primary-background-components);
  opacity: 0.4;
}
.reseller .tabs__item--active {
  color: var(--primary-background-components);
  border-bottom-color: var(--primary-background-components);
}
@media (min-width: 1440px) {
  .reseller[data-partner=tigo] .module-container-content {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* AlertsConfig – BEM + partner CSS variables */
.alerts-config {
  --card-border-color: #5d96e565;
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}
.alerts-config__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  gap: 1rem;
}
.alerts-config__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.alerts-config__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-components, 8px);
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 10%, #fff 90%);
  color: var(--primary-background-components, #0047ff);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.alerts-config__title {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  color: #4e5053;
}
.alerts-config__subtitle {
  font-size: 0.875rem;
  color: #49525f;
  margin: 0 0 0.75rem;
  line-height: 1.5;
}
.alerts-config__counter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #8e91a4;
  margin-bottom: 1.5rem;
}
.alerts-config__badge {
  display: inline-block;
  padding: 0.125rem 0.625rem;
  border-radius: 0.75rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.alerts-config__badge--active {
  background-color: #e6f9ee;
  color: #1a8a4a;
}
.alerts-config__cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.alerts-config__cards-column {
  display: grid;
  gap: 1rem;
  height: fit-content;
}
.alerts-config__cards--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  align-items: start;
  gap: 0.75rem;
}
.alerts-config__columns {
  display: flex;
  gap: 0.75rem;
}
.alerts-config__column {
  max-width: 50%;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* ───────────────────────── Alert Card ───────────────────────── */
.alert-card {
  border: 1px solid #eaecf0;
  border-radius: var(--border-radius-components);
  padding: 1.25rem 1.5rem;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.alert-card--expanded {
  border-color: var(--card-border-color);
}
.alert-card__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.alert-card__icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--border-radius-components, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 10%, #fff 90%);
  color: var(--primary-background-components, #0047ff);
}
.alert-card__info {
  flex: 1;
  min-width: 0;
}
.alert-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.alert-card__title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  color: #49525f;
  word-break: break-word;
  overflow-wrap: break-word;
}
.alert-card__badge {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.alert-card__badge--active {
  background-color: #e6f9ee;
  color: #1a8a4a;
}
.alert-card__badge--inactive, .alert-card__badge--not-configured {
  background-color: #f2f2f2;
  color: #8e91a4;
}
.alert-card__description {
  font-size: 0.75rem;
  color: #8e91a4;
  margin: 0.25rem 0 0;
  line-height: 1.4;
}
.alert-card__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.alert-card__actions .custom-toggle-input-container {
  height: 20px;
}
.alert-card__chevron {
  width: 2rem;
  height: 2rem;
  border-radius: var(--border-radius-components, 6px);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #8e91a4;
  transition: background-color 0.2s, border-color 0.2s;
}
.alert-card__chevron:hover {
  background-color: #eaecf0;
}
.alert-card__configure-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.625rem;
  margin-top: 0.75rem;
  border: 1px dashed var(--gray-border, #e5e7eb);
  border-radius: var(--border-radius-components, 8px);
  background: #fafafa;
  color: #8e91a4;
  font-size: 0.8rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.alert-card__configure-btn:hover {
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 8%, #fff 92%);
  color: var(--primary-background-components, #0047ff);
  border-color: var(--primary-background-components, #0047ff);
}
.alert-card__form-container {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--gray-border, #e5e7eb);
}

/* ───────────────────────── Alert Form ───────────────────────── */
.alert-form {
  /* ── Selects row ── */
}
.alert-form__selects {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.alert-form__field {
  flex: 1;
}
.alert-form__field .form-control {
  border: 1px solid var(--tertiary-background-components, #dadce0);
  border-radius: var(--border-radius-components, 6px);
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  color: #49525f;
  height: auto;
}
.alert-form__field .form-control.is-invalid {
  border-color: var(--color-red, #dc3545);
}
.alert-form__field .form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.2);
}
.alert-form__label {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.375rem;
  color: #49525f;
}
.alert-form__label .alert-form__info-icon {
  display: inline-flex;
  margin-left: 0.375rem;
  flex-shrink: 0;
  color: #8e91a4;
  cursor: help;
  transition: color 0.2s;
}
.alert-form__label .alert-form__info-icon:hover {
  color: var(--primary-background-components, #0047ff);
}
.alert-form__required {
  color: var(--color-red, #e93a3d);
}
.alert-form {
  /* ── Filters ── */
}
.alert-form__filters {
  margin-bottom: 1.25rem;
}
.alert-form__hint {
  font-size: 0.7rem;
  color: #8e91a4;
  margin: 0 0 0.5rem;
}
.alert-form__chips {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.alert-form__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0.375rem 0.875rem;
  border-radius: 1.25rem;
  border: 1px solid var(--tertiary-background-components, #dadce0);
  background: #fff;
  color: #49525f;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s;
}
.alert-form__chip:hover {
  border-color: var(--primary-background-components, #0047ff);
}
.alert-form__chip--selected {
  background-color: var(--primary-background-components, #0047ff);
  color: var(--off-white, #fff);
  border-color: var(--primary-background-components, #0047ff);
}
.alert-form {
  /* ── Admin toggle section ── */
}
.alert-form__admin-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin-bottom: 1.25rem;
  background-color: #f8f9fa;
  border-radius: var(--border-radius-components, 8px);
  border: 1px solid var(--tertiary-background-components, #dadce0);
}
.alert-form__admin-info {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}
.alert-form__admin-info strong {
  font-size: 0.8rem;
  font-weight: 600;
  color: #49525f;
}
.alert-form__admin-hint {
  font-size: 0.7rem;
  color: #8e91a4;
}
.alert-form {
  /* ── Recipients ── */
}
.alert-form__recipients {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.alert-form__recipient-col {
  flex: 1;
}
.alert-form__recipient-col .quickly-input__phone > .form-control {
  padding-left: 48px !important;
}
.alert-form__input-row {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  /* PhoneInputQuickly container fills available space */
}
.alert-form__input-row .quickly-input__phone,
.alert-form__input-row .react-tel-input {
  flex: 1;
}
.alert-form__input-row .form-control {
  border: 1px solid var(--tertiary-background-components, #dadce0);
  border-radius: var(--border-radius-components, 6px);
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  color: #49525f;
}
.alert-form__input-row .form-control:focus {
  border-color: var(--primary-background-components, #0047ff);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--primary-background-components, #0047ff) 20%, transparent);
}
.alert-form__add-btn {
  width: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  font-size: 0.8rem;
  border-color: var(--tertiary-background-components, #dadce0);
  border-radius: var(--border-radius-components, 6px);
  color: #49525f;
  background: #fff;
}
.alert-form__add-btn:hover {
  border-color: var(--primary-background-components, #0047ff);
  color: var(--primary-background-components, #0047ff);
  background: color-mix(in srgb, var(--primary-background-components, #0047ff) 5%, #fff 95%);
}
.alert-form__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.5rem;
}
.alert-form__tag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  background-color: #f2f2f2;
  font-size: 0.7rem;
  color: #49525f;
  max-width: 100%;
  word-break: break-all;
  overflow-wrap: break-word;
}
.alert-form__tag-remove {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #8e91a4;
  display: flex;
  align-items: center;
  width: auto;
}
.alert-form__tag-remove:hover {
  color: var(--color-red, #e93a3d);
}
.alert-form {
  /* ── Errors ── */
}
.alert-form__error {
  font-size: 0.7rem;
  color: var(--color-red, #e93a3d);
  margin-top: 0.25rem;
}
.alert-form__error--general {
  margin-bottom: 0.75rem;
}
.alert-form {
  /* ── Buttons bar ── */
}
.alert-form__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid var(--gray-border, #e5e7eb);
}
.alert-form__buttons--new {
  border-top: none;
  padding-top: 0.5rem;
}
.alert-form__delete-btn {
  color: var(--color-red, #e93a3d) !important;
  text-decoration: none !important;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  background: none !important;
  width: auto;
}
.alert-form__delete-btn:hover {
  opacity: 0.8;
}
.alert-form__save-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  margin-left: auto;
  font-size: 0.8rem;
  border-radius: var(--border-radius-components, 6px);
  width: auto;
}
.alert-form__save-btn--full {
  width: 100%;
  margin-left: 0;
  background-color: var(--primary-background-components, #0047ff);
  border-color: var(--primary-background-components, #0047ff);
}
.alert-form__save-btn--full:hover {
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 85%, #000 15%);
  border-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 85%, #000 15%);
}
.alert-form {
  /* ── TIGO modifier: 1 column + label-left ── */
}
.alert-form--tigo .alert-form__selects {
  flex-direction: column;
}
.alert-form--tigo .alert-form__field {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.alert-form--tigo .alert-form__field .alert-form__label {
  flex-shrink: 0;
  min-width: 10rem;
  margin-bottom: 0;
  white-space: nowrap;
}
.alert-form--tigo .alert-form__field .form-control {
  flex: 1;
  min-width: 0;
}
.alert-form--tigo .alert-form__field .invalid-feedback {
  flex-basis: 100%;
  margin-left: 11rem;
}
.alert-form--tigo .alert-form__filters .alert-form__label {
  min-width: auto;
}
.alert-form--tigo .alert-form__chip {
  border-radius: 0.5rem;
}
.alert-form--tigo .alert-form__recipients {
  flex-direction: column;
}
.alert-form--tigo .alert-form__recipient-col .alert-form__label {
  min-width: auto;
  margin-bottom: 0.375rem;
}

/* ───────────────────── TIGO variant ────────────────────────── */
.alerts-config--tigo {
  max-width: 1100px;
}

.alerts-config__partner-label {
  font-size: 0.75rem;
  color: #8e91a4;
  font-weight: 500;
}

/* ───────────────────── TIGO variant: compact card ──────────── */
.tigo-alert-card {
  border: 1px solid #eaecf0;
  border-radius: var(--border-radius-components, 8px);
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tigo-alert-card--expanded {
  border-color: var(--card-border-color);
  height: max-content;
}
.tigo-alert-card__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  cursor: pointer;
  min-height: 90px;
}
.tigo-alert-card__row:hover {
  background-color: #fafafa;
}
.tigo-alert-card__icon {
  width: 2rem;
  height: 2rem;
  border-radius: var(--border-radius-components, 6px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 10%, #fff 90%);
  color: var(--primary-background-components, #0047ff);
}
.tigo-alert-card__info {
  flex: 1;
  min-width: 0;
}
.tigo-alert-card__title {
  margin: 0;
  color: #49525f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tigo-alert-card__summary {
  font-size: 0.7rem;
  color: #8e91a4;
  margin: 0.125rem 0 0;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: auto;
}
.tigo-alert-card__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.tigo-alert-card__actions .custom-toggle-input-container {
  height: 20px;
}
.tigo-alert-card__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8e91a4;
  transition: color 0.2s;
}
.tigo-alert-card__configure-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--primary-background-components, #0047ff);
  border-radius: var(--border-radius-components, 6px);
  background: #fff;
  color: var(--primary-background-components, #0047ff);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}
.tigo-alert-card__configure-btn:hover {
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 8%, #fff 92%);
}
.tigo-alert-card__form-container {
  padding: 0 1rem 1rem;
  border-top: 1px solid var(--gray-border, #e5e7eb);
  margin: 0 1rem;
  padding-top: 1rem;
}

/* ───────────────────── Multi-instance ─────────────────────── */
.alerts-config__type-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.alerts-config__add-instance-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.625rem;
  border: 1px dashed var(--gray-border, #e5e7eb);
  border-radius: var(--border-radius-components, 8px);
  background: #fafafa;
  color: #8e91a4;
  font-size: 0.8rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.alerts-config__add-instance-btn:hover {
  background-color: color-mix(in srgb, var(--primary-background-components, #0047ff) 8%, #fff 92%);
  color: var(--primary-background-components, #0047ff);
  border-color: var(--primary-background-components, #0047ff);
}

.alerts-config__max-reached {
  font-size: 0.7rem;
  color: #8e91a4;
  text-align: center;
  margin: 0;
  padding: 0.25rem 0;
}

/* ───────────────────── CronBuilder ────────────────────────── */
.alert-form__cron-section {
  margin-bottom: 1.25rem;
}

.alert-form__name-section {
  margin-bottom: 1.25rem;
}

.cron-builder {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cron-builder__section .form-control {
  border: 1px solid var(--tertiary-background-components, #dadce0);
  border-radius: var(--border-radius-components, 6px);
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  color: #49525f;
  height: auto;
}
.cron-builder {
  /* Day toggle buttons */
}
.cron-builder__days {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.cron-builder__day-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  border-radius: 1.25rem;
  border: 1px solid var(--tertiary-background-components, #dadce0);
  background: #fff;
  color: #49525f;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
}
.cron-builder__day-btn:hover {
  border-color: var(--primary-background-components, #0047ff);
}
.cron-builder__day-btn--selected {
  background-color: var(--primary-background-components, #0047ff);
  color: var(--off-white, #fff);
  border-color: var(--primary-background-components, #0047ff);
}
.cron-builder {
  /* Hour range selectors */
}
.cron-builder__hours {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.cron-builder__hour-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.cron-builder__hour-label {
  font-size: 0.8rem;
  color: #49525f;
  white-space: nowrap;
  min-width: 3rem;
}
.cron-builder {
  /* Account hours tooltip */
}
.cron-builder__account-hours {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #f0f7ff;
  border-radius: var(--border-radius-components, 6px);
  font-size: 0.7rem;
  color: #3b82f6;
}
.cron-builder__account-hours svg {
  flex-shrink: 0;
}

/* ── TIGO CronBuilder overrides ── */
.alert-form--tigo .cron-builder__section--frequency {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.alert-form--tigo .cron-builder__section--frequency .alert-form__label {
  margin: 0;
  white-space: nowrap;
}
.alert-form--tigo .cron-builder__section--frequency .form-control {
  flex: 1;
  min-width: 200px;
}
.alert-form--tigo .cron-builder__hours {
  flex-direction: column;
  align-items: stretch;
}
.alert-form--tigo .cron-builder__hour-field .cron-builder__hour-label {
  min-width: 3.5rem;
}

/* ───────────────────────── Responsive ───────────────────────── */
@media (max-width: 768px) {
  .alert-form__selects {
    flex-direction: column;
  }
  .alert-form__recipients {
    flex-direction: column;
  }
  .alerts-config__cards--grid {
    grid-template-columns: 1fr;
  }
  .tigo-alert-card__summary {
    white-space: normal;
  }
}.file-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 0.6875rem;
  font-weight: 500;
  border: 1px solid;
  border-radius: var(--border-radius-components, 3px);
  white-space: nowrap;
}.recurrence-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 0.625rem;
  font-weight: 600;
  background: var(--schedule-recurrent-badge-bg, #e0e7ff);
  color: var(--schedule-recurrent-badge-text, #4f46e5);
  border-radius: var(--border-radius-components, 3px);
  white-space: nowrap;
}.event-card {
  cursor: pointer;
  padding: 14px;
  margin-right: 16px;
  background: #ffffff;
  border-left: 2px solid;
  border-radius: var(--border-radius-components, 3px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 150ms ease;
}
.event-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.event-card--recurrent {
  background: var(--schedule-recurrent-bg, #eef2ff);
}
.event-card--selected {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  background: #f8fafc;
}
.event-card__row1 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.event-card__time {
  font-size: 0.75rem;
  font-weight: 600;
  width: 56px;
  flex-shrink: 0;
  color: #475569;
}
.event-card__time--hidden {
  color: transparent;
}
.event-card__name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.event-card__separator {
  color: #94a3b8;
  flex-shrink: 0;
}
.event-card__secondary {
  font-size: 0.8125rem;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.event-card__chips {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  flex-shrink: 0;
}
.event-card__status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 0.6875rem;
  font-weight: 500;
  border: 1px solid;
  border-radius: var(--border-radius-components, 3px);
  white-space: nowrap;
}
.event-card__row2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  margin-left: 56px;
  font-size: 0.75rem;
  color: #6b7280;
}
.event-card__row3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  margin-left: 56px;
  font-size: 0.6875rem;
  color: #94a3b8;
}
.event-card__row3 strong {
  font-weight: 500;
}
.event-card__dot {
  flex-shrink: 0;
}.day-view {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  overflow: hidden;
}
.day-view__timeline {
  padding: 16px;
}
.day-view__row {
  position: relative;
  display: flex;
  min-height: 64px;
}
.day-view__hour-label {
  width: 64px;
  flex-shrink: 0;
  padding-right: 16px;
  text-align: right;
}
.day-view__hour-label span {
  font-size: 0.6875rem;
  color: #94a3b8;
}
.day-view__hour-content {
  flex: 1;
  border-top: 1px dashed #f1f5f9;
  position: relative;
}
.day-view__now-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--primary-background-components, #d92a1c);
  z-index: 10;
}
.day-view__now-dot {
  position: absolute;
  left: -4px;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary-background-components, #d92a1c);
}
.day-view__events {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0;
}
.day-view__empty {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.day-view__empty-icon {
  color: #d1d5db;
  margin-bottom: 16px;
}
.day-view__empty-text {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 16px;
}
.day-view__empty-btn {
  width: auto;
  padding: 8px 16px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
}
.day-view__empty-btn:hover {
  background: #f8fafc;
}.event-mini {
  padding: 8px;
  cursor: pointer;
  border-left: 3px solid;
  border-radius: var(--border-radius-components, 3px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  transition: all 150ms ease;
}
.event-mini:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.event-mini--recurrent {
  background: var(--schedule-recurrent-bg, #eef2ff);
}
.event-mini__time {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #475569;
}
.event-mini__name {
  font-size: 0.75rem;
  font-weight: 500;
  color: #111827;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event-mini__meta {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: 0.6875rem;
  color: #6b7280;
}
.event-mini__recurrence-icon {
  color: var(--schedule-recurrent-icon, #6366f1);
  margin-left: auto;
}.week-view {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  overflow: hidden;
}
.week-view__header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 2px solid #e2e8f0;
}
.week-view__header-cell {
  padding: 12px 0;
  text-align: center;
  border-right: 1px solid #f1f5f9;
  cursor: pointer;
  transition: opacity 150ms ease;
}
.week-view__header-cell:last-child {
  border-right: none;
}
.week-view__header-cell:hover {
  opacity: 0.85;
}
.week-view__day-name {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #6b7280;
}
.week-view__day-name--today {
  color: var(--primary-background-components, #d92a1c);
  font-weight: 700;
}
.week-view__day-stats {
  font-size: 0.625rem;
  margin-top: 2px;
}
.week-view__body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  min-height: 500px;
}
.week-view__column {
  padding: 8px;
  border-right: 1px solid #f1f5f9;
}
.week-view__column:last-child {
  border-right: none;
}
.week-view__column--today {
  background: rgba(37, 99, 235, 0.03);
}
.week-view__events {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.week-view__more-btn {
  padding: 0 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--primary-background-components, #d92a1c);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.week-view__more-btn:hover {
  text-decoration: underline;
}.event-pill {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 0.6875rem;
  font-weight: 500;
  border-left: 2px solid;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: filter 150ms ease;
}
.event-pill:hover {
  filter: brightness(0.95);
}
.event-pill--recurrent {
  background: var(--schedule-recurrent-bg, #eef2ff);
}
.event-pill__type-icon {
  flex-shrink: 0;
}
.event-pill__time {
  font-weight: 700;
  flex-shrink: 0;
}
.event-pill__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.event-pill__recurrence {
  color: var(--schedule-recurrent-icon, #6366f1);
  flex-shrink: 0;
}.month-view {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  overflow: hidden;
}
.month-view__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
}
.month-view__nav-btn {
  width: auto;
  padding: 4px;
  color: #6b7280;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
}
.month-view__nav-btn:hover {
  background: #f1f5f9;
}
.month-view__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}
.month-view__day-names {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  width: 100%;
  background: #f8fafc;
}
.month-view__day-name {
  padding: 8px 0;
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #94a3b8;
  text-transform: uppercase;
  border-right: 1px solid #f1f5f9;
}
.month-view__day-name:last-child {
  border-right: none;
}
.month-view__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  width: 100%;
}
.month-view__cell {
  min-width: 0;
  min-height: 120px;
  padding: 6px;
  border-right: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
  transition: filter 150ms ease;
}
.month-view__cell:hover {
  filter: brightness(0.97);
}
.month-view__cell--outside {
  opacity: 0.3;
}
.month-view__cell-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4px;
}
.month-view__cell-stats {
  font-size: 0.5625rem;
}
.month-view__day-number {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #374151;
  border-radius: var(--border-radius-components, 3px);
}
.month-view__day-number--today {
  background: #34495e;
  color: #ffffff;
  font-weight: 700;
}
.month-view__pills {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.month-view__more-btn {
  padding: 0;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--primary-background-components, #d92a1c);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.month-view__more-btn:hover {
  text-decoration: underline;
}@keyframes mini-calendar-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mini-calendar {
  padding: 0 0 8px;
  position: relative;
}
.mini-calendar--loading {
  pointer-events: none;
}
.mini-calendar--loading .mini-calendar__grid,
.mini-calendar--loading .mini-calendar__day-names,
.mini-calendar--loading .mini-calendar__legend {
  opacity: 0.35;
  transition: opacity 150ms ease;
}
.mini-calendar__loading-overlay {
  position: absolute;
  inset: 24px 0 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.35);
  border-radius: var(--border-radius-components, 3px);
  z-index: 2;
}
.mini-calendar__spinner {
  color: var(--primary-background-components, #2563eb);
  animation: mini-calendar-spin 900ms linear infinite;
}
.mini-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.mini-calendar__nav-btn {
  padding: 4px;
  color: #6b7280;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
  width: auto;
}
.mini-calendar__nav-btn:hover {
  background: #f1f5f9;
}
.mini-calendar__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.mini-calendar__day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 4px;
}
.mini-calendar__day-name {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  color: #94a3b8;
  text-transform: uppercase;
  font-weight: 500;
}
.mini-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.mini-calendar__day {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 150ms ease;
  background: transparent;
  color: inherit;
  padding: 0;
}
.mini-calendar__day:hover:not(.mini-calendar__day--today):not(.mini-calendar__day--selected) {
  filter: brightness(0.95);
}
.mini-calendar__day--outside {
  opacity: 0.3;
}
.mini-calendar__day--today {
  font-weight: 700;
}
.mini-calendar__day--selected {
  border-color: var(--primary-background-components, #0047ff);
  color: #34495e;
  font-weight: 600;
}
.mini-calendar__day-underline {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 2px;
  border-radius: 1px;
  background: var(--primary-background-components, #0047ff);
  pointer-events: none;
}
.mini-calendar__legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}
.mini-calendar__legend-label {
  font-size: 0.625rem;
  color: #94a3b8;
}
.mini-calendar__legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}.availability-panel {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
}
.availability-panel__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 12px;
}
.availability-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.availability-panel__row:last-child {
  border-bottom: none;
}
.availability-panel__row-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6b7280;
}
.availability-panel__row-label svg {
  flex-shrink: 0;
}
.availability-panel__row-label span {
  font-size: 0.75rem;
}
.availability-panel__row-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.availability-panel__bar-container {
  margin-top: 12px;
}
.availability-panel__bar-track {
  height: 6px;
  background: #f1f5f9;
  border-radius: 3px;
  overflow: hidden;
}
.availability-panel__bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 300ms ease;
}
.availability-panel__sufficiency {
  font-size: 0.6875rem;
  font-weight: 500;
  margin: 6px 0 0;
}
.availability-panel__sufficiency--green {
  color: #22c55e;
}
.availability-panel__sufficiency--amber {
  color: #f59e0b;
}
.availability-panel__sufficiency--red {
  color: #ef4444;
}
.availability-panel__sufficiency--neutral {
  color: #9ca3af;
  font-style: italic;
}.sidebar-schedule {
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sidebar-schedule__filters {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sidebar-schedule__filter-btn {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #4b5563;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: all 150ms ease;
}
.sidebar-schedule__filter-btn:hover:not(.sidebar-schedule__filter-btn--active) {
  background: #f1f5f9;
}
.sidebar-schedule__filter-btn--active {
  background: #eff6ff;
  border-color: #2563eb;
  color: #2563eb;
  font-weight: 600;
}
.sidebar-schedule__filter-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}.horizontal-bar {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  padding: 8px 24px;
}
.horizontal-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.horizontal-bar__metrics {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: #4b5563;
}
.horizontal-bar__metrics svg {
  flex-shrink: 0;
}
.horizontal-bar__dot {
  color: #94a3b8;
}
.horizontal-bar__suff {
  font-weight: 500;
}
.horizontal-bar__suff--green {
  color: #22c55e;
}
.horizontal-bar__suff--amber {
  color: #f59e0b;
}
.horizontal-bar__suff--red {
  color: #ef4444;
}
.horizontal-bar__suff--neutral {
  color: #9ca3af;
  font-style: italic;
}
.horizontal-bar__filters {
  display: flex;
  align-items: center;
  gap: 6px;
}
.horizontal-bar__filter-btn {
  width: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  height: 28px;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #4b5563;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: all 150ms ease;
}
.horizontal-bar__filter-btn:hover:not(.horizontal-bar__filter-btn--active) {
  background: #f1f5f9;
}
.horizontal-bar__filter-btn--active {
  background: #eff6ff;
  border-color: #2563eb;
  color: #2563eb;
  font-weight: 600;
}
.horizontal-bar__filter-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}.tigo-popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  width: 480px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  animation: popoverIn 150ms ease-out;
}
.tigo-popover__months {
  display: flex;
  gap: 16px;
}
.tigo-popover__month {
  flex: 1;
}
.tigo-popover__month-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 4px;
}
.tigo-popover__month-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #111827;
}
.tigo-popover__nav-btn {
  width: auto;
  padding: 4px;
  color: #6b7280;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
}
.tigo-popover__nav-btn:hover {
  background: #f1f5f9;
}
.tigo-popover__nav-spacer {
  width: 24px;
}
.tigo-popover__day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 4px;
}
.tigo-popover__day-name {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  color: #94a3b8;
  text-transform: uppercase;
  font-weight: 500;
}
.tigo-popover__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.tigo-popover__day {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  border: 2px solid transparent;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: all 150ms ease;
  background: transparent;
  color: inherit;
  padding: 0;
}
.tigo-popover__day:hover:not(.tigo-popover__day--selected) {
  filter: brightness(0.9);
}
.tigo-popover__day--outside {
  opacity: 0.3;
}
.tigo-popover__day--selected {
  border-color: var(--primary-background-components, #1389d6);
  color: var(--primary-background-components, #1389d6);
  font-weight: 600;
}
.tigo-popover__day-number {
  line-height: 1;
}
.tigo-popover__day-dot {
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--primary-background-components, #1389d6);
  transform: translateX(-50%);
  pointer-events: none;
}
.tigo-popover__legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}
.tigo-popover__legend-label {
  font-size: 0.625rem;
  color: #94a3b8;
}
.tigo-popover__legend-square {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}.header-controls {
  padding: 24px 24px 16px;
}
.header-controls__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.header-controls__left {
  flex-shrink: 0;
}
.header-controls__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-controls__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.header-controls__subtitle {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: 4px 0 0;
}
.header-controls__nav-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
}
.header-controls__nav-btn:hover {
  background: #f1f5f9;
}
.header-controls__nav-btn--subtle {
  border: none;
  padding: 4px;
  width: auto;
  height: auto;
}
.header-controls__popover-anchor {
  position: relative;
}
.header-controls__right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-controls__search {
  position: relative;
}
.header-controls__search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
}
.header-controls__search-input {
  width: 220px;
  height: 34px;
  padding: 0 12px 0 36px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  font-size: 0.8125rem;
  color: #111827;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.header-controls__search-input::placeholder {
  color: #94a3b8;
}
.header-controls__search-input:focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px #2563eb;
}
.header-controls__dropdown {
  position: relative;
}
.header-controls__dropdown-btn {
  height: 34px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  font-size: 0.8125rem;
  color: #111827;
  cursor: pointer;
  transition: background 150ms ease;
}
.header-controls__dropdown-btn:hover {
  background: #f8fafc;
}
.header-controls__dropdown-chevron {
  color: #6b7280;
  transition: transform 200ms ease;
}
.header-controls__dropdown-chevron--open {
  transform: rotate(180deg);
}
.header-controls__dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 180px;
  padding: 4px 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.header-controls__dropdown-item {
  width: 100%;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  font-size: 0.8125rem;
  color: #111827;
  cursor: pointer;
  transition: background 150ms ease;
}
.header-controls__dropdown-item:hover {
  background: #f8fafc;
}
.header-controls__dropdown-item--disabled, .header-controls__dropdown-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.header-controls__dropdown-item--disabled:hover, .header-controls__dropdown-item:disabled:hover {
  background: transparent;
}
@keyframes header-controls-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.header-controls__tag-selector-skeleton {
  width: 220px;
  max-width: 280px;
  height: 34px;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: header-controls-skeleton-shimmer 1.4s ease-in-out infinite;
}
.header-controls__tag-selector {
  width: 220px;
  max-width: 280px;
  min-width: 0;
}
.header-controls__tag-selector .tag-selector__label {
  display: none;
}
.header-controls__tag-selector .tag-selector__select {
  min-height: 34px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.header-controls__tag-selector .tag-selector__select:hover {
  border-color: #cbd5e1;
}
.header-controls__tag-selector .tag-selector__select--open {
  border-color: transparent;
  box-shadow: 0 0 0 2px #2563eb;
}
.header-controls__tag-selector .tag-selector__selected-tags {
  min-height: 32px;
  width: calc(100% - 28px);
  padding: 0 8px;
  flex-wrap: wrap;
  align-items: center;
}
.header-controls__tag-selector .tag-selector__chip {
  height: 22px;
  max-width: 120px;
  margin: 2px 4px 2px 0;
  padding: 0 6px;
  font-size: 0.75rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #111827;
  flex-shrink: 0;
}
.header-controls__tag-selector .tag-selector__chip > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-controls__tag-selector .tag-selector__remove {
  color: #6b7280;
}
.header-controls__tag-selector .tag-selector__remove:hover {
  background: rgba(15, 23, 42, 0.06);
}
.header-controls__tag-selector .tag-selector__input {
  height: 32px;
  padding: 0 4px;
  font-size: 0.8125rem;
  color: #111827;
}
.header-controls__tag-selector .tag-selector__input::placeholder {
  color: #94a3b8;
}
.header-controls__tag-selector .tag-selector__arrow {
  right: 10px;
}
.header-controls__tag-selector .tag-selector__dropdown {
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 4px 0;
  max-height: 240px;
}
.header-controls__tag-selector .tag-selector__option {
  padding: 8px 12px;
  font-size: 0.8125rem;
  color: #111827;
}
.header-controls__tag-selector .tag-selector__option:hover {
  background: #f8fafc;
}
.header-controls__tag-selector .tag-selector__option--selected, .header-controls__tag-selector .tag-selector__option--selected:hover {
  background: #e2e8f0;
  color: #111827;
  font-weight: 600;
}
.header-controls__tag-selector .tag-selector__no-options {
  padding: 12px;
  font-size: 0.8125rem;
  color: #6b7280;
}
.header-controls__checkbox {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  transition: all 150ms ease;
}
.header-controls__checkbox--checked {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}
.header-controls__view-switch {
  display: flex;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  overflow: hidden;
}
.header-controls__view-btn {
  height: 34px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  background: #ffffff;
  border: none;
  cursor: pointer;
  transition: all 150ms ease;
  border-radius: 0;
}
.header-controls__view-btn + .header-controls__view-btn {
  border-left: 1px solid #e2e8f0;
}
.header-controls__view-btn--active {
  background: var(--primary-background-components, #d92a1c);
  color: #ffffff;
  font-weight: 600;
}
.header-controls__today-btn {
  width: auto;
  height: 34px;
  padding: 0 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
}
.header-controls__today-btn:hover {
  background: #f8fafc;
}.recurrence-timeline {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}
.recurrence-timeline__heading {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 12px;
}
.recurrence-timeline__row {
  display: grid;
  grid-template-columns: 90px 24px 1fr;
  gap: 12px;
  align-items: center;
  position: relative;
  padding-bottom: 8px;
}
.recurrence-timeline__row:last-child {
  padding-bottom: 0;
}
.recurrence-timeline__date {
  text-align: right;
}
.recurrence-timeline__date-main {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #111827;
}
.recurrence-timeline__date-sub {
  font-size: 0.6875rem;
  color: #94a3b8;
}
.recurrence-timeline__axis {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
  align-self: stretch;
}
.recurrence-timeline__line {
  position: absolute;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  top: 0;
  bottom: -16px;
  z-index: 1;
}
.recurrence-timeline__line--first {
  top: 50%;
}
.recurrence-timeline__line--last {
  bottom: 50%;
}
.recurrence-timeline__node {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.recurrence-timeline__node--current {
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2);
}
.recurrence-timeline__card {
  background: #ffffff;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
}
.recurrence-timeline__card-title {
  font-size: 0.8125rem;
  font-weight: 600;
}
.recurrence-timeline__card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #4b5563;
}
.recurrence-timeline__card-meta-icon {
  color: #94a3b8;
}
.recurrence-timeline__card-meta-dot {
  color: #94a3b8;
}
.recurrence-timeline__card-chip {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 0.6875rem;
  font-weight: 500;
}.campaign-drawer__body {
  padding: 0;
}

.campaign-drawer__chips {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.campaign-drawer__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 0.6875rem;
  font-weight: 500;
  border: 1px solid;
  border-radius: var(--border-radius-components, 3px);
}

.campaign-drawer__details {
  margin-bottom: 24px;
}

.campaign-drawer__detail-row {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.campaign-drawer__detail-row--expand {
  flex-direction: column;
  align-items: stretch;
}
.campaign-drawer__detail-row-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.campaign-drawer__detail-label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 176px;
  flex-shrink: 0;
  color: #94a3b8;
}
.campaign-drawer__detail-label span {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
}

.campaign-drawer__detail-value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #111827;
  flex: 1;
}
.campaign-drawer__detail-value--flex {
  display: flex;
  align-items: center;
  gap: 8px;
}

.campaign-drawer__detail-muted {
  color: #6b7280;
}

.campaign-drawer__type-value {
  display: flex;
  align-items: center;
  gap: 6px;
}

.campaign-drawer__error-detail {
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-size: 0.75rem;
  line-height: 1.45;
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: var(--border-radius-components, 3px);
  word-break: break-word;
}
.campaign-drawer__error-detail strong {
  font-weight: 600;
}

.campaign-drawer__recurrence-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--schedule-recurrent-badge-bg, #e0e7ff);
  color: var(--schedule-recurrent-badge-text, #4f46e5);
  border-radius: var(--border-radius-components, 3px);
}

.campaign-drawer__expand-btn {
  width: auto;
  padding: 4px;
  margin-left: auto;
  color: #6b7280;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  transition: background 150ms ease;
}
.campaign-drawer__expand-btn:hover {
  background: #f1f5f9;
}

.campaign-drawer__section {
  margin-bottom: 24px;
}

.campaign-drawer__section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #6b7280;
}
.campaign-drawer__section-header h3 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

.campaign-drawer__message-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  padding: 16px;
  max-height: 160px;
  overflow-y: auto;
}
.campaign-drawer__message-box p {
  font-size: 0.8125rem;
  color: #4b5563;
  line-height: 1.6;
  white-space: pre-wrap;
  margin: 0;
}

.campaign-drawer__file-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.campaign-drawer__file-stat {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
  padding: 12px;
}

.campaign-drawer__file-stat-label {
  font-size: 0.625rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  margin: 0 0 4px;
}

.campaign-drawer__file-stat-value {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

.campaign-drawer__file-link {
  color: #2563eb;
  cursor: pointer;
  text-decoration: none;
  transition: text-decoration 150ms ease;
}
.campaign-drawer__file-link:hover {
  text-decoration: underline;
}

.campaign-drawer__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 16px 0;
  border-top: 1px solid #e2e8f0;
}

.campaign-drawer__action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #364153;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: var(--border-radius-components, 3px);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  text-decoration: none;
  transition: background 150ms ease;
}
.campaign-drawer__action-btn:hover {
  background: #f8fafc;
  text-decoration: none;
}
.campaign-drawer__action-btn:disabled, .campaign-drawer__action-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}
.campaign-drawer__action-btn--danger {
  color: #ef4444;
  border-color: #fca5a5;
}
.campaign-drawer__action-btn--danger:hover {
  background: #fef2f2;
}
.campaign-drawer__action-btn--link {
  border: none;
  color: #2563eb;
}
.campaign-drawer__action-btn--link:hover {
  text-decoration: underline;
  background: transparent;
}

.campaign-drawer__confirmation-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  backdrop-filter: blur(3px);
  background: rgba(15, 23, 42, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}
.campaign-drawer__confirmation-overlay .confirmation-container {
  position: relative;
  max-width: 480px;
  width: calc(100% - 32px);
}
.campaign-drawer__confirmation-overlay .confirmation-buttons-container button:not(.cancel-button) {
  background: var(--primary-background-components) !important;
  border: 1px solid var(--primary-background-components) !important;
  color: #fff !important;
}.schedule-skeleton-card {
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
}

.schedule-skeleton-mini-card {
  padding: 6px 8px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #e2e8f0;
  border-radius: var(--border-radius-components, 3px);
}

.schedule-skeleton-inline {
  display: flex;
  align-items: center;
  justify-content: center;
}

.day-view--skeleton .day-view__events {
  padding: 4px 0;
}

.month-view--skeleton .month-view__day-number {
  background: transparent !important;
  padding: 0;
}.schedule-root {
  padding: 0;
  height: 100%;
  background: #f8fafc;
  --heatmap-base-rgb: 24, 151, 168;
}
.schedule-root[data-schedule-partner=tigo] {
  --heatmap-base-rgb: 19, 137, 214;
  height: 100%;
}
.schedule-root {
  --schedule-amber: #d97706;
  --schedule-green: #15803d;
  --schedule-recurrent-bg: #eef2ff;
  --schedule-recurrent-badge-bg: #e0e7ff;
  --schedule-recurrent-badge-text: #4f46e5;
  --schedule-recurrent-icon: #6366f1;
  --schedule-primary: var(--primary-background-components, #2563eb);
}
.schedule-root .heatmap-level-0 {
  background: transparent;
}
.schedule-root[data-schedule-partner=tigo] .heatmap-level-0 {
  background: rgba(var(--heatmap-base-rgb), 0.06);
}
.schedule-root .heatmap-level-1 {
  background: rgba(var(--heatmap-base-rgb), 0.12);
}
.schedule-root .heatmap-level-2 {
  background: rgba(var(--heatmap-base-rgb), 0.28);
}
.schedule-root .heatmap-level-3 {
  background: rgba(var(--heatmap-base-rgb), 0.48);
}
.schedule-root .heatmap-level-4 {
  background: rgba(var(--heatmap-base-rgb), 0.72);
}
.schedule-root .heatmap-text-0 {
  color: #334155;
  font-weight: 500;
}
.schedule-root .heatmap-text-1 {
  color: #334155;
  font-weight: 500;
}
.schedule-root .heatmap-text-2 {
  color: #334155;
  font-weight: 600;
}
.schedule-root .heatmap-text-3 {
  color: #ffffff;
  font-weight: 600;
}
.schedule-root .heatmap-text-4 {
  color: #ffffff;
  font-weight: 700;
}
.schedule-root .schedule-layout {
  display: flex;
  height: calc(100% - 46px);
}
.schedule-root .schedule-sidebar {
  width: 280px;
  flex-shrink: 0;
  border-right: 1px solid #e2e8f0;
  background: #ffffff;
  overflow-y: auto;
}
.schedule-root .schedule-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.schedule-root .schedule-horizontal-bar {
  z-index: 20;
  position: sticky;
  top: var(--schedule-horizontal-bar-sticky-top, 46px);
  flex-shrink: 0;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
}
.schedule-root .schedule-header-controls {
  flex-shrink: 0;
}
.schedule-root .schedule-content {
  flex: 1;
  padding: 0 24px 24px;
  overflow-y: auto;
}
.schedule-root .schedule-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.schedule-root .schedule-error {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #dc2626;
}
.schedule-root .schedule-error p {
  padding: 16px 24px;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: var(--border-radius-components, 3px);
}
@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes popoverIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}body:has(.harassment) {
  overflow: hidden;
}

.app-container:has(.harassment) {
  height: 100vh;
  height: 100dvh;
}
.app-container:has(.harassment):not(.vertical) {
  display: flex;
  flex-direction: column;
}
.app-container:has(.harassment):not(.vertical) > .NavbarContainer {
  flex: 0 0 auto;
}
.app-container:has(.harassment).vertical {
  grid-template-rows: 100%;
}
.app-container:has(.harassment) > div:has(.harassment) {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.harassment {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: stretch;
  font-family: var(--font-sans);
  position: relative;
}
.harassment--tigo {
  font-family: var(--font-theme, var(--font-sans));
  --color-white: #ffffff;
  --color-lightgrey: #dfe3ec;
  --color-grey: #697286;
  --color-black: #0e1526;
  --color-dark: #0e1526;
  --primary-background-components: #123773;
}
.harassment--tigo .harassment__content {
  background: #eef2fa;
}
.harassment--tigo .harassment__content {
  padding: 26px 36px 60px;
}
.harassment--tigo .harassment__main {
  gap: 22px;
}
.harassment--tigo .harassment__header {
  margin-bottom: 22px;
}
.harassment__content {
  flex: 1 1 auto;
  min-width: 0;
  overflow-y: auto;
  padding: 24px 28px 40px;
}
.harassment--loading .harassment__content {
  overflow-y: hidden;
}
.harassment__breadcrumb {
  font-size: 0.75rem;
  color: var(--color-grey);
  margin-bottom: 10px;
}
.harassment__breadcrumb-sep {
  margin: 0 6px;
}
.harassment__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.harassment__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--color-dark);
  margin: 0 0 4px;
}
.harassment--tigo .harassment__title {
  color: var(--primary-background-components, var(--color-primary));
  margin: 0 0 7px;
}
.harassment__subtitle {
  font-size: 0.875rem;
  color: var(--color-grey);
  margin: 0;
}
.harassment__header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.harassment__notice {
  background: color-mix(in srgb, var(--color-orange) 12%, white);
  color: var(--color-dark);
  border: 1px solid color-mix(in srgb, var(--color-orange) 35%, white);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 0.8rem;
  margin-bottom: 16px;
}
.harassment__filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 12px 20px;
  margin-bottom: 20px;
}
.harassment__filter-bar-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-dark);
}
.harassment__filter-bar-label svg {
  color: var(--color-grey);
}
.harassment__main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.harassment--refreshing > :not(.harassment__refresh-overlay) {
  opacity: 0.45;
  pointer-events: none;
}
.harassment__refresh-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.harassment--tigo .harassment-sidebar {
  order: 2;
}
.harassment--claro .harassment-sidebar {
  order: -1;
}
.harassment--claro {
  --color-white: #ffffff;
  --color-lightgrey: #e2e8f0;
  --color-grey: #8e91a4;
  --color-teal: #1897a8;
}
.harassment--claro .harassment__content {
  background: #f8fafc;
}
.harassment--claro .harassment-kpi-card__icon-tile--teal {
  background: color-mix(in srgb, var(--color-teal) 9%, white);
}
.harassment--claro .harassment-kpi-card__icon-tile--red,
.harassment--claro .harassment-histogram__badge {
  background: color-mix(in srgb, var(--primary-background-components, var(--color-red)) 6%, white);
}
.harassment--claro .harassment-sidebar__list-header {
  background: #f4f4f4;
}
.harassment--claro .harassment-card,
.harassment--claro .harassment-kpi-card {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.harassment--claro .harassment-request-reports__trigger {
  border-radius: 19px;
  height: 44px;
}
.harassment--claro .harassment-sidebar__apply-btn {
  border-radius: 19px;
  height: 44px;
}

.harassment-card {
  background: var(--color-white);
  border-radius: 10px;
  border: 1px solid var(--color-lightgrey);
  overflow: hidden;
}
.harassment-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.harassment-card__header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.harassment-card__header-title h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
}
.harassment-card__body {
  padding: 16px 20px 20px;
}
.harassment-card--tigo {
  border: none;
  border-radius: 41px;
  box-shadow: 0 8px 20px rgba(7, 38, 110, 0.1);
}
.harassment-card--tigo .harassment-card__header {
  background: var(--primary-background-components, var(--color-primary));
  border-bottom: none;
  padding: 16px 24px;
}
.harassment-card--tigo .harassment-card__header h4 {
  color: #fff;
  font-weight: 700;
}
.harassment-card--tigo .harassment-card__body {
  padding: 26px 24px 18px;
}

.harassment-kpis {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 720px) {
  .harassment-kpis {
    grid-template-columns: 1fr;
  }
}

.harassment-kpi-card {
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 10px;
  overflow: hidden;
}
.harassment-kpi-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.harassment-kpi-card__icon-tile {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.harassment-kpi-card__icon-tile--teal {
  background: color-mix(in srgb, var(--color-teal) 15%, white);
  color: var(--color-teal);
}
.harassment-kpi-card__icon-tile--red {
  background: color-mix(in srgb, var(--primary-background-components, var(--color-red)) 10%, white);
  color: var(--primary-background-components, var(--color-red));
}
.harassment-kpi-card__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
}
.harassment-kpi-card__body {
  display: flex;
  padding: 20px;
}
.harassment-kpi-card__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}
.harassment-kpi-card__column:first-child {
  border-right: 1px solid var(--color-lightgrey);
}
.harassment-kpi-card__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--color-grey);
  font-weight: 600;
  letter-spacing: 0.03em;
}
.harassment-kpi-card__value {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--color-dark);
}
.harassment-kpi-card--teal .harassment-kpi-card__value {
  color: var(--color-dark);
}

.harassment-kpis--claro .harassment-kpi-card__body {
  padding: 0;
}
.harassment-kpis--claro .harassment-kpi-card__column {
  align-items: flex-start;
  text-align: left;
  padding: 18px 22px;
  gap: 8px;
}

.harassment-kpis--tigo {
  gap: 22px;
}
.harassment-kpis--tigo .harassment-kpi-card {
  border: none;
  border-radius: 41px;
  box-shadow: 0 8px 20px rgba(7, 38, 110, 0.1);
}
.harassment-kpis--tigo .harassment-kpi-card__header {
  background: var(--primary-background-components, var(--color-primary));
  border-bottom: none;
  padding: 16px 24px;
}
.harassment-kpis--tigo .harassment-kpi-card__title {
  color: #fff;
  font-weight: 700;
}
.harassment-kpis--tigo .harassment-kpi-card__body {
  padding: 24px;
}
.harassment-kpis--tigo .harassment-kpi-card__column {
  gap: 12px;
}
.harassment-kpis--tigo .harassment-kpi-card__label {
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.8125rem;
  font-weight: 500;
}
.harassment-kpis--tigo .harassment-kpi-card__value {
  font-size: 2.5rem;
}
.harassment-kpis--tigo .harassment-kpi-card--teal .harassment-kpi-card__value {
  color: var(--primary-background-components, var(--color-primary));
}

.harassment-histogram__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  background: color-mix(in srgb, var(--primary-background-components, var(--color-red)) 8%, white);
  color: var(--primary-background-components, var(--color-red));
  white-space: nowrap;
}
.harassment-histogram__caption {
  text-align: center;
  color: var(--color-grey);
  font-size: 0.8rem;
  margin: 8px 0 0;
}

.harassment--tigo .harassment-histogram__badge {
  background: color-mix(in srgb, #85c4eb 30%, white);
  color: var(--primary-background-components, var(--color-primary));
  padding: 7px 14px;
  font-size: 0.8125rem;
  gap: 8px;
}

.harassment--tigo .harassment-daily-traffic .harassment-card__body {
  --primary-background-components: #1e5ac8;
}

.harassment-daily-traffic__legend, .harassment-daily-traffic__caption {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--color-grey);
}
.harassment-daily-traffic__legend i, .harassment-daily-traffic__caption i {
  display: inline-block;
  width: 14px;
  height: 4px;
  border-radius: 2px;
}
.harassment-daily-traffic__caption {
  justify-content: center;
  width: 100%;
  margin: 8px 0 0;
}

.harassment-sidebar {
  width: 19rem;
  flex-shrink: 0;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.harassment-sidebar--claro {
  border-right: 1px solid var(--color-lightgrey);
}
.harassment-sidebar--tigo {
  width: 322px;
  box-shadow: -2px 0 18px rgba(7, 38, 110, 0.08);
}
.harassment-sidebar--tigo .harassment-sidebar__header {
  padding: 20px 22px 14px;
}
.harassment-sidebar--tigo .harassment-sidebar__icon-tile {
  border-radius: 12px;
}
.harassment-sidebar__icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  flex-shrink: 0;
  background: var(--primary-background-components, var(--color-primary));
  color: #fff;
}
.harassment-sidebar--tigo .harassment-sidebar__title {
  color: var(--primary-background-components, var(--color-primary));
  font-weight: 800;
  font-size: 1.0625rem;
}
.harassment-sidebar--tigo .harassment-sidebar__list-header {
  background: #eef2fa;
  color: var(--color-dark);
  font-size: 0.8125rem;
  padding: 12px 22px;
}
.harassment-sidebar--tigo .harassment-sidebar__row {
  padding: 11px 22px;
}
.harassment-sidebar--tigo .harassment-sidebar__row:hover {
  background: #eef2fa;
}
.harassment-sidebar--tigo .harassment-sidebar__row-name {
  max-width: 180px;
}
.harassment-sidebar--tigo .harassment-sidebar__row-total {
  color: var(--color-grey);
}
.harassment-sidebar--tigo .harassment-sidebar__footer {
  padding: 16px 22px;
}
.harassment-sidebar--tigo .harassment-sidebar__apply-btn {
  border-radius: var(--border-radius-components, 13px);
  box-shadow: 0 10px 28px rgba(26, 95, 239, 0.32);
  font-weight: 600;
  font-size: 0.9375rem;
  gap: 9px;
}
.harassment-sidebar__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.harassment-sidebar__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-dark);
}
.harassment-sidebar__reseller-name, .harassment-sidebar__hint {
  font-size: 0.75rem;
  color: var(--color-grey);
}
.harassment-sidebar__list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px;
  background: color-mix(in srgb, var(--color-lightgrey) 40%, white);
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--color-grey);
}
.harassment-sidebar__checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.harassment-sidebar__checkbox-label input[type=checkbox] {
  flex-shrink: 0;
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--primary-background-components, var(--color-primary));
}
.harassment-sidebar__list {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
.harassment-sidebar__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 18px;
  cursor: pointer;
}
.harassment-sidebar__row:hover {
  background: color-mix(in srgb, var(--color-lightgrey) 30%, white);
}
.harassment-sidebar__row-name {
  font-size: 0.84375rem;
  color: var(--color-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
.harassment-sidebar__row-total {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: 0.84375rem;
  color: var(--color-dark);
}
.harassment-sidebar__footer {
  padding: 14px 18px;
  border-top: 1px solid var(--color-lightgrey);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.harassment-sidebar__apply-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  border-radius: 13px;
  border: none;
  background: var(--primary-background-components, var(--color-primary));
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.harassment-sidebar__apply-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.harassment-sidebar__selected-caption {
  text-align: center;
  font-size: 0.75rem;
  color: var(--color-grey);
}
.harassment-sidebar--claro .harassment-sidebar__row .harassment-sidebar__checkbox-label input[type=checkbox] {
  appearance: none;
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px;
  border: 1.5px solid var(--color-lightgrey);
  background: var(--color-white) !important;
  position: relative;
  cursor: pointer;
}
.harassment-sidebar--claro .harassment-sidebar__row .harassment-sidebar__checkbox-label input[type=checkbox]:checked {
  background: var(--primary-background-components, var(--color-primary)) !important;
  border-color: var(--primary-background-components, var(--color-primary));
}
.harassment-sidebar--claro .harassment-sidebar__row .harassment-sidebar__checkbox-label input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.harassment-picker--tigo .date-range-picker__trigger {
  height: 48px;
  padding: 0 18px;
  border: 2px solid var(--primary-background-components, var(--color-primary));
  border-radius: var(--border-radius-components, 13px);
  color: var(--primary-background-components, var(--color-primary));
  font-weight: 600;
}
.harassment-picker--tigo .date-range-picker__btn {
  border-radius: var(--border-radius-components, 13px);
}
.harassment-picker--claro .date-range-picker__trigger {
  height: 40px;
  border-radius: 10px;
}
.harassment-picker--claro .date-range-picker__trigger > svg:first-child {
  color: var(--primary-background-components, var(--color-primary));
}
.harassment-picker__draft-label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 8px;
}
.harassment-picker__hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--color-dark);
  background: color-mix(in srgb, var(--color-lightgrey) 35%, white);
  border-radius: 999px;
  padding: 6px 12px;
}
.harassment-picker--tigo .date-range-picker__presets {
  background: #eef2fa;
}
.harassment-picker--tigo .date-range-picker__presets-list {
  padding: 0 10px;
}
.harassment-picker--tigo .date-range-picker__preset-btn {
  border-radius: var(--border-radius-components, 8px);
}
.harassment-picker--tigo .date-range-picker__preset-btn--active {
  background: var(--color-white);
  color: var(--primary-background-components, var(--color-primary));
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(7, 38, 110, 0.08);
}
.harassment-picker--tigo .harassment-picker__month-filter select {
  border-radius: var(--border-radius-components, 8px);
}
.harassment-picker__month-filter {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.harassment-picker__month-filter label {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-grey);
}
.harassment-picker__month-filter select {
  border-radius: 8px;
  border: 1px solid var(--color-lightgrey);
  padding: 6px 8px;
  font-size: 0.8rem;
  background: var(--color-white);
}
.harassment-picker--tigo .date-range-picker__btn--apply {
  box-shadow: 0 10px 28px rgba(26, 95, 239, 0.32);
}

.date-range-picker.harassment-picker--tigo .rdrInRange,
.date-range-picker.harassment-picker--claro .rdrInRange {
  background: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 10%, white) !important;
}
.date-range-picker.harassment-picker--tigo .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.date-range-picker.harassment-picker--claro .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span {
  color: var(--color-dark) !important;
}

.date-range-picker.harassment-picker--tigo .rdrInRange {
  background: #eef2fa !important;
}

.harassment-request-reports {
  position: relative;
}
.harassment-request-reports__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 18px;
  border-radius: 13px;
  border: none;
  background: var(--primary-background-components, var(--color-primary));
  color: #fff;
  font-weight: 700;
  font-size: 0.8125rem;
  cursor: pointer;
  white-space: nowrap;
}
.harassment-request-reports__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 40;
  width: 280px;
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  padding: 8px;
}
.harassment-request-reports__option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
}
.harassment-request-reports__option:hover {
  background: color-mix(in srgb, var(--primary-background-components, var(--color-red)) 6%, white);
}
.harassment-request-reports__option-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.harassment-request-reports__option-title {
  font-size: 0.84375rem;
  font-weight: 600;
  color: var(--color-dark);
}
.harassment-request-reports__option-desc {
  font-size: 0.71875rem;
  color: var(--color-grey);
}

.harassment--tigo .harassment-request-reports__trigger {
  background: var(--primary-background-components, var(--color-primary));
  color: #fff;
  border-radius: var(--border-radius-components, 13px);
  box-shadow: 0 10px 28px rgba(26, 95, 239, 0.32);
  padding: 0 22px;
  font-weight: 600;
  font-size: 0.875rem;
  gap: 9px;
}

.harassment-skeleton__stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.harassment-skeleton__row-name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.harassment-skeleton__bars {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 30px;
  height: 280px;
  padding: 20px 8px 8px;
}body:has(.message-consumption) {
  overflow: hidden;
}

.app-container:has(.message-consumption) {
  height: 100vh;
  height: 100dvh;
}
.app-container:has(.message-consumption):not(.vertical) {
  display: flex;
  flex-direction: column;
}
.app-container:has(.message-consumption):not(.vertical) > .NavbarContainer {
  flex: 0 0 auto;
}
.app-container:has(.message-consumption).vertical {
  grid-template-rows: 100%;
}
.app-container:has(.message-consumption) > div:has(.message-consumption) {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.message-consumption {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  position: relative;
}
.message-consumption--claro {
  --color-white: #ffffff;
  --color-lightgrey: #e2e8f0;
  --color-grey: #8e91a4;
  --color-teal: #1897a8;
  --color-success: #1f8c38;
  --color-orange: #f27f00;
  background: #f8fafc;
}
.message-consumption--claro .message-consumption__summary-circle--brand {
  background: #fdf2f1;
}
.message-consumption--claro .message-consumption__summary-circle--teal {
  background: #eaf6f8;
}
.message-consumption--claro .message-consumption__summary-circle--success {
  background: #dff5e7;
}
.message-consumption--claro .message-consumption__summary-circle--orange {
  background: #ffe6c7;
}
.message-consumption--claro .message-consumption__range-badge {
  background: #f4f4f4;
  color: #49525f;
}
.message-consumption--claro .message-consumption__summary-progress,
.message-consumption--claro .message-consumption__usage-track {
  background: #f4f4f4;
}
.message-consumption--claro .message-consumption__summary-progress-fill {
  min-width: 6px;
}
.message-consumption--claro .message-consumption__table thead th {
  background: var(--primary-background-components, var(--color-red));
  color: #fff;
}
.message-consumption--claro .message-consumption__table tfoot td {
  background: #f4f4f4;
}
.message-consumption--tigo {
  --color-white: #ffffff;
  --color-lightgrey: #dfe3ec;
  --color-grey: #697286;
  --color-black: #0e1526;
  --color-dark: #0e1526;
  --color-yellow: #eec200;
  --primary-background-components: #123773;
  background: #eef2fa;
}
.message-consumption--refreshing .message-consumption__inner {
  opacity: 0.45;
  pointer-events: none;
}
.message-consumption__refresh-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.message-consumption__refresh-overlay .spinnerContainer {
  position: sticky;
  top: 40%;
}
.message-consumption__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 28px 56px;
}
.message-consumption__header {
  margin-bottom: 20px;
}
.message-consumption__breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--color-grey);
  margin-bottom: 8px;
}
.message-consumption__header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.message-consumption__title {
  font-size: 1.75rem;
  font-weight: bold;
  color: var(--color-dark);
  margin: 0;
}
.message-consumption__subtitle {
  font-size: 0.9375rem;
  color: var(--color-grey);
  margin: 4px 0 0;
}
.message-consumption__subtitle strong {
  font-weight: 600;
  color: var(--color-black);
}
.message-consumption--tigo .message-consumption__title {
  color: var(--primary-background-components, var(--color-primary));
  font-size: 2rem;
}
.message-consumption__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.message-consumption__summary--tigo {
  grid-template-columns: repeat(3, 1fr);
}
.message-consumption__summary-tile {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 18px 20px;
}
.message-consumption__summary-tile-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 14%, white);
  color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__summary-tile-icon--consumed {
  background: color-mix(in srgb, var(--color-teal) 30%, white);
}
.message-consumption__summary-tile-icon--remaining {
  background: color-mix(in srgb, var(--color-yellow) 34%, white);
}
.message-consumption__summary-tile-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.message-consumption__summary-card {
  position: relative;
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.message-consumption__summary-label {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--color-grey);
}
.message-consumption--tigo .message-consumption__summary-label {
  font-size: 0.8125rem;
  text-transform: none;
  letter-spacing: normal;
}
.message-consumption__summary-figure {
  font-size: 1.625rem;
  font-weight: bold;
  color: var(--color-black);
  font-variant-numeric: tabular-nums;
}
.message-consumption--tigo .message-consumption__summary-figure {
  font-size: 1.625rem;
  font-weight: 800;
  color: var(--color-black);
}
.message-consumption__summary-circle {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.message-consumption__summary-circle--brand {
  background: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 14%, white);
  color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__summary-circle--teal {
  background: color-mix(in srgb, var(--color-teal) 14%, white);
  color: var(--color-teal);
}
.message-consumption__summary-circle--success {
  background: color-mix(in srgb, var(--color-success) 14%, white);
  color: var(--color-success);
}
.message-consumption__summary-circle--orange {
  background: color-mix(in srgb, var(--color-orange) 14%, white);
  color: var(--color-orange);
}
.message-consumption__summary-progress {
  margin-top: 4px;
  height: 6px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--color-lightgrey) 60%, white);
  overflow: hidden;
}
.message-consumption__summary-progress-fill {
  height: 100%;
  border-radius: 3px;
  background: var(--color-orange);
}
.message-consumption__filters-card {
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 16px 20px;
  margin-bottom: 20px;
}
.message-consumption__filters-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.message-consumption__filters-row + .message-consumption__filters-row {
  margin-top: 14px;
}
.message-consumption__filters-row--fields {
  align-items: flex-end;
  justify-content: flex-start;
  gap: 16px;
}
.message-consumption__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.message-consumption__field--search {
  flex: 1 1 240px;
  min-width: 240px;
}
.message-consumption__field--type {
  width: 210px;
}
.message-consumption__field-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-dark);
}
.message-consumption__filters-divider {
  border-top: 1px solid var(--color-lightgrey);
  margin: 14px 0;
}
.message-consumption__filters-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.0625rem;
  font-weight: bold;
  color: var(--color-black);
}
.message-consumption__filters-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.message-consumption__cycle-group {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.message-consumption__cycle-group--tigo {
  background: #eef2fa;
  border-radius: var(--border-radius-components, 13px);
  padding: 5px;
  gap: 4px;
}
.message-consumption__cycle-button {
  width: auto;
  display: inline-flex;
  align-items: center;
  border: none;
  background: transparent;
  color: var(--color-grey);
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
.message-consumption__cycle-button:not(.message-consumption__cycle-button--tigo) {
  border: 1px solid var(--color-lightgrey);
  background: var(--color-white);
}
.message-consumption__cycle-button--tigo {
  padding: 11px 22px;
  border-radius: var(--border-radius-components, 13px);
  font-size: 0.875rem;
  line-height: 1;
  color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__cycle-button--tigo:hover:not(.message-consumption__cycle-button--active) {
  background: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 10%, transparent);
}
.message-consumption__cycle-button--active, .message-consumption__cycle-button--active:not(.message-consumption__cycle-button--tigo) {
  color: #fff;
  background: var(--primary-background-components, var(--color-primary));
  border-color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__range-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  color: var(--color-grey);
  background: color-mix(in srgb, var(--color-lightgrey) 40%, white);
  padding: 6px 12px;
  border-radius: 10px;
  white-space: nowrap;
}
.message-consumption__range-badge svg {
  color: var(--primary-background-components, var(--color-primary));
  flex-shrink: 0;
}
.message-consumption--tigo .message-consumption__range-badge {
  background: transparent;
  padding: 0;
}
.message-consumption--tigo .message-consumption__range-badge svg {
  color: var(--color-grey);
}
.message-consumption__search {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 13px;
  padding: 0 12px;
  height: 46px;
  min-width: 220px;
}
.message-consumption__search--tigo {
  background: #eef2fa;
  border-radius: var(--border-radius-components, 13px);
  padding: 0 16px;
  min-width: 240px;
}
.message-consumption__search-input {
  border: none;
  background: transparent;
  outline: none;
  flex: 1;
  padding: 0 8px;
  font-size: 0.875rem;
  color: var(--color-black);
}
.message-consumption__search-input::placeholder {
  color: var(--color-grey);
}
.message-consumption__search-clear {
  border: none;
  background: transparent;
  color: var(--color-grey);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  font-size: 1.125rem;
  line-height: 1;
  width: auto;
  flex: 0 0 auto;
}
.message-consumption__search:not(.message-consumption__search--tigo) {
  border-radius: 8px;
  height: 40px;
}
.message-consumption__type-select {
  height: 40px;
  min-width: 210px;
  border: 1px solid var(--color-lightgrey);
  border-radius: 8px;
  padding: 0 12px;
  font-size: 0.875rem;
  color: var(--color-black);
  background: var(--color-white);
}
.message-consumption__export-button {
  white-space: nowrap;
  width: auto;
  background-color: var(--primary-background-components, var(--color-primary));
  border-color: var(--primary-background-components, var(--color-primary));
  color: #fff;
  border-radius: 19px;
  height: 42px;
  padding: 0 22px;
  font-weight: 600;
}
.message-consumption__export-button:hover:not(:disabled), .message-consumption__export-button:active:not(:disabled), .message-consumption__export-button:focus:not(:disabled) {
  background-color: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 90%, black);
  border-color: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 90%, black);
  color: #fff;
}
.message-consumption__export-button:disabled {
  opacity: 0.6;
}
.message-consumption--tigo .message-consumption__export-button {
  background-color: var(--color-white);
  border: 2px solid var(--primary-background-components, var(--color-primary));
  color: var(--primary-background-components, var(--color-primary));
  border-radius: var(--border-radius-components, 13px);
  height: 46px;
}
.message-consumption--tigo .message-consumption__export-button:hover:not(:disabled), .message-consumption--tigo .message-consumption__export-button:active:not(:disabled), .message-consumption--tigo .message-consumption__export-button:focus:not(:disabled) {
  background-color: color-mix(in srgb, var(--primary-background-components, var(--color-primary)) 10%, white);
  border-color: var(--primary-background-components, var(--color-primary));
  color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__table-card {
  background: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.message-consumption__table-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.message-consumption__table-header h4 {
  margin: 0;
}
.message-consumption__table-count {
  font-size: 0.75rem;
  color: var(--color-grey);
  text-transform: uppercase;
}
.message-consumption__table-scroll {
  overflow-x: auto;
}
.message-consumption__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.message-consumption__table th, .message-consumption__table td {
  padding: 12px 16px;
  text-align: left;
  white-space: nowrap;
}
.message-consumption__table .message-consumption__col-number,
.message-consumption__table .message-consumption__col-usage {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.message-consumption__table tbody tr,
.message-consumption__table tbody tr:nth-child(even),
.message-consumption__table tbody tr:nth-child(odd) {
  background: var(--color-white);
}
.message-consumption__table tbody tr:hover {
  background: color-mix(in srgb, var(--color-lightgrey) 25%, white);
}
.message-consumption__table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--color-lightgrey);
}
.message-consumption__table thead th {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--color-lightgrey) 35%, white);
  color: var(--color-black);
}
.message-consumption__table tfoot td {
  background: color-mix(in srgb, var(--color-lightgrey) 40%, white);
  border-top: 2px solid var(--color-lightgrey);
  font-weight: bold;
  color: var(--color-black);
}
.message-consumption__table tfoot .message-consumption__tfoot-count {
  font-weight: normal;
  font-size: 0.75rem;
  color: var(--color-grey);
}
.message-consumption--tigo .message-consumption__table thead th {
  background: var(--primary-background-components, var(--color-primary));
  color: #fff;
  font-weight: 600;
  text-transform: none;
  font-size: 0.875rem;
  padding: 18px 26px;
}
.message-consumption__col-remaining {
  font-weight: 600;
  color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__account-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: var(--color-black);
}
.message-consumption__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #fff;
  font-weight: bold;
  font-size: 0.9375rem;
  flex-shrink: 0;
}
.message-consumption__avatar--0 {
  background: #123773;
}
.message-consumption__avatar--1 {
  background: #09193e;
}
.message-consumption__avatar--2 {
  background: #1e5ac8;
}
.message-consumption__avatar--3 {
  background: #2a93cf;
}
.message-consumption__avatar--4 {
  background: #123773;
}
.message-consumption__avatar--5 {
  background: #0e2a5c;
}
.message-consumption__avatar--6 {
  background: #2a93cf;
}
.message-consumption__avatar--7 {
  background: #1e5ac8;
}
.message-consumption__badge {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 9999px;
  white-space: nowrap;
}
.message-consumption__badge--postpaid {
  background: #e8f1fb;
  color: #2b6cb0;
}
.message-consumption__badge--prepaid {
  background: #efe7f8;
  color: #6b46c1;
}
.message-consumption__usage {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.message-consumption__usage-track {
  width: 90px;
  height: 8px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-lightgrey) 60%, white);
  overflow: hidden;
}
.message-consumption__usage-fill {
  height: 100%;
  border-radius: 4px;
  background: var(--color-teal);
}
.message-consumption__usage-fill--warning {
  background: var(--color-orange);
}
.message-consumption__usage-fill--danger {
  background: var(--color-red);
}
.message-consumption--tigo .message-consumption__usage-fill {
  background: var(--primary-background-components, var(--color-primary));
}
.message-consumption--tigo .message-consumption__usage-fill--warning {
  background: var(--color-yellow);
}
.message-consumption__usage-pct {
  font-size: 0.75rem;
  color: var(--color-grey);
  min-width: 32px;
  text-align: right;
}
.message-consumption__pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 20px;
  background: color-mix(in srgb, var(--color-lightgrey) 20%, white);
  border-top: 1px solid var(--color-lightgrey);
}
.message-consumption__pagination-showing {
  font-size: 0.8125rem;
  color: var(--color-grey);
}
.message-consumption__pagination-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}
.message-consumption__pagination-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--color-lightgrey);
  border-radius: 8px;
  background: var(--color-white);
  color: var(--color-black);
  font-size: 0.8125rem;
  cursor: pointer;
}
.message-consumption__pagination-nav:disabled {
  color: var(--color-grey);
  cursor: not-allowed;
  opacity: 0.6;
}
.message-consumption__pagination-page {
  width: 34px;
  height: 34px;
  border: 1px solid var(--color-lightgrey);
  border-radius: 8px;
  background: var(--color-white);
  color: var(--color-black);
  font-size: 0.8125rem;
  cursor: pointer;
}
.message-consumption__pagination-page--active {
  color: var(--color-white);
  background: var(--primary-background-components, var(--color-primary));
  border-color: var(--primary-background-components, var(--color-primary));
}
.message-consumption__pagination-page-of {
  font-size: 0.8125rem;
  color: var(--color-grey);
  padding: 0 8px;
}
.message-consumption--tigo .message-consumption__pagination-nav:not(:disabled) {
  border-color: var(--primary-background-components, var(--color-primary));
  color: var(--primary-background-components, var(--color-primary));
  font-weight: 600;
}
.message-consumption--tigo .message-consumption__pagination-page {
  border-radius: var(--border-radius-components, 13px);
  width: 40px;
  height: 40px;
}
.message-consumption--tigo .message-consumption__pagination-nav {
  border-radius: var(--border-radius-components, 13px);
  height: 40px;
}
.message-consumption--tigo .message-consumption__inner {
  max-width: none;
  padding: 0 0 56px;
}
.message-consumption--tigo .message-consumption__header {
  position: sticky;
  top: 0;
  z-index: 4;
  background: color-mix(in srgb, #eef2fa 86%, transparent);
  backdrop-filter: blur(10px);
  padding: 24px 44px 18px;
  border-bottom: 1px solid var(--color-lightgrey);
  margin-bottom: 28px;
}
.message-consumption--tigo .message-consumption__summary, .message-consumption--tigo .message-consumption__filters-card, .message-consumption--tigo .message-consumption__table-card, .message-consumption--tigo .info {
  margin-left: 44px;
  margin-right: 44px;
}
.message-consumption--tigo .message-consumption__breadcrumb {
  font-size: 0.8125rem;
  font-weight: 500;
  gap: 8px;
}
.message-consumption--tigo .message-consumption__breadcrumb svg {
  color: var(--color-grey);
  flex-shrink: 0;
}
.message-consumption--tigo .message-consumption__breadcrumb-current {
  color: var(--color-black);
  font-weight: 600;
}
.message-consumption--tigo .message-consumption__subtitle {
  margin-top: 8px;
}
.message-consumption--tigo .message-consumption__summary-tile, .message-consumption--tigo .message-consumption__filters-card, .message-consumption--tigo .message-consumption__table-card {
  border: none;
  border-radius: 41px;
  box-shadow: 0 8px 20px rgba(7, 38, 110, 0.1);
}
.message-consumption--tigo .message-consumption__summary {
  gap: 20px;
  margin-bottom: 24px;
}
.message-consumption--tigo .message-consumption__summary-tile {
  padding: 22px 26px;
  gap: 18px;
}
.message-consumption--tigo .message-consumption__summary-tile-text {
  gap: 8px;
}
.message-consumption--tigo .message-consumption__summary-label {
  font-weight: 500;
}
.message-consumption--tigo .message-consumption__summary-tile-icon {
  border-radius: 16px;
  background: #eef2fa;
}
.message-consumption--tigo .message-consumption__summary-tile-icon--consumed {
  background: color-mix(in srgb, #85c4eb 40%, white);
}
.message-consumption--tigo .message-consumption__summary-tile-icon--remaining {
  background: color-mix(in srgb, #eec200 34%, white);
}
.message-consumption--tigo .message-consumption__filters-card {
  padding: 22px 26px;
  margin-bottom: 24px;
}
.message-consumption--tigo .message-consumption__filters-row + .message-consumption__filters-row {
  margin-top: 18px;
}
.message-consumption--tigo .message-consumption__filters-label {
  gap: 10px;
}
.message-consumption--tigo .message-consumption__filters-label svg {
  color: var(--primary-background-components);
}
.message-consumption--tigo .message-consumption__filters-actions {
  gap: 12px;
}
.message-consumption--tigo .message-consumption__cycle-button--active {
  box-shadow: 0 10px 28px rgba(26, 95, 239, 0.32);
}
.message-consumption--tigo .message-consumption__table {
  font-size: 0.9375rem;
}
.message-consumption--tigo .message-consumption__table td {
  padding: 16px 26px;
}
.message-consumption--tigo .message-consumption__table tbody tr:hover {
  background: #eef2fa;
}
.message-consumption--tigo .message-consumption__table tbody tr:last-child td {
  border-bottom: 1px solid var(--color-lightgrey);
}
.message-consumption--tigo .message-consumption__account-cell {
  gap: 12px;
}
.message-consumption--tigo .message-consumption__col-number {
  font-weight: 500;
}
.message-consumption--tigo .message-consumption__col-remaining {
  font-weight: 600;
}
.message-consumption--tigo .message-consumption__table .message-consumption__col-usage {
  text-align: left;
}
.message-consumption--tigo .message-consumption__table th.message-consumption__col-usage {
  width: 210px;
}
.message-consumption--tigo .message-consumption__usage {
  justify-content: flex-start;
}
.message-consumption--tigo .message-consumption__usage-track {
  flex: 1 1 auto;
  width: auto;
  border-radius: 999px;
  background: #eef2fa;
}
.message-consumption--tigo .message-consumption__usage-fill {
  border-radius: 999px;
}
.message-consumption--tigo .message-consumption__usage-pct {
  min-width: 34px;
  font-weight: 600;
}
.message-consumption--tigo .message-consumption__pagination {
  background: #eef2fa;
  border-top: none;
  padding: 16px 26px;
}

.message-consumption-skeleton__stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.message-consumption-skeleton__rows {
  display: flex;
  flex-direction: column;
}

.message-consumption-skeleton__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 20px;
}
.message-consumption-skeleton__row:not(:last-child) {
  border-bottom: 1px solid var(--color-lightgrey);
}.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

/*# sourceMappingURL=ReactToastify.css.map */.error-page {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
}
.error-page .error-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 447.8px;
  height: 671px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0;
}
.error-page .error-container .error-logo-container {
  width: 447.8px;
  height: 131px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12.4px;
  padding: 62.2px 37.3px 37.3px;
}
.error-page .error-container .error-logo-container img, .error-page .error-container .error-logo-container svg {
  max-width: 202.7px;
  max-height: 40px;
  flex-grow: 0;
  object-fit: contain;
}
.error-page .error-container .error-logo-container.TIGO {
  background-color: #fff;
  border-radius: 8px;
  padding: 0;
}
.error-page .error-container .error-logo-container.TIGO svg {
  height: 320px;
  width: 812px;
}
.error-page .error-container .error-logo-container.CLARO {
  background-color: #fff;
  padding: 0;
}
.error-page .error-container .error-logo-container.CLARO svg {
  height: 220px;
  width: 612px;
}
.error-page .error-container .error-logo-container.QUICKLY {
  background-color: #fff;
  border-radius: 8px;
}
.error-page .error-container img.error-image {
  width: 378px;
  height: 378px;
  flex-grow: 0;
  object-fit: contain;
}
.error-page .error-container .error-footer-container {
  width: 275px;
  height: 142px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  padding: 0;
}
.error-page .error-container .error-footer-container .error-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 29px;
  flex-grow: 0;
  font-family: var(--font-sans);
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-dark);
}
.error-page .error-container .error-footer-container .error-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 17px;
  flex-grow: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-sms);
}
.error-page.TIGO .error-footer-container .error-title {
  color: #053979;
}
.error-page.CLARO .error-footer-container .error-title {
  color: #E40001;
}
.error-page.QUICKLY .error-footer-container .error-title {
  color: #132d46;
}