*, :before, :after {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:root {
    --bs-pagination-active-bg: #418c83 !important;
    --bs-pagination-active-border-color: #418c83 !important;
    --bs-pagination-color: #418c83 !important;
    --bs-pagination-hover-color: #418c83 !important;
    --bs-pagination-focus-color: #418c83 !important;
}

:before, :after {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    color: inherit;
    border-top-width: 1px;
    height: 0
}

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

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

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

b, strong {
    font-weight: bolder
}

code, kbd, samp, pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    /*background-color: #0000;*/
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-outer-spin-button {
    height: auto
}

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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 {
    margin: 0;
    padding: 0;
    list-style: none
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*, :before, :after, ::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: #3b82f680;
    --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:;
    --bs-pagination-active-bg: #418c83 !important;
    --bs-pagination-active-border-color: #418c83 !important;
    --bs-pagination-color: #418c83 !important;
    --bs-pagination-hover-color: #418c83 !important;
    --bs-pagination-focus-color: #418c83 !important;
}

.icon-\[basil--document-solid\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M14.25 2.5a.25.25 0 0 0-.25-.25H7A2.75 2.75 0 0 0 4.25 5v14A2.75 2.75 0 0 0 7 21.75h10A2.75 2.75 0 0 0 19.75 19V9.147a.25.25 0 0 0-.25-.25H15a.75.75 0 0 1-.75-.75V2.5Zm.75 9.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h6Zm0 4a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h6Z' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M15.75 2.824c0-.184.193-.301.336-.186c.121.098.23.212.323.342l3.013 4.197c.068.096-.006.22-.124.22H16a.25.25 0 0 1-.25-.25V2.824Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[basil--attach-outline\] {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.25 12A6.75 6.75 0 0 1 9 5.25h8a4.75 4.75 0 1 1 0 9.5H8.857a2.75 2.75 0 1 1 0-5.5h7.857a.75.75 0 0 1 0 1.5H8.857a1.25 1.25 0 1 0 0 2.5H17a3.25 3.25 0 0 0 0-6.5H9a5.25 5.25 0 1 0 0 10.5h7.714a.75.75 0 0 1 0 1.5H9A6.75 6.75 0 0 1 2.25 12' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-\[bi--camera-video-fill\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[bi--chat-right-dots\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='black'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z'/%3E%3Cpath d='M5 6a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[bi--file-earmark-pdf-fill\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='black'%3E%3Cpath d='M5.523 12.424c.14-.082.293-.162.459-.238a7.878 7.878 0 0 1-.45.606c-.28.337-.498.516-.635.572a.266.266 0 0 1-.035.012a.282.282 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36c.106-.165.319-.354.647-.548zm2.455-1.647c-.119.025-.237.05-.356.078a21.148 21.148 0 0 0 .5-1.05a12.045 12.045 0 0 0 .51.858c-.217.032-.436.07-.654.114zm2.525.939a3.881 3.881 0 0 1-.435-.41c.228.005.434.022.612.054c.317.057.466.147.518.209a.095.095 0 0 1 .026.064a.436.436 0 0 1-.06.2a.307.307 0 0 1-.094.124a.107.107 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256zM8.278 6.97c-.04.244-.108.524-.2.829a4.86 4.86 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822c.038-.177.11-.248.196-.283a.517.517 0 0 1 .145-.04c.013.03.028.092.032.198c.005.122-.007.277-.038.465z'/%3E%3Cpath fill-rule='evenodd' d='M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM4.165 13.668c.09.18.23.343.438.419c.207.075.412.04.58-.03c.318-.13.635-.436.926-.786c.333-.401.683-.927 1.021-1.51a11.651 11.651 0 0 1 1.997-.406c.3.383.61.713.91.95c.28.22.603.403.934.417a.856.856 0 0 0 .51-.138c.155-.101.27-.247.354-.416c.09-.181.145-.37.138-.563a.844.844 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.76 5.76 0 0 0-1.335-.05a10.954 10.954 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794c.036-.218.055-.426.048-.614a1.238 1.238 0 0 0-.127-.538a.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077c-.377.15-.576.47-.651.823c-.073.34-.04.736.046 1.136c.088.406.238.848.43 1.295a19.697 19.697 0 0 1-1.062 2.227a7.662 7.662 0 0 0-1.482.645c-.37.22-.699.48-.897.787c-.21.326-.275.714-.08 1.103z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[el--arrow-down\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1200' width='1200' height='1200'%3E%3Cpath fill='black' d='M600 1200L131.25 496.875h252.539V0h432.422v496.875h252.539L600 1200z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[fa-solid--microphone-alt\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512' width='352' height='512'%3E%3Cpath fill='black' d='M336 192h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16zM176 352c53.02 0 96-42.98 96-96h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272v-32h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272v-32h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: .69em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[heroicons-outline--chat\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 0 1-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[heroicons-solid--download\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3 17a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm3.293-7.707a1 1 0 0 1 1.414 0L9 10.586V3a1 1 0 1 1 2 0v7.586l1.293-1.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[heroicons-solid--pause\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M18 10a8 8 0 1 1-16 0a8 8 0 0 1 16 0ZM7 8a1 1 0 0 1 2 0v4a1 1 0 1 1-2 0V8Zm5-1a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[heroicons-solid--play\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16ZM9.555 7.168A1 1 0 0 0 8 8v4a1 1 0 0 0 1.555.832l3-2a1 1 0 0 0 0-1.664l-3-2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[ic--baseline-videocam-off\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27L4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21L21 19.73L3.27 2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[ic--baseline-videocam\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[icon-park-solid--close-one\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cmask id='ipSCloseOne0'%3E%3Cg fill='none' stroke-linejoin='round' stroke-width='4'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' d='M29.657 18.343L18.343 29.657m0-11.314l11.314 11.314'/%3E%3C/g%3E%3C/mask%3E%3Cpath fill='black' d='M0 0h48v48H0z' mask='url(%23ipSCloseOne0)'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[iconamoon--screen-full-duotone\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9V6a2 2 0 0 1 2-2h3m11 11v3a2 2 0 0 1-2 2h-3m0-16h3a2 2 0 0 1 2 2v3M9 20H6a2 2 0 0 1-2-2v-3'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[iconoir--bell\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4C6 15.867 3 18 3 18h18s-3-2.133-3-9.6ZM13.73 21a1.999 1.999 0 0 1-3.46 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[iconoir--check\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[iconoir--double-check\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='m1.5 12.5l4.076 4.076a.6.6 0 0 0 .848 0L9 14m7-7l-4 4'/%3E%3Cpath d='m7 12l4.576 4.576a.6.6 0 0 0 .848 0L22 7'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[ion--document-text\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='black' d='M428 224H288a48 48 0 0 1-48-48V36a4 4 0 0 0-4-4h-92a64 64 0 0 0-64 64v320a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64V228a4 4 0 0 0-4-4Zm-92 160H176a16 16 0 0 1 0-32h160a16 16 0 0 1 0 32Zm0-80H176a16 16 0 0 1 0-32h160a16 16 0 0 1 0 32Z'/%3E%3Cpath fill='black' d='M419.22 188.59L275.41 44.78a2 2 0 0 0-3.41 1.41V176a16 16 0 0 0 16 16h129.81a2 2 0 0 0 1.41-3.41Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mdi--microphone-off\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 11c0 1.19-.34 2.3-.9 3.28l-1.23-1.23c.27-.62.43-1.31.43-2.05H19m-4 .16L9 5.18V5a3 3 0 0 1 3-3a3 3 0 0 1 3 3v6.16M4.27 3L21 19.73L19.73 21l-4.19-4.19c-.77.46-1.63.77-2.54.91V21h-2v-3.28c-3.28-.49-6-3.31-6-6.72h1.7c0 3 2.54 5.1 5.3 5.1c.81 0 1.6-.19 2.31-.52l-1.66-1.66L12 14a3 3 0 0 1-3-3v-.72L3 4.27L4.27 3Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mdi--microphone\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3m7 9c0 3.53-2.61 6.44-6 6.93V21h-2v-3.07c-3.39-.49-6-3.4-6-6.93h2a5 5 0 0 0 5 5a5 5 0 0 0 5-5h2Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mdi-light--settings\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m19.59 15.5l-1.82-1.3c.3-1.08.32-2.25 0-3.42l1.82-1.28L18.14 7l-2.03.92c-.79-.8-1.79-1.42-2.96-1.71L12.95 4h-2.9l-.2 2.21c-1.17.29-2.17.91-2.96 1.71L4.86 7L3.41 9.5l1.82 1.28c-.32 1.17-.3 2.34 0 3.42l-1.82 1.3L4.86 18l2.03-.93c.79.79 1.79 1.39 2.96 1.7l.2 2.23h2.9l.2-2.23c1.17-.31 2.17-.91 2.96-1.7l2.03.93l1.45-2.5M13.5 3c.27 0 .5.2.5.46l.18 2.04c.76.28 1.44.69 2.05 1.18l1.85-.87c.23-.12.52-.04.66.19l2 3.5c.14.21.06.5-.16.65l-1.67 1.17c.13.8.12 1.59 0 2.36l1.67 1.17c.22.15.3.44.16.65l-2 3.5c-.14.21-.43.29-.66.17l-1.85-.86c-.61.49-1.29.89-2.05 1.19l-.18 2c0 .29-.23.5-.5.5h-4a.5.5 0 0 1-.5-.5l-.18-2c-.76-.3-1.44-.7-2.05-1.19l-1.85.86c-.23.12-.52.04-.66-.17l-2-3.5c-.14-.21-.06-.5.16-.65l1.67-1.17c-.12-.77-.13-1.56 0-2.36l-1.67-1.17c-.22-.15-.3-.44-.16-.65l2-3.5c.14-.23.43-.31.66-.19l1.85.87c.61-.49 1.29-.9 2.05-1.18L9 3.46c0-.26.23-.46.5-.46h4m-2 6a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8 12.5A3.5 3.5 0 0 1 11.5 9m0 1A2.5 2.5 0 0 0 9 12.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mingcute--send-fill\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0h24ZM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036c-.01-.003-.019 0-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.016-.018Zm.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01l-.184-.092Z'/%3E%3Cpath fill='black' d='M20.235 5.686c.432-1.195-.726-2.353-1.921-1.92L3.709 9.048c-1.199.434-1.344 2.07-.241 2.709l4.662 2.699l4.163-4.163a1 1 0 0 1 1.414 1.414L9.544 15.87l2.7 4.662c.638 1.103 2.274.957 2.708-.241l5.283-14.605Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[solar--camera-bold\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.778 21h4.444c3.121 0 4.682 0 5.803-.735a4.408 4.408 0 0 0 1.226-1.204c.749-1.1.749-2.633.749-5.697c0-3.065 0-4.597-.749-5.697a4.407 4.407 0 0 0-1.226-1.204c-.72-.473-1.622-.642-3.003-.702c-.659 0-1.226-.49-1.355-1.125A2.064 2.064 0 0 0 13.634 3h-3.268c-.988 0-1.839.685-2.033 1.636c-.129.635-.696 1.125-1.355 1.125c-1.38.06-2.282.23-3.003.702A4.405 4.405 0 0 0 2.75 7.667C2 8.767 2 10.299 2 13.364c0 3.064 0 4.596.749 5.697c.324.476.74.885 1.226 1.204C5.096 21 6.657 21 9.778 21ZM12 9.273c-2.301 0-4.167 1.831-4.167 4.09c0 2.26 1.866 4.091 4.167 4.091c2.301 0 4.167-1.831 4.167-4.09c0-2.26-1.866-4.091-4.167-4.091Zm0 1.636c-1.38 0-2.5 1.099-2.5 2.455c0 1.355 1.12 2.454 2.5 2.454s2.5-1.099 2.5-2.454c0-1.356-1.12-2.455-2.5-2.455Zm4.722-.818c0-.452.373-.818.834-.818h1.11c.46 0 .834.366.834.818a.826.826 0 0 1-.833.818h-1.111a.826.826 0 0 1-.834-.818Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[solar--phone-bold\] {
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.556 12.906l-.455.453s-1.083 1.076-4.038-1.862s-1.872-4.014-1.872-4.014l.286-.286c.707-.702.774-1.83.157-2.654L9.374 2.86C8.61 1.84 7.135 1.705 6.26 2.575l-1.57 1.56c-.433.432-.723.99-.688 1.61c.09 1.587.808 5 4.812 8.982c4.247 4.222 8.232 4.39 9.861 4.238c.516-.048.964-.31 1.325-.67l1.42-1.412c.96-.953.69-2.588-.538-3.255l-1.91-1.039c-.806-.438-1.787-.309-2.417.317Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hidden {
    display: none
}

.h-6 {
    height: 1.5rem
}

.w-6 {
    width: 1.5rem
}

body {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity));
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    display: flex
}

@media screen and (width<=1024px) {
    .highlight-video-call main {
        padding: 0
    }

    .highlight-video-call .main__primary-section {
        width: 100%;
        height: 100%
    }

        .highlight-video-call .main__primary-section .main__bg-video-container {
            border-radius: 0;
            padding: 0
        }

            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__screen-drag-drop {
                width: 12rem;
                height: 9rem;
                bottom: 7rem;
                left: 1rem
            }

            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls div {
                gap: .5rem;
                display: flex
            }

            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #settings,
            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #microphone,
            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #camera,
            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #full-screen,
            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #full-screen-stop,
            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #chat,
            .highlight-video-call .main__primary-section .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls #widget {
                width: 2.25rem;
                height: 2.25rem
            }

    .highlight-video-call .main__secondary-section, .highlight-video-call .header, .highlight-video-call .bar_summarize-information {
        display: none
    }

    .highlight-chat main {
        gap: 0;
        padding: 0
    }

    .highlight-chat .main__secondary-section {
        width: 100%;
        height: 100%
    }

        .highlight-chat .main__secondary-section .main__bg-chat-container__content {
            border-radius: 0
        }

    .highlight-chat .main__primary-section {
        width: 0;
        position: relative
    }

    .highlight-chat .header, .highlight-chat .bar_summarize-information {
        display: none
    }

    .highlight-chat .main__bg-video-container {
        z-index: 30;
        --tw-drop-shadow: drop-shadow(0 20px 13px #00000008)drop-shadow(0 8px 5px #00000014);
        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);
        border-radius: 9999px;
        width: 6rem;
        height: 6rem;
        padding: 0
    }

        .highlight-chat .main__bg-video-container .main__bg-video-container__content__screen-drag-drop {
            display: none
        }

        .highlight-chat .main__bg-video-container .main__bg-video-container__content #big-video {
            border-radius: 9999px
        }

        .highlight-chat .main__bg-video-container .main__bg-video-container__content #company-icon {
            width: 0;
            height: 0
        }

        .highlight-chat .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls {
            display: none
        }
}

.header {
    --tw-drop-shadow: drop-shadow(0 1px 1px #0000000d);
    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);
    justify-content: space-between;
    align-items: center;
    /*width: 100vw;*/
    height: 5rem;
    padding: 2rem;
    display: flex
}

:is(.dark .header) {
    --tw-bg-opacity: 1;
    background-color: rgb(48 49 52/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.header {
    color: #102844;
    background-color: #fff
}

    .header .header__container-main {
        width: 100%
    }

        .header .header__container-main .header__container-main__title .session-time {
            align-items: center;
            gap: 2rem;
            display: flex
        }

            .header .header__container-main .header__container-main__title .session-time h1 {
                font-family: Poppins,sans-serif;
                font-size: 1.25rem
            }

            .header .header__container-main .header__container-main__title .session-time .header__container-main-title__timer {
                --tw-border-opacity: 1;
                border-width: 1px;
                border-color: rgb(248 113 113/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: rgb(241 245 249/var(--tw-bg-opacity));
                border-radius: .75rem;
                justify-content: center;
                align-items: center;
                gap: .25rem;
                width: 7rem;
                height: 2rem;
                padding: .125rem .375rem;
                display: flex
            }

:is(.dark .header .header__container-main .header__container-main__title .session-time .header__container-main-title__timer) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 59 63/var(--tw-bg-opacity))
}

.header .header__container-main .header__container-main__title .session-time .header__container-main-title__timer svg {
    fill: #f87171;
    stroke: #fff;
    stroke-width: 0;
    width: 1.25rem;
    height: 1.25rem
}

.header .header__container-main .header__container-main__title .session-time .header__container-main-title__timer div {
    font-family: Inter,sans-serif;
    font-size: .75rem
}

.header .header__container-main .header__container-main__bar-summarize-information {
    width: 100%
}

    .header .header__container-main .header__container-main__bar-summarize-information .bar_summarize-information {
        padding-left: 0
    }

.header .header__container-infos {
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    width: 80%;
    display: flex
}

    .header .header__container-infos .header__container-infos__icons {
        place-content: center;
        align-self: flex-end;
        gap: 1rem;
        display: flex
    }

        .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-message {
            position: relative
        }

            .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-message #message-badge {
                z-index: 10;
                --tw-bg-opacity: 1;
                background-color: rgb(249 115 22/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity));
                border-radius: 9999px;
                padding: 1px 5px;
                font-size: .6rem;
                position: absolute;
                top: -6px;
                right: -3px
            }

            .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-message #icon-chat-notification {
                stroke: #4b5563;
                width: 1.75rem;
                height: 1.75rem
            }

:is(.dark .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-message #icon-chat-notification) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-bell {
    position: relative
}

    .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-bell #bell-badge {
        z-index: 10;
        --tw-bg-opacity: 1;
        background-color: rgb(249 115 22/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity));
        border-radius: 9999px;
        padding: 1px 5px;
        font-size: .6rem;
        position: absolute;
        top: -6px;
        right: -3px
    }

    .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-bell #icon-bell {
        stroke: #4b5563;
        width: 1.75rem;
        height: 1.75rem
    }

