.daterangepicker {
  position: absolute;
  top: 100px;
  left: 20px;
  z-index: 3001;

  display: none;
  margin-top: 7px;
  padding: 0;
  width: 278px;
  max-width: none;

  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;

  font-size: 15px;
  font-family: arial;
  line-height: 1em;
  color: inherit;
}

.daterangepicker:before, .daterangepicker:after {
  content: '';

  position: absolute;

  display: inline-block;

  border-bottom-color: rgba(0, 0, 0, 0.2);
}

.daterangepicker:before {
  top: -7px;

  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.daterangepicker:after {
  top: -6px;

  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  right: 0;
  left: 0;

  margin-right: auto;
  margin-left: auto;
  width: 0;
}

.daterangepicker.openscenter:after {
  right: 0;
  left: 0;

  margin-right: auto;
  margin-left: auto;
  width: 0;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;

  border-top: 7px solid #ccc;
  border-bottom: initial;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;

  border-top: 6px solid #fff;
  border-bottom: initial;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  display: inline-block;
  padding: 3px;

  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;

  color: #fff;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  width: 32px;
  min-width: 32px;
  height: 24px;

  border: 1px solid transparent;
  border-radius: 4px;

  font-size: 12px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  margin: 0;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  border-color: transparent;
  background-color: #eee;

  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  border-color: transparent;
  background-color: #fff;

  color: #999;
}

.daterangepicker td.in-range {
  border-color: transparent;
  border-radius: 0;
  background-color: #ebf4f8;

  color: #000;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  border-color: transparent;
  background-color: #357ebd;

  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  text-decoration: line-through;
  color: #999;
  cursor: not-allowed;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  margin: 0;
  padding: 1px;
  height: auto;

  font-size: 12px;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTE0IDAuNzA3MSAtMC43MDcxMTQgMC43MDcxIDAgMSkiIHN0cm9rZT0iIzM3NDE1MSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMC43NSIgeTE9Ii0wLjc1IiB4Mj0iNi4zMjEwNiIgeTI9Ii0wLjc1IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzExNCAtMC43MDcxIDAuNzA3MTE0IDAuNzA3MSA1IDYpIiBzdHJva2U9IiMzNzQxNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
  background-position: 85% 50%;
  background-repeat: no-repeat;
  padding: 0.375rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  line-height: 1;
  outline-width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.daterangepicker .calendar-time {
  position: relative;

  display: inline-flex;
  align-items: center;

  text-align: center;

  margin-left: 0.5rem;

  -moz-column-gap: 0.25rem;

       column-gap: 0.25rem;

  font-size: 12px;

  line-height: 16px;

  font-weight: 500;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  display: none;
  clear: both;
  padding: 8px;

  border-top: 1px solid #ddd;

  line-height: 12px;
  text-align: right;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  padding-right: 8px;

  font-size: 12px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  padding: 4px 8px;

  font-weight: bold;
  font-size: 12px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  margin: 0;

  text-align: left;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;

  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  padding: 8px 12px;

  font-size: 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;

  color: #fff;
}

/*  Larger Screen Styling */

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;

    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

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

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

/*  ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Inter, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

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

.relative {
  position: relative;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[3\] {
  z-index: 3;
}

.z-\[4\] {
  z-index: 4;
}

.z-\[5\] {
  z-index: 5;
}

.z-\[6\] {
  z-index: 6;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-4 {
  grid-column-end: 4;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-ml-\[23px\] {
  margin-left: -23px;
}

.-ml-\[27px\] {
  margin-left: -27px;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-\[6px\] {
  margin-left: 6px;
}

.ml-auto {
  margin-left: auto;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-\[3px\] {
  margin-top: 3px;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-6 {
  height: 1.5rem;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[33px\] {
  height: 33px;
}

.h-\[46px\] {
  height: 46px;
}

.h-full {
  height: 100%;
}

.min-h-4 {
  min-height: 1rem;
}

.w-6 {
  width: 1.5rem;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[30px\] {
  width: 30px;
}

.w-full {
  width: 100%;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-\[103px\] {
  min-width: 103px;
}

.min-w-\[113px\] {
  min-width: 113px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[123px\] {
  min-width: 123px;
}

.min-w-\[147px\] {
  min-width: 147px;
}

.min-w-\[164px\] {
  min-width: 164px;
}

.min-w-\[177px\] {
  min-width: 177px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[202px\] {
  min-width: 202px;
}

.min-w-\[243px\] {
  min-width: 243px;
}

.min-w-\[260px\] {
  min-width: 260px;
}

.min-w-\[280px\] {
  min-width: 280px;
}

.min-w-\[294px\] {
  min-width: 294px;
}

.min-w-\[311px\] {
  min-width: 311px;
}

.max-w-\[132px\] {
  max-width: 132px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[243px\] {
  max-width: 243px;
}

.max-w-\[294px\] {
  max-width: 294px;
}

.flex-1 {
  flex: 1 1 0%;
}

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

.grid-cols-\[100px_120px_100px\] {
  grid-template-columns: 100px 120px 100px;
}

.grid-cols-\[28px_118px\] {
  grid-template-columns: 28px 118px;
}

.grid-cols-\[30px_1fr\] {
  grid-template-columns: 30px 1fr;
}

.grid-cols-\[31px_1fr\] {
  grid-template-columns: 31px 1fr;
}

.grid-cols-\[48px_282px\] {
  grid-template-columns: 48px 282px;
}

.grid-cols-\[repeat\(auto-fit\2c _minmax\(170px\2c _1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

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

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

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

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

.justify-end {
  justify-content: flex-end;
}

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

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

.gap-4 {
  gap: 1rem;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

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

.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-\[15px\] {
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.gap-x-\[3px\] {
  -moz-column-gap: 3px;
       column-gap: 3px;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-\[2px\] {
  row-gap: 2px;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-black-000 {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-black-100 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.border-black-500 {
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.bg-black-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black-025 {
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 29 / var(--tw-bg-opacity, 1));
}

.bg-black-050 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}

.bg-black-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.bg-black-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
}

.bg-black-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 205 209 / var(--tw-bg-opacity, 1));
}

.bg-black-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(200 203 207 / var(--tw-bg-opacity, 1));
}

.bg-black-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.bg-black-550 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 242 / var(--tw-bg-opacity, 1));
}

.bg-black-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.bg-black-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bg-blue-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-025 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 86 228 / var(--tw-bg-opacity, 1));
}

.bg-blue-050 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 75 207 / var(--tw-bg-opacity, 1));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(70 115 210 / var(--tw-bg-opacity, 1));
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 213 241 / var(--tw-bg-opacity, 1));
}

.bg-green-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(132 201 169 / var(--tw-bg-opacity, 1));
}

.bg-green-025 {
  --tw-bg-opacity: 1;
  background-color: rgb(169 255 88 / var(--tw-bg-opacity, 1));
}

.bg-green-050 {
  --tw-bg-opacity: 1;
  background-color: rgb(28 222 11 / var(--tw-bg-opacity, 1));
}

.bg-green-075 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 135 84 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(218 239 229 / var(--tw-bg-opacity, 1));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(80 175 29 / var(--tw-bg-opacity, 1));
}

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(76 193 37 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 252 229 / var(--tw-bg-opacity, 1));
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(40 131 76 / var(--tw-bg-opacity, 1));
}

.bg-orange-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 142 113 / var(--tw-bg-opacity, 1));
}

.bg-peach-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 189 108 / var(--tw-bg-opacity, 1));
}

.bg-pink-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 111 178 / var(--tw-bg-opacity, 1));
}

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 88 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(189 106 240 / var(--tw-bg-opacity, 1));
}

.bg-purple-050 {
  --tw-bg-opacity: 1;
  background-color: rgb(173 132 201 / var(--tw-bg-opacity, 1));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 210 251 / var(--tw-bg-opacity, 1));
}

.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
}

.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(128 119 241 / var(--tw-bg-opacity, 1));
}

.bg-red-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 51 51 / var(--tw-bg-opacity, 1));
}

.bg-red-050 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 45 45 / var(--tw-bg-opacity, 1));
}

.bg-red-075 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 54 54 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(222 53 11 / var(--tw-bg-opacity, 1));
}

.bg-red-150 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 119 156 / var(--tw-bg-opacity, 1));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 106 106 / var(--tw-bg-opacity, 1));
}

.bg-red-250 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 204 204 / var(--tw-bg-opacity, 1));
}

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 210 210 / var(--tw-bg-opacity, 1));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 221 / var(--tw-bg-opacity, 1));
}

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

.bg-yellow-000 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 223 114 / var(--tw-bg-opacity, 1));
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 88 / var(--tw-bg-opacity, 1));
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-4 {
  padding: 1rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

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

.pb-4 {
  padding-bottom: 1rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-\[22px\] {
  padding-left: 22px;
}

.pl-\[72px\] {
  padding-left: 72px;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-\[2px\] {
  padding-right: 2px;
}

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

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

.text-10-m {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}

.text-10-m-sm {
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}

.text-10-r {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}

.text-10-r-p {
  font-size: 10px;
  line-height: 120%;
  font-weight: 400;
}

.text-10-r-sm {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.text-12-m {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.text-12-m-md {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.text-12-m-p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.text-12-r {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.text-12-r-md {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-12-r-p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.text-12-sb {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.text-12-sb-p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.text-14-m {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.text-14-m-md {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.text-14-m-p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.text-14-r {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.text-14-sb {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.text-14-sb-md {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.text-14-sb-p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.text-16-sb-p {
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
}

.text-18-sb {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.text-24-sb {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-30-m-p {
  font-size: 30px;
  line-height: 120%;
  font-weight: 500;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.text-black-200 {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.text-black-400 {
  --tw-text-opacity: 1;
  color: rgb(200 203 207 / var(--tw-text-opacity, 1));
}

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.text-green-000 {
  --tw-text-opacity: 1;
  color: rgb(132 201 169 / var(--tw-text-opacity, 1));
}

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

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

*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}

textarea,input,button,select,a {
  touch-action: manipulation;
  border-radius: 0px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  opacity: 1;
}

input::placeholder,textarea::placeholder,select::placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  opacity: 1;
}

html,body {
  overflow-x: hidden;
  font-family: Inter, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

label {
  position: relative;
  display: block;
}

.render {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.page {
  display: flex;
}

.page-post {
  position: relative;
  min-height: 100dvh;
  overflow: hidden;
}

.page-post .post__bg {
  position: absolute;
  inset: 0px;
}

.scroll-to-top {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  display: none;
}

.wrapper {
  position: fixed;
  top: 60px;
  left: 217px;
  height: calc(100% - var(--header-height));
  width: calc(100% - 217px);
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-right: 1.5rem;
  padding-bottom: 88px;
  padding-left: 1.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.wrapper.active {
  left: 59px;
  width: calc(100% - 59px);
  padding-left: 46px;
}

.wrapper.active .content-sm .content-not-collapsed {
  width: calc(100% - 366px);
}

.wrapper.collapsed .expanded {
  display: none;
}

.wrapper.expanded .expanded {
  display: block;
}

.wrapper.expanded .widgets {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(224.5px, 224.5px));
  gap: 1rem;
  padding-top: 1rem;
}

@media only screen and (min-width: 1440px){.wrapper.expanded .widgets {
    grid-template-columns: repeat(4, minmax(224.5px, 224.5px));
  }}

.wrapper.expanded .messages {
  margin-left: -1.75rem;
}

.wrapper.expanded .messages .message {
  padding-left: 1.75rem;
}

.wrapper.expanded .messages__footer {
  padding-left: 1.75rem;
}

.wrapper.expanded .profile__alert {
  left: calc(50% + (59px / 2));
}

.wrapper.expanded .widget {
  max-width: 224px;
}

.wrapper:before {
  position: fixed;
  top: 60px;
  right: 0px;
  z-index: 50;
  height: calc(100% - 60px);
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.inner {
  margin-top: 1.5rem;
  min-height: calc(100% - 24px);
}

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

.calendar-icon {
  min-width: 18px;
}

.calendar-close-icon {
  height: 5px;
  width: 0.625rem;
}

@media (prefers-reduced-motion: reduce){*{transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}

.components .header,.components .sidebar {
  position: static;
  width: 100%;
}

.components .header.active {
  width: 100%;
}

.components .dropdown__list {
  position: absolute;
}

.components ~ .daterangepicker,.components ~ .monthrangepicker {
  position: absolute;
}

.priority-red {
  --tw-bg-opacity: 1;
  background-color: rgb(240 106 106 / var(--tw-bg-opacity, 1));
}

.priority-red .dropdown__title {
  font-weight: 500;
}

.priority-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(242 111 178 / var(--tw-bg-opacity, 1));
}

.priority-pink .dropdown__title {
  font-weight: 500;
}

.priority-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(236 142 113 / var(--tw-bg-opacity, 1));
}

.priority-orange .dropdown__title {
  font-weight: 500;
}

.priority-peach {
  --tw-bg-opacity: 1;
  background-color: rgb(241 189 108 / var(--tw-bg-opacity, 1));
}

.priority-peach .dropdown__title {
  font-weight: 500;
}

.priority-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(248 223 114 / var(--tw-bg-opacity, 1));
}

.priority-yellow .dropdown__title {
  font-weight: 500;
}

.priority-transparent {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.priority-transparent .dropdown__title {
  font-weight: 500;
}

.status {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 0.5rem;
  padding-left: 1.25rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.status:before {
  position: absolute;
  left: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-content: '';
  content: var(--tw-content);
}

.status__trigger{grid-area:1 / 2;cursor: pointer}

.status i {
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: flex;
  --tw-translate-y: calc(calc(100% - 2px) * -1);
  --tw-translate-x: calc(100% - 2px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.status i {
  display: none;
}

.status i:before{content:attr(data-status-tip)}

.status-alert:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMyODdfMTE5NjIpIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNERTM1MEIiLz4KPHBhdGggZD0iTTguNDI2NDggNy44NjM5NkM3Ljk1MzIxIDcuNDc0MTQgNy40Nzk5NCA3LjA4NDMxIDcuMDA2NjcgNi42OTQ1QzYuNjcxMzMgNi40MTgyOCA2LjMzNTk5IDYuMTQyMDYgNi4wMDA2MyA1Ljg2NTg0QzYuMDQ5NjcgNS45NjM2NSA2LjA5ODcxIDYuMDYxNDMgNi4xNDc3NiA2LjE1OTI0QzYuMTQ3NzYgNS41NzMzOCA2LjE0Nzc2IDQuOTg3NTIgNi4xNDc3NiA0LjQwMTY2QzYuMTQ3NzYgNC4yMTUzMiA2LjE0Nzc2IDQuMDI4OTkgNi4xNDc3NiAzLjg0MjY1QzYuMTQ3NzYgMy42MTY0NyA1LjkxOTI3IDMuNDI3NzMgNS42NDU0NiAzLjQyNzczQzUuMzcxNjUgMy40Mjc3MyA1LjE0MzE2IDMuNjE2NDcgNS4xNDMxNiAzLjg0MjY1QzUuMTQzMTYgNC40Mjg1IDUuMTQzMTYgNS4wMTQzNiA1LjE0MzE2IDUuNjAwMjJDNS4xNDMxNiA1LjczOTg1IDUuMTQzMTYgNS44Nzk0OCA1LjE0MzE2IDYuMDE5MUM1LjE0MzE2IDYuMTc3NzQgNS4xMzQ0IDYuMzI0MjIgNS4yOTA3OSA2LjQ1MzAzQzUuNDUyMTEgNi41ODU5MSA1LjYxMzQzIDYuNzE4NzkgNS43NzQ3NiA2Ljg1MTY3QzYuMzY4OTkgNy4zNDExMiA2Ljk2MzIzIDcuODMwNTcgNy41NTc0NSA4LjMyMDA0QzcuNjEwMzUgOC4zNjM2MSA3LjY2MzI0IDguNDA3MTcgNy43MTYxMiA4LjQ1MDczQzcuOTA5OTIgOC42MTAzNSA4LjIzMjc2IDguNjEwNzQgOC40MjY0OSA4LjQ1MDczQzguNjE5NzggOC4yOTEwNSA4LjYyMDI3IDguMDIzNTkgOC40MjY0OCA3Ljg2Mzk2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMjg3XzExOTYyIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);position: absolute;top: -5px;right: -5px;height: 0.75rem;width: 0.75rem;background-repeat: no-repeat;--tw-content: '';content: var(--tw-content)}

.status-alert i {
  top: -0.25rem;
  right: -0.25rem;
}

.status:hover i {
  visibility: visible;
  opacity: 1;
}

.status.need-details {
  padding-left: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.status.need-details:before {
  display: none;
}

.status.need-details:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjgxNzQgMTNIMi4xODE2N0MxLjg4NDU0IDEzLjAwMDEgMS41OTI2OSAxMi45MTcyIDEuMzM1ODUgMTIuNzU5NkMxLjA3OSAxMi42MDIgMC44NjYzNCAxMi4zNzU0IDAuNzE5NTI5IDEyLjEwMjhDMC41NzI3MTcgMTEuODMwMyAwLjQ5NyAxMS41MjE2IDAuNTAwMDkxIDExLjIwODJDMC41MDMxODIgMTAuODk0NyAwLjU4NDk3IDEwLjU4NzcgMC43MzcxMjUgMTAuMzE4NUw1LjQyMjk2IDEuOTQ3NzlDNS41ODUyIDEuNjU5MDEgNS44MTU4OSAxLjQxOTc2IDYuMDkyMzYgMS4yNTM1N0M2LjM2ODgzIDEuMDg3MzkgNi42ODE1NCAxIDYuOTk5NzQgMUM3LjMxNzkzIDEgNy42MzA2NSAxLjA4NzM5IDcuOTA3MTEgMS4yNTM1N0M4LjE4MzU4IDEuNDE5NzYgOC40MTQyOCAxLjY1OTAxIDguNTc2NTEgMS45NDc3OUwxMy4yNjQgMTAuMzIxOUMxMy40MTkyIDEwLjU5NSAxMy41MDA4IDEwLjkwNzcgMTMuNSAxMS4yMjYyQzEzLjQ5OTUgMTEuNjk2NyAxMy4zMjIgMTIuMTQ3NyAxMy4wMDY1IDEyLjQ4MDNDMTIuNjkxIDEyLjgxMjkgMTIuMjYzNCAxMi45OTk4IDExLjgxNzQgMTNaIiBmaWxsPSIjQzQ1MDAwIi8+CjxwYXRoIGQ9Ik02Ljk5OTAyIDkuNTQ5OEM3LjQwMjg4IDkuNTQ5OCA3LjczMDQ3IDkuODc3MzkgNy43MzA0NyAxMC4yODEyQzcuNzMwNDcgMTAuNjg1MSA3LjQwMjg4IDExLjAxMjcgNi45OTkwMiAxMS4wMTI3QzYuNTk1MTcgMTEuMDEyNyA2LjI2NzU4IDEwLjY4NTEgNi4yNjc1OCAxMC4yODEyQzYuMjY3NTggOS44NzczOSA2LjU5NTE3IDkuNTQ5OCA2Ljk5OTAyIDkuNTQ5OFoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuMTUiLz4KPHBhdGggZD0iTTcgMy44NjIzQzcuMTM1OTIgMy44NjIzIDcuMjY2MTkgMy45MTY1OCA3LjM2MjMgNC4wMTI3QzcuNDU4NDIgNC4xMDg4MSA3LjUxMjcgNC4yMzkwOCA3LjUxMjcgNC4zNzVWOC4zMTI1QzcuNTEyNyA4LjQ0ODQyIDcuNDU4NDIgOC41Nzg2OSA3LjM2MjMgOC42NzQ4QzcuMjY2MTkgOC43NzA5MiA3LjEzNTkyIDguODI1MiA3IDguODI1MkM2Ljg2NDA4IDguODI1MiA2LjczMzgxIDguNzcwOTIgNi42Mzc3IDguNjc0OEM2LjU0MTU4IDguNTc4NjkgNi40ODczIDguNDQ4NDIgNi40ODczIDguMzEyNVY0LjM3NUM2LjQ4NzMgNC4yMzkwOCA2LjU0MTU4IDQuMTA4ODEgNi42Mzc3IDQuMDEyN0M2LjczMzgxIDMuOTE2NTggNi44NjQwOCAzLjg2MjMgNyAzLjg2MjNaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjE1Ii8+Cjwvc3ZnPgo=);position: relative;margin-left: 0.25rem;height: 0.875rem;width: 0.875rem;border-radius: 0px;background-repeat: no-repeat;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;--tw-content: '';content: var(--tw-content)}

.status.need-details i {
  top: 0.5rem;
  right: -0.125rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 230px;
  white-space: pre;
}

.status.need-details:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 227 218 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(179 75 3 / var(--tw-text-opacity, 1));
}

.status.need-details:hover:after{filter:brightness(0.9)}

.status.loaded {
  padding-left: 0.5rem;
}

.status.loaded:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE1LjE2NzNINEMzLjMzNzE4IDE1LjE2NjYgMi43MDE3IDE0LjkwMyAyLjIzMzAxIDE0LjQzNDNDMS43NjQzMiAxMy45NjU2IDEuNTAwNzEgMTMuMzMwMSAxLjUgMTIuNjY3M1YzLjMzMzk4QzEuNTAwNzEgMi42NzExNiAxLjc2NDMyIDIuMDM1NjggMi4yMzMwMSAxLjU2N0MyLjcwMTcgMS4wOTgzMSAzLjMzNzE4IDAuODM0NjkgNCAwLjgzMzk4NEg5LjczMzMzQzEwLjA5OTQgMC44MzQwNTUgMTAuNDYwOSAwLjkxNDcyNyAxMC43OTIzIDEuMDcwMjdDMTEuMTIzNyAxLjIyNTgyIDExLjQxNjcgMS40NTI0MiAxMS42NTA3IDEuNzMzOThMMTMuOTIwNyA0LjQ1Nzk4QzE0LjI5NDYgNC45MDczNCAxNC40OTk2IDUuNDczMzcgMTQuNSA2LjA1Nzk4VjEyLjY2NzNDMTQuNDk5MyAxMy4zMzAxIDE0LjIzNTcgMTMuOTY1NiAxMy43NjcgMTQuNDM0M0MxMy4yOTgzIDE0LjkwMyAxMi42NjI4IDE1LjE2NjYgMTIgMTUuMTY3M1pNNCAxLjgzMzk4QzMuNjAyMjggMS44MzQzNCAzLjIyMDk2IDEuOTkyNDkgMi45Mzk3MyAyLjI3MzcxQzIuNjU4NSAyLjU1NDk0IDIuNTAwMzUgMi45MzYyNyAyLjUgMy4zMzM5OFYxMi42NjczQzIuNTAwMzUgMTMuMDY1IDIuNjU4NSAxMy40NDY0IDIuOTM5NzMgMTMuNzI3NkMzLjIyMDk2IDE0LjAwODggMy42MDIyOCAxNC4xNjcgNCAxNC4xNjczSDEyQzEyLjM5NzcgMTQuMTY3IDEyLjc3OSAxNC4wMDg4IDEzLjA2MDMgMTMuNzI3NkMxMy4zNDE1IDEzLjQ0NjQgMTMuNDk5NiAxMy4wNjUgMTMuNSAxMi42NjczVjYuMDU3OThDMTMuNDk5OCA1LjcwNzI2IDEzLjM3NjkgNS4zNjc2NCAxMy4xNTI3IDUuMDk3OThMMTAuODgyIDIuMzczOThDMTAuNzQyIDIuMjA1MTMgMTAuNTY2NCAyLjA2OTIgMTAuMzY3OSAxLjk3NTg3QzEwLjE2OTQgMS44ODI1NCA5Ljk1MjcxIDEuODM0MSA5LjczMzMzIDEuODMzOThINFoiIGZpbGw9IiM1ODkzRkYiLz4KPHBhdGggZD0iTTEzLjg2NjggNS44MzMwN0gxMi4wMDAyQzExLjUxNDEgNS44MzI1NCAxMS4wNDgxIDUuNjM5MjIgMTAuNzA0NCA1LjI5NTUyQzEwLjM2MDcgNC45NTE4MiAxMC4xNjc0IDQuNDg1ODEgMTAuMTY2OCAzLjk5OTc0VjEuNTY2NDFDMTAuMTY2OCAxLjQzMzggMTAuMjE5NSAxLjMwNjYyIDEwLjMxMzMgMS4yMTI4NUMxMC40MDcgMS4xMTkwOCAxMC41MzQyIDEuMDY2NDEgMTAuNjY2OCAxLjA2NjQxQzEwLjc5OTQgMS4wNjY0MSAxMC45MjY2IDEuMTE5MDggMTEuMDIwNCAxLjIxMjg1QzExLjExNDIgMS4zMDY2MiAxMS4xNjY4IDEuNDMzOCAxMS4xNjY4IDEuNTY2NDFWMy45OTk3NEMxMS4xNjcyIDQuMjIwNjQgMTEuMjU1MSA0LjQzMjQgMTEuNDExMyA0LjU4ODYxQzExLjU2NzUgNC43NDQ4MSAxMS43NzkzIDQuODMyNzIgMTIuMDAwMiA0LjgzMzA3SDEzLjg2NjhDMTMuOTk5NCA0LjgzMzA3IDE0LjEyNjYgNC44ODU3NSAxNC4yMjA0IDQuOTc5NTJDMTQuMzE0MiA1LjA3MzI5IDE0LjM2NjggNS4yMDA0NiAxNC4zNjY4IDUuMzMzMDdDMTQuMzY2OCA1LjQ2NTY4IDE0LjMxNDIgNS41OTI4NiAxNC4yMjA0IDUuNjg2NjNDMTQuMTI2NiA1Ljc4MDM5IDEzLjk5OTQgNS44MzMwNyAxMy44NjY4IDUuODMzMDdaTTEwLjY2NjggOC40OTk3NEg1LjMzMzVDNS4yMDA4OSA4LjQ5OTc0IDUuMDczNzEgOC40NDcwNiA0Ljk3OTk0IDguMzUzMjlDNC44ODYxNyA4LjI1OTUyIDQuODMzNSA4LjEzMjM1IDQuODMzNSA3Ljk5OTc0QzQuODMzNSA3Ljg2NzEzIDQuODg2MTcgNy43Mzk5NSA0Ljk3OTk0IDcuNjQ2MTlDNS4wNzM3MSA3LjU1MjQyIDUuMjAwODkgNy40OTk3NCA1LjMzMzUgNy40OTk3NEgxMC42NjY4QzEwLjc5OTQgNy40OTk3NCAxMC45MjY2IDcuNTUyNDIgMTEuMDIwNCA3LjY0NjE5QzExLjExNDIgNy43Mzk5NSAxMS4xNjY4IDcuODY3MTMgMTEuMTY2OCA3Ljk5OTc0QzExLjE2NjggOC4xMzIzNSAxMS4xMTQyIDguMjU5NTIgMTEuMDIwNCA4LjM1MzI5QzEwLjkyNjYgOC40NDcwNiAxMC43OTk0IDguNDk5NzQgMTAuNjY2OCA4LjQ5OTc0Wk04LjAwMDE2IDExLjE2NjRINS4zMzM1QzUuMjAwODkgMTEuMTY2NCA1LjA3MzcxIDExLjExMzcgNC45Nzk5NCAxMS4wMkM0Ljg4NjE3IDEwLjkyNjIgNC44MzM1IDEwLjc5OSA0LjgzMzUgMTAuNjY2NEM0LjgzMzUgMTAuNTMzOCA0Ljg4NjE3IDEwLjQwNjYgNC45Nzk5NCAxMC4zMTI5QzUuMDczNzEgMTAuMjE5MSA1LjIwMDg5IDEwLjE2NjQgNS4zMzM1IDEwLjE2NjRIOC4wMDAxNkM4LjEzMjc3IDEwLjE2NjQgOC4yNTk5NSAxMC4yMTkxIDguMzUzNzIgMTAuMzEyOUM4LjQ0NzQ4IDEwLjQwNjYgOC41MDAxNiAxMC41MzM4IDguNTAwMTYgMTAuNjY2NEM4LjUwMDE2IDEwLjc5OSA4LjQ0NzQ4IDEwLjkyNjIgOC4zNTM3MiAxMS4wMkM4LjI1OTk1IDExLjExMzcgOC4xMzI3NyAxMS4xNjY0IDguMDAwMTYgMTEuMTY2NFoiIGZpbGw9IiM1ODkzRkYiLz4KPC9zdmc+Cg==);position: relative;left: auto;margin-right: 0.25rem;height: 1rem;width: 1rem;border-radius: 0px;background-color: transparent;background-repeat: no-repeat;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;--tw-content: '';content: var(--tw-content)}

.status.loaded span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 48px;
  text-overflow: ellipsis;
}

.status.loaded:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 227 248 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(79 133 233 / var(--tw-text-opacity, 1));
}

.status.loaded:hover:before{filter:brightness(0.9)}

.status.no-contract {
  padding-left: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.status.no-contract:before {
  display: none;
}

.status.no-contract:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjgxNzQgMTNIMi4xODE2N0MxLjg4NDU0IDEzLjAwMDEgMS41OTI2OSAxMi45MTcyIDEuMzM1ODUgMTIuNzU5NkMxLjA3OSAxMi42MDIgMC44NjYzNCAxMi4zNzU0IDAuNzE5NTI5IDEyLjEwMjhDMC41NzI3MTcgMTEuODMwMyAwLjQ5NyAxMS41MjE2IDAuNTAwMDkxIDExLjIwODJDMC41MDMxODIgMTAuODk0NyAwLjU4NDk3IDEwLjU4NzcgMC43MzcxMjUgMTAuMzE4NUw1LjQyMjk2IDEuOTQ3NzlDNS41ODUyIDEuNjU5MDEgNS44MTU4OSAxLjQxOTc2IDYuMDkyMzYgMS4yNTM1N0M2LjM2ODgzIDEuMDg3MzkgNi42ODE1NCAxIDYuOTk5NzQgMUM3LjMxNzkzIDEgNy42MzA2NSAxLjA4NzM5IDcuOTA3MTEgMS4yNTM1N0M4LjE4MzU4IDEuNDE5NzYgOC40MTQyOCAxLjY1OTAxIDguNTc2NTEgMS45NDc3OUwxMy4yNjQgMTAuMzIxOUMxMy40MTkyIDEwLjU5NSAxMy41MDA4IDEwLjkwNzcgMTMuNSAxMS4yMjYyQzEzLjQ5OTUgMTEuNjk2NyAxMy4zMjIgMTIuMTQ3NyAxMy4wMDY1IDEyLjQ4MDNDMTIuNjkxIDEyLjgxMjkgMTIuMjYzNCAxMi45OTk4IDExLjgxNzQgMTNaIiBmaWxsPSIjNTg5M0ZGIi8+CjxwYXRoIGQ9Ik02Ljk5OTAyIDkuNTQ5OEM3LjQwMjg4IDkuNTQ5OCA3LjczMDQ3IDkuODc3MzkgNy43MzA0NyAxMC4yODEyQzcuNzMwNDcgMTAuNjg1MSA3LjQwMjg4IDExLjAxMjcgNi45OTkwMiAxMS4wMTI3QzYuNTk1MTcgMTEuMDEyNyA2LjI2NzU4IDEwLjY4NTEgNi4yNjc1OCAxMC4yODEyQzYuMjY3NTggOS44NzczOSA2LjU5NTE3IDkuNTQ5OCA2Ljk5OTAyIDkuNTQ5OFoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuMTUiLz4KPHBhdGggZD0iTTcgMy44NjIzQzcuMTM1OTIgMy44NjIzIDcuMjY2MTkgMy45MTY1OCA3LjM2MjMgNC4wMTI3QzcuNDU4NDIgNC4xMDg4MSA3LjUxMjcgNC4yMzkwOCA3LjUxMjcgNC4zNzVWOC4zMTI1QzcuNTEyNyA4LjQ0ODQyIDcuNDU4NDIgOC41Nzg2OSA3LjM2MjMgOC42NzQ4QzcuMjY2MTkgOC43NzA5MiA3LjEzNTkyIDguODI1MiA3IDguODI1MkM2Ljg2NDA4IDguODI1MiA2LjczMzgxIDguNzcwOTIgNi42Mzc3IDguNjc0OEM2LjU0MTU4IDguNTc4NjkgNi40ODczIDguNDQ4NDIgNi40ODczIDguMzEyNVY0LjM3NUM2LjQ4NzMgNC4yMzkwOCA2LjU0MTU4IDQuMTA4ODEgNi42Mzc3IDQuMDEyN0M2LjczMzgxIDMuOTE2NTggNi44NjQwOCAzLjg2MjMgNyAzLjg2MjNaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjE1Ii8+Cjwvc3ZnPgo=);position: relative;margin-left: 0.25rem;height: 0.875rem;width: 0.875rem;border-radius: 0px;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;--tw-content: '';content: var(--tw-content)}

.status.no-contract i {
  top: 0.5rem;
  right: -0.125rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 197px;
  white-space: pre;
}

.status.no-contract:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 227 248 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(79 133 233 / var(--tw-text-opacity, 1));
}

.status.no-contract:hover:after{filter:brightness(0.9)}

.status-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 218 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(245 176 82 / var(--tw-text-opacity, 1));
}

.status-yellow .dropdown__title {
  font-weight: 500;
}

.status-yellow:before {
  --tw-bg-opacity: 1;
  background-color: rgb(245 176 82 / var(--tw-bg-opacity, 1));
}

.status-red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(226 110 93 / var(--tw-text-opacity, 1));
}

.status-red .dropdown__title {
  font-weight: 500;
}

.status-red:before {
  --tw-bg-opacity: 1;
  background-color: rgb(226 110 93 / var(--tw-bg-opacity, 1));
}

.status-green {
  --tw-bg-opacity: 1;
  background-color: rgb(232 255 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 203 116 / var(--tw-text-opacity, 1));
}

.status-green:before {
  --tw-bg-opacity: 1;
  background-color: rgb(87 203 116 / var(--tw-bg-opacity, 1));
}

.status-green .dropdown__title {
  font-weight: 500;
}

.status-gray {
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.3;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.status-gray:before {
  --tw-bg-opacity: 1;
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
}

.status-gray .dropdown__title {
  font-weight: 500;
}

.status-cyan {
  --tw-bg-opacity: 1;
  background-color: rgb(226 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(12 143 242 / var(--tw-text-opacity, 1));
}

.status-cyan:before {
  --tw-bg-opacity: 1;
  background-color: rgb(12 143 242 / var(--tw-bg-opacity, 1));
}

.status-cyan .dropdown__title {
  font-weight: 500;
}

.status-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.status-blue:before {
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.status-blue .dropdown__title {
  font-weight: 500;
}

.status-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(228 220 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(108 66 241 / var(--tw-text-opacity, 1));
}

.status-purple:before {
  --tw-bg-opacity: 1;
  background-color: rgb(108 66 241 / var(--tw-bg-opacity, 1));
}

.status-purple .dropdown__title {
  font-weight: 500;
}

.status-brown {
  --tw-bg-opacity: 1;
  background-color: rgb(250 238 231 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(196 80 0 / var(--tw-text-opacity, 1));
}

.status-brown:before {
  --tw-bg-opacity: 1;
  background-color: rgb(196 80 0 / var(--tw-bg-opacity, 1));
}

.status-brown .dropdown__title {
  font-weight: 500;
}

.status-brown.need-bill {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.status-brown.need-bill:hover{background-color:#F4E3DA !important;color:#B34B03 !important}

.status-transparent:before {
  display: none;
}

.status-transparent .dropdown__title {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.heading .status-red svg {
  --tw-text-opacity: 1;
  color: rgb(240 106 106 / var(--tw-text-opacity, 1));
}

.heading .status-green svg {
  --tw-text-opacity: 1;
  color: rgb(132 201 169 / var(--tw-text-opacity, 1));
}

.heading .status-gray svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.heading .status-blue svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.heading .status-purple svg {
  --tw-text-opacity: 1;
  color: rgb(173 132 201 / var(--tw-text-opacity, 1));
}

@font-face{font-weight:bold;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-BoldItalic.6358ad4.eot);src:local("Inter Bold Italic"),local("Inter-BoldItalic"),url(/assets/fonts/Inter-BoldItalic.6358ad4.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-BoldItalic.3c65c4b.woff2) format("woff2"),url(/assets/fonts/Inter-BoldItalic.66cf4b9.woff) format("woff"),url(/assets/fonts/Inter-BoldItalic.97e1ee4.ttf) format("truetype")}

@font-face{font-weight:500;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-MediumItalic.e2cbd6f.eot);src:local("Inter Medium Italic"),local("Inter-MediumItalic"),url(/assets/fonts/Inter-MediumItalic.e2cbd6f.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-MediumItalic.da38ec7.woff2) format("woff2"),url(/assets/fonts/Inter-MediumItalic.fe273e0.woff) format("woff"),url(/assets/fonts/Inter-MediumItalic.f957fb5.ttf) format("truetype")}

@font-face{font-weight:100;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-ThinItalicBETA.d48d71c.eot);src:local("Inter Thin Italic BETA"),local("Inter-ThinItalicBETA"),url(/assets/fonts/Inter-ThinItalicBETA.d48d71c.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-ThinItalicBETA.d508e6e.woff2) format("woff2"),url(/assets/fonts/Inter-ThinItalicBETA.2e92807.woff) format("woff"),url(/assets/fonts/Inter-ThinItalicBETA.ab1bddd.ttf) format("truetype")}

@font-face{font-weight:normal;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-Regular.f5b04bf.eot);src:local("Inter Regular"),local("Inter-Regular"),url(/assets/fonts/Inter-Regular.f5b04bf.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-Regular.bd097ce.woff2) format("woff2"),url(/assets/fonts/Inter-Regular.0d6f7c9.woff) format("woff"),url(/assets/fonts/Inter-Regular.991468d.ttf) format("truetype")}

@font-face{font-weight:900;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-Black.040d036.eot);src:local("Inter Black"),local("Inter-Black"),url(/assets/fonts/Inter-Black.040d036.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-Black.ed17840.woff2) format("woff2"),url(/assets/fonts/Inter-Black.87c06fd.woff) format("woff"),url(/assets/fonts/Inter-Black.8032beb.ttf) format("truetype")}

@font-face{font-weight:900;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-BlackItalic.75849ee.eot);src:local("Inter Black Italic"),local("Inter-BlackItalic"),url(/assets/fonts/Inter-BlackItalic.75849ee.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-BlackItalic.6c17e08.woff2) format("woff2"),url(/assets/fonts/Inter-BlackItalic.18ea4db.woff) format("woff"),url(/assets/fonts/Inter-BlackItalic.57b1968.ttf) format("truetype")}

@font-face{font-weight:300;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-LightBETA.3296977.eot);src:local("Inter Light BETA"),local("Inter-LightBETA"),url(/assets/fonts/Inter-LightBETA.3296977.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-LightBETA.85119f1.woff2) format("woff2"),url(/assets/fonts/Inter-LightBETA.ed9a7ce.woff) format("woff"),url(/assets/fonts/Inter-LightBETA.a87a1bf.ttf) format("truetype")}

@font-face{font-weight:600;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-SemiBold.6ebf102.eot);src:local("Inter Semi Bold"),local("Inter-SemiBold"),url(/assets/fonts/Inter-SemiBold.6ebf102.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-SemiBold.90f5c90.woff2) format("woff2"),url(/assets/fonts/Inter-SemiBold.7f6c367.woff) format("woff"),url(/assets/fonts/Inter-SemiBold.814c22b.ttf) format("truetype")}

@font-face{font-weight:800;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-ExtraBoldItalic.b5fbf45.eot);src:local("Inter Extra Bold Italic"),local("Inter-ExtraBoldItalic"),url(/assets/fonts/Inter-ExtraBoldItalic.b5fbf45.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-ExtraBoldItalic.bee1425.woff2) format("woff2"),url(/assets/fonts/Inter-ExtraBoldItalic.178e0ad.woff) format("woff"),url(/assets/fonts/Inter-ExtraBoldItalic.e613556.ttf) format("truetype")}

@font-face{font-weight:bold;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-Bold.b105ffb.eot);src:local("Inter Bold"),local("Inter-Bold"),url(/assets/fonts/Inter-Bold.b105ffb.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-Bold.c08e610.woff2) format("woff2"),url(/assets/fonts/Inter-Bold.1e547cd.woff) format("woff"),url(/assets/fonts/Inter-Bold.b70a895.ttf) format("truetype")}

@font-face{font-weight:200;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-ExtraLightItalicBETA.5674481.eot);src:local("Inter Extra Light Italic BETA"),local("Inter-ExtraLightItalicBETA"),url(/assets/fonts/Inter-ExtraLightItalicBETA.5674481.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-ExtraLightItalicBETA.3b6f575.woff2) format("woff2"),url(/assets/fonts/Inter-ExtraLightItalicBETA.e55ddd2.woff) format("woff"),url(/assets/fonts/Inter-ExtraLightItalicBETA.339bbf1.ttf) format("truetype")}

@font-face{font-weight:200;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-ExtraLightBETA.b69d177.eot);src:local("Inter Extra Light BETA"),local("Inter-ExtraLightBETA"),url(/assets/fonts/Inter-ExtraLightBETA.b69d177.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-ExtraLightBETA.e0258aa.woff2) format("woff2"),url(/assets/fonts/Inter-ExtraLightBETA.f8fb7b1.woff) format("woff"),url(/assets/fonts/Inter-ExtraLightBETA.87f81f5.ttf) format("truetype")}

@font-face{font-weight:800;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-ExtraBold.4dbab14.eot);src:local("Inter Extra Bold"),local("Inter-ExtraBold"),url(/assets/fonts/Inter-ExtraBold.4dbab14.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-ExtraBold.c93797b.woff2) format("woff2"),url(/assets/fonts/Inter-ExtraBold.af785fd.woff) format("woff"),url(/assets/fonts/Inter-ExtraBold.95b75db.ttf) format("truetype")}

@font-face{font-weight:100;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-ThinBETA.c8be958.eot);src:local("Inter Thin BETA"),local("Inter-ThinBETA"),url(/assets/fonts/Inter-ThinBETA.c8be958.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-ThinBETA.122ebdc.woff2) format("woff2"),url(/assets/fonts/Inter-ThinBETA.2d09736.woff) format("woff"),url(/assets/fonts/Inter-ThinBETA.ecf7802.ttf) format("truetype")}

@font-face{font-weight:300;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-LightItalicBETA.6b7f497.eot);src:local("Inter Light Italic BETA"),local("Inter-LightItalicBETA"),url(/assets/fonts/Inter-LightItalicBETA.6b7f497.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-LightItalicBETA.059c2f3.woff2) format("woff2"),url(/assets/fonts/Inter-LightItalicBETA.8b20feb.woff) format("woff"),url(/assets/fonts/Inter-LightItalicBETA.4d92c70.ttf) format("truetype")}

@font-face{font-weight:normal;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-Italic.0c92b04.eot);src:local("Inter Italic"),local("Inter-Italic"),url(/assets/fonts/Inter-Italic.0c92b04.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-Italic.53edad7.woff2) format("woff2"),url(/assets/fonts/Inter-Italic.bb91386.woff) format("woff"),url(/assets/fonts/Inter-Italic.4c5382f.ttf) format("truetype")}

@font-face{font-weight:600;font-style:italic;font-family:"Inter";src:url(/assets/fonts/Inter-SemiBoldItalic.157227c.eot);src:local("Inter Semi Bold Italic"),local("Inter-SemiBoldItalic"),url(/assets/fonts/Inter-SemiBoldItalic.157227c.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-SemiBoldItalic.84090ea.woff2) format("woff2"),url(/assets/fonts/Inter-SemiBoldItalic.958558a.woff) format("woff"),url(/assets/fonts/Inter-SemiBoldItalic.baac21a.ttf) format("truetype")}

@font-face{font-weight:500;font-style:normal;font-family:"Inter";src:url(/assets/fonts/Inter-Medium.bc3a337.eot);src:local("Inter Medium"),local("Inter-Medium"),url(/assets/fonts/Inter-Medium.bc3a337.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Inter-Medium.01f0317.woff2) format("woff2"),url(/assets/fonts/Inter-Medium.44e343f.woff) format("woff"),url(/assets/fonts/Inter-Medium.7682fda.ttf) format("truetype")}

label.button {
  cursor: pointer;
}

label.button .button {
  position: absolute;
  right: 0.5rem;
}

label.button .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

label.button.datetimepicker-trigger,label.button.datepicker-trigger,label.button.monthpicker-trigger {
  position: relative;
  display: inline-grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  padding-right: 1.75rem;
  vertical-align: top;
}

label.button.datetimepicker-trigger:after,label.button.datetimepicker-trigger input,label.button.datepicker-trigger:after,label.button.datepicker-trigger input,label.button.monthpicker-trigger:after,label.button.monthpicker-trigger input{grid-area:1 / 2}

label.button.datetimepicker-trigger:after,label.button.datepicker-trigger:after,label.button.monthpicker-trigger:after {
  visibility: hidden;
  white-space: pre-wrap;
  --tw-content: attr(data-value) ' ';
  content: var(--tw-content);
}

label.dropdown__value.button.datetimepicker-trigger:after,label.dropdown__value.button.datepicker-trigger:after,label.dropdown__value.button.monthpicker-trigger:after {
  display: none;
}

label.button.only-input {
  height: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

label.button.only-input svg {
  display: none;
}

label.button.only-input .button {
  display: none;
}

label.button.status__calendar {
  display: inline-grid;
}

label.button.status__calendar .datepicker {
  position: absolute;
  top: 8.5px;
  left: 0px;
  height: 0px;
  overflow: hidden;
}

label.button.status__calendar.selected .status {
  display: none;
}

label.button.status__calendar.selected .datepicker {
  position: static;
  height: auto;
}

.button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.button:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-confirm {
  height: 34px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 51 51 / var(--tw-bg-opacity, 1));
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-confirm:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 45 45 / var(--tw-bg-opacity, 1));
}

.button-confirm:active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 51 51 / var(--tw-bg-opacity, 1));
}

.button-confirm:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-with-icon {
  display: flex;
  height: 2rem;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.button-with-icon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.button-with-icon:active {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.button-with-icon:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-with-icon .button-clear {
  display: none;
}

.button-with-icon span {
  white-space: nowrap;
}

.button-with-icon[disabled] {
  background-color: transparent;
}

.button-with-icon input {
  pointer-events: none;
  background-color: transparent;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  line-height: .75rem;
}

.button-with-icon-blue {
  display: flex;
  height: 2rem;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-blue:hover,.button-with-icon-blue:active {
  --tw-bg-opacity: 1;
  background-color: rgb(5 86 228 / var(--tw-bg-opacity, 1));
}

.button-with-icon-blue:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-with-icon-blue svg {
  height: 0.75rem;
  width: 0.75rem;
}

.button-with-icon-blue.lg {
  height: 34px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.button-with-icon-full {
  display: flex;
  height: 2rem;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  border-radius: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.button-with-icon-full.disabled:not([class^="bill-"]) {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.button-with-icon-full.disabled:not([class^="bill-"]) svg path {
  fill: #959BA4;
  stroke: #959BA4;
}

.button-with-icon-full.disabled:not([class^="bill-"]):hover,.button-with-icon-full.disabled:not([class^="bill-"]):active {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.button-with-icon-full:active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-full:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.button-with-icon-full:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-with-icon-full.active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-full.active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-full.sm {
  height: 1.75rem;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button-icon {
  display: flex;
  height: 27px;
  width: 29px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: transparent;
  padding: 0.375rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.button-icon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.button-icon:active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.button-icon:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-icon.sm {
  height: 1rem;
  min-height: 1rem;
  width: 1.25rem;
  min-width: 1.25rem;
  padding: 0px;
}

.button-icon.sm svg {
  height: 0.375rem;
  width: 0.75rem;
}

.button-icon-round {
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.button-icon-round:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-icon-round:active {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-icon-round:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-icon-round svg {
  height: 18px;
  width: 18px;
}

.button-with-icon-full-lg {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-full-lg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 86 228 / var(--tw-bg-opacity, 1));
}

.button-with-icon-full-lg:active {
  --tw-bg-opacity: 1;
  background-color: rgb(5 86 228 / var(--tw-bg-opacity, 1));
}

.button-with-icon-full-lg:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.button-with-icon-full-lg svg {
  height: 1rem;
  width: 1rem;
}

.button-with-icon-full-google {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.button-with-icon-full-google:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-full-google:active {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-with-icon-full-google:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-with-icon-full-google svg {
  height: 1rem;
  width: 1rem;
}

.button-close {
  display: flex;
  height: 23px;
  width: 23px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: transparent;
}

.button-close svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.button-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.button-close:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.button-close:active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.button-close:active svg {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.button-close:disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.75;
}

.button-base {
  height: 34px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.breadcrumbs a,.breadcrumbs span {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(200 203 207 / var(--tw-text-opacity, 1));
}

.breadcrumbs a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.breadcrumbs a:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.breadcrumbs a:active {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.checkbox {
  display: block;
}

.checkbox .button {
  margin-left: -0.25rem;
  height: auto;
  width: auto;
  border-style: none;
  padding: 0px;
}

.checkbox .button:hover,.checkbox .button:active {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(70 115 210 / var(--tw-text-opacity, 1));
}

.checkbox .button svg {
  height: 9px;
  width: 9px;
}

.input {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.input__checkes {
  grid-column: span 2 / span 2;
  margin-top: 1rem;
}

.input__checkes .input__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.input__check .error__text {
  position: absolute;
  bottom: -1rem;
}

.input__check label {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.input__check label:hover span:before {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
}

.input__check label input.input__el {
  visibility: hidden;
  position: absolute;
  top: 0px;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.input__check label input.input__el {
  display: none;
}

.input__check label input.input__el:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.input__check label input.input__el:checked ~ span:after {
  opacity: 1;
}

.input__check label input.input__el.error ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.input__check label input.input__el.error ~ .error__text {
  visibility: visible;
  height: auto;
  width: auto;
  opacity: 1;
}

.input__check label input.input__el.error:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.input__check label input.input__el.error:checked ~ span:after {
  opacity: 1;
}

.input__check label input.input__el.error:checked ~ .error__text {
  visibility: hidden;
  height: 0px;
  width: 0px;
  font-size: 0;
  opacity: 0;
}

.dropdown__value.input__check label input.input__el.error:checked ~ .error__text {
  display: none;
}

.input__check label span {
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding-left: 18px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.input__check label span:before {
  position: absolute;
  left: 0px;
  height: 0.75rem;
  min-height: 0.75rem;
  width: 0.75rem;
  min-width: 0.75rem;
  border-radius: 0.125rem;
  border-width: 1.5px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.input__check label span:after {
  position: absolute;
  left: -1px;
  height: 0.875rem;
  width: 0.875rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAyLjc3Nzc4TDIuOTk4ODkgNC44NTA3QzMuMDc3NTQgNC45MzIyNiAzLjIwODE4IDQuOTMyMjYgMy4yODY4MyA0Ljg1MDdMNyAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.input__datas .input__container {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.input__data {
  display: flex;
  align-items: center;
}

.input__data span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.input__data p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.input__data input.input__el {
  margin-right: 3px;
  margin-left: 0.375rem;
  height: 1.5rem;
  width: 37px;
  border-radius: 4px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.input__sexes .input__container {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.input__sex {
  display: flex;
  align-items: center;
}

.input__sex span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.input__sex p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.input__sex input.input__el {
  margin-right: 3px;
  margin-left: 0.375rem;
  height: 1.5rem;
  width: 37px;
  border-radius: 4px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.input__sex.input-male p,.input__sex.input-female p {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.input__sex.input-male p {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.input__sex.input-female p {
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(249 88 255 / var(--tw-text-opacity, 1));
}

.input__clear {
  visibility: hidden;
  position: absolute;
  top: 0.375rem;
  right: 0.25rem;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.input__clear {
  display: none;
}

.input__alert {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}

.input__container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}

.input-checkbox {
  position: relative;
  cursor: pointer;
}

.input-checkbox input {
  visibility: hidden;
  position: absolute;
  top: 0px;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.input-checkbox input {
  display: none;
}

.input-checkbox input:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.input-checkbox input:checked ~ span:after {
  opacity: 1;
}

.input-checkbox span {
  display: flex;
  height: 0.75rem;
  min-height: 0.75rem;
  width: 0.75rem;
  min-width: 0.75rem;
  align-items: center;
  justify-content: center;
}

.input-checkbox span:before {
  position: absolute;
  height: 0.75rem;
  min-height: 0.75rem;
  width: 0.75rem;
  min-width: 0.75rem;
  border-radius: 0.125rem;
  border-width: 1.5px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.input-checkbox span:after {
  position: absolute;
  height: 0.875rem;
  width: 0.875rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAyLjc3Nzc4TDIuOTk4ODkgNC44NTA3QzMuMDc3NTQgNC45MzIyNiAzLjIwODE4IDQuOTMyMjYgMy4yODY4MyA0Ljg1MDdMNyAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.input-checkbox p {
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.input-checkbox:hover span:before {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
}

.input-checkbox-with-label {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.input-checkbox-with-icon {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.input-checkbox-with-icon img {
  margin-left: 0.375rem;
  max-height: 18px;
  max-width: 18px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.input-checkbox-with-icon a {
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.input-checkbox-with-icon a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.input-checkbox-with-icon a:active {
  --tw-text-opacity: 1;
  color: rgb(0 75 207 / var(--tw-text-opacity, 1));
}

.input-checkbox.lg {
  height: 18px;
  min-height: 18px;
}

.input-checkbox.lg span {
  height: 18px;
  min-height: 18px;
  width: 18px;
  min-width: 18px;
}

.input-checkbox.lg span:before {
  height: 18px;
  min-height: 18px;
  width: 18px;
  min-width: 18px;
}

.input-checkbox.lg span:after {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-checkbox.base {
  height: 16px;
  min-height: 16px;
}

.input-checkbox.base span {
  height: 16px;
  min-height: 16px;
  width: 16px;
  min-width: 16px;
}

.input-checkbox.base span:before {
  height: 16px;
  min-height: 16px;
  width: 16px;
  min-width: 16px;
}

.input-checkbox.base span:after {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-checkbox.md {
  height: 1rem;
  min-height: 1rem;
}

.input-checkbox.md span {
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
}

.input-checkbox.md span:before {
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
}

.input-checkbox.md span:after {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-ranges {
  display: grid;
  height: 30px;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.input-range {
  display: flex;
  align-items: center;
}

.input-range span {
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.input-range input {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.input-with-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.5rem;
}

.input-with-label .input__clear {
  top: 31px;
}

.input-with-label .input__el {
  height: 2.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.input-with-label .input__el::-moz-placeholder {
  visibility: visible;
}

.input-with-label .input__el::placeholder {
  visibility: visible;
}

.input__label {
  display: inline-block;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.input__label sup {
  margin-left: 1px;
  --tw-text-opacity: 1;
  color: rgb(222 53 11 / var(--tw-text-opacity, 1));
}

.input .error__text {
  visibility: hidden;
  display: flex;
  height: 0px;
  width: 0px;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 0;
  font-size: 10px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(222 53 11 / var(--tw-text-opacity, 1));
  opacity: 0;
}

.dropdown__value.input .error__text {
  display: none;
}

.input.error {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.input.error input {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.input.error .error__text {
  visibility: visible;
  height: auto;
  width: auto;
  opacity: 1;
}

.input__el {
  height: 3rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 22px;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.input__el ~ .error__text {
  visibility: hidden;
  display: flex;
  height: 0px;
  width: 0px;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 0;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(222 53 11 / var(--tw-text-opacity, 1));
  opacity: 0;
}

.dropdown__value.input__el ~ .error__text {
  display: none;
}

.input__el.error {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 221 / var(--tw-bg-opacity, 1));
}

.input__el.error ~ .error__text {
  visibility: visible;
  height: auto;
  width: auto;
  opacity: 1;
}

.input__el::-moz-placeholder {
  visibility: hidden;
}

.input__el::placeholder {
  visibility: hidden;
}

.dropdown__value.input__el::-moz-placeholder {
  display: none;
}

.dropdown__value.input__el::placeholder {
  display: none;
}

.input__el[disabled] {
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.input__el[disabled]:hover,.input__el[disabled]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.input__el:hover,.input__el:focus {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.input__el:focus,.input__el:active,.input__el.filled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.input__el:focus ~ .input__tip,.input__el:active ~ .input__tip,.input__el.filled ~ .input__tip {
  --tw-translate-y: -11px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input__el.filled ~ .input__clear {
  visibility: visible;
  opacity: 1;
}

.input__el.error {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.input__el.lg {
  height: 3rem;
}

.input__el.sm[type="password"],.input__el.sm[type="text"] {
  height: 2.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.input__el.sm[type="password"] ~ .input__tip,.input__el.sm[type="text"] ~ .input__tip {
  display: none;
}

.input__el.sm[type="password"] ~ .input__toggle,.input__el.sm[type="text"] ~ .input__toggle {
  top: 42px;
}

.input__el.sm[type="password"]::-moz-placeholder, .input__el.sm[type="text"]::-moz-placeholder {
  visibility: visible;
}

.input__el.sm[type="password"]::placeholder,.input__el.sm[type="text"]::placeholder {
  visibility: visible;
}

.input__el ~ .input__toggle {
  top: 1.5rem;
}

.input__tip {
  pointer-events: none;
  position: absolute;
  left: 0.75rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.input__toggle {
  position: absolute;
  top: 1.5rem;
  right: 0.75rem;
  display: none;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input__toggle.filled .input__eye {
  display: block;
}

.input__toggle.filled .input__eye-hide {
  display: none;
}

.input__eye {
  display: none;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.input__eye-hide {
  display: block;
}

.input__eye:hover {
  --tw-text-opacity: 1;
  color: rgb(25 22 29 / var(--tw-text-opacity, 1));
}

.textarea {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.5rem;
}

.textarea textarea {
  width: 100%;
  flex: 1 1 0%;
  resize: none;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.textarea textarea:hover,.textarea textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.textarea textarea:focus ~ .input__tip,.textarea textarea:active ~ .input__tip,.textarea textarea.filled ~ .input__tip {
  --tw-translate-y: -11px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.textarea textarea.error {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.search {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.search svg {
  position: absolute;
  left: 0.5rem;
}

.search__counter {
  position: absolute;
  right: 0.75rem;
  display: none;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.search__label {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.search__label svg {
  height: 1rem;
  width: 1rem;
}

.search__input {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 0.5rem;
  padding-left: 2rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.search__input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.search__input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.search__input:active:not(.transparent),.search__input:hover:not(.transparent),.search__input:focus:not(.transparent) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.search__input::-webkit-search-cancel-button {
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDQuN0wxMS4zIDRMOCA3LjNMNC43IDRMNCA0LjdMNy4zIDhMNCAxMS4zTDQuNyAxMkw4IDguN0wxMS4zIDEyTDEyIDExLjNMOC43IDhMMTIgNC43WiIgZmlsbD0iIzM3NDE1MSIvPgo8L3N2Zz4K);
  background-position: 16px 16px;
  -webkit-transition-property: all;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.search__input.transparent {
  border-color: transparent;
  background-color: transparent;
}

.search__input.transparent ~ svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.search__input.transparent::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(200 203 207 / var(--tw-text-opacity, 1));
}

.search__input.transparent::placeholder {
  --tw-text-opacity: 1;
  color: rgb(200 203 207 / var(--tw-text-opacity, 1));
}

.search__input.transparent:active ~ svg,.search__input.transparent:focus ~ svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.search__input.filled ~ svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.5rem;
}

.dropdown__container {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 0.25rem;
}

.dropdown__container.selected {
  display: flex;
  align-items: center;
}

.dropdown__container.selected .dropdown__button {
  display: none;
}

.dropdown__container.selected .dropdown__sort {
  display: flex;
}

.dropdown__container ~ .error__text {
  visibility: hidden;
  display: flex;
  height: 0px;
  width: 0px;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 0;
  font-size: 10px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(222 53 11 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.dropdown__container ~ .error__text {
  display: none;
}

.dropdown.error .error__text {
  visibility: visible;
  position: absolute;
  bottom: -1.25rem;
  height: auto;
  width: auto;
  opacity: 1;
}

.dropdown.error .dropdown__button,.dropdown.error .dropdown__sort {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.dropdown__button {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.dropdown__button .button {
  position: absolute;
  right: 0px;
}

.dropdown__button .button.dropdown__icon {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

.dropdown__button .button.dropdown__icon svg {
  height: 1rem;
  width: 1rem;
}

.dropdown__inner {
  display: flex;
  align-items: center;
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.dropdown__inner-formlink svg path {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__inner-formlink:hover svg path {
  fill: #374151;
}

.dropdown__inner.selected {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 30px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dropdown__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: flex;
  max-width: 132px;
  align-items: center;
  -moz-column-gap: 2px;
       column-gap: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.dropdown__subtitle {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.dropdown__list {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 4px);
  z-index: -10;
  display: flex;
  height: auto;
  max-height: 120px;
  min-width: 130px;
  flex-direction: column;
  row-gap: 2px;
  overflow-y: auto;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  opacity: 0;
}

.dropdown__value.dropdown__list {
  display: none;
}

.dropdown__list.active {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.dropdown__list .button.button-with-icon-full svg {
  height: 1rem;
  max-height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
}

.dropdown__list .button.button-with-icon-full span {
  white-space: nowrap;
}

.dropdown__item input {
  visibility: hidden;
  position: absolute;
  top: 0px;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.dropdown__item input {
  display: none;
}

.dropdown__item input:checked ~ p,.dropdown__item input[checked] ~ p {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuNjY2NjdMNC4wNzAzMiA2Ljg1MDdDNC4xNDg5NyA2LjkzMjI2IDQuMjc5NiA2LjkzMjI2IDQuMzU4MjUgNi44NTA3TDEwIDEiIHN0cm9rZT0iIzM3NDE1MSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.dropdown__item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  width: 100%;
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: 4px;
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 1.5rem;
  padding-left: 0.5rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__item p:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.dropdown__item p span {
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 30px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0.5rem;
  padding-left: 1.25rem;
}

.dropdown__item p span:before {
  position: absolute;
  left: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-content: '';
  content: var(--tw-content);
}

.dropdown__item p span.status-transparent {
  padding-left: 0.5rem;
}

.dropdown__image {
  margin-right: 5px;
  max-height: 30px;
  max-width: 30px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.dropdown__results {
  margin-bottom: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.dropdown__count {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.dropdown__selected {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.dropdown__selected span {
  margin-left: 2px;
}

.dropdown__sort {
  position: relative;
  display: none;
  max-height: 57px;
  min-height: 2rem;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 5px;
  padding-right: 2.5rem;
}

.dropdown__sort .button {
  position: absolute;
  top: 7px;
  right: 11px;
  padding: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__sort.active {
  display: flex;
}

.dropdown__sort.opened {
  max-height: 100%;
}

.dropdown__values {
  display: flex;
  max-height: 45px;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.dropdown__values.opened {
  max-height: 100%;
}

.dropdown__values.multiple {
  width: 100%;
}

.dropdown__value,.dropdown__show-all {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  white-space: nowrap;
  border-radius: 3px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.dropdown__value svg,.dropdown__show-all svg {
  height: 7px;
  min-height: 7px;
  width: 7px;
  min-width: 7px;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value svg:hover,.dropdown__value svg:active,.dropdown__show-all svg:hover,.dropdown__show-all svg:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown__show-all {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__show-all:hover,.dropdown__show-all:active {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.dropdown__value {
  max-width: 122px;
}

.dropdown__value span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
}

.dropdown__value img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dropdown__value.invisible {
  display: none;
}

.dropdown__label {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.dropdown__label sup {
  margin-left: 1px;
  --tw-text-opacity: 1;
  color: rgb(222 53 11 / var(--tw-text-opacity, 1));
}

.dropdown__items {
  display: flex;
  max-height: 276px;
  flex-direction: column;
  row-gap: 2px;
  overflow-y: auto;
}

.dropdown__items p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown__items .input-checkbox-with-label {
  border-radius: 4px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 2px;
  padding-bottom: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__items .input-checkbox-with-label:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.dropdown__items .input-checkbox-with-label:active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.dropdown__items .checkbox:first-child {
  order: -2;
}

.dropdown__items .checkbox.checked {
  order: -1;
}

.dropdown-base .dropdown__title {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.dropdown-checkboxes .dropdown__button,.dropdown-checkboxes-images .dropdown__button {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.dropdown-checkboxes .dropdown__button .button,.dropdown-checkboxes-images .dropdown__button .button {
  right: 0.75rem;
}

.dropdown-checkboxes .checkbox,.dropdown-checkboxes-images .checkbox {
  width: 100%;
}

.dropdown-checkboxes .dropdown__title,.dropdown-checkboxes-images .dropdown__title {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.dropdown-checkboxes .dropdown__title-all,.dropdown-checkboxes-images .dropdown__title-all {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown-checkboxes .dropdown__list,.dropdown-checkboxes-images .dropdown__list {
  max-height: 335px;
  width: 310px;
  max-width: 310px;
  row-gap: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.dropdown-checkboxes .dropdown__sort .button svg,.dropdown-checkboxes-images .dropdown__sort .button svg {
  height: 5px;
  width: 0.625rem;
}

.dropdown-checkboxes-images .dropdown__sort {
  overflow: visible;
}

.dropdown-checkboxes-images .dropdown__show-all {
  height: 1.5rem;
  width: 1.5rem;
}

.dropdown-checkboxes-images .dropdown__value {
  width: 100%;
  overflow: visible;
}

.dropdown-checkboxes-images .dropdown__values.single,.dropdown-checkboxes-images .dropdown__values.multiple {
  margin-right: -0.5rem;
  margin-left: -0.75rem;
  padding-left: 0.75rem;
}

.dropdown .search {
  margin-bottom: 0.5rem;
  display: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.dropdown-multiselect .dropdown__list {
  min-width: 167px;
}

.dropdown-multiselect .dropdown__list .button {
  justify-content: space-between;
}

.dropdown-multiselect .dropdown__list .button:hover .content-aside__buttons {
  opacity: 1;
}

.dropdown-multiselect .dropdown__list label svg,.dropdown-multiselect .dropdown__list button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown-multiselect .dropdown__list label:hover svg,.dropdown-multiselect .dropdown__list button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown-singleselect .dropdown__list {
  min-width: 167px;
}

.dropdown-singleselect .dropdown__list label {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.dropdown-singleselect .dropdown__list label input {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.dropdown__value.dropdown-singleselect .dropdown__list label input {
  display: none;
}

.dropdown-radios.dropdown-copy-image .dropdown__title {
  display: flex;
}

.dropdown-radios .dropdown__list {
  max-height: 168px;
  width: 240px;
  max-width: 240px;
  row-gap: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
}

.dropdown-radios .dropdown__title {
  display: block;
  font-weight: 500;
}

.dropdown-radios .dropdown__item {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.dropdown-radios .dropdown__item img {
  z-index: 10;
  height: 18px;
  width: 18px;
}

.dropdown-radios .dropdown__item:has(input[checked]):after,.dropdown-radios .dropdown__item:has(input:checked):after {
  opacity: 1;
}

.dropdown-radios .dropdown__item:hover:after {
  opacity: 1;
}

.dropdown-radios .dropdown__item p {
  position: relative;
  z-index: 10;
  background-color: transparent;
  background-position: calc(100% - 4px) center;
  padding-left: 0px;
}

.dropdown-radios .dropdown__item:after {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.dropdown-radios .dropdown__item span {
  position: relative;
  z-index: 10;
  cursor: pointer;
  white-space: normal;
  background-color: transparent;
  padding-bottom: 0.25rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.dropdown-with-icon .dropdown__button {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  padding-right: 1.5rem;
}

.dropdown-with-icon .dropdown__title {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.dropdown-with-icon .dropdown__list {
  top: calc(100% - 2px);
  max-width: 145px;
}

.dropdown-with-icon .dropdown__list .button:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown-status .dropdown__button {
  height: 2rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown-status .dropdown__button .button {
  right: 0.75rem;
}

.dropdown-status .dropdown__title {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  max-width: 100%;
  padding-right: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.dropdown-status .dropdown__list {
  max-height: 200px;
  min-width: 176px;
}

.dropdown-status .dropdown__inner:before {
  position: absolute;
  left: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-content: '';
  content: var(--tw-content);
}

.dropdown-status .dropdown__inner.selected {
  padding-left: 1.25rem;
}

.dropdown-status .dropdown__inner.selected.status-transparent {
  padding-left: 0px;
  padding-right: 0px;
}

.dropdown-priority .dropdown__button {
  height: 2rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown-priority .dropdown__button .button {
  right: 0.75rem;
}

.dropdown-priority .dropdown__title {
  padding-right: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.dropdown-priority .dropdown__inner.selected.priority-transparent {
  padding-left: 0px;
  padding-right: 0px;
}

.dropdown-priority .dropdown__list {
  max-height: none;
  width: -moz-min-content;
  width: min-content;
  min-width: 186px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.dropdown-priority .dropdown__item p {
  padding-top: 3px;
  padding-bottom: 3px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.dropdown-priority .dropdown__item p span {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.dropdown-priority .dropdown__item p span.priority-transparent {
  background-color: transparent;
}

.dropdown-roles .dropdown__button {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 5px;
  border-width: 1px;
  padding: 0.5rem;
}

.dropdown-roles .dropdown__button.role-admin {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.dropdown-roles .dropdown__button.role-admin .button.button-icon svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.dropdown-roles .dropdown__button.role-manager {
  --tw-border-opacity: 1;
  border-color: rgb(241 119 156 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(241 119 156 / var(--tw-text-opacity, 1));
}

.dropdown-roles .dropdown__button.role-manager .button.button-icon svg {
  --tw-text-opacity: 1;
  color: rgb(241 119 156 / var(--tw-text-opacity, 1));
}

.dropdown-roles .dropdown__button.role-guest {
  --tw-border-opacity: 1;
  border-color: rgb(128 119 241 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(128 119 241 / var(--tw-text-opacity, 1));
}

.dropdown-roles .dropdown__button.role-guest .button.button-icon svg {
  --tw-text-opacity: 1;
  color: rgb(128 119 241 / var(--tw-text-opacity, 1));
}

.dropdown-roles .dropdown__button .button.button-icon {
  height: auto;
  width: auto;
  min-width: 0px;
  padding: 0px;
}

.dropdown-roles .dropdown__button .button.button-icon svg {
  height: 5px;
  width: 0.625rem;
}

.dropdown-roles .dropdown__button .button.button-icon:hover,.dropdown-roles .dropdown__button .button.button-icon:active {
  background-color: transparent;
}

.dropdown-roles .dropdown__list {
  max-height: -moz-max-content;
  max-height: max-content;
  min-width: 240px;
}

.dropdown-roles .dropdown__item {
  flex-direction: column;
}

.dropdown-new-format>.dropdown__container>.dropdown__list {
  max-height: 100%;
  max-width: 385px;
  gap: 0px;
  padding: 1rem;
}

.dropdown-new-format .dropdown-base .dropdown__list {
  max-height: 100%;
}

.dropdown-new-format .dropdown-new__title {
  margin-bottom: 0.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.dropdown-new-format .dropdown-new__selects {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.dropdown-new-format .dropdown-new__select {
  display: flex;
  max-width: 164px;
  flex: 1 1 0%;
  justify-content: space-between;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 9px;
  padding-bottom: 9px;
}

.dropdown-new-format .dropdown-new__select input {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  max-width: 5rem;
  text-overflow: ellipsis;
  background-color: transparent;
}

.dropdown-new-format .dropdown-new__select .dropdown {
  width: auto;
}

.dropdown-new-format .dropdown-new__separator {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.dropdown-new-format .dropdown-new__values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.dropdown-new-format .dropdown-new__value input {
  visibility: hidden;
  position: absolute;
  top: 0px;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.dropdown-new-format .dropdown-new__value input {
  display: none;
}

.dropdown-new-format .dropdown-new__value input:checked ~ p,.dropdown-new-format .dropdown-new__value input[checked] ~ p {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.dropdown-new-format .dropdown-new__value p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown-new-format .dropdown-new__value p:hover {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.dropdown-new-format .dropdown-new__buttons {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.toggle-shuffle{padding-right:0 !important;min-height: 2rem;min-width: 2rem}

.toggle-shuffle.active button,.toggle-shuffle.sorted button {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.toggle-shuffle.active button:hover,.toggle-shuffle.sorted button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.toggle-shuffle button{position:relative !important;background-color: transparent}

.toggle-shuffle button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.shuffle-clear {
  margin-right: 3px;
}

.shuffle__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.shuffle>.dropdown__container>.dropdown__button {
  border-radius: 0.375rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.shuffle__clear {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.shuffle__clear:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.shuffle__clear:active {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.shuffle .shuffle__list-primary {
  max-height: 100%;
  max-width: 100%;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.75rem;
  padding-bottom: 0.375rem;
}

.shuffle .shuffle__list-primary .shuffle__title {
  margin-bottom: 0.5rem;
  gap: 3px;
  padding-right: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 0.375rem;
}

.shuffle .shuffle__list-primary .button {
  height: auto;
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 3px;
}

.shuffle .shuffle__list-primary .button span {
  line-height: 15px;
}

.shuffle .shuffle__list-secondary {
  max-height: 100%;
  width: 100%;
  max-width: 436px;
  padding: 1rem;
  padding-bottom: 0.625rem;
}

.shuffle .shuffle__list-secondary .shuffle__title {
  margin-bottom: 0.75rem;
}

.shuffle .shuffle__list-secondary .new-shuffle .dropdown__button .button {
  padding-right: 0.625rem;
}

.shuffle .shuffle__list-secondary .new-shuffle .dropdown__button .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.shuffle .shuffle__list-secondary .dropdown__container {
  align-items: flex-start;
}

.shuffle .shuffle__list-secondary .dropdown {
  right: auto;
  left: -0.5rem;
  display: inline-flex;
  width: auto;
}

.shuffle .shuffle__list-secondary .dropdown__list{max-width:188px !important;max-height: 100%;width: 100%;padding-left: 0.375rem;padding-right: 0.375rem;padding-top: 0.75rem;padding-bottom: 0.375rem}

.shuffle .shuffle__list-secondary .dropdown__list .shuffle__title {
  margin-bottom: 0.5rem;
  justify-content: flex-start;
  gap: 3px;
  padding-right: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 0.375rem;
}

.shuffle .shuffle__list-secondary .dropdown__list .button {
  height: auto;
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 3px;
}

.shuffle .shuffle__list-secondary .dropdown__list .button span {
  line-height: 15px;
}

.shuffle .shuffle__list-secondary .dropdown__button {
  width: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-right: 0px;
}

.shuffle .shuffle__list-secondary .dropdown__button .button {
  position: static;
  height: 1.75rem;
  border-style: none;
  background-color: transparent;
}

.shuffle__sorting {
  margin-bottom: 0.625rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.shuffle__item {
  display: grid;
  grid-template-columns: 9px 162px 181px 30px;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.shuffle__item>svg {
  cursor: grab;
}

.shuffle__item>svg path {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.shuffle__item>svg:hover path {
  fill: #374151;
}

.shuffle__item .dropdown {
  position: static;
}

.shuffle__item .dropdown__title {
  max-width: 100%;
}

.shuffle__item .dropdown__list{padding:6px 4px !important}

.shuffle__item .dropdown__button{width:100% !important;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));padding-left: 0.5rem;padding-right: 0.5rem}

.shuffle__item .dropdown__button .button {
  min-width: 22px;
  justify-content: flex-start;
}

.shuffle__remove{min-width:30px !important;height: 30px;border-style: none;background-color: transparent}

.shuffle__remove svg path {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.shuffle__remove:hover svg path {
  fill: #374151;
}

.ui-sortable-helper>svg {
  cursor: grabbing;
}

.ui-sortable-helper>svg path {
  fill: #374151;
}

.ui-sortable-helper .dropdown__button {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.ui-sortable-helper .shuffle__remove svg path {
  fill: #374151;
}

.sortable-placeholder{z-index:-1}

.shuffle__list-primary:not(.is-visible),.shuffle__list-secondary:not(.is-visible){display:none !important}

.shuffle__list-primary.is-visible,.shuffle__list-secondary.is-visible{display:block !important}

.heading {
  margin-top: 30px;
}

.heading .monthpicker,.heading .datepicker {
  min-width: 137px;
}

.heading__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 360px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.heading__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.625rem;
}

.heading__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}

.heading__avatar img {
  max-height: 4rem;
  max-width: 4rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.heading__avatar span {
  grid-row: span 2 / span 2;
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.heading__left {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.heading__top,.heading__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.heading__icons {
  margin-left: 0.625rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.heading__dropdown-base {
  margin-left: 0.5rem;
  width: auto;
  min-width: 1.25rem;
}

.heading__dropdown-base .dropdown__inner {
  display: none;
}

.heading__dropdown-base .dropdown__list {
  margin-top: 0.25rem;
}

.heading__dropdown-base .dropdown__button {
  height: 1rem;
}

.heading__dropdown-base .button svg {
  height: 0.375rem;
  width: 12px;
}

.heading__status {
  margin-left: 0.75rem;
}

.heading__dropdown-status {
  margin-left: 0.5rem;
  width: auto;
}

.heading__dropdown-status .dropdown__button {
  height: 22px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

.heading__dropdown-status .dropdown__button .button {
  right: 0.5rem;
  height: 0.75rem;
  min-height: 0.75rem;
  width: 1rem;
  min-width: 1rem;
}

.heading__dropdown-status .dropdown__inner {
  height: 100%;
  border-radius: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 30px;
  padding-left: 1.25rem;
}

.heading__addtofavorites {
  margin-left: 0.5rem;
  border-style: none;
  padding: 0px;
}

.heading__addtofavorites svg {
  height: 1rem;
  width: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.heading__addtofavorites:hover,.heading__addtofavorites:active {
  background-color: transparent;
}

.heading__addtofavorites.active svg {
  --tw-text-opacity: 1;
  color: rgb(255 198 88 / var(--tw-text-opacity, 1));
}

.heading__channel {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.heading__channel:hover {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.heading__lastupdate {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.heading__lastupdate svg {
  height: 0.875rem;
  width: 0.875rem;
}

.heading.heading .heading__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.heading.heading .heading__buttons .button:disabled {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.heading.heading .heading__buttons .button:disabled.button-with-icon-blue {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.heading.heading .heading__buttons .button:disabled.button-with-icon {
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.heading.heading .heading__left,.heading.heading .heading__right {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.heading.heading .heading__right .button-with-icon {
  display: flex;
  min-width: 2rem;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
}

.heading.heading .heading__right .button-with-icon.filter__toggle {
  min-width: -moz-max-content;
  min-width: max-content;
}

.heading.heading .heading__right .button-with-icon>svg:first-child {
  min-width: 1.25rem;
}

.heading.heading .heading__right .button-with-icon>svg.button-clear {
  min-width: 9px;
}

.heading.heading .heading__title {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.heading.heading .heading__title sup {
  margin-left: 0.375rem;
  display: inline-block;
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.heading.heading .heading__checkboxes {
  display: flex;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.heading.heading .heading__left__inner {
  display: flex;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.heading.heading .heading__left__checkboxes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.75rem;
}

.heading.heading .heading__posts,.heading.heading .heading__bills {
  display: flex;
  height: 2rem;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.heading.heading .heading__posts__title,.heading.heading .heading__bills__title {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.heading.heading .heading__posts .heading__toggle,.heading.heading .heading__bills .heading__toggle {
  display: flex;
  cursor: pointer;
}

.heading.heading .heading__posts .heading__toggle.active p,.heading.heading .heading__bills .heading__toggle.active p {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.heading.heading .heading__posts .heading__toggle.active p span,.heading.heading .heading__bills .heading__toggle.active p span {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.heading.heading .heading__posts .heading__toggle.active p span:before,.heading.heading .heading__bills .heading__toggle.active p span:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDFMMy41IDYuNUwxIDQiIHN0cm9rZT0iIzAwNUNGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);margin-left: 0px}

.heading.heading .heading__posts .heading__toggle p,.heading.heading .heading__bills .heading__toggle p {
  position: relative;
  height: 1.25rem;
  width: 2.25rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.heading.heading .heading__posts .heading__toggle p span,.heading.heading .heading__bills .heading__toggle p span {
  position: absolute;
  top: 2px;
  left: 2px;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.heading.heading .heading__posts .heading__toggle p span:before,.heading.heading .heading__bills .heading__toggle p span:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNyAxTDEgN00xIDFMNyA3IiBzdHJva2U9IiM5NTlCQTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);position: absolute;margin-left: 2px;height: 0.5rem;width: 0.625rem;background-repeat: no-repeat;--tw-content: '';content: var(--tw-content)}

.heading.heading-table {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  row-gap: 30px;
}

.heading.heading-table-rows {
  flex-direction: column;
}

.heading.heading-table-popup .heading__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.widget {
  display: flex;
  max-height: 68px;
  min-height: 68px;
  flex-direction: column;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.widget-rows {
  grid-row: span 2 / span 2;
  max-height: 100%;
}

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

.widget__head {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.widget__title {
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.widget__title-sm {
  font-size: 11px;
}

.widget__values {
  display: flex;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.widget__values-fourvalues {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
  gap: 1.25rem;
}

.widget__values-fourvalues .widget__value {
  position: relative;
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
}

.widget__values-fourvalues .widget__value:nth-child(1):after,.widget__values-fourvalues .widget__value:nth-child(2):after {
  position: absolute;
  bottom: -0.625rem;
  left: 0px;
  height: 1px;
  width: calc(100%);
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.widget__values-fourvalues .widget__value:nth-child(2):after {
  right: 0px;
  left: auto;
}

.widget__values-fourvalues .widget__value:nth-child(2n) {
  align-items: flex-end;
}

.widget__values-fourvalues .widget__value:nth-child(2n):before {
  position: absolute;
  left: -0.625rem;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.widget__mainValue {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.widget__value {
  margin-top: 0.375rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.widget__value p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.widget__value p.discount {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(80 175 29 / var(--tw-text-opacity, 1));
}

.widget__value p.male {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.widget__value p.female {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(249 88 255 / var(--tw-text-opacity, 1));
}

.widget__subtitle {
  margin-top: 1.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.widget__progresses {
  margin-top: 7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 7px;
}

.widget__progress {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

.widget__progress__title {
  position: relative;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.widget__progress__title .widget__hint {
  left: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.widget__progress__title .widget__hint strong {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.widget__progress__title .widget__hint span {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}

.widget__progress span {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.widget__progress progress {
  margin-top: 0.25rem;
  display: block;
  height: 0.25rem;
  width: 100%;
  border-radius: 9999px;
}

.widget__progress progress::-webkit-progress-bar {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.widget__progress progress::-webkit-progress-value {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(76 193 37 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: all;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.widget__progress progress::-moz-progress-bar {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.widget__progress:hover .widget__progress__title .widget__hint {
  visibility: visible;
  z-index: 40;
  opacity: 1;
}

.widget__icon {
  height: 0.875rem;
  width: 0.875rem;
}

.widget__tip {
  position: relative;
}

.widget__tip svg {
  height: 9px;
  max-height: 9px;
  width: 9px;
  max-width: 9px;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.widget__tip:hover svg,.widget__tip:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.widget__tip:hover .widget__hint {
  visibility: visible;
  z-index: 40;
  opacity: 1;
}

.widget__tip.expanded {
  display: none;
}

.widget__hint {
  visibility: hidden;
  position: absolute;
  bottom: 9px;
  left: 9px;
  z-index: -10;
  min-width: 158px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  text-align: left;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.widget__hint {
  display: none;
}

.widget-blue {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.widget-blue .widget__title {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.widget-blue .widget__value {
  flex: 1 1 0%;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.widget-blue .widget__tip svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.widget-blue .widget__tip:hover svg,.widget-blue .widget__tip:active svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.widget-blue .widget__progress progress::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.widget-blue .widget__progress progress::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

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

.widget__button {
  height: 22px;
  width: 22px;
  padding: 0.25rem;
}

.widget__button svg {
  height: 0.875rem;
  width: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.widget__button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.widget__button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.content{scrollbar-width:thin;scrollbar-color:dark;width: 100%;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms}

.content ::-webkit-scrollbar {
  height: 7px;
  width: 100%;
}

.content ::-webkit-scrollbar-track {
  background-color: transparent;
}

.content ::-webkit-scrollbar-thumb {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(202 205 209 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(202 205 209 / var(--tw-bg-opacity, 1));
}

.content-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1rem;
}

.content .selector__content {
  margin-top: 1.75rem;
}

.content .selector__content.users__tables {
  margin-top: 0px;
}

.content-sm .content-collapsed.active {
  width: calc(100% - 294px);
}

.content-sm .content-not-collapsed {
  width: calc(100% - 366px);
}

.content-collapsed.active {
  width: calc(100% - 294px);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.pagination__link {
  display: flex;
  height: 30px;
  min-width: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.pagination__link-prev.disabled,.pagination__link-next.disabled {
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.pagination__link-prev svg,.pagination__link-next svg {
  height: 0.625rem;
  width: 5px;
}

.pagination__link.active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.pagination__link:hover:not(.disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.pagination__link:active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.sidebar {
  position: fixed;
  display: flex;
  min-height: 100dvh;
  width: 100%;
  max-width: 217px;
  flex-direction: column;
  justify-content: space-between;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.sidebar .expanded {
  display: none;
}

.sidebar.active .narrowed {
  display: none;
}

.sidebar.active .expanded {
  display: flex;
}

.sidebar.active .sidebar__docs {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.sidebar.active .sidebar__doc {
  display: flex;
  height: 2rem;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  border-radius: 0.375rem;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.sidebar.active .sidebar__doc:active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar.active .sidebar__doc:active svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar.active .sidebar__doc:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.sidebar.active .sidebar__doc svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 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: 300ms;
}

.sidebar.active .sidebar__doc.active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.sidebar.active .sidebar__doc.active svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar.active .sidebar__bottom {
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar.active .sidebar__separator {
  margin-top: 18px;
  margin-bottom: 19px;
  margin-left: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.sidebar.active .sidebar__separator:nth-of-type(2) {
  margin-bottom: 18px;
}

.sidebar.active .sidebar__separator:nth-of-type(4) {
  margin-bottom: 16px;
}

.sidebar.active .sidebar__separator-link {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-style: none;
}

.sidebar.active .sidebar__separator-link a {
  display: flex;
  height: 2rem;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  border-radius: 0.375rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.sidebar.active .sidebar__separator-link a:active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.sidebar.active .sidebar__separator-link a:active svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar.active .sidebar__separator-link a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.sidebar.active .sidebar__separator-link a svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 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: 300ms;
}

.sidebar.active .sidebar__separator-link a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.sidebar.active .sidebar__separator-link a.active svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar__top {
  padding-top: 17px;
}

.sidebar__heading {
  margin-bottom: 42px;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar__campaign {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.sidebar__switch {
  display: flex;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.sidebar__switch.active svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sidebar__switch .button-icon svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.sidebar__preview {
  display: flex;
  height: 1.75rem;
  width: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.sidebar__name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.sidebar__nav {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
}

.sidebar__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
}

.sidebar__separator {
  margin-top: 0.875rem;
  margin-bottom: 0.5rem;
  margin-left: 0.75rem;
  display: block;
  border-top-width: 1px;
  border-color: transparent;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.sidebar__separator+.sidebar__separator {
  margin-bottom: 0.625rem;
}

.sidebar__separator-link a {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 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: 300ms;
}

.sidebar__separator-link a:hover {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar__separator-link a.active {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.sidebar__bottom {
  min-height: 86px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
}

.sidebar__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.875rem;
}

.sidebar__docs {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.sidebar__docs p {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(227 229 235 / var(--tw-text-opacity, 1));
}

.sidebar__doc {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(200 203 207 / var(--tw-text-opacity, 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: 300ms;
}

.sidebar__doc:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.sidebar__doc:active {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.sidebar__doc.active {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.sidebar__copy {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(200 203 207 / var(--tw-text-opacity, 1));
}

.login {
  min-height: 100dvh;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(25 22 29 / var(--tw-text-opacity, 1));
}

@media not all and (min-width: 1280px) {

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

@media (min-width: 1280px) {

  .login {
    display: grid;
    grid-template-columns: minmax(0, calc(100% - 656px)) minmax(456px, 1fr);
  }
}

.login__image {
  height: 100dvh;
  width: 100%;
  background-image: url(/e41aa7c75fabf8db9b29.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2.75rem;
}

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

@media not all and (min-width: 1280px) {

  .login__container {
    position: absolute;
    z-index: 10;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1rem;
  }
}

.login__form {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 376px;
}

.login__title {
  margin-bottom: 5px;
  font-size: 30px;
  line-height: 120%;
  font-weight: 500;
}

.login__subtitle {
  margin-bottom: 26px;
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.login__input-email {
  margin-bottom: 0.875rem;
}

.login__input-password {
  margin-bottom: 0.625rem;
}

.login__remember {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}

.login__remember .input-checkbox-with-label p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.login__create,.login__forgot {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.login__create:hover,.login__create:active,.login__forgot:hover,.login__forgot:active {
  --tw-text-opacity: 1;
  color: rgb(5 86 228 / var(--tw-text-opacity, 1));
}

.login__divider {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  gap: 0.5rem;
}

.login__divider-text {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.login__line {
  height: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.login .button-with-icon-full-google {
  --tw-text-opacity: 1;
  color: rgb(25 22 29 / var(--tw-text-opacity, 1));
}

.login .button-with-icon-full-google:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.logo {
  position: relative;
  display: flex;
  min-height: 27px;
  min-width: 27px;
  align-items: center;
}

.logo-small {
  position: absolute;
}

.header {
  position: fixed;
  left: 217px;
  z-index: 10;
  display: flex;
  height: 60px;
  width: calc(100% - 217px);
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.header .narrowed {
  display: none;
}

.header.active {
  left: 59px;
  width: calc(100% - 59px);
}

.header.active .narrowed {
  display: flex;
}

.header.active .header__search {
  margin-left: 0.5rem;
}

.header__wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.5rem;
}

.header__search {
  margin-left: 1.75rem;
  display: flex;
  width: 100%;
  max-width: 243px;
  align-items: center;
}

.header__search .sidebar__toggle.active {
  margin-right: 9px;
}

.header__controls {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.header__icons {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
}

.header__icons>.button-icon svg {
  min-height: 22px;
  min-width: 22px;
}

.header-post {
  left: 0px;
  width: 100%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.header-post .header__wrapper {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.filter {
  position: absolute;
  right: -280px;
  z-index: 49;
  min-width: 280px;
  max-width: 280px;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity: 0;
  --tw-shadow: 0 24px 0 #fff;
  --tw-shadow-colored: 0 24px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.filter__container {
  position: relative;
  overflow-y: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
}

.filter__container .search {
  margin-bottom: 0.5rem;
}

.filter__container::-webkit-scrollbar {
  display: none;
}

.filter__container label.button {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.filter__container label.button input {
  width: 100%;
}

.filter__container .dropdown__list {
  position: fixed;
}

.filter__container .dropdown-status .dropdown__button.status-transparent {
  height: 2rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.filter__container .dropdown-radios .dropdown__button {
  height: 2rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.filter__container .dropdown-radios .dropdown__button .button {
  right: 0.5rem;
}

.filter__subtitle {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.filter__subsubtitle {
  margin-top: 0.625rem;
  margin-bottom: 0.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.filter__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.filter__slider {
  display: flex;
  flex-direction: column;
  row-gap: 7px;
}

.filter__slider__values {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.filter__slider__values .dropdown {
  width: auto;
  min-width: 54px;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 0.25rem;
  padding-left: 7px;
}

.filter__slider__values .dropdown__title {
  line-height: 14px;
}

.filter__slider__values .dropdown__inner {
  padding-right: 1.25rem;
}

.filter__slider__values .dropdown .button {
  top: 0px;
  background-color: transparent;
}

.filter__slider__values .dropdown .button:hover {
  background-color: transparent;
}

.filter__slider__values input {
  width: 1.5rem;
  min-width: 1.5rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

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

.filter__slider__header span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.filter__slider .ui-widget-content,.filter__slider .ui-widget-header {
  height: 0.375rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(61 90 241 / var(--tw-bg-opacity, 1));
}

.filter__slider .ui-slider-horizontal .ui-slider-handle {
  top: -3.5px;
  margin-left: -6.5px;
  height: 13px;
  width: 13px;
  border-radius: 9999px;
  border-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(61 90 241 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.filter__slider .ui-widget.ui-widget-content {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.filter__slider .ui-slider {
  position: relative;
  margin-left: 0.375rem;
  max-width: calc(100% - 12px);
}

.filter__slider .ui-slider:before {
  position: absolute;
  left: -0.375rem;
  height: 100%;
  width: 0.75rem;
  border-radius: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(61 90 241 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.filter__slider .ui-slider:after {
  position: absolute;
  right: -0.375rem;
  height: 100%;
  width: 0.75rem;
  border-radius: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.filter__clean {
  display: none;
  cursor: pointer;
}

.filter__clean svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.filter__clean:hover svg,.filter__clean:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.filter__clean.active {
  display: block;
}

.filter__clear {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.filter__clear:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.filter__clear:active {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.filter__checkboxes {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.375rem;
}

.filter__formats {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}

.filter__format {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.filter__button {
  position: relative;
  left: 50%;
  margin-top: 37px;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.filter__toggle.active {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.filter__toggle.sorted {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.filter__toggle.sorted .filter-clear {
  display: block;
}

.filter__toggle .filter-clear {
  display: none;
}

.filter:before,.filter:after {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  height: 75px;
  width: 100%;
  border-radius: 10px;
  --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.dropdown__value.filter:before,.dropdown__value.filter:after {
  display: none;
}

.filter:before {
  top: 0px;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.filter:after {
  bottom: 0px;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.filter.visible-top:before {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

.filter.visible-bottom:after {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

.filter-sm {
  right: 0px;
}

.filter.active {
  opacity: 1;
}

.table-borders {
  position: absolute;
  left: 57px;
  z-index: 1000;
  height: 100%;
  width: 25px;
}

.table-borders .border-line {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 46px;
  display: block;
  height: 1px;
  width: 25px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.table-outer {
  margin-bottom: 0.5rem;
  margin-left: 25px;
  width: 100%;
  overflow-x: auto;
}

.table-outer .table.scrolled .fixed-th-border:before,.table-outer .table.scrolled .fixed-td-border:before {
  opacity: 1;
}

.table-outer .table.scrolled .fixed-th-border:after,.table-outer .table.scrolled .fixed-td-border:after {
  opacity: 1;
}

.table-outer tr td {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.table-outer tr td:nth-child(2),.table-outer tr th:nth-child(2) {
  padding-left: 1rem;
}

.table-outer table>thead>tr>th:nth-child(1),.table-outer table>tbody>tr.bills-group>td:nth-child(1) {
  border-right-width: 0px;
}

.table-outer .table.scrolled .fixed-th-border:before,.table-outer .table.scrolled .fixed-td-border:before {
  opacity: 1;
}

.table-outer .table.scrolled .fixed-th-border:after,.table-outer .table.scrolled .fixed-td-border:after {
  opacity: 1;
}

.table-outer .table.scrolled .fixed-th-border:before {
  position: absolute;
  top: 0px;
  left: -0.5px;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.table-outer table {
  width: 100%;
}

.table.table-approval .dropdown-radios .dropdown__title,.table.table-coordination .dropdown-radios .dropdown__title {
  font-weight: 400;
}

.table.table-approval th:nth-child(1),.table.table-approval td:nth-child(1),.table.table-coordination th:nth-child(1),.table.table-coordination td:nth-child(1) {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 1rem;
}

.table.table-approval th:nth-child(1) .table__sort,.table.table-approval td:nth-child(1) .table__sort,.table.table-coordination th:nth-child(1) .table__sort,.table.table-coordination td:nth-child(1) .table__sort {
  margin-right: -1rem;
}

.table.table-bills>thead {
  position: relative;
  z-index: -1;
}

.table.table-bills .bills-group.active:hover>td.fixed-td:nth-child(1)>div {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.table.table-bills tbody td .dropdown-status {
  margin-left: 0px;
}

.table.table-bills tbody td .dropdown-status .dropdown__inner {
  padding-right: 22px;
  padding-left: 0.5rem;
}

.table.table-bills tbody td .dropdown-status .dropdown__inner:before {
  display: none;
}

.table.table-bills tbody td .dropdown-status .dropdown__button {
  height: 22px;
  padding: 0px;
}

.table.table-bills tbody td .dropdown-status .dropdown__button .button {
  position: absolute;
  right: 0.25rem;
  height: 0.75rem;
  min-height: 0.75rem;
  width: 1rem;
  min-width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(196 80 0 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.table.table-bills tbody td .dropdown-status .dropdown__list .button input {
  visibility: hidden;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.table.table-bills tbody td .dropdown-status .dropdown__list .button input {
  display: none;
}

.table.table-bills .status {
  margin-top: 0px;
}

.table.table-bills .table-alert {
  position: relative;
  height: 13px;
}

.table.table-bills .table-alert i {
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: flex;
  --tw-translate-y: calc(calc(100% - 2px) * -1);
  --tw-translate-x: calc(100% - 2px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.table.table-bills .table-alert i {
  display: none;
}

.table.table-bills .table-alert i:before{content:attr(data-status-tip)}

.table.table-bills .table-alert:hover i {
  visibility: visible;
  opacity: 1;
}

.table.table-bills th .table__checkbox-accept {
  pointer-events: none;
}

.table.table-bills>thead>tr>th:nth-child(1),.table.table-bills>tbody>tr.bills-group>td:nth-child(1) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table.table-bills>thead>tr>th:nth-child(1).fixed-th,.table.table-bills>thead>tr>th:nth-child(1).fixed-td,.table.table-bills>tbody>tr.bills-group>td:nth-child(1).fixed-th,.table.table-bills>tbody>tr.bills-group>td:nth-child(1).fixed-td{padding-right:0 !important}

.table.table-bills>thead>tr>th:nth-child(1).fixed-td,.table.table-bills>tbody>tr.bills-group>td:nth-child(1).fixed-td{background-color:transparent}

.table.table-bills>thead>tr>th:nth-child(1) .table-alert,.table.table-bills>tbody>tr.bills-group>td:nth-child(1) .table-alert {
  z-index: 40;
  margin-top: -0.25rem;
}

.table.table-bills>tbody>tr.bills-group>td.fixed-td:nth-child(1) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.table.table-bills>tbody>tr.bills-group>td.fixed-td:nth-child(1)>div {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table.table-bills>tbody>tr.bills-group:hover>td.fixed-td:nth-child(1)>div {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.table.table-bills.scrolled>thead>tr>th:nth-child(1),.table.table-bills.scrolled>tbody>tr>td:nth-child(1) {
  border-right-width: 0px;
}

.table.table-bills.scrolled>thead>tr>th:nth-child(1):after,.table.table-bills.scrolled>tbody>tr>td:nth-child(1):after {
  opacity: 1;
}

.table.table-bills>thead>tr>th:nth-child(2),.table.table-bills>tbody>tr>td:nth-child(2) {
  padding-left: 1rem;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) {
  margin-left: 0px;
  min-width: -moz-max-content;
  min-width: max-content;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__button .button-icon {
  width: auto;
  padding: 0px;
  padding-left: 4.5px;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__button .button-icon:hover {
  background-color: transparent;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__button .button-icon svg {
  height: 15px;
  width: 3px;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__container {
  align-items: flex-end;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list {
  max-height: -moz-max-content;
  max-height: max-content;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list hr {
  margin-left: 0.5rem;
  width: auto;
  max-width: calc(100% - 16px);
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button i {
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(108 66 241 / var(--tw-text-opacity, 1));
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button input {
  visibility: hidden;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button input {
  display: none;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button.disabled svg {
  opacity: 0.5;
}

.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button.disabled:hover,.table.table-bills>tbody>tr>td .dropdown:nth-child(4) .dropdown__list .button.disabled:active {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table.table-approval-client td,.table.table-process-channels td,.table.table-mediaplan td,.table.table-mediaplan-agreed td,.table.table-survey td,.table.table-approval td,.table.table-process td,.table.table-bills td,.table.table-coordination td {
  height: 47px;
}

.table.table-approval-client td .input,.table.table-process-channels td .input,.table.table-mediaplan td .input,.table.table-mediaplan-agreed td .input,.table.table-survey td .input,.table.table-approval td .input,.table.table-process td .input,.table.table-bills td .input,.table.table-coordination td .input {
  width: auto;
}

.table.table-approval-client td .input__container,.table.table-process-channels td .input__container,.table.table-mediaplan td .input__container,.table.table-mediaplan-agreed td .input__container,.table.table-survey td .input__container,.table.table-approval td .input__container,.table.table-process td .input__container,.table.table-bills td .input__container,.table.table-coordination td .input__container {
  position: relative;
  display: flex;
  width: auto;
  justify-content: center;
}

.table.table-approval-client td .input__container .symbol,.table.table-process-channels td .input__container .symbol,.table.table-mediaplan td .input__container .symbol,.table.table-mediaplan-agreed td .input__container .symbol,.table.table-survey td .input__container .symbol,.table.table-approval td .input__container .symbol,.table.table-process td .input__container .symbol,.table.table-bills td .input__container .symbol,.table.table-coordination td .input__container .symbol {
  position: absolute;
  right: 0px;
}

.table.table-approval-client td .input__el,.table.table-process-channels td .input__el,.table.table-mediaplan td .input__el,.table.table-mediaplan-agreed td .input__el,.table.table-survey td .input__el,.table.table-approval td .input__el,.table.table-process td .input__el,.table.table-bills td .input__el,.table.table-coordination td .input__el {
  margin-right: -0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 30px;
  width: 70px;
  min-width: 70px;
  text-overflow: ellipsis;
  border-radius: 4px;
  border-style: none;
  background-color: transparent;
  padding: 0.5rem;
  text-align: right;
}

.table.table-approval-client td .input__el:focus,.table.table-approval-client td .input__el:active,.table.table-approval-client td .input__el:hover,.table.table-process-channels td .input__el:focus,.table.table-process-channels td .input__el:active,.table.table-process-channels td .input__el:hover,.table.table-mediaplan td .input__el:focus,.table.table-mediaplan td .input__el:active,.table.table-mediaplan td .input__el:hover,.table.table-mediaplan-agreed td .input__el:focus,.table.table-mediaplan-agreed td .input__el:active,.table.table-mediaplan-agreed td .input__el:hover,.table.table-survey td .input__el:focus,.table.table-survey td .input__el:active,.table.table-survey td .input__el:hover,.table.table-approval td .input__el:focus,.table.table-approval td .input__el:active,.table.table-approval td .input__el:hover,.table.table-process td .input__el:focus,.table.table-process td .input__el:active,.table.table-process td .input__el:hover,.table.table-bills td .input__el:focus,.table.table-bills td .input__el:active,.table.table-bills td .input__el:hover,.table.table-coordination td .input__el:focus,.table.table-coordination td .input__el:active,.table.table-coordination td .input__el:hover {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-right: 0.5rem;
}

.table.table-approval-client td .input__el::-moz-placeholder, .table.table-process-channels td .input__el::-moz-placeholder, .table.table-mediaplan td .input__el::-moz-placeholder, .table.table-mediaplan-agreed td .input__el::-moz-placeholder, .table.table-survey td .input__el::-moz-placeholder, .table.table-approval td .input__el::-moz-placeholder, .table.table-process td .input__el::-moz-placeholder, .table.table-bills td .input__el::-moz-placeholder, .table.table-coordination td .input__el::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table.table-approval-client td .input__el::placeholder,.table.table-process-channels td .input__el::placeholder,.table.table-mediaplan td .input__el::placeholder,.table.table-mediaplan-agreed td .input__el::placeholder,.table.table-survey td .input__el::placeholder,.table.table-approval td .input__el::placeholder,.table.table-process td .input__el::placeholder,.table.table-bills td .input__el::placeholder,.table.table-coordination td .input__el::placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table .input-checkbox.table__checkbox-accept input:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(28 222 11 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(28 222 11 / var(--tw-bg-opacity, 1));
}

.table .input-checkbox.table__checkbox-accept:hover span:before {
  --tw-border-opacity: 1;
  border-color: rgb(28 222 11 / var(--tw-border-opacity, 1));
}

.table .input-checkbox.table__checkbox-decline input:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(222 53 11 / var(--tw-bg-opacity, 1));
}

.table .input-checkbox.table__checkbox-decline:hover span:before {
  --tw-border-opacity: 1;
  border-color: rgb(222 53 11 / var(--tw-border-opacity, 1));
}

.table .input-checkbox.table__checkbox-decline span:after {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMjE5MzkgMS4yOTkxN0wyLjIxOTM5IDEuMjk5MTdDMS45NjU1NCAxLjA0NTMzIDEuNTUzOTkgMS4wNDUzMyAxLjMwMDE1IDEuMjk5MTdMMS4zMDAxNCAxLjI5OTE3QzEuMDQ2MzEgMS41NTMwMSAxLjA0NjMxIDEuOTY0NTcgMS4zMDAxNCAyLjIxODQxTDEuMzAwMTQgMi4yMTg0MUw0LjA4MTQ0IDQuOTk5NjlMMS4zMDAxOCA3Ljc4MDk4QzEuMzAwMTggNy43ODA5OCAxLjMwMDE4IDcuNzgwOTggMS4zMDAxNyA3Ljc4MDk4QzEuMDQ2MzMgOC4wMzQ4MSAxLjA0NjM0IDguNDQ2MzggMS4zMDAxOCA4LjcwMDIxTDEuMzAwMTggOC43MDAyMUMxLjU1NDAyIDguOTU0MDQgMS45NjU1NyA4Ljk1NDA0IDIuMjE5NDEgOC43MDAyMUwyLjIxOTQxIDguNzAwMjFMNS4wMDA2NyA1LjkxODkzTDcuNzgxOTUgOC43MDAyMUM4LjAzNTc4IDguOTU0MDQgOC40NDczNiA4Ljk1NDA0IDguNzAxMTkgOC43MDAyMUM4Ljk1NTAyIDguNDQ2MzggOC45NTUwMiA4LjAzNDgxIDguNzAxMTkgNy43ODA5OEw1LjkxOTkgNC45OTk3TDguNzAxMjQgMi4yMTg0MUw4LjcwMTI0IDIuMjE4NDFDOC45NTUwNiAxLjk2NDU2IDguOTU1MDYgMS41NTMwMSA4LjcwMTI0IDEuMjk5MTdMOC43MDEyNCAxLjI5OTE3QzguNDQ3NDEgMS4wNDUzMyA4LjAzNTgzIDEuMDQ1MzMgNy43ODIgMS4yOTkxN0M3Ljc4MiAxLjI5OTE3IDcuNzgyIDEuMjk5MTcgNy43ODIgMS4yOTkxN0w1LjAwMDY3IDQuMDgwNDZMMi4yMTkzOSAxLjI5OTE3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4zIi8+Cjwvc3ZnPgo=);
}

.table-selected thead,.table-selected tbody {
  display: none;
}

.table-selected.active thead {
  display: table-header-group;
}

.table-selected.active tbody {
  display: table-row-group;
}

.table-selected tr td:first-child .button,.table-selected tr th:first-child .button {
  height: auto;
  width: auto;
  background-color: transparent;
  padding: 0px;
}

.table-selected tr td:first-child .button svg,.table-selected tr th:first-child .button svg {
  height: 1rem;
  width: 1rem;
}

.table thead {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.table-blue thead {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.table-blue thead th:first-child {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.table .input-with-label .input__el.table__comment {
  min-width: 160px;
  border-style: none;
  background-color: transparent;
  padding-left: 0px;
  text-align: left;
}

.table .input-with-label .input__el.table__comment:focus,.table .input-with-label .input__el.table__comment:active,.table .input-with-label .input__el.table__comment:hover {
  padding-left: 0.5rem;
}

.table .input-with-label .input__el.table__comment::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table .input-with-label .input__el.table__comment::placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table .input-with-label .input__el.table__comment.sm {
  min-width: 120px;
}

.table .table__post {
  position: relative;
  min-width: 182px;
  background-color: transparent;
  padding-left: 0px;
}

.table .table__post .input-with-label {
  height: 100%;
}

.table .table__post .input__container {
  height: 100%;
}

.table .table__post .button {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 60;
  height: 30px;
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding: 0px;
  opacity: 0;
  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: 300ms;
}

.table .table__post .button svg {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .table__post .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.table .table__post .button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table .table__post__wrapper {
  position: relative;
  height: 100%;
}

.table .table__post__wrapper:hover .button {
  opacity: 1;
}

.table .table__post__wrapper:hover textarea {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
}

.table .table__post__input {
  height: 100%;
}

.table .table__post__input textarea {
  position: absolute;
  z-index: 50;
  max-height: 30px;
  min-width: 142px;
  max-width: 142px;
  border-style: none;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 26px;
  padding-left: 0px;
  text-align: left;
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.table .table__post__input textarea:focus,.table .table__post__input textarea:active,.table .table__post__input textarea:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
}

.table .table__post__input textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table .table__post__input textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table .table__post__input textarea.active {
  max-height: 100px;
  width: 232px;
  max-width: 232px;
}

.table .table__post__input textarea.filled {
  white-space: pre-wrap;
}

.table__sorts,.table__attachedfiles {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.table__attachedfile {
  height: 26px;
  width: 26px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__attachedfile a {
  position: absolute;
  inset: 0px;
  z-index: 50;
  height: 100%;
  width: 100%;
}

.table__attachedfile__separator {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(227 229 235 / var(--tw-text-opacity, 1));
}

.table__attachedfile .table__icon {
  height: 1.25rem;
  width: 1.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__attachedfile .table__icon svg {
  height: 12px;
  min-height: 12px;
  width: 9px;
  min-width: 9px;
}

.table__attachedfile.filled {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(222 233 255 / var(--tw-bg-opacity, 1));
}

.table__attachedfile.filled:hover .table__attachedfile__remove {
  visibility: visible;
  opacity: 1;
}

.table__attachedfile.filled .table__icon {
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.table__attachedfile.filled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(222 233 255 / var(--tw-bg-opacity, 1));
}

.table__attachedfile .button.table__attachedfile__remove {
  visibility: hidden;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 60;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  opacity: 0;
}

.dropdown__value.table__attachedfile .button.table__attachedfile__remove {
  display: none;
}

.table__attachedfile .button.table__attachedfile__remove svg {
  height: 0.375rem;
  width: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.table__attachedfile:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.table .fixed-th {
  position: sticky;
  top: auto;
  left: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .fixed-th-border {
  border-right-width: 0px;
}

.table .fixed-th-border:after {
  position: absolute;
  top: 0px;
  right: -1px;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

.table .fixed-th-prev-checkbox {
  left: 76px;
}

.table .fixed-td {
  position: sticky;
  top: auto;
  left: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .fixed-td-border {
  border-right-width: 0px;
}

.table .fixed-td-border:before {
  position: absolute;
  top: 0px;
  left: -0.5px;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

.table .fixed-td-border:after {
  position: absolute;
  top: 0px;
  right: -1px;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

.table .fixed-td-prev-checkbox {
  left: 76px;
}

.table .fixed-subrow {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.table__attachedlink:hover,.table__attachedlink:active,.table__attachedlink:focus,.table__attachedbill:hover,.table__attachedbill:active,.table__attachedbill:focus {
  background-color: transparent;
}

.table__attachedlink>.button,.table__attachedbill>.button {
  height: auto;
  width: auto;
  padding: 0px;
}

.table__attachedlink>.button:hover,.table__attachedlink>.button:focus,.table__attachedlink>.button:active,.table__attachedbill>.button:hover,.table__attachedbill>.button:focus,.table__attachedbill>.button:active {
  background-color: transparent;
}

.table__attachedlink,.table__attachedbill,.table__attachedfile {
  position: relative;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.table__attachedlink .dropdown__list,.table__attachedbill .dropdown__list,.table__attachedfile .dropdown__list {
  min-width: 120px;
}

.table__attachedlink.filled:hover .table__attachedlink__dropdown,.table__attachedlink.filled:hover .table__attachedfile__dropdown,.table__attachedbill.filled:hover .table__attachedlink__dropdown,.table__attachedbill.filled:hover .table__attachedfile__dropdown,.table__attachedfile.filled:hover .table__attachedlink__dropdown,.table__attachedfile.filled:hover .table__attachedfile__dropdown {
  visibility: visible;
  opacity: 1;
}

.table__attachedlink__container,.table__attachedbill__container,.table__attachedfile__container {
  display: flex;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.table__attachedlink__container.filled:hover .table__attachedbill__remove,.table__attachedbill__container.filled:hover .table__attachedbill__remove,.table__attachedfile__container.filled:hover .table__attachedbill__remove {
  visibility: visible;
  opacity: 1;
}

.table__attachedlink input,.table__attachedbill input,.table__attachedfile input {
  position: absolute;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.table__attachedlink__value,.table__attachedbill__value,.table__attachedfile__value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  max-width: 120px;
  text-overflow: ellipsis;
  padding-top: 2px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table__attachedlink__value a,.table__attachedbill__value a,.table__attachedfile__value a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  max-width: 120px;
  text-overflow: ellipsis;
}

.table__attachedlink__dropdown,.table__attachedbill__dropdown,.table__attachedfile__dropdown {
  visibility: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.table__attachedlink__dropdown,.dropdown__value.table__attachedbill__dropdown,.dropdown__value.table__attachedfile__dropdown {
  display: none;
}

.table__attachedlink__dropdown>svg,.table__attachedbill__dropdown>svg,.table__attachedfile__dropdown>svg {
  height: 0.875rem;
  width: 0.875rem;
}

.table__attachedlink .table__icon svg {
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
}

.table__attachedlink .dropdown__list .button svg {
  height: 0.875rem;
  max-height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  min-width: 0.875rem;
  max-width: 0.875rem;
}

.table__attachedlink .dropdown__list .button:first-child svg {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.table__attachedbill {
  position: relative;
  margin: 0px;
  padding-right: 1rem;
}

.table__attachedbill .table__icon {
  height: auto;
  width: auto;
  background-color: transparent;
  padding: 0px;
}

.table__attachedbill .table__icon svg {
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table__attachedbill .table__icon:hover,.table__attachedbill .table__icon:focus,.table__attachedbill .table__icon:active {
  background-color: transparent;
}

.table__attachedbill input {
  position: absolute;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.table__attachedbill__remove {
  visibility: hidden;
  height: auto;
  width: auto;
  padding: 0px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.table__attachedbill__remove {
  display: none;
}

.table__attachedbill__remove:hover,.table__attachedbill__remove:focus,.table__attachedbill__remove:active {
  background-color: transparent;
}

.table__attachedbill__remove svg {
  height: 0.75rem;
  min-height: 0.75rem;
  width: 1rem;
  min-width: 1rem;
}

.table__attachedbill__value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  max-width: 120px;
  text-overflow: ellipsis;
  padding-top: 2px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.table__attachedbill-bill {
  max-width: 92px;
}

.table__attachedbill-bill .table__attachedbill__value {
  max-width: 57px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table__sortbutton {
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  right: -13px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.table__sortbutton {
  display: none;
}

.table__sortbutton.active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.table__sortbutton svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__selected {
  display: none;
  height: 2.5rem;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 1.25rem;
  padding-left: 1rem;
}

.table__selected p {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.table__selected p span {
  margin-left: 0.25rem;
}

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

.table__clear {
  margin-left: 0.25rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.table__clear:hover,.table__clear:active {
  background-color: transparent;
}

.table__toggle {
  display: flex;
  height: 22px;
  width: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.table__toggle svg {
  height: 5px;
  width: 0.625rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__toggle:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table__toggle.active svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.table__categories {
  margin-right: 0.25rem;
  display: inline-flex;
  --tw-translate-y: 3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  -moz-column-gap: 3px;
       column-gap: 3px;
  border-radius: 11px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  padding: 3px;
}

.table__publication__text {
  display: inline;
}

.table__publication__text p {
  display: inline;
}

.table__publication__text svg {
  display: inline;
}

.table__publication__text span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 311px;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.table__publication__text .button {
  cursor: pointer;
}

.table__publication__text .button:hover,.table__publication__text .button:active {
  background-color: transparent;
}

.table__sort {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__sort__separator {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.table__sort p {
  position: relative;
  display: flex;
  align-items: center;
}

.table__sort svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table__sort.sorted .table__sortbutton {
  visibility: visible;
  opacity: 1;
}

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

.table__sort.active .table__sortbutton {
  visibility: visible;
  opacity: 1;
}

.table__sort.active .table__sortbutton svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table__mediacontent svg {
  height: 1rem;
}

.table .subrow {
  cursor: pointer;
}

.table .subrow h3 {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.table .subrow span {
  display: inline-flex;
  min-height: 18px;
  min-width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  font-size: 10px;
  line-height: 120%;
  font-weight: 500;
}

.table .subrow:hover {
  background-color: transparent;
}

.table .subrow-admin {
  display: none;
}

.table .subrow td.only-text {
  padding-top: 0.875rem;
  padding-bottom: 13px;
  padding-left: 0.75rem;
}

.table .subrow.active .button svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.table .subrow .button svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table-remove-row:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table-remove-row svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__remove {
  visibility: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.table__remove {
  display: none;
}

.table__remove svg {
  height: 1rem;
  width: 1rem;
}

.table__remove-selected {
  visibility: visible;
  opacity: 1;
}

.table__remove.active {
  visibility: visible;
  opacity: 1;
}

.table__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 2px;
       column-gap: 2px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__link svg {
  height: 0.75rem;
  width: 0.75rem;
}

.table__link:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.table__link:active {
  --tw-text-opacity: 1;
  color: rgb(0 75 207 / var(--tw-text-opacity, 1));
}

.table__icon {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.table__icon svg {
  height: 0.875rem;
  width: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.table__channel {
  font-weight: 600;
}

.table__channels {
  position: relative;
  display: flex;
  height: 30px;
  min-width: 416px;
  max-width: 416px;
  justify-content: space-between;
  overflow: hidden;
}

.table__channels__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.table__channels__items a {
  display: flex;
  min-height: 30px;
  max-width: 136px;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 3px;
  padding-bottom: 3px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__channels__items a img {
  max-height: 22px;
  max-width: 22px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.table__channels__items a span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.table__channels__items a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.table__channels__items a:active {
  --tw-text-opacity: 1;
  color: rgb(0 75 207 / var(--tw-text-opacity, 1));
}

.table__channels-companies {
  min-width: 310px;
  max-width: 310px;
}

.table__channels-toggle {
  position: relative;
  top: 0.25rem;
  display: flex;
  height: 22px;
  min-height: 22px;
  width: 26px;
  min-width: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
}

.table__channels-toggle:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.table__channels-toggle:active {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.table__channels-toggle svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table__channels-toggle.active {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.table__channels-toggle.active svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgb(70 115 210 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(70 115 210 / var(--tw-text-opacity, 1));
}

.table__channels.active {
  height: auto;
}

.table th {
  height: 2.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-right: 2rem;
  text-align: left;
}

.table th:nth-child(1),.table th:nth-child(2) {
  padding-left: 30px;
}

.table th p {
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.table th span {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}

.table th .table__category {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table__category {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 0.75rem;
}

.table__category:before {
  position: absolute;
  left: 0px;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-content: '';
  content: var(--tw-content);
}

.table td.audience .male:before,.table th.audience .male:before {
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.table td.audience .female:before,.table th.audience .female:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 88 / var(--tw-bg-opacity, 1));
}

.table td.adult .posts:before,.table th.adult .posts:before {
  --tw-bg-opacity: 1;
  background-color: rgb(131 40 67 / var(--tw-bg-opacity, 1));
}

.table td.adult .words:before,.table th.adult .words:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 88 94 / var(--tw-bg-opacity, 1));
}

.table td.policy .posts:before,.table th.policy .posts:before {
  --tw-bg-opacity: 1;
  background-color: rgb(40 131 76 / var(--tw-bg-opacity, 1));
}

.table td.policy .words:before,.table th.policy .words:before {
  --tw-bg-opacity: 1;
  background-color: rgb(169 255 88 / var(--tw-bg-opacity, 1));
}

.table td.horror .posts:before,.table th.horror .posts:before {
  --tw-bg-opacity: 1;
  background-color: rgb(90 40 131 / var(--tw-bg-opacity, 1));
}

.table td.horror .words:before,.table th.horror .words:before {
  --tw-bg-opacity: 1;
  background-color: rgb(197 88 255 / var(--tw-bg-opacity, 1));
}

.table td {
  height: 47px;
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 2rem;
  vertical-align: top;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.table td h3 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  max-width: 181px;
  text-overflow: ellipsis;
}

.table td:nth-child(1),.table td:nth-child(2) {
  padding-left: 30px;
}

.table td a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table td a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.table td a:active {
  --tw-text-opacity: 1;
  color: rgb(0 75 207 / var(--tw-text-opacity, 1));
}

.table td a img {
  max-height: 22px;
  max-width: 22px;
}

.table td .info-users__body a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table td .datetimepicker-trigger:after,.table td .datetimepicker-trigger input,.table td .datepicker-trigger:after,.table td .datepicker-trigger input,.table td .monthpicker-trigger:after,.table td .monthpicker-trigger input {
  font-weight: 400;
}

.table td h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.table td .dropdown {
  display: inline-flex;
  width: 100%;
}

.table td .dropdown__label {
  font-weight: 400;
}

.table td .dropdown__button {
  width: auto;
}

.table td .dropdown__button .button-icon {
  position: relative;
  height: 0.75rem;
  width: 1rem;
}

.table td .dropdown__button .button-icon svg {
  height: 5px;
  width: 0.625rem;
}

.table td .dropdown__container {
  display: inline-flex;
  align-items: flex-start;
}

.table td .dropdown__list {
  right: 0px;
  width: auto;
}

.table td .dropdown.dropdown-select-admin {
  display: inline-flex;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.table td .dropdown.dropdown-select-admin .dropdown__button {
  width: 100%;
}

.table td .dropdown.dropdown-select-admin .dropdown__list {
  margin-top: 0.5rem;
  margin-right: -0.75rem;
}

.table td .dropdown.dropdown-select-admin .dropdown__inner {
  width: 100%;
}

.table td .dropdown.dropdown-select-admin .dropdown__title {
  max-width: 100%;
  font-weight: 400;
}

.table td .dropdown.dropdown-select-admin.selected {
  border-radius: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

.table td .dropdown.dropdown-select-admin.selected .button {
  display: none;
}

.table td.only-text {
  padding-top: 16px;
  padding-bottom: 0.875rem;
}

.table td.only-text-fixed {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.table td.only-text-sm {
  padding-top: 2px;
  padding-bottom: 2px;
}

.table td .status {
  margin-top: 0.25rem;
}

.table tbody tr {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table tbody tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.table tbody tr:hover .fixed-td,.table tbody tr:hover .fixed-th {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.table tbody tr:hover .delete-concept {
  opacity: 1;
}

.table tbody tr td.advertising-group__table {
  padding-top: 0px;
  padding-bottom: 0.5rem;
  padding-left: 2.5rem;
}

.table tbody tr .delete-concept {
  opacity: 0;
  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: 300ms;
}

.table tbody tr .delete-concept svg {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table tbody tr.create-new-concept {
  cursor: pointer;
}

.table tbody tr.create-new-concept .delete-concept {
  visibility: hidden;
}

.dropdown__value.table tbody tr.create-new-concept .delete-concept {
  display: none;
}

.table tbody tr.create-new-concept span {
  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;
}

.table tbody tr.create-new-concept:hover span {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table tbody td .dropdown-status {
  width: auto;
}

.table tbody td .dropdown-status .dropdown__button {
  height: 30px;
  border-style: none;
  background-color: transparent;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table tbody td .dropdown-status .dropdown__button .button {
  right: 0px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table tbody td .dropdown-status .dropdown__button.active .button {
  opacity: 1;
}

.table tbody td .dropdown-status .dropdown__button:hover .button {
  opacity: 1;
}

.table.table-default {
  min-width: 100%;
}

.table.table-default th:last-child,.table.table-default td:last-child {
  padding-right: 4rem;
}

.table.table-fixed-cols {
  min-width: 100%;
}

.table .adaptation {
  display: flex;
  align-items: center;
}

.table .adaptation__value {
  display: flex;
  align-items: center;
  gap: 2px;
}

.table .adaptation__value p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table .adaptation__value span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 2.5rem;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.table .adaptation:hover .button {
  opacity: 1;
}

.table .adaptation .button {
  margin-right: 0.375rem;
  margin-left: auto;
  height: 0.75rem;
  width: 0.75rem;
  padding: 0px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .adaptation .button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .adaptation .button:hover {
  background-color: transparent;
}

.table .adaptation .button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table .tag {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.table .tag__container {
  display: flex;
  align-items: center;
}

.table .tag__container-hidden {
  display: none;
}

.table .tag__item {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 158px;
  text-overflow: ellipsis;
  border-radius: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.table .tag__list {
  margin-top: 2px;
  display: flex;
  max-height: 68px;
  flex-wrap: wrap;
  gap: 0.25rem;
  overflow: hidden;
}

.table .tag__list.active {
  max-height: -moz-max-content;
  max-height: max-content;
}

.table .tag__list.active .tag__item {
  display: block;
}

.table .tag__value {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.table .tag__value p {
  font-size: 10px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.table .tag__value span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table .tag__button {
  margin-top: 0.25rem;
  cursor: pointer;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .tag__button:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.table .tag:hover .button {
  opacity: 1;
}

.table .tag .button {
  margin-right: 0.375rem;
  margin-left: auto;
  height: 0.75rem;
  width: 0.75rem;
  padding: 0px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .tag .button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.table .tag .button:hover {
  background-color: transparent;
}

.table .tag .button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.popup {
  visibility: hidden;
  position: fixed;
  inset: 0px;
  z-index: -1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.popup {
  display: none;
}

.popup-save,.popup-nosave {
  justify-content: center;
}

.popup__bg {
  visibility: hidden;
  position: fixed;
  inset: 0px;
  z-index: -1;
  cursor: pointer;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.25;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.popup__bg {
  display: none;
}

.popup__bg.active {
  visibility: visible;
  z-index: 100;
  opacity: 1;
}

.popup__bg[data-popup-name="confirm-changes"] {
  z-index: 201;
}

.popup__wrapper {
  position: relative;
  z-index: 200;
  margin-top: -1.25rem;
  width: 100%;
  max-width: 616px;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.popup__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.popup__form {
  margin-top: 2rem;
  display: grid;
}

.popup__form-two-cols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
  row-gap: 1rem;
}

.popup__col {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.popup__buttons {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.popup__buttons-selected {
  margin-top: 0.5rem;
}

.popup__apply {
  visibility: hidden;
  position: absolute;
  z-index: -10;
  min-width: 258px;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.popup__apply {
  display: none;
}

.popup__apply h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.popup__apply p {
  margin-top: 0.375rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.popup__apply .popup__buttons {
  margin-top: 1rem;
  justify-content: center;
}

.popup__apply .popup__buttons .button {
  flex: 1 1 0%;
  justify-content: center;
}

.popup__apply__bg {
  visibility: hidden;
  position: fixed;
  inset: 0px;
  z-index: -1;
  cursor: pointer;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.25;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.popup__apply__bg {
  display: none;
}

.popup__apply__bg.active {
  visibility: visible;
  z-index: 999;
  opacity: 1;
}

.popup__apply.active {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
}

.popup__apply-top {
  top: 72px;
  right: 1.25rem;
}

.popup__apply-bottom {
  right: 1.25rem;
  bottom: 112px;
}

.popup__apply-cancel {
  right: 1.25rem;
  bottom: 112px;
}

.popup.active {
  visibility: visible;
  z-index: 200;
  opacity: 1;
}

.popup.active .popup__wrapper {
  margin-top: 0px;
}

.popup.active[data-popup-name="confirm-changes"] {
  z-index: 300;
}

.popup__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: auto;
  border-radius: 9999px;
}

.popup__copy {
  position: relative;
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.popup__copy .button {
  position: absolute;
  right: -1px;
  height: 30px;
  width: 30px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup__copy .button:hover,.popup__copy .button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(5 86 228 / var(--tw-bg-opacity, 1));
}

.popup__copy span {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__button {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__button.changed {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__button .button {
  right: 0.75rem;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__button,.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__sort {
  max-height: 63px;
  min-height: 2.25rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__button svg,.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__sort svg {
  height: 0.375rem;
  width: 0.625rem;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__sort .button {
  top: 9px;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__value {
  max-height: 1.25rem;
}

.popup[data-popup-name="add-admin"] .popup__wrapper .input__el.filled,.popup[data-popup-name="add-admin"] .popup__wrapper textarea.filled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.popup[data-popup-name="add-admin"] .popup__wrapper .dropdown__image {
  height: 1rem;
  width: 1rem;
}

.popup[data-popup-name="generate-bill"] .popup__subtitle {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.popup[data-popup-name="generate-bill"] .heading {
  position: absolute;
  top: 4rem;
  right: 2rem;
  margin-top: 0px;
}

.popup[data-popup-name="generate-bill"] .bills-group .dropdown {
  width: auto;
}

.popup[data-popup-name="generate-bill"] .bills-group .dropdown__title {
  max-width: -moz-min-content;
  max-width: min-content;
}

.popup[data-popup-name="generate-bill"] .bills-group .dropdown__inner {
  gap: 0.375rem;
}

.popup[data-popup-name="generate-bill"] .popup__apply {
  padding-bottom: 0.625rem;
}

.popup[data-popup-name="generate-bill"] .popup__apply p {
  margin-top: 0.25rem;
}

.popup[data-popup-name="generate-bill"] .bills-group__table{padding-left:20px !important}

.popup[data-popup-name="generate-bill"] .bills-group__table .table-outer {
  max-width: 980px;
}

.popup[data-popup-name="generate-bill"] .bills-group__table .table-outer .table-borders {
  left: 1.25rem;
}

.popup[data-popup-name="generate-bill"] .bills-group__table table:after{height:var(--after-height);left: 1.25rem}

.popup[data-popup-name="generate-bill"] .bills-group__table table:before {
  display: none;
}

.popup[data-popup-name="generate-bill"] .popup__wrapper {
  max-width: 1065px;
  overflow: hidden;
}

.popup[data-popup-name="generate-bill"] .popup__wrapper .popup__apply p {
  line-height: .75rem;
}

.popup[data-popup-name="create-bill"] .popup__subtitle {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="create-bill"] .heading {
  position: absolute;
  top: 4rem;
  right: 2rem;
  margin-top: 0px;
}

.popup[data-popup-name="create-bill"] .popup__buttons-selected {
  margin-top: 0.75rem;
}

.popup[data-popup-name="create-bill"] .popup__apply {
  padding-bottom: 0.625rem;
}

.popup[data-popup-name="create-bill"] .popup__apply p {
  margin-top: 0.25rem;
}

.popup[data-popup-name="create-bill"] .bills-group__table{width:100%}

.popup[data-popup-name="create-bill"] .bills-group__table table{width:100% !important}

.popup[data-popup-name="create-bill"] .bills-group__table table:after{height:var(--after-height)}

.popup[data-popup-name="create-bill"] .popup__wrapper {
  max-width: 1065px;
  overflow: hidden;
}

.popup[data-popup-name="create-bill"] .popup__wrapper .popup__apply p {
  line-height: .75rem;
}

.popup[data-popup-name="check-adaptation"] .popup__wrapper,.popup[data-popup-name="add-tag"] .popup__wrapper {
  position: relative;
  max-width: 328px;
  padding: 1rem;
}

.popup[data-popup-name="check-adaptation"] .popup__wrapper>.input__label,.popup[data-popup-name="add-tag"] .popup__wrapper>.input__label {
  margin-bottom: 0.5rem;
}

.popup[data-popup-name="check-adaptation"] .popup__wrapper input,.popup[data-popup-name="add-tag"] .popup__wrapper input {
  height: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .popup__wrapper input[disabled],.popup[data-popup-name="add-tag"] .popup__wrapper input[disabled] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .popup__buttons,.popup[data-popup-name="add-tag"] .popup__buttons {
  margin-top: 1rem;
}

.popup[data-popup-name="check-adaptation"] .popup__buttons .button,.popup[data-popup-name="add-tag"] .popup__buttons .button {
  border-width: 1px;
}

.popup[data-popup-name="check-adaptation"] .popup__buttons .button.button-with-icon-blue,.popup[data-popup-name="add-tag"] .popup__buttons .button.button-with-icon-blue {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .popup__buttons .button[disabled],.popup[data-popup-name="add-tag"] .popup__buttons .button[disabled] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .popup__labels,.popup[data-popup-name="add-tag"] .popup__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.popup[data-popup-name="check-adaptation"] .popup__label,.popup[data-popup-name="add-tag"] .popup__label {
  position: relative;
}

.popup[data-popup-name="check-adaptation"] .popup__label input,.popup[data-popup-name="add-tag"] .popup__label input {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.dropdown__value.popup[data-popup-name="check-adaptation"] .popup__label input,.dropdown__value.popup[data-popup-name="add-tag"] .popup__label input {
  display: none;
}

.popup[data-popup-name="check-adaptation"] .popup__label input:checked+span,.popup[data-popup-name="add-tag"] .popup__label input:checked+span {
  --tw-border-opacity: 1;
  border-color: rgb(0 92 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .popup__label span,.popup[data-popup-name="add-tag"] .popup__label span {
  display: block;
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.popup[data-popup-name="check-adaptation"] .input__label,.popup[data-popup-name="add-tag"] .input__label {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="check-adaptation"] .input__label svg,.popup[data-popup-name="add-tag"] .input__label svg {
  height: 0.625rem;
  width: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .input__label .button,.popup[data-popup-name="add-tag"] .input__label .button {
  position: relative;
  cursor: pointer;
}

.popup[data-popup-name="check-adaptation"] .input__label .button svg,.popup[data-popup-name="add-tag"] .input__label .button svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.popup[data-popup-name="check-adaptation"] .input__label .button svg:hover,.popup[data-popup-name="add-tag"] .input__label .button svg:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="check-adaptation"] .input__label .button:hover,.popup[data-popup-name="add-tag"] .input__label .button:hover {
  background-color: transparent;
}

.popup[data-popup-name="check-adaptation"] .input__label .button:hover span,.popup[data-popup-name="add-tag"] .input__label .button:hover span {
  visibility: visible;
  opacity: 1;
}

.popup[data-popup-name="check-adaptation"] .input__label .button span,.popup[data-popup-name="add-tag"] .input__label .button span {
  visibility: hidden;
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  width: 137px;
  cursor: default;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: left;
  font-size: 10px;
  line-height: 120%;
  font-weight: 400;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.popup[data-popup-name="check-adaptation"] .input__label .button span,.dropdown__value.popup[data-popup-name="add-tag"] .input__label .button span {
  display: none;
}

.popup[data-popup-name="check-adaptation"] .input__label .button span ul li,.popup[data-popup-name="add-tag"] .input__label .button span ul li{list-style-type:'•';margin-left: 0.375rem;padding-left: 0.25rem}

.popup[data-popup-name="check-adaptation"] .popup__form,.popup[data-popup-name="add-tag"] .popup__form {
  margin-top: 1rem;
}

.popup[data-popup-name="add-tag"] .popup__wrapper {
  max-width: 369px;
}

.popup[data-popup-name="add-tag"] .popup__label span {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.popup[data-popup-name="add-tag"] .popup__content {
  position: relative;
}

.popup[data-popup-name="add-tag"] form {
  margin-bottom: 1rem;
}

.popup[data-popup-name="add-tag"] .popup__error {
  margin-top: 5px;
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}

.popup[data-popup-name="add-tag"] .popup__error span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(222 53 11 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="add-tag"] .popup__error.active {
  display: flex;
}

.popup[data-popup-name="add-tag"] .popup__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.popup[data-popup-name="add-tag"] .popup__textarea {
  margin-top: 0.5rem;
  display: flex;
  min-height: 2rem;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  line-height: 1.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.popup[data-popup-name="add-tag"] .popup__textarea .popup__tag {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 2px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.1;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 2px;
  padding-left: 0.375rem;
}

.popup[data-popup-name="add-tag"] .popup__textarea .popup__tag span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.popup[data-popup-name="add-tag"] .popup__textarea .popup__tag button {
  height: 1rem;
  width: 1rem;
}

.popup[data-popup-name="add-tag"] .popup__textarea .popup__tag button svg {
  height: 7px;
  width: 7px;
}

.popup[data-popup-name="add-tag"] .popup__textarea.disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.popup[data-popup-name="add-tag"] .popup__placeholder {
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="admin-edit-mode"] .popup__wrapper {
  position: relative;
  max-width: 620px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 1rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__heading h2 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="admin-edit-mode"] .popup__container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__controls {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup[data-popup-name="admin-edit-mode"] .popup__icon {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="admin-edit-mode"] .popup__icon svg {
  height: 1rem;
  width: 1rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__save {
  visibility: hidden;
  position: absolute;
  bottom: 0.75rem;
  left: 1.25rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(228 252 229 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.popup[data-popup-name="admin-edit-mode"] .popup__save {
  display: none;
}

.popup[data-popup-name="admin-edit-mode"] .popup__save span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="admin-edit-mode"] .popup__save.active {
  visibility: visible;
  opacity: 1;
}

.popup[data-popup-name="admin-edit-mode"] .popup__alert {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__alert span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="admin-edit-mode"] .popup__refresh {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__refresh svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="admin-edit-mode"] .popup__refresh span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="admin-edit-mode"] .popup__block {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.75rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__block h2 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.popup[data-popup-name="admin-edit-mode"] .popup__items {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 0.875rem;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 1rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__buttons {
  margin-top: 1rem;
}

.popup[data-popup-name="admin-edit-mode"] .popup__apply {
  right: 1.25rem;
  bottom: 88px;
}

.popup[data-popup-name="edit-mode"] .popup__wrapper {
  position: relative;
  max-width: 906px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 2.5rem;
}

.popup[data-popup-name="edit-mode"] .popup__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.popup[data-popup-name="edit-mode"] .popup__heading h2 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="edit-mode"] .popup__container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.popup[data-popup-name="edit-mode"] .popup__controls {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup[data-popup-name="edit-mode"] .popup__icon {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="edit-mode"] .popup__icon svg {
  height: 1rem;
  width: 1rem;
}

.popup[data-popup-name="edit-mode"] .popup__save {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(228 252 229 / var(--tw-bg-opacity, 1));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.popup[data-popup-name="edit-mode"] .popup__save span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="edit-mode"] .popup__alert {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.popup[data-popup-name="edit-mode"] .popup__alert span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="edit-mode"] .popup__refresh {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.popup[data-popup-name="edit-mode"] .popup__refresh svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="edit-mode"] .popup__refresh span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="edit-mode"] .popup__block {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.75rem;
}

.popup[data-popup-name="edit-mode"] .popup__block h2 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.popup[data-popup-name="edit-mode"] .popup__items {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 0.875rem;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 1rem;
  padding-bottom: 2rem;
}

.popup[data-popup-name="edit-mode"] .popup__items .dropdown {
  justify-content: flex-start;
}

.popup[data-popup-name="edit-mode"] .popup__items .dropdown__button,.popup[data-popup-name="edit-mode"] .popup__items .dropdown__sort {
  max-height: 63px;
  min-height: 2.25rem;
  padding: 7px;
}

.popup[data-popup-name="edit-mode"] .popup__items .dropdown__button svg,.popup[data-popup-name="edit-mode"] .popup__items .dropdown__sort svg {
  height: 0.375rem;
  width: 0.625rem;
}

.popup[data-popup-name="edit-mode"] .popup__items .dropdown__sort .button {
  top: 9px;
}

.popup[data-popup-name="edit-mode"] .popup__items .dropdown__values {
  align-items: center;
}

.popup[data-popup-name="edit-mode"] .popup__items .dropdown__value {
  max-height: 1.25rem;
}

.popup[data-popup-name="edit-mode"] .popup__buttons {
  margin-top: 1.5rem;
}

.popup[data-popup-name="edit-mode"] .popup__apply {
  right: 1.25rem;
  bottom: 88px;
}

.popup[data-popup-name="confirm-changes"] .popup__wrapper {
  position: relative;
  max-width: 642px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 2.5rem;
}

.popup[data-popup-name="confirm-changes"] .popup__content {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
}

.popup[data-popup-name="confirm-changes"] .popup__content h2 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__block {
  margin-top: 0.875rem;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__block h3 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__changes {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 26px 1fr;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__changes .input__sexes .input__container {
  margin-top: 0px;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__changes .input__sex input {
  height: 1.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__change {
  pointer-events: none;
  display: flex;
  height: 2.25rem;
  align-items: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="confirm-changes"] .popup__content .popup__change.old {
  opacity: 0.7;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.popup[data-popup-name="confirm-changes"] .popup__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.popup[data-popup-name="confirm-changes"] .popup__heading h2 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="confirm-changes"] .popup__container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.popup[data-popup-name="confirm-changes"] .popup__icon {
  display: flex;
  height: 1.75rem;
  min-height: 1.75rem;
  width: 1.75rem;
  min-width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(88 147 255 / var(--tw-bg-opacity, 1));
}

.popup[data-popup-name="confirm-changes"] .popup__icon svg {
  height: 18px;
  width: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="add-link"] .popup__wrapper,.popup[data-popup-name="add-link-table"] .popup__wrapper,.popup[data-popup-name="add-link-links"] .popup__wrapper,.popup[data-popup-name="add-link-mediaplan"] .popup__wrapper,.popup[data-popup-name="add-link-creative"] .popup__wrapper,.popup[data-popup-name="add-link-other"] .popup__wrapper {
  max-width: 280px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 2rem;
}

.popup[data-popup-name="add-link"] .popup__wrapper .popup__title,.popup[data-popup-name="add-link-table"] .popup__wrapper .popup__title,.popup[data-popup-name="add-link-links"] .popup__wrapper .popup__title,.popup[data-popup-name="add-link-mediaplan"] .popup__wrapper .popup__title,.popup[data-popup-name="add-link-creative"] .popup__wrapper .popup__title,.popup[data-popup-name="add-link-other"] .popup__wrapper .popup__title {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.popup[data-popup-name="add-link"] .popup__wrapper .input-with-label,.popup[data-popup-name="add-link-table"] .popup__wrapper .input-with-label,.popup[data-popup-name="add-link-links"] .popup__wrapper .input-with-label,.popup[data-popup-name="add-link-mediaplan"] .popup__wrapper .input-with-label,.popup[data-popup-name="add-link-creative"] .popup__wrapper .input-with-label,.popup[data-popup-name="add-link-other"] .popup__wrapper .input-with-label {
  margin-top: 1rem;
}

.popup[data-popup-name="add-link"] .popup__wrapper .input-with-label .input__label,.popup[data-popup-name="add-link-table"] .popup__wrapper .input-with-label .input__label,.popup[data-popup-name="add-link-links"] .popup__wrapper .input-with-label .input__label,.popup[data-popup-name="add-link-mediaplan"] .popup__wrapper .input-with-label .input__label,.popup[data-popup-name="add-link-creative"] .popup__wrapper .input-with-label .input__label,.popup[data-popup-name="add-link-other"] .popup__wrapper .input-with-label .input__label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="add-link"] .popup__wrapper .popup__form,.popup[data-popup-name="add-link-table"] .popup__wrapper .popup__form,.popup[data-popup-name="add-link-links"] .popup__wrapper .popup__form,.popup[data-popup-name="add-link-mediaplan"] .popup__wrapper .popup__form,.popup[data-popup-name="add-link-creative"] .popup__wrapper .popup__form,.popup[data-popup-name="add-link-other"] .popup__wrapper .popup__form {
  margin-top: 0px;
}

.popup[data-popup-name="add-link"] .popup__wrapper .popup__form .button,.popup[data-popup-name="add-link-table"] .popup__wrapper .popup__form .button,.popup[data-popup-name="add-link-links"] .popup__wrapper .popup__form .button,.popup[data-popup-name="add-link-mediaplan"] .popup__wrapper .popup__form .button,.popup[data-popup-name="add-link-creative"] .popup__wrapper .popup__form .button,.popup[data-popup-name="add-link-other"] .popup__wrapper .popup__form .button {
  margin-top: 1.5rem;
  width: 100%;
  justify-content: center;
}

.popup[data-popup-name="delete-all-channels"] {
  z-index: 300;
}

.popup__bg[data-popup-name="delete-all-channels"] {
  z-index: 299;
}

.popup[data-popup-name="delete-admin-post"] .popup__wrapper,.popup[data-popup-name="delete-attachedbill"] .popup__wrapper,.popup[data-popup-name="delete-attachedlink"] .popup__wrapper,.popup[data-popup-name="delete-attachedfile"] .popup__wrapper,.popup[data-popup-name="delete-link"] .popup__wrapper,.popup[data-popup-name="delete-file"] .popup__wrapper,.popup[data-popup-name="delete-comment"] .popup__wrapper,.popup[data-popup-name="delete-user"] .popup__wrapper,.popup[data-popup-name="delete-all-files"] .popup__wrapper,.popup[data-popup-name="delete-all-channels"] .popup__wrapper,.popup[data-popup-name="delete-post"] .popup__wrapper,.popup[data-popup-name="bill-cancel"] .popup__wrapper,.popup[data-popup-name="bill-annul"] .popup__wrapper,.popup[data-popup-name="bill-restore"] .popup__wrapper,.popup[data-popup-name="delete-rk"] .popup__wrapper {
  max-width: 258px;
  padding: 14px;
}

.popup[data-popup-name="delete-admin-post"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-attachedbill"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-attachedlink"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-attachedfile"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-link"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-file"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-comment"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-user"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-all-files"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-all-channels"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-post"] .popup__wrapper .popup__title,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__title,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__title,.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__title,.popup[data-popup-name="delete-rk"] .popup__wrapper .popup__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.popup[data-popup-name="delete-admin-post"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-attachedbill"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-attachedlink"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-attachedfile"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-link"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-file"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-comment"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-user"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-all-files"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-all-channels"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-post"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="delete-rk"] .popup__wrapper .popup__subtitle {
  margin-top: 0.375rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.popup[data-popup-name="delete-admin-post"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-attachedbill"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-attachedlink"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-attachedfile"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-link"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-file"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-comment"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-user"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-all-files"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-all-channels"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-post"] .popup__wrapper .popup__form,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__form,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__form,.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__form,.popup[data-popup-name="delete-rk"] .popup__wrapper .popup__form {
  margin-top: 0px;
}

.popup[data-popup-name="delete-admin-post"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-attachedbill"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-attachedlink"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-attachedfile"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-link"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-file"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-comment"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-user"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-all-files"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-all-channels"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-post"] .popup__wrapper .popup__buttons,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__buttons,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__buttons,.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__buttons,.popup[data-popup-name="delete-rk"] .popup__wrapper .popup__buttons {
  margin-top: 1rem;
}

.popup[data-popup-name="delete-admin-post"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-attachedbill"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-attachedlink"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-attachedfile"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-link"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-file"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-comment"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-user"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-all-files"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-all-channels"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-post"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="delete-rk"] .popup__wrapper .popup__buttons .button {
  flex: 1 1 0%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.popup[data-popup-name="bill-restore"] .popup__wrapper,.popup[data-popup-name="bill-cancel"] .popup__wrapper,.popup[data-popup-name="bill-annul"] .popup__wrapper {
  max-width: 265px;
  padding-bottom: 0.625rem;
}

.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__title,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__title,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__title {
  line-height: 1rem;
}

.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__subtitle,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__subtitle {
  margin-top: 0.25rem;
  line-height: 14px;
}

.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="bill-cancel"] .popup__wrapper .popup__buttons .button,.popup[data-popup-name="bill-annul"] .popup__wrapper .popup__buttons .button{justify-content:center}

.popup[data-popup-name="bill-restore"] .popup__wrapper {
  max-width: 243px;
}

.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__buttons .button{justify-content:center}

.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__buttons .button-base{flex:unset;min-width:86px}

.popup[data-popup-name="bill-restore"] .popup__wrapper .popup__buttons .button-with-icon-blue{flex:1}

.popup[data-popup-name="share-post"] .popup__wrapper {
  max-width: 493px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
}

.popup[data-popup-name="share-post"] .popup__wrapper .popup__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.popup[data-popup-name="share-post"] .popup__wrapper .popup__title svg {
  height: 30px;
  width: 30px;
}

.popup[data-popup-name="share-post"] .popup__wrapper .popup__close svg {
  height: 9px;
  width: 9px;
}

.popup[data-popup-name="share-post"] .popup__wrapper .popup__subtitle {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="restore-access"] .popup__wrapper {
  max-width: 508px;
  padding: 2rem;
}

.popup[data-popup-name="restore-access"] .popup__wrapper .popup__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.popup[data-popup-name="restore-access"] .popup__wrapper .popup__subtitle {
  margin-top: 1.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="restore-access"] .table__channel {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.popup[data-popup-name="restore-access"] .popup__user {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.popup[data-popup-name="restore-access"] .popup__user__status {
  border-radius: 5px;
  border-width: 1px;
  padding: 0.5rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.popup[data-popup-name="restore-access"] .popup__user__status.role-admin {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="restore-access"] .popup__user__status.role-manager {
  --tw-border-opacity: 1;
  border-color: rgb(241 119 156 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(241 119 156 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="restore-access"] .popup__user__status.role-guest {
  --tw-border-opacity: 1;
  border-color: rgb(128 119 241 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(128 119 241 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="restore-access"] .popup__text {
  margin-top: 1rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.popup[data-popup-name="add-user"] .popup__wrapper {
  max-width: 618px;
  padding: 2rem;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__subtitle {
  margin-top: 1.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="add-user"] .popup__wrapper .button[disabled] {
  height: 34px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__content {
  position: relative;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__close {
  top: 2rem;
  right: 2rem;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__close .button {
  height: 30px;
  width: 30px;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__close svg {
  height: 0.75rem;
  width: 0.75rem;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__textarea {
  margin-top: 1.5rem;
  min-height: 84px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__textarea .popup__email {
  margin-bottom: 0.25rem;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 2px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.1;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-left: 0.375rem;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__textarea .popup__email span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__textarea .popup__email button {
  height: 1rem;
  width: 1rem;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__textarea .popup__email button svg {
  height: 7px;
  width: 7px;
}

.popup[data-popup-name="add-user"] .popup__wrapper .popup__placeholder {
  pointer-events: none;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="add-channel"] .popup__wrapper {
  width: calc(100% - 32px);
  max-width: 1294px;
  overflow-x: hidden;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.popup[data-popup-name="add-channel"] .popup__wrapper .popup__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.popup[data-popup-name="add-channel"] .popup__wrapper .popup__close {
  top: 2rem;
  right: 2rem;
}

.popup[data-popup-name="add-channel"] .popup__wrapper .popup__close .button {
  height: 30px;
  width: 30px;
}

.popup[data-popup-name="add-channel"] .popup__wrapper .popup__close svg {
  height: 0.75rem;
  width: 0.75rem;
}

.popup[data-popup-name="add-channel"] .popup__wrapper .popup__subtitle {
  margin-top: 5px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="post"] .popup__wrapper {
  max-width: 400px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 1rem;
}

.popup[data-popup-name="post"] .popup__wrapper .content-aside-feed__post {
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.popup[data-popup-name="post"] .popup__wrapper .content-aside-feed__header {
  margin-top: 0.625rem;
}

.popup[data-popup-name="post"] .popup__wrapper .content-aside-feed__description {
  max-height: 300px;
  overflow-y: auto;
}

.popup[data-popup-name="post"] .popup__wrapper .popup__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.popup[data-popup-name="post"] .popup__wrapper .popup__date {
  margin-top: 0.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.popup[data-popup-name="post"] .popup__wrapper .popup__avatar {
  position: absolute;
  top: 0px;
  left: -66px;
  height: 3.5rem;
  width: 3.5rem;
}

.popup[data-popup-name="post"] .popup__wrapper .popup__close {
  top: -1.25rem;
  right: -1.25rem;
}

.popup[data-popup-name="post"] .popup__wrapper .popup__close svg {
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.popup[data-popup-name="post"] .popup__wrapper .popup__close:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.monthpicker,.datepicker {
  min-width: 90px;
}

.datetimepicker-trigger .button.calendar-close-icon,.datepicker-trigger .button.calendar-close-icon {
  transition-property: none;
}

.daterangepicker {
  position: fixed;
  margin-top: 0.875rem;
  cursor: default;
  border-radius: 10px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  font-family: Inter, sans-serif;
}

.daterangepicker:before,.daterangepicker:after {
  display: none;
}

.daterangepicker.opensright {
  margin-left: -33px;
}

.daterangepicker.opensleft {
  margin-right: -13px;
}

.daterangepicker .drp-calendar.left {
  padding: 0.5rem;
}

.daterangepicker .drp-calendar.right {
  display: none;
  height: 0px;
  width: 0px;
  padding: 0px;
}

.daterangepicker .drp-calendar.right .calendar-table {
  border-style: none;
  background-color: transparent;
}

.daterangepicker .drp-calendar.right thead tr th:first-child,.daterangepicker .drp-calendar.right thead tr th:nth-child(2),.daterangepicker .drp-calendar.right thead tr:nth-child(2),.daterangepicker .drp-calendar.right td {
  display: none;
}

.daterangepicker .calendar-table {
  border-style: none;
}

.daterangepicker .calendar-table td {
  position: relative;
  height: 22px;
  border-style: none;
  padding: 0px;
  line-height: 1;
}

.daterangepicker .drp-calendar {
  max-width: 100%;
}

.daterangepicker .drp-buttons .btn {
  display: none;
}

.daterangepicker.show-calendar .drp-buttons {
  display: none;
  border-style: none;
  padding: 0.5rem;
  padding-bottom: 0px;
}

.daterangepicker .drp-calendar.left .calendar-table {
  padding-right: 0px;
}

.daterangepicker .calendar-table table thead tr:nth-child(2) th {
  padding-top: 0.5rem;
  padding-bottom: 0.375rem;
}

.daterangepicker td.available span:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 222 255 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table table {
  border-collapse: separate;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.daterangepicker .drp-selected {
  display: flex;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

.daterangepicker .drp-selected .button {
  height: 18px;
  width: 18px;
  padding: 0px;
}

.daterangepicker .drp-selected .button svg {
  height: 7px;
  width: 7px;
}

.daterangepicker td.in-range span {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.daterangepicker .calendar-table th.month {
  height: 1.25rem;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
}

.daterangepicker .calendar-table th {
  cursor: default;
  border-style: none;
  padding: 0px;
}

.daterangepicker .calendar-table th,.daterangepicker .calendar-table td span {
  height: 22px;
  min-width: 22px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.daterangepicker .calendar-table td span {
  pointer-events: none;
  position: relative;
  z-index: 10;
  display: inline-block;
}

.daterangepicker .calendar-table td.monthPanel {
  height: 22px;
  padding-left: 11px;
  padding-right: 11px;
  text-align: left;
}

.daterangepicker .calendar-table td.monthPanel span {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.daterangepicker .calendar-table td.monthPanel span,.daterangepicker .calendar-table td.monthPanel.start-date.end-date span {
  border-radius: 3px;
}

.daterangepicker td.weekend span {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.daterangepicker td.weekend:hover span {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.daterangepicker td.active span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.daterangepicker td.active span:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.daterangepicker td.start-date.end-date span {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.daterangepicker td.in-range span {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.daterangepicker td.in-range span:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.daterangepicker td.weekend.in-range:not(.off) span {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.daterangepicker td.start-date.in-range,.daterangepicker td.end-date.in-range:not(.off) span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.daterangepicker .calendar-table .prev,.daterangepicker .calendar-table .next {
  display: flex;
  height: 1.25rem;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0px;
}

.daterangepicker .calendar-table .prev span,.daterangepicker .calendar-table .next span {
  position: absolute;
  display: inline-block;
  height: 0.625rem;
  width: 0.375rem;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.375rem;
  border-style: none;
  background-repeat: no-repeat;
  padding: 0px;
}

.daterangepicker .calendar-table .prev {
  height: 22px;
  width: 22px;
  min-width: 22px;
  max-width: 22px;
}

.daterangepicker .calendar-table .next {
  position: absolute;
  right: 0.5rem;
  height: 22px;
  width: 22px;
  min-width: 22px;
}

.daterangepicker .calendar-table .prev span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgMC43MDcxMTQgLTAuNzA3MSAtMC43MDcxMTQgNSAwKSIgc3Ryb2tlPSIjOTU5QkE0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzExNCAtMC43MDcxIDAuNzA3MTE0IDAgNSkiIHN0cm9rZT0iIzk1OUJBNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-position: right center;
}

.daterangepicker .calendar-table .prev:hover span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgMC43MDcxMTQgLTAuNzA3MSAtMC43MDcxMTQgNSAwKSIgc3Ryb2tlPSIjMzc0MTUxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzExNCAtMC43MDcxIDAuNzA3MTE0IDAgNSkiIHN0cm9rZT0iIzM3NDE1MSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.daterangepicker .calendar-table .next span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxMTQgMC43MDcxIDAuNzA3MTE0IDEgMTApIiBzdHJva2U9IiM5NTlCQTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjAuNzUiIHkxPSItMC43NSIgeDI9IjYuMzIxMDYiIHkyPSItMC43NSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAtMC43MDcxMTQgMC43MDcxIC0wLjcwNzExNCA2IDUpIiBzdHJva2U9IiM5NTlCQTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
  background-position: left center;
}

.daterangepicker .calendar-table .next:hover span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjc1IiB5MT0iLTAuNzUiIHgyPSI2LjMyMTA2IiB5Mj0iLTAuNzUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxMTQgMC43MDcxIDAuNzA3MTE0IDEgMTApIiBzdHJva2U9IiMzNzQxNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjAuNzUiIHkxPSItMC43NSIgeDI9IjYuMzIxMDYiIHkyPSItMC43NSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAtMC43MDcxMTQgMC43MDcxIC0wLjcwNzExNCA2IDUpIiBzdHJva2U9IiMzNzQxNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
}

.daterangepicker .calendar-table td.start-date.active {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: transparent;
}

.daterangepicker .calendar-table td.start-date.active:before {
  position: absolute;
  left: 0px;
  height: 22px;
  width: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.daterangepicker .calendar-table td.end-date.active {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: transparent;
}

.daterangepicker .calendar-table td.end-date.active:before {
  position: absolute;
  right: 0px;
  height: 22px;
  width: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.daterangepicker td.in-range {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.start-date.in-range.active span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.start-date.in-range.active:hover span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.active.start-date.end-date:before {
  display: none;
}

.daterangepicker .calendar-table td.active.start-date:not(.end-date):before {
  right: 0px;
  left: auto;
}

.daterangepicker .calendar-table td.active.start-date:not(.end-date):last-child:before {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.daterangepicker .calendar-table td.active.end-date.in-range:before {
  right: auto;
  left: 0px;
}

.daterangepicker td.available.in-range:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.daterangepicker td.available:hover {
  background-color: transparent;
}

.daterangepicker td.available:hover span {
  --tw-bg-opacity: 1;
  background-color: rgb(204 222 255 / var(--tw-bg-opacity, 1));
}

.daterangepicker td.available.in-range:hover span {
  background-color: transparent;
}

.daterangepicker tr td.available.in-range:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.daterangepicker tr td.available.in-range:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.daterangepicker td.available.in-range.start-date.active:hover,.daterangepicker td.available.in-range.end-date.active:hover {
  background-color: transparent;
}

.daterangepicker td.available.start-date.active:hover span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.daterangepicker td.available.end-date.active:hover span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.monthrangepicker .calendar-table thead tr th {
  padding-bottom: 0.75rem;
}

.monthrangepicker .calendar-table td span {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.daterangepicker .calendar-table td.off.ends.active.end-date.in-range.available span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.off.ends.in-range.available:not(.end-date) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.daterangepicker td.weekend.in-range span {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.daterangepicker td.weekend.start-date:hover span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.daterangepicker td.weekend.in-range.end-date span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.datetimepicker.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
}

.datetimepicker.daterangepicker.show-calendar .drp-buttons .drp-selected {
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  display: none;
}

.datetimepicker.daterangepicker.show-calendar .drp-buttons .applyBtn {
  position: absolute;
  right: 1rem;
  bottom: 0.875rem;
  margin: 0px;
  display: block;
  padding: 0px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.datetimepicker.daterangepicker.show-calendar .drp-buttons .applyBtn:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.widgets {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(189.25px, 189.25px));
  gap: 1rem;
  padding-top: 1rem;
}

.widgets-no-controls {
  margin-bottom: 2rem;
  padding-top: 0px;
}

@media only screen and (min-width: 1440px){.widgets {
    grid-template-columns: repeat(auto-fit, minmax(189.25px, 189.25px));
  }}

.selectors {
  margin-top: 2.25rem;
}

.selectors:first-child {
  margin-top: 0px;
}

.selector__scroll {
  margin-bottom: -1px;
  display: flex;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  overflow-x: auto;
}

.selector__scroll::-webkit-scrollbar {
  display: none;
}

.selector__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.selector__button {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.selector__button:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.selector__button.active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.selector__button.active:before {
  opacity: 1;
}

.selector__button span {
  display: flex;
  height: 18px;
  width: 23px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  line-height: 1;
}

.selector__button:before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 2px;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.selector__container {
  display: none;
}

.selector__container.active {
  display: block;
}

.selector__toggle {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.selector__toggle input {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}

.dropdown__value.selector__toggle input {
  display: none;
}

.selector__toggle input:checked ~ .reality {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.selector__toggle input:checked ~ .awaiting {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.selector__toggle input:checked ~ span:before {
  left: 17px;
}

.selector__toggle span {
  position: relative;
  display: flex;
  height: 18px;
  width: 33px;
  align-items: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.selector__toggle span:before {
  position: absolute;
  left: 2px;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.selector__toggle p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.selector__toggle p.awaiting {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.content-aside {
  position: absolute;
  right: 1.5rem;
  z-index: 50;
  min-width: 346px;
  max-width: 346px;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  --tw-shadow: 0 24px 0 #fff;
  --tw-shadow-colored: 0 24px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.content-aside__container {
  position: relative;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}

.content-aside__container::-webkit-scrollbar {
  display: none;
}

.content-aside__container .selectors {
  margin-top: 0px;
}

.content-aside__container .selector__containers {
  margin-top: 0px;
}

.content-aside__container .table {
  margin-top: 1rem;
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.content-aside__container .table th,.content-aside__container .table td {
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  vertical-align: middle;
}

.content-aside__container .table th:nth-child(1),.content-aside__container .table th:nth-child(2),.content-aside__container .table td:nth-child(1),.content-aside__container .table td:nth-child(2) {
  padding-left: 0.75rem;
}

.content-aside__container .table tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-top-width: 1px;
}

.content-aside__container .table tr:first-child td:last-child {
  border-top-right-radius: 10px;
  border-top-width: 1px;
}

.content-aside__container .table tr:last-child th:first-child {
  border-bottom-left-radius: 10px;
  border-bottom-width: 1px;
}

.content-aside__container .table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-width: 1px;
}

.content-aside__container .table tr th:first-child {
  height: 2.5rem;
  border-left-width: 1px;
  padding-top: 0.75rem;
  vertical-align: top;
}

.content-aside__container .table tr td:last-child {
  height: 2.5rem;
  border-right-width: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0.75rem;
}

.content-aside__container .table tbody tr:hover {
  background-color: transparent;
}

.content-aside__container .table th {
  width: 129px;
  min-width: 129px;
  max-width: 129px;
  border-right-width: 1px;
  padding-right: 1rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.content-aside__container .table td {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.content-aside__container .table td .dropdown {
  display: flex;
  height: 1.5rem;
  width: 100%;
  align-items: center;
}

.content-aside__container .table td .dropdown__button {
  height: 1.5rem;
  width: 100%;
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.content-aside__container .table td .dropdown__button .button {
  right: 0px;
}

.content-aside__container .table td .dropdown__button .button.sm svg {
  height: 5px;
  width: 0.625rem;
}

.content-aside__container .table td .dropdown__button .dropdown__image {
  height: 1.5rem;
  width: 1.5rem;
}

.content-aside__container .table td .dropdown__title {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.content-aside__container .table td .dropdown-radios .dropdown__list,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__list {
  min-width: 228px;
}

.content-aside__container .table td .dropdown-radios .dropdown__sort,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__sort {
  max-height: 26px;
  min-height: 26px;
  align-items: center;
  border-style: none;
  padding: 0px;
}

.content-aside__container .table td .dropdown-radios .dropdown__sort .button,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__sort .button {
  top: auto;
  right: 0px;
}

.content-aside__container .table td .dropdown-radios .dropdown__values,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__values {
  max-height: 26px;
}

.content-aside__container .table td .dropdown-radios .dropdown__value,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__value {
  max-width: 26px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

.content-aside__container .table td .dropdown-radios .dropdown__value img,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__value img {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(251 251 251 / var(--tw-border-opacity, 1));
}

.content-aside__container .table td .dropdown-radios .dropdown__value:not(:first-child),.content-aside__container .table td .dropdown-checkboxes-images .dropdown__value:not(:first-child) {
  margin-left: -0.75rem;
}

.content-aside__container .table td .dropdown-radios .dropdown__items,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__items {
  max-height: 116px;
}

.content-aside__container .table td .dropdown-radios .dropdown__show-all,.content-aside__container .table td .dropdown-checkboxes-images .dropdown__show-all {
  margin-left: -0.75rem;
  border-radius: 9999px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.content-aside__container .table td .dropdown-button .dropdown__list {
  min-width: 84px;
}

.content-aside__container .table td .dropdown-rkn .dropdown__list {
  min-width: 193px;
}

.content-aside__container .table td .dropdown-checkboxes-images .dropdown__values.multiple {
  margin-top: -2px;
  max-height: 38px;
  min-height: 38px;
  width: calc(100% + 24px);
}

.content-aside__container .table td .dropdown-checkboxes-images .dropdown__values.single {
  margin-top: -2px;
  max-height: 38px;
  min-height: 38px;
}

.content-aside__container .table td .input {
  width: auto;
}

.content-aside__container .table td .input__container {
  position: relative;
  display: flex;
  width: auto;
  justify-content: center;
}

.content-aside__container .table td .input__container .symbol {
  position: absolute;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding-right: 1.25rem;
  padding-left: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.content-aside__container .table td .input__el {
  height: 30px;
  width: auto;
  max-width: 158px;
  border-radius: 4px;
  border-style: none;
  background-color: transparent;
  padding: 0.5rem;
  padding-left: 0px;
}

.content-aside__container .table td .input__el:focus,.content-aside__container .table td .input__el:active,.content-aside__container .table td .input__el:hover {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
}

.content-aside__container .table td .input__el:focus ~ .symbol,.content-aside__container .table td .input__el:active ~ .symbol,.content-aside__container .table td .input__el:hover ~ .symbol {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-right: 0.5rem;
}

.content-aside__container .table td .input__el.currency::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.content-aside__container .table td .input__el.currency::placeholder {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.content-aside__container .textarea {
  min-height: 115px;
}

.content-aside__wrapper {
  position: relative;
  padding-bottom: 0.75rem;
}

.content-aside:before,.content-aside:after {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  height: 75px;
  width: 100%;
  border-radius: 10px;
  --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

.dropdown__value.content-aside:before,.dropdown__value.content-aside:after {
  display: none;
}

.content-aside:before {
  top: 0px;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.content-aside:after {
  bottom: 0px;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.content-aside.visible-top:before {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

.content-aside.visible-bottom:after {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

.content-aside__subtitle {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.content-aside__subtitle .dropdown__button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.content-aside__subtitle .dropdown {
  width: auto;
}

.content-aside__subtitle .dropdown__list {
  width: auto;
}

.content-aside__subtitle:first-child {
  margin-top: 1.5rem;
}

.content-aside__textarea {
  margin-top: 1rem;
}

.content-aside__buttons {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.content-aside__buttons label {
  position: relative;
}

.content-aside__buttons label input {
  visibility: hidden;
  position: absolute;
  left: 0px;
}

.dropdown__value.content-aside__buttons label input {
  display: none;
}

.content-aside-feed {
  padding-top: 0.75rem;
}

.content-aside-feed__heading {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-aside-feed__heading .button {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.content-aside-feed__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.content-aside-feed__title img {
  height: 30px;
  width: 30px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.content-aside-feed__title h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.content-aside-feed__posts {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.content-aside-feed__post {
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.875rem;
}

.content-aside-feed__post-deleted .content-aside-feed__status {
  --tw-bg-opacity: 1;
  background-color: rgb(255 204 204 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(194 54 54 / var(--tw-text-opacity, 1));
}

.content-aside-feed__post-deleted .content-aside-feed__status svg {
  --tw-text-opacity: 1;
  color: rgb(194 54 54 / var(--tw-text-opacity, 1));
}

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

.content-aside-feed__date {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  line-height: 1.25rem;
}

.content-aside-feed__status {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.content-aside-feed__status svg {
  height: 9px;
  width: 9px;
}

.content-aside-feed__status span {
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}

.content-aside-feed__image {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding: 0.375rem;
}

.content-aside-feed__description {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.content-aside-feed__description p {
  align-items: flex-start;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.content-aside-feed__footer {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-aside-feed__stats {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.content-aside-feed__stat {
  display: flex;
  align-items: center;
  -moz-column-gap: 3px;
       column-gap: 3px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.content-aside-feed__stat span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  line-height: 14px;
}

.content-aside-feed__stat svg {
  height: 0.75rem;
  width: 0.75rem;
}

.content-aside-feed__links {
  display: flex;
  align-items: center;
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.content-aside-feed__links .button {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0px;
}

.content-aside-feed__links .button svg {
  height: 1.25rem;
  width: 1.25rem;
}

.content-aside-feed__filter {
  margin-bottom: 1rem;
  display: none;
}

.content-aside-feed__filter h3 {
  margin-bottom: 11px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.content-aside-feed__filter__trigger.active {
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.accordions__counter {
  margin-top: 0.5rem;
  margin-bottom: -0.625rem;
  display: none;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 14px;
  padding-bottom: 14px;
}

.accordions__counter__left {
  display: flex;
  align-items: center;
}

.accordions__counter__right {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.accordions__counter .checkbox {
  margin-right: 0.625rem;
}

.accordions__counter .checkbox input:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(28 222 11 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(28 222 11 / var(--tw-bg-opacity, 1));
}

.accordions__counter .checkbox:hover span:before {
  --tw-border-opacity: 1;
  border-color: rgb(28 222 11 / var(--tw-border-opacity, 1));
}

.accordions__counter p {
  margin-right: 0.375rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.accordions__counter.active {
  display: flex;
}

.accordions__clear {
  height: auto;
  width: auto;
  border-style: none;
  padding: 0px;
}

.accordions__clear:hover,.accordions__clear:focus,.accordions__clear:active {
  background-color: transparent;
}

.accordions__clear:hover svg,.accordions__clear:focus svg,.accordions__clear:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.accordions__clear svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.accordion {
  margin-top: 0.625rem;
}

.accordion__button {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
}

.accordion__button p {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.accordion__button p span {
  display: flex;
  height: 18px;
  width: 23px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  line-height: 1;
}

.accordion__button.active .button {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.accordion__button .button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.accordion__item {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.accordion__item:first-child {
  margin-top: 0.25rem;
}

.accordion__item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.accordion__item.active .accordion__left>.checkbox {
  display: flex;
}

.accordion__value {
  margin-left: 2px;
}

.accordion__action {
  height: 22px;
  width: 22px;
  padding: 0px;
}

.accordion__action svg {
  height: 0.875rem;
  width: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.accordion__action:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.accordion__original {
  border-radius: 30px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.accordion__left {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.accordion__left .checkbox {
  pointer-events: none;
  display: none;
}

.accordion__left .checkbox input:checked ~ span:before {
  --tw-border-opacity: 1;
  border-color: rgb(28 222 11 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(28 222 11 / var(--tw-bg-opacity, 1));
}

.accordion__left .checkbox:hover span:before {
  --tw-border-opacity: 1;
  border-color: rgb(28 222 11 / var(--tw-border-opacity, 1));
}

.accordion__left__container {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 2px;
}

.accordion__left__container span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  max-width: 110px;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.accordion__left__container a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  max-width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.accordion__left__container a:hover {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.accordion__left__container time {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.accordion__right {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.accordion__icon {
  grid-row: span 2 / span 2;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.accordion__icon svg {
  height: 0.875rem;
  max-height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  min-width: 0.875rem;
  max-width: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.accordion__icon-sm svg {
  height: 0.75rem;
  max-height: 0.75rem;
  min-height: 0.75rem;
  width: 0.75rem;
  min-width: 0.75rem;
  max-width: 0.75rem;
}

.accordion__icon-lg svg {
  height: 1rem;
  max-height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
}

.accordion__container {
  display: none;
}

.campaign__info {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.campaign__info .table {
  min-width: -moz-max-content;
  min-width: max-content;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.campaign__info .table th,.campaign__info .table td {
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  vertical-align: middle;
}

.campaign__info .table th:nth-child(1),.campaign__info .table th:nth-child(2),.campaign__info .table td:nth-child(1),.campaign__info .table td:nth-child(2) {
  padding-left: 0.75rem;
}

.campaign__info .table tr:first-child th:first-child {
  border-top-left-radius: 6px;
  border-top-width: 1px;
}

.campaign__info .table tr:first-child td:last-child {
  border-top-right-radius: 6px;
  border-top-width: 1px;
}

.campaign__info .table tr:last-child th:first-child {
  border-bottom-left-radius: 6px;
  border-bottom-width: 1px;
}

.campaign__info .table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-width: 1px;
}

.campaign__info .table tr th:first-child {
  height: 2.5rem;
  border-left-width: 1px;
}

.campaign__info .table tr td:last-child {
  height: 2.5rem;
  border-right-width: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0.75rem;
}

.campaign__info .table tbody tr:hover {
  background-color: transparent;
}

.campaign__info .table th {
  border-right-width: 1px;
  padding-right: 1rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.campaign__info .table td {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.campaign__info .table td .dropdown {
  display: flex;
  width: 100%;
  align-items: center;
}

.campaign__info .table td .dropdown__button {
  height: 1.25rem;
  width: 100%;
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.campaign__info .table td .dropdown__button .button {
  right: 0px;
}

.campaign__info .table td .dropdown__button .button.sm svg {
  height: 5px;
  width: 0.625rem;
}

.campaign__info .table td .dropdown__button .dropdown__image {
  height: 1.5rem;
  width: 1.5rem;
}

.campaign__info .table td .dropdown__title {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.campaign__info .table td .dropdown-radios .dropdown__list {
  margin-top: 0.5rem;
  margin-right: -0.75rem;
  min-width: 228px;
}

.messages {
  margin-left: -1.75rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-top: 1rem;
}

.messages__new {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  display: inline-block;
  align-self: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.messages__show-all {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.messages__icon {
  display: flex;
  width: 2.5rem;
  min-width: 2.5rem;
  align-items: center;
  justify-content: center;
}

.messages__icon svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.messages__cancel {
  display: flex;
  height: 34px;
  min-height: 34px;
  width: 34px;
  min-width: 34px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.messages__cancel svg {
  height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  min-width: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.messages__cancel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.messages__submit {
  height: 34px;
  width: 34px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
}

.messages__submit:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.messages__submit:disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.messages__submit:hover,.messages__submit:active {
  --tw-bg-opacity: 1;
  background-color: rgb(5 86 228 / var(--tw-bg-opacity, 1));
}

.messages__submit svg {
  margin-right: -3px;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.messages__day {
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
  text-align: center;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.messages__actions {
  margin-top: 0.625rem;
  margin-bottom: 1rem;
}

.messages__action {
  margin-top: 7px;
  margin-left: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.messages__action h3 {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.messages__action p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.messages__action time {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.messages__reply,.messages__edit {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.messages__reply .message__answered,.messages__edit .message__answered {
  margin-top: 0px;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.messages__reply ~ .messages__form,.messages__edit ~ .messages__form {
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 0.75rem;
}

.messages__files {
  position: relative;
  margin-top: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding-top: 1rem;
  padding-left: 0.75rem;
}

.messages__files:before {
  position: absolute;
  top: 0px;
  left: -1.75rem;
  height: 1px;
  width: calc(100% + 28px + 20px);
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.messages__file {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.5rem;
}

.messages__file.hide {
  display: none;
}

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

.messages__file__sublink {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
}

.messages__file__icon {
  position: absolute;
  z-index: 10;
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.messages__file__icon svg {
  position: absolute;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.messages__file__icon svg circle {
  transition-timing-function: linear;
}

.messages__file__icon-file {
  visibility: hidden;
  opacity: 0;
}

.dropdown__value.messages__file__icon-file {
  display: none;
}

.messages__file__remove {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  z-index: 10;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.messages__file__remove svg {
  height: 0.375rem;
  width: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.messages__file.loaded .messages__file__icon-close {
  visibility: hidden;
  opacity: 0;
}

.dropdown__value.messages__file.loaded .messages__file__icon-close {
  display: none;
}

.messages__file.loaded .messages__file__icon-file {
  visibility: visible;
  opacity: 1;
}

.messages__file.loaded .messages__file__remove {
  opacity: 1;
}

.messages__file-image .messages__file__image {
  height: 3rem;
  width: 3rem;
  border-radius: 0.5rem;
}

.messages__file-image .messages__file__icon {
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
}

.messages__file-image img {
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.messages__file-file {
  --tw-bg-opacity: 0.1;
}

.messages__file-file .messages__file__image {
  height: 30px;
  width: 30px;
  border-radius: 9999px;
}

.messages__file-file .messages__file__icon {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.messages__file__link {
  display: flex;
  align-items: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.messages__file__link:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.messages__file__link:hover .message__download svg {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.messages__file__link p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 162px;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.messages__file__content {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.messages__file__content span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 200px;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.messages__footer {
  margin-top: 1rem;
}

.messages__footer__container {
  display: flex;
  align-items: center;
}

.messages__form {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.messages__form textarea {
  max-height: 34px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 9px;
  padding-bottom: 9px;
}

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

.messages__upload textarea {
  padding-left: 2.5rem;
}

.messages__upload input {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.dropdown__value.messages__upload input {
  display: none;
}

.messages__upload .button {
  position: absolute;
  left: 0.75rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.messages__upload .button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.messages__upload .button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.message {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.message.active {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.message.active .message__buttons {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.message.active .message__comment {
  position: relative;
  display: flex;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  padding-left: 2.25rem;
}

.message.active .message__comment .popup.active {
  display: block;
  width: 100%;
  max-width: 258px;
  overflow: visible;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 0px;
}

.message__download {
  visibility: hidden;
  margin-left: 0.375rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.message__download {
  display: none;
}

.message__download.button {
  background-color: transparent;
}

.message__download.button svg {
  height: 13px;
  width: 13px;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.message__download.button:hover {
  background-color: transparent;
}

.message__avatar {
  position: absolute;
  left: 0px;
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.message__avatar span {
  grid-row: span 2 / span 2;
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

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

.message__author h3 {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.message__author>p {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.message__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  row-gap: 2px;
}

.message__head h3 {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.message__time {
  position: relative;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.message__time span {
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  --tw-translate-y: -100%;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.message__time span {
  display: none;
}

.message__time:hover span {
  visibility: visible;
  opacity: 1;
}

.message__comment {
  position: relative;
  display: flex;
  width: 100%;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  padding-left: 2.25rem;
}

.message__comment .popup {
  position: absolute;
  inset: auto;
  top: 1.25rem;
  right: 0.875rem;
  display: none;
}

.message__answered {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  padding-left: 0.625rem;
}

.message__answered h3 {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.message__answered p {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.message__answered p svg {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.message__answered ~ p {
  margin-top: 0.375rem;
}

.message .messages__files {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
  border-radius: 10px;
  padding: 0px;
}

.message .messages__files:before {
  display: none;
}

.message .messages__files .messages__file__icon-close {
  display: none;
}

.message .messages__files .messages__file__icon-file {
  visibility: visible;
  opacity: 1;
}

.message .messages__files .messages__file__remove {
  display: none;
}

.message__buttons {
  visibility: hidden;
  position: absolute;
  top: -0.25rem;
  right: 0.875rem;
  z-index: -10;
  display: flex;
  width: auto;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.message__buttons {
  display: none;
}

.message__buttons .message__button {
  padding: 0px;
}

.message__buttons .message__button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.message__buttons .message__button:hover,.message__buttons .message__button:active {
  background-color: transparent;
}

.message__buttons .message__button:hover svg,.message__buttons .message__button:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.message:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.message:hover .message__buttons {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.message:hover .message__download {
  visibility: visible;
  opacity: 1;
}

.message-changed {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 4rem;
  line-height: 1;
}

.message-changed h3 {
  display: inline;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.message-changed p {
  margin-left: 0.25rem;
  display: inline;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.message-changed time {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.message-changed button {
  margin-left: 0.375rem;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.message-changed button:hover {
  --tw-text-opacity: 1;
  color: rgb(70 115 210 / var(--tw-text-opacity, 1));
}

.message-changed:hover {
  background-color: transparent;
}

.profile__block {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.profile__block h3 {
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.profile__block-password {
  padding-bottom: 52px;
}

.profile__block-google {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.profile__block-google h3 {
  margin-bottom: 0.25rem;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
}

.profile__block-google p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(26 135 84 / var(--tw-text-opacity, 1));
}

.profile__upload {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}

.profile__upload p {
  font-size: 10px;
  line-height: 120%;
  font-weight: 500;
}

.profile__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  row-gap: 0.375rem;
}

.profile__container .button {
  cursor: pointer;
}

.profile__container input {
  visibility: hidden;
  position: absolute;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.profile__container input {
  display: none;
}

.profile__avatar {
  position: relative;
  display: grid;
}

.profile__avatar img {
  grid-column-start: 1;
  grid-row: span 2 / span 2;
  grid-row-start: 1;
  max-height: 4rem;
  min-height: 4rem;
  min-width: 4rem;
  max-width: 4rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.profile__avatar span {
  grid-column-start: 1;
  grid-row: span 2 / span 2;
  grid-row-start: 1;
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.profile__remove {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: none;
  cursor: pointer;
}

.profile__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(262px,0));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 1rem;
}

.profile__button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.375rem;
}

.profile__alert {
  position: fixed;
  bottom: 2.5rem;
  left: calc(50% + (217px / 2));
  display: inline-flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(228 252 229 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.profile__alert span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.users__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.users__link button {
  visibility: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.users__link button {
  display: none;
}

.users__link button svg {
  height: 0.625rem;
  width: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.users__link button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.users__link:hover button {
  visibility: visible;
  opacity: 1;
}

.users__state {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
}

.users__state:before {
  position: absolute;
  top: 3px;
  left: 0px;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.users__state-active:before {
  --tw-bg-opacity: 1;
  background-color: rgb(132 201 169 / var(--tw-bg-opacity, 1));
}

.users__block-awaiting {
  margin-top: 26px;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.users__block-awaiting .inner {
  margin-top: 0.5rem;
}

.users__block-awaiting .table tbody tr:hover {
  background-color: transparent;
}

.users__block-awaiting .table tbody tr:hover .fixed-td,.users__block-awaiting .table tbody tr:hover .fixed-th {
  background-color: transparent;
}

.users__block-awaiting .table tbody tr td.users-row__user {
  padding-top: 15px;
  padding-bottom: 15px;
}

.users__block-awaiting .table tbody tr td.users-row__role {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.users__block-awaiting .table tbody tr td.users-row__status {
  padding-top: 22px;
  padding-bottom: 22px;
}

.users__block-awaiting .table tbody tr td.users-row__activity {
  padding-top: 22px;
  padding-bottom: 22px;
}

.users__block-awaiting .table tbody tr td.users-row__buttons{padding-right:0 !important;padding-top: 0.75rem;padding-bottom: 0.75rem}

.users__block-awaiting .table tbody tr td.users-row__buttons .button-base {
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.users__block-awaiting .table tbody tr td.users-row__buttons button {
  flex: 1 1 0%;
}

.users__block-awaiting .table tbody tr:last-child td {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.users__block-awaiting .table__link {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}

.users__block-awaiting .table__link:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.users__block .content-scroll {
  padding-bottom: 0px;
}

.users__block .table th:nth-child(1) {
  padding-left: 1rem;
}

.users__block .table tr td.users-row__user {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.users__block .table tr td.users-row__role {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.users__block .table tr td.users-row__status {
  min-width: 230px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.users__block .table tr td.users-row__activity {
  min-width: 240px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.users__block .table tr td.users-row__buttons {
  position: relative;
  padding-top: 7px;
  padding-bottom: 7px;
}

.users__block .table tr td.users-row__buttons .button-base {
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.users__block .table tr.disabled td.users-row__user {
  pointer-events: none;
  opacity: 0.7;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.users__block .table tr.disabled td.users-row__role {
  pointer-events: none;
  opacity: 0.7;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.users__block .table tr.disabled td.users-row__role .dropdown-roles .dropdown__button .button {
  display: none;
}

.users__block .table tr.disabled td.users-row__status {
  pointer-events: none;
  opacity: 0.7;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.users__block .table tr.disabled td.users-row__activity {
  pointer-events: none;
  opacity: 0.7;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

.users__heading h3 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.users__heading button {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.users__buttons {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  border-style: none;
}

.users__button {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  line-height: 14px;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.users__button.active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.users__button:hover,.users__button:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.users__button:before {
  display: none;
}

.users__button span {
  height: auto;
  width: auto;
  background-color: transparent;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.users__avatar {
  display: grid;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
}

.users__avatar img {
  grid-column-start: 1;
  grid-row-start: 1;
  max-height: 4rem;
  max-width: 4rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.users__avatar span {
  grid-column-start: 1;
  grid-row-start: 1;
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.user .popup {
  position: absolute;
  inset: auto;
  top: 2.25rem;
  right: 1.25rem;
  display: none;
}

.user.active .popup.active {
  display: block;
  width: 100%;
  max-width: 258px;
  overflow: visible;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 0px;
}

.no-posts {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  min-height: 68px;
  max-width: 726px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.post {
  position: absolute;
  left: 50%;
  top: 100px;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.post__wrapper {
  max-width: 400px;
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 1rem;
}

.post__wrapper .content-aside-feed__post {
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.post__wrapper .content-aside-feed__header {
  margin-top: 0.625rem;
}

.post__wrapper .content-aside-feed__description {
  max-height: 300px;
  overflow-y: auto;
}

.post__wrapper .popup__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.post__wrapper .popup__date {
  margin-top: 0.25rem;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.post__wrapper .popup__avatar {
  position: absolute;
  top: 0px;
  left: -66px;
  height: 3.5rem;
  width: 3.5rem;
}

.post__wrapper .popup__close {
  top: -1.25rem;
  right: -1.25rem;
}

.post__wrapper .popup__close svg {
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.post__wrapper .popup__close:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.error-page {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}

.error-page .logo {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.error-page__content {
  position: relative;
  display: flex;
  height: 100dvh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.error-page__content>span {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 500px;
  font-weight: 500;
  line-height: 500px;
  --tw-text-opacity: 1;
  color: rgb(227 229 235 / var(--tw-text-opacity, 1));
  opacity: 0.6;
}

.error-page__content h1 {
  position: relative;
  z-index: 10;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 38px;
}

.error-page__content p {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
  max-width: 1018px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
}

.error-page__content .button {
  position: relative;
  z-index: 10;
  margin-top: 1.25rem;
  height: auto;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25rem;
}

.chat {
  position: relative;
  margin-top: 0.75rem;
}

.chat__categories {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.chat__form {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.chat__form textarea {
  max-height: 34px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 9px;
  padding-bottom: 9px;
}

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

.chat__upload textarea {
  padding-left: 2.5rem;
}

.chat__upload input {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.dropdown__value.chat__upload input {
  display: none;
}

.chat__upload .button {
  position: absolute;
  left: 0.75rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.chat__upload .button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.chat__upload .button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__pin {
  position: fixed;
  z-index: 50;
  display: none;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.chat__pin span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.chat__pin.active {
  display: flex;
}

.chat__pin:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.chat__category {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.chat__category.active {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__category svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__category:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__blocks {
  margin-top: 0.625rem;
}

.chat__conversations {
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto;
}

.chat__conversation {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 36px 1fr;
  align-items: flex-start;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 7px;
  padding-bottom: 7px;
  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: 300ms;
}

.chat__conversation-pinned {
  order: -1;
}

.chat__conversation-pinned .chat__state-pinned {
  display: block;
}

.chat__conversation-messages .chat__state-messages {
  display: block;
}

.chat__conversation:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.chat__avatar {
  display: flex;
  min-height: 2.25rem;
  min-width: 2.25rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
}

.chat__avatar span {
  font-size: 8px;
  font-weight: 600;
  line-height: 120%;
}

.chat__avatar img {
  max-height: 2.25rem;
  min-height: 2.25rem;
  min-width: 2.25rem;
  max-width: 2.25rem;
  overflow: hidden;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat__heading {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.chat__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.chat__title h3 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.chat__icons {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.chat__time {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__content p {
  margin-top: 0.25rem;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__content p span {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__content .chat__icon {
  width: 17px;
  min-width: 17px;
}

.chat__states {
  position: absolute;
  right: 1rem;
  bottom: 7px;
}

.chat__state {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

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

.chat__state-pinned svg {
  width: 0.625rem;
}

.chat__state-messages {
  display: none;
  min-height: 1rem;
  min-width: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.chat__container {
  position: absolute;
  top: 0px;
  left: -1rem;
  display: none;
  height: 100%;
  width: calc(100% + 32px);
  overflow: hidden;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}

.chat__container.active {
  display: block;
}

.chat__close {
  display: flex;
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.chat__close:hover,.chat__close:active {
  background-color: transparent;
}

.chat__close:hover svg,.chat__close:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__close svg {
  height: 0.875rem;
  width: 7px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.chat__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
}

.chat__header .chat__avatar {
  margin-left: 0.625rem;
}

.chat__header .chat__icon {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.chat__header .chat__icon svg {
  height: 15px;
  width: 15px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.chat__name {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.chat__controls {
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.chat__controls .button {
  display: flex;
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.chat__controls .button:hover,.chat__controls .button:active {
  background-color: transparent;
}

.chat__controls .button:hover svg,.chat__controls .button:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__controls .button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 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: 300ms;
}

.chat__search {
  margin-top: 0.625rem;
  display: none;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.chat__search .search ::-webkit-search-cancel-button {
  display: none;
}

.chat__search .button {
  display: flex;
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.chat__search .button:hover,.chat__search .button:active {
  background-color: transparent;
}

.chat__search .button:hover svg,.chat__search .button:active svg {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__search .button svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 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: 300ms;
}

.chat__search__buttons {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.chat__search>.button {
  margin-left: 0.25rem;
}

.chat__search.active {
  display: flex;
}

.chat__bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-bottom: 1rem;
}

.chat__bottom .chat__files {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.875rem;
  padding-bottom: 0.5rem;
}

.chat__day {
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
  text-align: center;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__footer {
  margin-left: 1rem;
  margin-right: 1rem;
}

.chat__footer__container {
  display: flex;
  align-items: center;
}

.chat__footer__container .chat__answered {
  margin-top: 0px;
  background-color: transparent;
}

.chat__submit {
  position: absolute;
  right: 1.75rem;
  height: 1rem;
  width: 1rem;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__submit:disabled:hover svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__submit:disabled svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__submit:hover:not(:disabled) svg {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.chat__submit:hover {
  background-color: transparent;
}

.chat__submit svg {
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 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: 300ms;
}

.chat__files {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-left: 0.75rem;
}

.chat__files:before {
  position: absolute;
  top: 0px;
  left: -1.75rem;
  height: 1px;
  width: calc(100% + 28px + 20px);
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.chat__file {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.5rem;
  background-color: rgb(149 155 164 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.1;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 9px;
  padding-bottom: 9px;
}

.chat__file.hide {
  display: none;
}

.chat__file__duration {
  position: absolute;
  right: 2px;
  bottom: 2px;
  border-radius: 0.375rem;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

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

.chat__file__sublink {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
}

.chat__file__icon {
  position: absolute;
  z-index: 10;
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.chat__file__icon svg {
  position: absolute;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.chat__file__icon svg circle {
  transition-timing-function: linear;
}

.chat__file__icon-file {
  visibility: hidden;
  opacity: 0;
}

.dropdown__value.chat__file__icon-file {
  display: none;
}

.chat__file__remove {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  z-index: 10;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.chat__file__remove svg {
  height: 0.375rem;
  width: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.chat__file.loaded .chat__file__icon-close {
  visibility: hidden;
  opacity: 0;
}

.dropdown__value.chat__file.loaded .chat__file__icon-close {
  display: none;
}

.chat__file.loaded .chat__file__icon-file {
  visibility: visible;
  opacity: 1;
}

.chat__file.loaded .chat__file__remove {
  opacity: 1;
}

.chat__file.loaded .chat__file__remove,.chat__file.loaded .chat__file__duration {
  opacity: 1;
}

.chat__file-image {
  background-color: transparent;
  padding: 0px;
}

.chat__file-image .chat__file__content {
  display: none;
}

.chat__file-image .chat__file__image {
  height: 3rem;
  min-height: 3rem;
  width: 3rem;
  min-width: 3rem;
  border-radius: 0.5rem;
}

.chat__file-image .chat__file__icon {
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
}

.chat__file-image .chat__file__sublink {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
}

.chat__file-image img {
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat__file-file {
  --tw-bg-opacity: 0.1;
}

.chat__file-file .chat__file__image {
  height: 30px;
  min-height: 30px;
  width: 30px;
  min-width: 30px;
  border-radius: 9999px;
}

.chat__file-file .chat__file__icon {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.chat__file__link {
  display: flex;
  align-items: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.chat__file__link:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.chat__file__link:hover .chat-message__buttons {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.chat__file__link:hover .chat-message__download {
  visibility: visible;
  opacity: 1;
}

.chat__file__link:hover .chat-message__download svg {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.chat__file__link p {
  margin-top: 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 100px;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}

.chat__file__content {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.chat__file__content span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 200px;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__reply,.chat__edit {
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.625rem;
}

.chat__reply .chat-message__answered,.chat__edit .chat-message__answered {
  margin-top: 0px;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.chat__reply ~ .chat__form,.chat__edit ~ .chat__form {
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 0.75rem;
}

.chat__reply:before,.chat__edit:before {
  position: absolute;
  top: 0px;
  left: -1.75rem;
  height: 1px;
  width: calc(100% + 28px + 20px);
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.chat__show-all {
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__icon {
  display: flex;
  width: 2.5rem;
  min-width: 2.5rem;
  align-items: center;
  justify-content: center;
}

.chat__icon svg {
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.chat__cancel {
  display: flex;
  height: 34px;
  min-height: 34px;
  width: 34px;
  min-width: 34px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.chat__cancel svg {
  height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  min-width: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.chat__cancel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.chat .chat-message .chat__files {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
  border-radius: 10px;
  padding: 0px;
}

.chat .chat-message .chat__files:before {
  display: none;
}

.chat .chat-message .chat__files .messages__file__icon-close {
  display: none;
}

.chat .chat-message .chat__files .messages__file__icon-file {
  visibility: visible;
  opacity: 1;
}

.chat .chat-message .chat__files .chat__file__remove {
  display: none;
}

.chat .chat-message__download {
  visibility: hidden;
  margin-left: 0.375rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.chat .chat-message__download {
  display: none;
}

.chat .chat-message__download.button {
  background-color: transparent;
}

.chat .chat-message__download.button svg {
  height: 13px;
  width: 13px;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.chat .chat-message__download.button:hover {
  background-color: transparent;
}

.chat .chat-message__download.button:hover svg {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.chat__answered {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.625rem;
}

.chat__answered h3 {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.chat__answered p {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__answered p svg {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__answered ~ p {
  margin-top: 0.375rem;
}

.chat__answered ~ p span.highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(167 213 249 / var(--tw-bg-opacity, 1));
}

.chat__answered ~ p span.highlight.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 152 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.chat__messages {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  row-gap: 9px;
  overflow-y: auto;
}

.chat__messages>*:first-child{margin-top:auto}

.chat__messages .chat-message {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.chat__messages .chat-message__answered {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.625rem;
}

.chat__messages .chat-message__answered h3 {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.chat__messages .chat-message__answered p {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__messages .chat-message__answered p svg {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__messages .chat-message__answered ~ p {
  margin-top: 0.375rem;
}

.chat__messages .chat-message__answered ~ p span.highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(167 213 249 / var(--tw-bg-opacity, 1));
}

.chat__messages .chat-message__answered ~ p span.highlight.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 152 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.chat__messages .chat-message.active .chat-message__author:not(.active) .popup.active {
  visibility: hidden;
  z-index: -10;
  opacity: 0;
}

.dropdown__value.chat__messages .chat-message.active .chat-message__author:not(.active) .popup.active {
  display: none;
}

.chat__messages .chat-message.active .chat-message__author.active .popup.active {
  display: block;
  width: 100%;
  max-width: 258px;
  overflow: visible;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding: 0px;
}

.chat__messages .chat-message .chat__files {
  margin-bottom: 0px;
  padding-left: 0px;
}

.chat__messages .chat-message .chat__files:before {
  display: none;
}

.chat__messages .chat-message .chat__file {
  background-color: transparent;
  padding: 0px;
}

.chat__messages .chat-message__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  row-gap: 2px;
}

.chat__messages .chat-message__head h3 {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.chat__messages .chat-message .dropdown-comment {
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -10;
  width: auto;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.chat__messages .chat-message .dropdown-comment {
  display: none;
}

.chat__messages .chat-message .dropdown-comment .dropdown__button .button {
  height: 1.25rem;
  width: 1.5rem;
  padding: 0px;
}

.chat__messages .chat-message .dropdown-comment .dropdown__button .button svg {
  height: 0.375rem;
  width: 0.75rem;
}

.chat__messages .chat-message .dropdown-comment .dropdown__button .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.chat__messages .chat-message .dropdown-comment .dropdown__list {
  min-width: 144px;
  max-width: 100%;
  --tw-translate-y: calc(-100% - 32px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.chat__messages .chat-message__authors {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 2px;
}

.chat__messages .chat-message__authors .chat-message__author {
  padding-right: 34px;
}

.chat__messages .chat-message__authors .chat-message__author:last-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 1rem;
}

.chat__messages .chat-message__authors .chat-message__author:last-child:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjI5OTggMEgxMS4yOTk4VjEySDExLjE0NzZDMTEuMTE4IDEyLjA5NiAxMS4wNTgzIDEyLjE4MjcgMTAuOTcxMSAxMi4yNDVDNy44MzMxNSAxNC40ODY3IDMuNDkzNzcgMTQuOTE0MiAwLjUwNjQ0NyAxNC45ODY1QzAuMDYxMTI1OCAxNC45OTczIC0wLjE2NDU3NyAxNC40NTY5IDAuMTM4NDUyIDE0LjEzMDRDMi4yNTQ5NiAxMS44NSAzLjU0MDg1IDkuNzQ4NTggNC4yOTk4IDcuNTIyNDlWMFoiIGZpbGw9IiNGNEY1RjYiLz4KPC9zdmc+Cg==);position: absolute;bottom: 0px;left: -0.25rem;height: 15px;width: 11px;--tw-content: '';content: var(--tw-content)}

.chat__messages .chat-message:hover {
  background-color: transparent;
}

.chat__messages .chat-message__avatar {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.chat__messages .chat-message__avatar span {
  grid-row: span 2 / span 2;
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 228 252 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

.chat__messages .chat-message__files {
  margin-top: 0.625rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.chat__messages .chat-message__author {
  position: relative;
  align-items: flex-start;
}

.chat__messages .chat-message__author__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.chat__messages .chat-message__author__wrapper p {
  margin-top: 0.25rem;
  margin-right: 2rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  line-height: 1rem;
}

.chat__messages .chat-message__author__wrapper p span.highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(167 213 249 / var(--tw-bg-opacity, 1));
}

.chat__messages .chat-message__author__wrapper p span.highlight.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 152 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.chat__messages .chat-message__author__wrapper .chat__file__link p {
  margin-top: 0px;
  margin-right: 0px;
}

.chat__messages .chat-message__author:hover .dropdown-comment {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.chat__messages .chat-message__changed {
  margin-right: 0.25rem;
}

.chat__messages .chat-message__comment {
  position: relative;
  display: flex;
  width: 100%;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  padding-left: 2.25rem;
}

.chat__messages .chat-message__comment .popup {
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 100%;
  left: auto;
  display: none;
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.chat__messages .chat-message__time {
  position: absolute;
  right: 0.625rem;
  bottom: 0.5rem;
  z-index: 10;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__messages .chat-message__time span {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  --tw-translate-x: -100%;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.chat__messages .chat-message__time span {
  display: none;
}

.chat__messages .chat-message__time:hover span {
  visibility: visible;
  opacity: 1;
}

.chat__answered {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.625rem;
}

.chat__answered h3 {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(88 147 255 / var(--tw-text-opacity, 1));
}

.chat__answered p {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__answered p svg {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__answered ~ p {
  margin-top: 0.375rem;
}

.chat__channel {
  position: absolute;
  top: 0px;
  left: -1rem;
  display: none;
  height: 100%;
  width: calc(100% + 32px);
  overflow: hidden;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}

.chat__channel__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 5px;
}

.chat__channel.active {
  display: block;
}

.chat__channel .chat__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-style: none;
}

.chat__members {
  margin-top: 0.625rem;
}

.chat__member {
  display: grid;
  grid-template-columns: 120px 1fr;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.chat__member__infos {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 0.375rem;
}

.chat__member__role {
  display: flex;
  height: 30px;
  align-items: center;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
}

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

.chat__member__info span {
  padding-right: 0.375rem;
  text-align: right;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.chat__member__info img {
  max-height: 30px;
  max-width: 30px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat__member__info img,.chat__member__info span {
  cursor: pointer;
}

.chat__member__info img:hover ~ .chat__member__popup,.chat__member__info span:hover ~ .chat__member__popup {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

.chat__member__popup {
  visibility: hidden;
  position: absolute;
  top: 34px;
  right: 0px;
  z-index: -10;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  padding-bottom: 0.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.chat__member__popup {
  display: none;
}

.chat__member__header {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.chat__member__header img {
  max-height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  max-width: 1.25rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat__member__header span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.chat__member__link {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 3px;
  padding-bottom: 3px;
}

.chat__member__link svg {
  min-height: 1rem;
  min-width: 1rem;
}

.chat__member__link span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 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: 300ms;
}

.chat__member__link:hover span {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.info-users {
  position: relative;
}

.info-users__popup {
  visibility: hidden;
  position: fixed;
  top: 30px;
  right: 0px;
  z-index: -10;
  min-width: 213px;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  opacity: 0;
  transition-property: opacity,visibility,z-index;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.info-users__popup {
  display: none;
}

.info-users__items {
  position: fixed;
  top: 0px;
  right: 0px;
  max-height: 143px;
  min-width: 338px;
  max-width: 338px;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: opacity,visibility,z-index;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.info-users__items.active {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.info-users__inner {
  display: flex;
  max-height: 94px;
  flex-direction: column;
  row-gap: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 0.25rem;
}

.info-users__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.info-users__item img {
  height: 18px;
  max-height: 18px;
  min-height: 18px;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.info-users__item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  max-width: 182px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.info-users__item a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.info-users__item a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.info-users__button {
  position: relative;
  right: -1rem;
  bottom: 0px;
  left: -1rem;
  display: flex;
  width: calc(100% + 32px);
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.info-users__button span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.info-users__button:hover span {
  --tw-text-opacity: 1;
  color: rgb(0 92 255 / var(--tw-text-opacity, 1));
}

.info-users__button:hover svg path {
  fill: #005CFF;
}

.info-users__header {
  margin: 0.5rem;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.info-users__content {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}

.info-users__content h3 {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.info-users__content__info {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 3px;
       column-gap: 3px;
}

.info-users__content__info span {
  position: relative;
  width: auto;
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.info-users__content__info a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  max-width: 85px;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.info-users__body {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
}

.info-users__body a {
  display: flex;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.info-users__body a img {
  height: 1rem;
  max-height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  border-radius: 9999px;
  -o-object-fit: contain;
     object-fit: contain;
}

.info-users__body a span {
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}

.info-users__footer {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.625rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
}

.info-users__footer p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(149 155 164 / var(--tw-text-opacity, 1));
}

.info-users__list {
  display: flex;
  align-items: center;
}

.info-users__list .dropdown__value {
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

.info-users__list .dropdown__value img {
  max-width: 24px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(251 251 251 / var(--tw-border-opacity, 1));
}

.info-users__list .dropdown__value .info-users__avatar img {
  height: 100%;
  max-height: 34px;
  width: 100%;
  max-width: 34px;
  border-radius: 9999px;
}

.info-users__list .dropdown__value:not(:first-child) {
  margin-left: -0.375rem;
}

.info-users__list .dropdown__value .dropdown__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  max-width: 88px;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.info-users__list .dropdown__show-all {
  margin-left: -0.375rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  border-radius: 9999px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.info-users__avatar {
  display: flex;
  height: 100%;
  max-height: 34px;
  min-height: 34px;
  width: 100%;
  min-width: 34px;
  max-width: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.info-users__avatar img {
  height: 100%;
  max-height: 34px;
  width: 100%;
  max-width: 34px;
  border-radius: 9999px;
}

.info-users__avatar span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.info-users__role {
  border-radius: 50px;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
  line-height: 120%;
  font-weight: 500;
}

.info-users__role-purple {
  background-color: rgb(114 45 204 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(114 45 204 / var(--tw-text-opacity, 1));
}

.info-users__role-yellow {
  background-color: rgb(248 170 7 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(248 170 7 / var(--tw-text-opacity, 1));
}

.info-users__role-pink {
  background-color: rgb(248 7 164 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(248 7 164 / var(--tw-text-opacity, 1));
}

.upload-alert {
  visibility: hidden;
  position: fixed;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: -10;
  display: flex;
  min-width: 453px;
  align-items: flex-start;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(88 147 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(232 239 252 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dropdown__value.upload-alert {
  display: none;
}

.upload-alert__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}

.upload-alert__content h6 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.upload-alert__content p {
  max-width: 360px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.upload-alert__close {
  margin-top: -0.25rem;
  margin-right: -0.25rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.upload-alert__close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
}

.upload-alert.active {
  visibility: visible;
  z-index: 50;
  opacity: 1;
}

.advertising-group__toggle {
  position: relative;
  z-index: 20;
  display: flex;
  height: 100%;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.advertising-group__toggle label {
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.advertising-group__toggle label input {
  visibility: hidden;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.advertising-group__toggle label input {
  display: none;
}

.advertising-group__toggle label input:checked ~ span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.advertising-group__toggle label input:checked ~ span:before,.advertising-group__toggle label input:checked ~ span:after {
  --tw-translate-x: 0px;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.advertising-group__toggle label span {
  position: relative;
  display: flex;
  height: 1rem;
  min-width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.advertising-group__toggle label span:before,.advertising-group__toggle label span:after {
  position: absolute;
  height: 1.5px;
  width: 6px;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.advertising-group__toggle label span:before {
  --tw-translate-x: -1.7px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.advertising-group__toggle label span:after {
  --tw-translate-x: 1.7px;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.advertising-group__toggle label span:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.advertising-group+tr {
  position: relative;
  display: none;
}

.advertising-group+tr>td{padding-right:0 !important}

.advertising-group+tr>td:first-child:before {
  position: absolute;
  top: -1px;
  left: 0px;
  height: 2px;
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.advertising-group+tr>td:first-child:after {
  position: absolute;
  top: -1rem;
  left: 15.5px;
  height: calc(100% - 16px);
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.advertising-group__table th:nth-child(1),.advertising-group__table td:nth-child(1) {
  padding-left: 0.75rem;
}

.advertising-group__table th:nth-child(1) .table__sortbutton,.advertising-group__table td:nth-child(1) .table__sortbutton {
  position: relative;
  right: -0.375rem;
}

.advertising-group__table td:nth-child(1) {
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.advertising-group__table th:nth-child(2),.advertising-group__table td:nth-child(2) {
  padding-left: 0px;
}

.advertising-group__table .content-scroll {
  padding-bottom: 0.5rem;
}

.advertising-group__table tbody tr {
  position: relative;
}

.advertising-group__table tbody tr:after {
  position: absolute;
  top: 23px;
  left: -25px;
  height: 1px;
  width: 25px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.advertising-group.active:nth-child(4n+3) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.advertising-group.active:nth-child(4n+3)+tr {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.advertising-group.active:nth-child(4n+3)+tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.advertising-group.active:nth-child(4n+3)+tr>td:first-child:before {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.advertising-group.active:nth-child(4n+3):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.advertising-group.active .advertising-group__toggle label span {
  min-width: 1rem;
}

.advertising-group.active+tr {
  display: table-row;
}

.advertising-group.active+tr:hover {
  background-color: transparent;
}

.advertising-group.active>td {
  --tw-border-opacity: 1;
  border-color: rgb(230 239 254 / var(--tw-border-opacity, 1));
}

.advertising-group.active:hover {
  background-color: transparent;
}

.bills-action .dropdown__button {
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.bills-action .dropdown__button>.button {
  position: relative;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.bills-action .dropdown__button>.button svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.bills-action .dropdown__button>.button:hover {
  background-color: transparent;
}

.bills-action .dropdown__list {
  max-height: 100%;
  max-width: 100%;
}

.bills-action .dropdown__list .button.disabled {
  pointer-events: none;
}

.bills-action .dropdown__list .button i {
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(108 66 241 / var(--tw-text-opacity, 1));
}

.bills-row {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.bills-row .table tbody tr td,.bills-row .table tbody tr th {
  height: 46px;
  max-height: 46px;
  border-right-width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.bills-row:hover .table tbody tr .fixed-td,.bills-row:hover .table tbody tr .fixed-th {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bills-row .table tbody tr:hover .fixed-td,.bills-row .table tbody tr:hover .fixed-th,.bills-row .table tbody tr:hover td,.bills-row .table tbody tr:hover th {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.bills-row>td {
  border-bottom-width: 0px;
}

.bills-group .dropdown-status .dropdown__list a:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.bills-group.layered {
  z-index: 1000;
}

.bills-group.layered>td:after{height:47px}

.bills-group:not(.layered):hover td.fixed-td {
  --tw-bg-opacity: 1;
  background-color: rgb(230 239 254 / var(--tw-bg-opacity, 1));
}

.bills-group__toggle {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.bills-group__toggle svg {
  margin-left: 0.25rem;
}

.bills-group__toggle label {
  margin-right: 0.25rem;
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.bills-group__toggle label input {
  visibility: hidden;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.dropdown__value.bills-group__toggle label input {
  display: none;
}

.bills-group__toggle label input:checked ~ span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 255 / var(--tw-bg-opacity, 1));
}

.bills-group__toggle label input:checked ~ span:before,.bills-group__toggle label input:checked ~ span:after {
  --tw-translate-x: 0px;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bills-group__toggle label span {
  position: relative;
  display: flex;
  height: 1rem;
  min-width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.bills-group__toggle label span:before,.bills-group__toggle label span:after {
  position: absolute;
  height: 1.5px;
  width: 6px;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.bills-group__toggle label span:before {
  --tw-translate-x: -1.7px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bills-group__toggle label span:after {
  --tw-translate-x: 1.7px;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bills-group__toggle label span:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity, 1));
}

.bills-group+tr{z-index:10;position: relative;display: none}

.bills-group+tr:hover{background:transparent !important}

.bills-group+tr>td{padding-right:0 !important}

.bills-group+tr>td:first-child:before {
  position: absolute;
  top: -1px;
  left: 0px;
  height: 2px;
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.bills-group__table{padding-left:57px !important;padding-top:0 !important;padding-bottom:0 !important;width: 100%}

.bills-group__table table:before {
  position: absolute;
  top: -1px;
  left: 2.5rem;
  height: calc(100% + 1px);
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.bills-group__table table:after{height:var(--after-height);position: absolute;top: -15.5px;left: 57px;width: 1px;--tw-bg-opacity: 1;background-color: rgb(227 229 235 / var(--tw-bg-opacity, 1));--tw-content: '';content: var(--tw-content)}

.bills-group__table th:nth-child(1),.bills-group__table td:nth-child(1) {
  padding-left: 0.75rem;
}

.bills-group__table th:nth-child(1) .table__sortbutton,.bills-group__table td:nth-child(1) .table__sortbutton {
  position: relative;
  right: -0.375rem;
}

.bills-group__table td:nth-child(1),.bills-group__table th:nth-child(1) {
  border-right-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 229 235 / var(--tw-border-opacity, 1));
}

.bills-group__table .content-scroll {
  padding-bottom: 0.5rem;
}

.bills-group.active{background-color:transparent !important}

.bills-group.active:nth-child(4n+3) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bills-group.active:nth-child(4n+3)+tr {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bills-group.active:nth-child(4n+3)+tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bills-group.active:nth-child(4n+3)+tr>td:first-child:before {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bills-group.active:nth-child(4n+3):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bills-group.active .advertising-group__toggle label span {
  min-width: 1rem;
}

.bills-group.active+tr {
  display: table-row;
  padding-bottom: 0.625rem;
}

.bills-group.active+tr:hover {
  background-color: transparent;
}

.bills-group.active>td{background-color:transparent !important;border-bottom-width: 0px}

.bills-group.active>td:first-child:before {
  position: absolute;
  inset: 0px;
  z-index: 0;
  height: 46px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.bills-group.active:hover {
  background-color: transparent;
}

.bills-group-inner.active>td:first-child:before{display:none}

.bills-group-inner+tr .bills-group__table table:before{display:none}


/*# sourceMappingURL=bundle.ef42f5b.bundle.css.map*/