:is(.dark .header .header__container-infos .header__container-infos__icons .header__container-infos__icons__icon-bell #icon-bell) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.header .header__container-infos .header__container-infos__identifier {
    flex-direction: column;
    display: flex
}

:is(.dark .header .header__container-infos .header__container-infos__identifier #name) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.header .header__container-infos .header__container-infos__identifier #name {
    color: #102844;
    font-size: 1rem
}

.header .header__container-infos .header__container-infos__identifier #business-model {
    color: #86869d;
    font-size: .75rem
}

main {
    flex: 1;
    gap: 1rem;
    padding: 1.25rem;
    height: calc(100vh - 5rem);
    display: flex;
    overflow-y: auto
}

:is(.dark main) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

main .main__primary-section {
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    height: 100%;
    display: flex
}

.main__secondary-section {
    overflow: auto;
    max-width: 100%;
}

    .main__secondary-section > * {
        max-width: 100%;
        overflow-x: auto;
    }

.bar_summarize-information {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    align-content: center;
    height: 5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    display: grid;    
}

:is(.dark .bar_summarize-information) {
    --tw-bg-opacity: 1;
    background-color: rgb(48 49 52/var(--tw-bg-opacity))
}

.bar_summarize-information .bar_summarize-information__background {
    border-radius: .5rem;
    flex-direction: row;
    place-items: center;
    column-gap: .875rem;
    width: 100%;
    min-height: 3rem;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    justify-content: space-between;
}

:is(.dark .bar_summarize-information .bar_summarize-information__background) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 59 63/var(--tw-bg-opacity))
}

.bar_summarize-information .bar_summarize-information__background {
    background-color: var(--verde-orienteme-claro-sutil, #489c91)
}

    .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-info {
        justify-content: start;
        place-items: center;
        justify-items: center;
        display: flex;
        column-gap: .875rem;
    }

        .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-info img {
            border-radius: 9999px;
            width: 2rem;
            height: 2rem;
            object-fit: cover;
        }

        .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-info span {
            /*width: 100%*/
        }

:is(.dark .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-info span) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-info span {
    font-family: Inter,sans-serif;
    font-size: .85rem;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-info button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    background-color: var(--verde-orienteme-claro-sutil, #489c91);
    border-radius: .5rem;
    padding: .125rem 1rem;
    font-size: .85rem
}

.bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-lastaccess {
    font-size: 0.675rem;
    text-align: end;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

    .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__user-lastaccess span {
        text-align: end;
    }

.bar_summarize-information .bar_summarize-information__background .bar_summarize-information__timer {
    column-gap: 0.625rem !important;
    display: flex;
    place-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

    .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__timer .msg-timer-videocall {
        font-size: 13px;        
    }

    .bar_summarize-information .bar_summarize-information__background .bar_summarize-information__timer .timer-videocall {
        color: #ED1C24;
        border: solid 1px var(--verde-orienteme-claro-sutil2, #40b59f);
        border-radius: 15px;
        padding: 2px 10px 2px 10px;
        background-color: #FFD9DF;
        display: flex;
        margin: 0;
        align-items: center;
        justify-content: center;
        gap: 5px;
        font-weight: bolder;
        font-size: 12px;
        text-shadow: initial !important;
    }

.main__bg-video-container {
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    padding: .75rem;
    overflow: hidden
}

:is(.dark .main__bg-video-container) {
    --tw-bg-opacity: 1;
    background-color: rgb(48 49 52/var(--tw-bg-opacity))
}

.main__bg-video-container {
    background-color: #000;
}

    .main__bg-video-container.fundo-cinza {
        background-image: url(/images/bg-videocall-off.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        overflow: hidden;
    }

        .main__bg-video-container.fundo-cinza::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #403d3d3d;
            pointer-events: none;
            z-index: 1;
        }

    .main__bg-video-container .main__bg-video-container__content {
        flex-direction: column-reverse;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
        align-items: center;
    }

        .main__bg-video-container .main__bg-video-container__content #big-video {
            object-fit: fill;
            border-radius: .5rem;
            width: 100%;
            height: 100%;
            position: absolute
        }

        .main__bg-video-container .main__bg-video-container__content #company-icon {
            width: 2.5rem;
            height: 2.25rem;
            position: absolute;
            top: .5rem;
            right: .5rem
        }

        .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls {
            background-color: #27272ab3;
            border-bottom-right-radius: .5rem;
            border-bottom-left-radius: .5rem;
            justify-content: center;
            gap: 6rem;
            width: 100%;
            height: 4rem;
            padding: .75rem;
            display: flex;
            position: absolute;
            z-index: 1001 !important;
        }

            .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 {
                justify-content: flex-end;
                gap: 1rem;
                width: 100%;
                display: flex
            }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 div {
                    gap: 1rem;
                    display: flex
                }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #settings {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #settings span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #microphone {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #microphone span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #camera {
                }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #camera {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-1 #camera span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

            .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__bg-hang-up-call {
                background-color: #27272ab3;
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px;
                justify-content: center;
                width: 68px;
                height: 2.25rem;
                padding: .75rem;
                display: flex;
                position: absolute;
                bottom: 4rem
            }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__bg-hang-up-call #hang-up-call {
                    --tw-bg-opacity: 1;
                    background-color: rgb(185 28 28/var(--tw-bg-opacity));
                    border-radius: 9999px;
                    padding: .75rem;
                    display: flex;
                    position: absolute;
                    top: .5rem
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__bg-hang-up-call #hang-up-call span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.75rem;
                        height: 1.75rem
                    }

            .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 {
                gap: 1rem;
                width: 100%;
                display: flex
            }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #full-screen {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #full-screen span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #full-screen-stop {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #full-screen-stop span {
                        --tw-bg-opacity: 1;
                        background-color: #639E92;
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #chat {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #chat span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #widget {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #widget span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #BtnShareScreen {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #BtnShareScreen span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

                .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #BtnStopShareScreen {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 82/var(--tw-bg-opacity));
                    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
                    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    --tw-shadow-color: #262626;
                    --tw-shadow: var(--tw-shadow-colored);
                    border-radius: .5rem;
                    justify-content: center;
                    align-items: center;
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex
                }

                    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__video-controls .main__bg-video-container__content__video-controls__col-2 #BtnStopShareScreen span {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        width: 1.25rem;
                        height: 1.25rem
                    }

        .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__screen-drag-drop {
            width: 15rem;
            height: 12rem;
            padding: .25rem;
            display: flex;
            position: absolute;
            bottom: 7.5rem;
            left: 1rem;
            background-color: #000000 !important;
            border: solid 1px #F2F2F2 !important;
            border-radius: 10px !important;
            z-index: 1002 !important;
            justify-content: center;
            align-items: center;
        }

        .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__screen-drag-drop--small {
            width: 100%;
            height: 100%;
            padding: .25rem;
            background-color: #000000 !important;
            border: solid 1px #000000 !important;
            border-radius: 10px !important;

        }


        .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__screen-drag-drop #small-video {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity));
            border-width: 2px;
            border-color: #27272ab3;
            border-radius: 1rem;
            width: 100%;
            height: 100%
        }


.main__bg-chat-container {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    padding: .75rem;
    overflow: hidden
}

:is(.dark .main__bg-chat-container) {
    --tw-bg-opacity: 1;
    background-color: rgb(48 49 52/var(--tw-bg-opacity))
}

.main__bg-chat-container__content {
    border-radius: .5rem;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .75rem;
    display: flex
}

:is(.dark .main__bg-chat-container__content) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 59 63/var(--tw-bg-opacity))
}

.main__bg-chat-container__content {
    background-color: var(--fundo-chat, #33a68833);
}

    .main__bg-chat-container__content .main__bg-chat-container__content__loadmore {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        color: #86869d;
        z-index: 10;
        border-radius: .5rem;
        align-self: center;
        margin-top: 0px;
        font-family: Inter,sans-serif;
        font-size: .85rem;
        position: absolute
    }

    .main__bg-chat-container__content .main__bg-chat-container__content__day {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        color: #86869d;
        z-index: 10;
        border-radius: .5rem;
        align-self: center;
        margin-top: 1.25rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-family: Inter,sans-serif;
        font-size: .85rem;
        position: absolute
    }

    .main__bg-chat-container__content .main__bg-chat-container__content__messages {
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-direction: column;
        height: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: scroll
    }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages::-webkit-scrollbar {
            display: none
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages .short-message {
            justify-content: space-between;
            align-items: baseline;
            gap: .75rem;
            display: flex
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages .long-message {
            flex-direction: column;
            display: flex
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages .right {
            align-self: flex-end
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages .middle {
            align-self: center
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages .left {
            align-self: flex-start
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row {
            max-width: 66%;
            margin-bottom: 0.2rem
        }

            .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__day {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                color: #86869d;
                border-radius: .5rem;
                align-self: center;
                margin-top: 1.25rem;
                padding-left: 1rem;
                padding-right: 1rem;
                font-family: Inter,sans-serif;
                font-size: .85rem;
            }

            .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity));
                background-color: var(--verde-orienteme-claro-sutil2, #40b59f);
                border-radius: 1rem 1rem 0;
                align-self: flex-end;
                align-items: center;
                width: 100%;
                max-width: 100%;
                padding: .625rem;
                font-size: .85rem;
                word-break: break-word;
            }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__infos-message {
                    color: #FFFFFF;
                    justify-content: space-between;
                    align-self: flex-end;
                    align-items: center;
                    gap: .25rem;
                    font-size: .6rem;
                    display: flex
                }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__play-pause span {
                    --tw-bg-opacity: 1;
                    background-color: rgb(255 255 255/var(--tw-bg-opacity))
                }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider {
                    -webkit-appearance: none;
                    box-shadow: none;
                    background-color: #0000;
                    border: none;
                    width: 170px;
                    max-width: 100%
                }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-runnable-track {
                        --tw-bg-opacity: 1;
                        background-color: rgb(52 132 117/var(--tw-bg-opacity));
                        background-repeat: no-repeat;
                        background-size: var(--background-size,0%)100%;
                        border-radius: .25rem;
                        height: .25rem
                    }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb {
                        cursor: pointer;
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        -webkit-appearance: none;
                        border-radius: 9999px;
                        width: .5rem;
                        height: .5rem;
                        margin-top: -2px
                    }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-moz-range-thumb {
                            --tw-bg-opacity: 1;
                            background-color: rgb(255 255 255/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-ms-thumb {
                            --tw-bg-opacity: 1;
                            background-color: rgb(255 255 255/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-webkit-slider-thumb:hover {
                            --tw-bg-opacity: 1;
                            background-color: rgb(255 255 255/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-moz-range-thumb:hover {
                            --tw-bg-opacity: 1;
                            background-color: rgb(255 255 255/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-ms-thumb:hover {
                            --tw-bg-opacity: 1;
                            background-color: rgb(255 255 255/var(--tw-bg-opacity))
                        }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-moz-range-progress {
                        --tw-bg-opacity: 1;
                        background-color: rgb(52 132 117/var(--tw-bg-opacity));
                        border-radius: .25rem
                    }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-moz-range-track {
                        --tw-bg-opacity: 1;
                        background-color: rgb(52 132 117/var(--tw-bg-opacity));
                        border-radius: .25rem
                    }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__author .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-moz-range-thumb {
                        cursor: pointer;
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255/var(--tw-bg-opacity));
                        border-radius: 9999px;
                        width: .5rem;
                        height: .5rem;
                        margin-top: -2px
                    }

            .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient {
                color: #17171f;
                background-color: #fff;
                border-radius: 1rem 1rem 1rem 0;
                align-items: center;
                max-width: 100%;
                padding: .625rem;
                font-size: .85rem;
                word-break: break-word;
            }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__infos-message {
                    color: #86869d;
                    justify-content: space-between;
                    align-self: flex-end;
                    align-items: flex-end;
                    gap: .25rem;
                    font-size: .6rem;
                    display: flex
                }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__play-pause span {
                    --tw-bg-opacity: 1;
                    background-color: rgb(107 114 128/var(--tw-bg-opacity))
                }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider {
                    -webkit-appearance: none;
                    box-shadow: none;
                    background-color: #0000;
                    border: none;
                    width: 170px;
                    max-width: 100%
                }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-runnable-track {
                        --tw-bg-opacity: 1;
                        background-color: rgb(217 217 217/var(--tw-bg-opacity));
                        background-repeat: no-repeat;
                        background-size: var(--background-size,0%)100%;
                        border-radius: .25rem;
                        height: .25rem
                    }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb {
                        cursor: pointer;
                        --tw-bg-opacity: 1;
                        background-color: rgb(113 118 125/var(--tw-bg-opacity));
                        -webkit-appearance: none;
                        border-radius: 9999px;
                        width: .5rem;
                        height: .5rem;
                        margin-top: -2px
                    }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-moz-range-thumb {
                            --tw-bg-opacity: 1;
                            background-color: rgb(113 118 125/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-ms-thumb {
                            --tw-bg-opacity: 1;
                            background-color: rgb(113 118 125/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-webkit-slider-thumb:hover {
                            --tw-bg-opacity: 1;
                            background-color: rgb(113 118 125/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-moz-range-thumb:hover {
                            --tw-bg-opacity: 1;
                            background-color: rgb(113 118 125/var(--tw-bg-opacity))
                        }

                        .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-webkit-slider-thumb::-ms-thumb:hover {
                            --tw-bg-opacity: 1;
                            background-color: rgb(113 118 125/var(--tw-bg-opacity))
                        }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-moz-range-progress {
                        --tw-bg-opacity: 1;
                        background-color: rgb(217 217 217/var(--tw-bg-opacity));
                        border-radius: .25rem
                    }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-moz-range-track {
                        --tw-bg-opacity: 1;
                        background-color: rgb(217 217 217/var(--tw-bg-opacity));
                        border-radius: .25rem
                    }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__message__recipient .main__bg-chat-container__content__messages__row__audio__player-container__song-slider::-moz-range-thumb {
                        cursor: pointer;
                        --tw-bg-opacity: 1;
                        background-color: rgb(113 118 125/var(--tw-bg-opacity));
                        border-radius: 9999px;
                        width: .5rem;
                        height: .5rem;
                        margin-top: -2px
                    }

            .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__attachment {
                justify-content: center;
                width: 100%;
                max-width: 20rem;
                /*max-height: 10rem;*/
                margin-bottom: .75rem;
                display: flex;
                position: relative
            }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__attachment img {
                    border-radius: .375rem;
                    max-width: 100%;
                    max-height: 100%
                }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__attachment a {
                    width: 3rem;
                    height: 3rem
                }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__attachment .main__bg-chat-container__content__messages__row__attachment__download {
                    --tw-bg-opacity: 1;
                    background-color: rgb(82 82 91/var(--tw-bg-opacity));
                    --tw-text-opacity: 1;
                    color: rgb(255 251 235/var(--tw-text-opacity));
                    opacity: .8;
                    border-radius: .375rem;
                    justify-content: space-between;
                    align-items: center;
                    gap: .5rem;
                    margin-top: 22.5%;
                    padding: .5rem;
                    display: flex;
                    position: absolute
                }

            .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__infos-message__description {
                margin-right: 1.25rem
            }

            .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__audio {
                justify-content: space-between;
                align-items: center;
                gap: .25rem;
                max-width: 100%;
                display: flex
            }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__audio .main__bg-chat-container__content__messages__row__audio__play-pause {
                    cursor: pointer;
                    display: flex
                }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__audio .main__bg-chat-container__content__messages__row__audio__play-pause span {
                        width: 2rem;
                        height: 2rem
                    }

                .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__audio .main__bg-chat-container__content__messages__row__audio__player-container {
                    max-width: 80%
                }

                    .main__bg-chat-container__content .main__bg-chat-container__content__messages .main__bg-chat-container__content__messages__row .main__bg-chat-container__content__messages__row__audio .main__bg-chat-container__content__messages__row__audio__player-container .main__bg-chat-container__content__messages__row__audio__player-container__infos_audio {
                        justify-content: space-between;
                        font-size: .6rem;
                        display: flex
                    }

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container {
        flex-direction: column;
        width: 100%;
        margin-top: 1rem;
        display: flex
    }

        .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons {
            gap: .5rem;
            display: flex;
            position: relative;
        }

            .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #fixing-doc {
                border-radius: .25rem;
                justify-content: center;
                align-items: center;
                width: 1.5rem;
                height: 1.5rem;
                margin-bottom: .5rem;
                display: flex
            }

:is(.dark .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #fixing-doc) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #fixing-doc {
    background-color: var(--verde-orienteme-claro-sutil, #489c91)
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #fixing-doc span {
        --tw-bg-opacity: 1;
        width: 1rem;
        color: #fff;
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-video {
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .5rem;
    display: flex
}

:is(.dark .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-video) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-video {
    background-color: var(--verde-orienteme-claro-sutil, #489c91)
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-video span {
        --tw-bg-opacity: 1;
        width: 1rem;
        color: #fff;
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #open-camera {
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .5rem;
    display: flex
}

:is(.dark .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #open-camera) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #open-camera {
    background-color: var(--verde-orienteme-claro-sutil, #489c91)
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #open-camera span {
        --tw-bg-opacity: 1;
        width: 1rem;
        color: #fff;
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-audio {
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .5rem;
    display: flex
}

:is(.dark .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-audio) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-audio {
    background-color: var(--verde-orienteme-claro-sutil, #489c91)
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #record-audio span {
        --tw-bg-opacity: 1;
        width: 1rem;
        color: #fff;
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #send-messagesuggestion {
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .5rem;
    display: flex
}

:is(.dark .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #send-messagesuggestion) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #send-messagesuggestion {
    background-color: var(--verde-orienteme-claro-sutil, #489c91)
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__buttons #send-messagesuggestion span {
        --tw-bg-opacity: 1;
        width: 1rem;
        color: #fff;
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area label {
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        /*height: 3rem;*/
        display: flex;
        position: relative
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area-center label {
    justify-content: center;
    align-items: center;
    width: 100%;
    /*height: 3rem;*/
    display: flex;
    position: relative
}

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area label #message {
    resize: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: .5rem;
    width: 100%;
    height: 58px;
    padding: .75rem 3rem .75rem .75rem;
    overflow-y: scroll;
    box-shadow: 0 0 1px #0000001a,0 -1px 1px #0000000d
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area label #message::-webkit-scrollbar {
        display: none
    }

.main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area #send-message {
    background-color: var(--verde-orienteme-claro-sutil, #489c91);
    border-radius: .5rem;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    padding-left: .125rem;
    padding-right: .125rem;
    display: flex;
    position: absolute
}

    .main__bg-chat-container__content .main__bg-chat-container__content__send-message-container .main__bg-chat-container__content__send-message-container__text-area #send-message span {
        --tw-bg-opacity: 1;
        color: #fff;
    }

.main__bg-chat-container__content .main__bg-chat-container__content__response-container {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    width: 100%;
    height: 4rem;
    margin-bottom: -5px;
    padding: .25rem .25rem .625rem
}

:is(.dark .main__bg-chat-container__content .main__bg-chat-container__content__response-container) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 85 87/var(--tw-bg-opacity))
}

.main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author {
    --tw-bg-opacity: 1;
    background-color: rgb(49 141 124/var(--tw-bg-opacity));
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .5rem;
    display: flex;
    position: relative
}

    .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__color-for-message-author-identifier {
        --tw-bg-opacity: 1;
        background-color: rgb(255 239 164/var(--tw-bg-opacity));
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        width: .375rem;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__infos-of-message {
        flex-direction: column;
        margin-left: .5rem;
        display: flex
    }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__name-message-author {
            color: #ffefa4;
            font-size: 1rem
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__description {
            align-items: center;
            gap: .25rem;
            display: flex
        }

            .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__description .main__bg-chat-container__content__response-container__content__infos-of-message__description__icon {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity))
            }

            .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__description .main__bg-chat-container__content__response-container__content__infos-of-message__description__content-of-response {
                color: #fff;
                font-size: .6rem
            }

    .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__attachement-of-responser {
        align-items: center;
        display: flex
    }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__attachement-of-responser button {
            align-self: flex-start;
            display: flex
        }

            .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__attachement-of-responser button .main__bg-chat-container__content__response-container__content__infos-of-message__cancel-send {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                width: .875rem;
                height: .875rem;
                margin-bottom: 1.75rem
            }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.author .main__bg-chat-container__content__response-container__content__attachement-of-responser span {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity));
            width: 2rem;
            height: 2rem
        }

.main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient {
    --tw-bg-opacity: 1;
    background-color: rgb(222 223 224/var(--tw-bg-opacity));
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .5rem;
    display: flex;
    position: relative
}

    .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__color-for-message-author-identifier {
        --tw-bg-opacity: 1;
        background-color: rgb(64 181 159/var(--tw-bg-opacity));
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        width: .375rem;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__infos-of-message {
        flex-direction: column;
        margin-left: .5rem;
        display: flex
    }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__name-message-author {
            color: var(--verde-orienteme-claro-sutil2, #40b59f);
            font-size: 1rem
        }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__description {
            align-items: center;
            gap: .25rem;
            display: flex
        }

            .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__description .main__bg-chat-container__content__response-container__content__infos-of-message__description__icon {
                --tw-bg-opacity: 1;
                background-color: rgb(48 49 52/var(--tw-bg-opacity))
            }

            .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__infos-of-message .main__bg-chat-container__content__response-container__content__infos-of-message__description .main__bg-chat-container__content__response-container__content__infos-of-message__description__content-of-response {
                color: #303134;
                font-size: .6rem
            }

    .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__attachement-of-responser {
        align-items: center;
        display: flex
    }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__attachement-of-responser button {
            align-self: flex-start;
            display: flex
        }

            .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__attachement-of-responser button .main__bg-chat-container__content__response-container__content__infos-of-message__cancel-send {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                width: .875rem;
                height: .875rem;
                margin-bottom: 1.75rem
            }

        .main__bg-chat-container__content .main__bg-chat-container__content__response-container__content.recipient .main__bg-chat-container__content__response-container__content__attachement-of-responser span {
            --tw-bg-opacity: 1;
            background-color: rgb(48 49 52/var(--tw-bg-opacity));
            width: 2rem;
            height: 2rem
        }

.main__bg-chat-container__responsive {
    padding: 0
}

/*@media (max-width: 768px) {
    main {
        display: flex;
        flex-direction: column;
    }
}*/

section#container-widget {
    width: 80%;
}

#video-controls-container {
    position: absolute;
    cursor: move;
    z-index: 1000;
}

@media (max-width: 551px) {
    .bar_summarize-information__user-lastaccess, button#full-screen {
        display: none !important;
    }

    main {
        display: flex;
        flex-direction: column;
        height: calc(200vh - 5rem);
    }

    .main__bg-video-container .main__bg-video-container__content .main__bg-video-container__content__screen-drag-drop {
        width: 7rem;
        height: 7rem;
    }

    .main__bg-video-container {
        height: calc(95vh - 5rem);
    }

    .main__bg-chat-container, main .main__primary-section {
        height: auto;
    }

    main .main__primary-section {
        flex-direction: column;
    }

    main .main__secondary-section, section#container-widget {
        width: 100%;
    }

    .popup {
        width: 319px !important;
    }

        .popup p {
            font-size: 12px !important;
        }
}


@media (max-width: 550px) {
    .header .header__container-infos {
        display: none;
    }
}

/*Ajustes*/

.expand-sel-source {
    margin-right: -6px;
    margin-top: 2px;
    width: 30px;
    height: 37px;
    background-color: #3A3A3B;
    border-radius: 5px 0 0 5px;
}

    .expand-sel-source img {
        height: 15px;
        width: 15px;
        margin-left: 6px;
        transform: rotateX(180deg);
    }

        .expand-sel-source img.recolher {
            transform: initial;
        }

.source-container-main {
    position: absolute;
    top: -51px;
    background-color: #676769;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 7px;
    z-index: 1003 !important;
}

.source-container {
    background-color: #676769;
    border: solid 1px #fff;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 3px;
}

    .source-container i {
        background-color: #639E92 !important;
    }

    .source-container select {
        padding: 5px;
        font-size: .8em;
        background-color: #676769;
        color: #fff;
    }

        .source-container select:focus {
            outline: none;
        }

        .source-container select option {
            margin-left: -20px;
        }

.input-group-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.input-group-icon-text {
    position: absolute;
    left: 7px;
    top: 53%;
    transform: translateY(-50%);
    z-index: 2;
    color: #6c757d;
    padding: 0.375rem;
    background: none;
    border: none;
}

.input-group-icon .form-control {
    padding-left: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    height: 2.5rem;
    border: 1px solid #bdbdbd;
    font-size: 1rem;
    z-index: 1;
    border-radius: 12px;
}

    .input-group-icon .form-control:hover {
        border: 1px solid #212121;
        transition: 0s;
    }

    .input-group-icon .form-control:focus {
        box-shadow: none;
    }

.mensagem-limitada {
    max-height: 300px;
    overflow-y: auto;
    text-align: left;
}

.text-orange {
    color: #F15223 !important;
}


.videocall-status-container {
    width: 60.5rem;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%); 
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-align: center;
}

.status-icon-small {
    background-color: #4E4F5180;
    border-radius: 12px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-size: 18px;
}

.status-icon {
    background-color: #4E4F5180;
    border-radius: 19px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-size: 22px;
}


.status-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.status-text strong {
    font-weight: 600;
}

.status-text .id {
    font-weight: 400;
}


.videocall-cameramicrofoneoff {
    gap: 20px;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    z-index: 100;
}