.svelte-App {
    color: rgb(var(--body));
    font-family: var(--font);
}
body {
    background-color: rgb(var(--background));
}
a:hover {
    color: rgb(var(--primary));
}
input:focus {
    outline: rgba(var(--primary), 0.8) auto 1px;
}
.center-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
}
.unith-full-screen {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
    z-index: 101;
}
.unith-app-container.svelte-Container {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.unith-video.svelte-Container {
    -webkit-box-flex: 7;
    -webkit-flex: 7 1;
       -moz-box-flex: 7;
        -ms-flex: 7 1;
            flex: 7 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-border-radius: 2em;
       -moz-border-radius: 2em;
            border-radius: 2em;
}
.unith-chat.svelte-Container {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1;
       -moz-box-flex: 3;
        -ms-flex: 3 1;
            flex: 3 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: var(--chat-background);
}
.unith-loading.svelte-Container {
    background-color: rgb(var(--background));
    z-index: 105;
}
.unith-mic-access-modal.svelte-Container {
    z-index: 106;
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-app-container.svelte-Container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .unith-hide-phone {
        display: none !important;
    }
    .unith-video.svelte-Container {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
           -moz-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border-left: none;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
}
@media only screen and (min-width: 600px) {
    .unith-chat.svelte-Container {
        max-width: 100%;
        padding: 0.5em 0 0.5em 0.5em;
        -webkit-border-radius: 1em;
           -moz-border-radius: 1em;
                border-radius: 1em;
        -webkit-box-shadow: 0 4px 4px rgba(var(--shadow), 0.4);
           -moz-box-shadow: 0 4px 4px rgba(var(--shadow), 0.4);
                box-shadow: 0 4px 4px rgba(var(--shadow), 0.4);
        margin: 0.5em 0.5em 0.5em 0;
    }
}
.unith-position-absolute-chat.svelte-Container {
    position: absolute;
    width: 100%;
    max-width: 25em;
    right: 0;
    margin-left: auto;
    bottom: 0.5em;
    z-index: 103;
}
@media only screen and (max-width: 961px), (orientation: portrait) {
    .position-absolute-chat.svelte-Container {
        max-width: 100%;
    }
}
html,
body {
    position: relative;
    width: 100%;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-weight: lighter;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
}
button {
    color: currentColor;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    cursor: pointer;
}
a {
    text-decoration: none;
    color: currentColor;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
p {
    margin: 0;
}
div.svelte-components-InternetConnectionStatus {
    position: absolute;
    z-index: 101;
    width: min(90%, 25em);
    left: -webkit-calc((100% - min(90%, 25em)) / 2);
    left: -moz-calc((100% - min(90%, 25em)) / 2);
    left: calc((100% - min(90%, 25em)) / 2);
    top: 0.5em;
    padding: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 0 0 3px rgb(var(--background));
       -moz-box-shadow: 0 0 0 3px rgb(var(--background));
            box-shadow: 0 0 0 3px rgb(var(--background));
    background-color: rgba(var(--danger), 0.6);
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
}
span.svelte-components-InternetConnectionStatus {
    margin-right: 1em;
}
.unith-custom-input.svelte-components-Login {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-style: normal;
}
button.unith-svelte-components-Login {
    right: 0;
    border: none;
    background-color: rgb(var(--primary));
    padding: 0.5em;
    cursor: pointer;
    margin: 0.3em 1em;
    color: rgb(var(--body));
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    width: 200px;
    -webkit-box-shadow: 0 4px 12px rgba(var(--shadow), 0.3);
       -moz-box-shadow: 0 4px 12px rgba(var(--shadow), 0.3);
            box-shadow: 0 4px 12px rgba(var(--shadow), 0.3);
}
button.unith-login.svelte-components-Login {
    background-color: rgba(var(--primary), 0.2);
    font-weight: bolder;
    margin-top: 2.5em;
}
button.unith-cancel.svelte-components-Login {
    background: rgb(var(--background));
}
.unith-auth-error.svelte-components-Login {
    background-color: rgb(var(--danger));
    -webkit-border-radius: 0.3em;
       -moz-border-radius: 0.3em;
            border-radius: 0.3em;
    width: 65%;
    padding: 0.6em 0;
    text-align: center;
}
.unith-error.svelte-components-Error.svelte-components-Error {
    background-color: rgb(var(--background));
    color: rgb(var(--body));
    font-size: xx-large;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.unith-error.svelte-components-Error div.svelte-components-Error {
    max-width: 80%;
}
.unith-title.svelte-components-Error.svelte-components-Error {
    font-weight: 800;
    font-size: 3em;
    margin-bottom: 1em;
}
.unith-error-msg.svelte-components-Error.svelte-components-Error {
    color: rgb(var(--primary));
    font-size: large;
}
.unith-decoration.svelte-components-Error.svelte-components-Error {
    position: absolute;
    z-index: -1;
}
.unith-decoration.unith-logo.svelte-components-Error.svelte-components-Error {
    top: 1em;
    left: 1em;
}
.unith-decoration.unith-rectangle.svelte-components-Error.svelte-components-Error {
    width: 70%;
    height: 40%;
}
.unith-decoration.unith-rectangle.unith-one.svelte-components-Error.svelte-components-Error {
    background-color: rgba(var(--primary), 0.2);
    -webkit-border-radius: 4em;
       -moz-border-radius: 4em;
            border-radius: 4em;
    right: 5%;
}
.unith-decoration.unith-rectangle.unith-two.svelte-components-Error.svelte-components-Error {
    background-color: rgba(var(--primary), 0.1);
    -webkit-border-radius: 10em;
       -moz-border-radius: 10em;
            border-radius: 10em;
    bottom: 5%;
}
.unith-chat-container.svelte-components-Chat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.unith-header-container.svelte-components-Chat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid rgba(var(--body), 0.2);
    margin-bottom: 0.5em;
    padding: 0.5em;
    color: rgba(var(--body));
}
.unith-msgs-container.svelte-components-Chat {
    -webkit-box-flex: 8;
    -webkit-flex: 8 8 80%;
       -moz-box-flex: 8;
        -ms-flex: 8 8 80%;
            flex: 8 8 80%;
    scroll-behavior: auto;
    overflow-y: auto;
    width: 100%;
}
.unith-msgs.svelte-components-Chat {
    height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: inherit;
}
.unith-chat-header.svelte-components-Chat {
    margin: 0 0.5em 0.5em 0.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.unith-search.svelte-components-Chat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1em;
    margin-right: -webkit-calc(1em - 8px);
    margin-right: -moz-calc(1em - 8px);
    margin-right: calc(1em - 8px);
    margin-top: 0.5em;
}
.unith-search-field.svelte-components-Chat {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: rgba(var(--shadow, 0.1), 0.2) 0 7px 29px 0;
       -moz-box-shadow: rgba(var(--shadow, 0.1), 0.2) 0 7px 29px 0;
            box-shadow: rgba(var(--shadow, 0.1), 0.2) 0 7px 29px 0;
    outline: none;
    border: 0;
    margin-right: 0.5em;
    padding: 0.25em 0.5em;
}
.unith-hide-component.svelte-components-Chat {
    display: none;
}
.unith-hide-chat.svelte-components-ToggleChatButton {
    color: rgba(var(--body), 0.7);
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    padding: 0;
    margin-left: 1em;
}
.unith-horizontal-hide-chat-button.svelte-components-ToggleChatButton {
    position: static;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    justify-self: flex-start;
    padding: 0;
    margin: 0;
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-hide-chat.svelte-components-ToggleChatButton {
        display: none;
    }
    .unith-hide-phone {
        display: none !important;
    }
}
.unith-full-screen-hide.svelte-components-ToggleChatButton {
    display: none;
}
button.svelte-components-MicrophoneAccess {
    right: 0;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    border: none;
    -webkit-border-radius: 0.3em;
       -moz-border-radius: 0.3em;
            border-radius: 0.3em;
    background-color: rgb(var(--primary));
    color: rgb(var(--background));
    padding: 0.5em;
    -webkit-box-shadow: 0 0 18px -4px rgb(var(--primary));
       -moz-box-shadow: 0 0 18px -4px rgb(var(--primary));
            box-shadow: 0 0 18px -4px rgb(var(--primary));
    margin-top: 2em;
}
h2.svelte-components-MicrophoneAccess,
p.svelte-components-MicrophoneAccess {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
}
.unith-lds-ellipsis.svelte-components-Loading.svelte-components-Loading {
    display: inline-block;
    position: relative;
    width: -webkit-calc(var(--size) * 10px);
    width: -moz-calc(var(--size) * 10px);
    width: calc(var(--size) * 10px);
    height: -webkit-calc(var(--size) * 10px);
    height: -moz-calc(var(--size) * 10px);
    height: calc(var(--size) * 10px);
}
.unith-lds-ellipsis.svelte-components-Loading div.svelte-components-Loading {
    position: absolute;
    top: -webkit-calc(var(--size) * 33px / 8);
    top: -moz-calc(var(--size) * 33px / 8);
    top: calc(var(--size) * 33px / 8);
    width: -webkit-calc(var(--size) * 13px / 8);
    width: -moz-calc(var(--size) * 13px / 8);
    width: calc(var(--size) * 13px / 8);
    height: -webkit-calc(var(--size) * 13px / 8);
    height: -moz-calc(var(--size) * 13px / 8);
    height: calc(var(--size) * 13px / 8);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: rgb(var(--body));
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
       -moz-animation-timing-function: cubic-bezier(0, 1, 1, 0);
         -o-animation-timing-function: cubic-bezier(0, 1, 1, 0);
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.unith-lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(1) {
    left: -webkit-calc(var(--size) * 1px);
    left: -moz-calc(var(--size) * 1px);
    left: calc(var(--size) * 1px);
    -webkit-animation: svelte-components-Loading-lds-ellipsis1 0.6s infinite;
       -moz-animation: svelte-components-Loading-lds-ellipsis1 0.6s infinite;
         -o-animation: svelte-components-Loading-lds-ellipsis1 0.6s infinite;
            animation: svelte-components-Loading-lds-ellipsis1 0.6s infinite;
}
.unith-lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(2) {
    left: -webkit-calc(var(--size) * 1px);
    left: -moz-calc(var(--size) * 1px);
    left: calc(var(--size) * 1px);
    -webkit-animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
       -moz-animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
         -o-animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
            animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
}
.unith-lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(3) {
    left: -webkit-calc(var(--size) * 4px);
    left: -moz-calc(var(--size) * 4px);
    left: calc(var(--size) * 4px);
    -webkit-animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
       -moz-animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
         -o-animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
            animation: svelte-components-Loading-lds-ellipsis2 0.6s infinite;
}
.unith-lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(4) {
    left: -webkit-calc(var(--size) * 7px);
    left: -moz-calc(var(--size) * 7px);
    left: calc(var(--size) * 7px);
    -webkit-animation: svelte-components-Loading-lds-ellipsis3 0.6s infinite;
       -moz-animation: svelte-components-Loading-lds-ellipsis3 0.6s infinite;
         -o-animation: svelte-components-Loading-lds-ellipsis3 0.6s infinite;
            animation: svelte-components-Loading-lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes svelte-components-Loading-lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes svelte-components-Loading-lds-ellipsis1 {
    0% {
        -moz-transform: scale(0);
             transform: scale(0);
    }
    100% {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes svelte-components-Loading-lds-ellipsis1 {
    0% {
        -o-transform: scale(0);
           transform: scale(0);
    }
    100% {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes svelte-components-Loading-lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}
@-webkit-keyframes svelte-components-Loading-lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}
@-moz-keyframes svelte-components-Loading-lds-ellipsis3 {
    0% {
        -moz-transform: scale(1);
             transform: scale(1);
    }
    100% {
        -moz-transform: scale(0);
             transform: scale(0);
    }
}
@-o-keyframes svelte-components-Loading-lds-ellipsis3 {
    0% {
        -o-transform: scale(1);
           transform: scale(1);
    }
    100% {
        -o-transform: scale(0);
           transform: scale(0);
    }
}
@keyframes svelte-components-Loading-lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }
}
@-webkit-keyframes svelte-components-Loading-lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-webkit-calc(var(--size) * 3px), 0);
                transform: translate(calc(var(--size) * 3px), 0);
    }
}
@-moz-keyframes svelte-components-Loading-lds-ellipsis2 {
    0% {
        -moz-transform: translate(0, 0);
             transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-moz-calc(var(--size) * 3px), 0);
             transform: translate(calc(var(--size) * 3px), 0);
    }
}
@-o-keyframes svelte-components-Loading-lds-ellipsis2 {
    0% {
        -o-transform: translate(0, 0);
           transform: translate(0, 0);
    }
    100% {
        -o-transform: translate(calc(var(--size) * 3px), 0);
           transform: translate(calc(var(--size) * 3px), 0);
    }
}
@keyframes svelte-components-Loading-lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
             -o-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-webkit-calc(var(--size) * 3px), 0);
           -moz-transform: translate(-moz-calc(var(--size) * 3px), 0);
             -o-transform: translate(calc(var(--size) * 3px), 0);
                transform: translate(calc(var(--size) * 3px), 0);
    }
}
.unith-chat-media.svelte-components-ImageComponent {
    width: 100%;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
}
.unith-hidden.svelte-components-ImageComponent {
    display: none;
}
.unith-placeholder.svelte-components-ImageComponent {
    height: 10em;
    background: rgba(var(--primary), 0.2);
}
.unith-modal.svelte-components-Modal {
    background-color: rgba(var(--body), 0.4);
}
.unith-container.svelte-components-Modal {
    background-color: rgb(var(--background));
    color: rgb(var(--body));
    padding: 1.5em;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: min(60vw, 800px);
    -webkit-box-shadow: 0 0 18px -4px rgb(var(--shadow));
       -moz-box-shadow: 0 0 18px -4px rgb(var(--shadow));
            box-shadow: 0 0 18px -4px rgb(var(--shadow));
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
span.svelte-components-MessageBubble a {
    text-decoration: underline;
}
.unith-msg-text:hover > span > span {
    color: rgb(var(--background));
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.unith-highlight {
    background-color: rgb(var(--primary));
}
.unith-msg.svelte-components-MessageBubble {
    margin: 7px;
    min-width: 150px;
}
.unith-msg.unith-bkd.svelte-components-MessageBubble {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    color: rgb(var(--body));
}
.unith-msg.unith-usr.svelte-components-MessageBubble {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    color: rgb(var(--background));
}
.unith-msg.unith-sent.svelte-components-MessageBubble {
    -webkit-filter: brightness(1.25);
            filter: brightness(1.25);
}
.unith-msg-text.svelte-components-MessageBubble {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 7em;
    padding: 0.3em 1.2em;
    -webkit-box-shadow: 4px 4px 7px rgba(var(--shadow), 0.05);
       -moz-box-shadow: 4px 4px 7px rgba(var(--shadow), 0.05);
            box-shadow: 4px 4px 7px rgba(var(--shadow), 0.05);
    font-style: normal;
    word-break: normal;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    max-width: 80%;
}
.unith-msg-text.unith-usr.svelte-components-MessageBubble {
    color: rgb(var(--background));
    background-color: rgb(var(--primary));
    -webkit-border-radius: 20px 0 20px 20px;
       -moz-border-radius: 20px 0 20px 20px;
            border-radius: 20px 0 20px 20px;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    text-align: left;
}
.unith-msg-text.unith-bkd.svelte-components-MessageBubble {
    background-color: rgb(var(--background));
    color: rgb(var(--body));
    -webkit-border-radius: 0 20px 20px 20px;
       -moz-border-radius: 0 20px 20px 20px;
            border-radius: 0 20px 20px 20px;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
}
.unith-timestamp.svelte-components-MessageBubble {
    font-style: normal;
    width: 100%;
    color: rgb(var(--body));
    margin-top: 0.3em;
    font-size: x-small;
}
.unith-hoverable.svelte-components-MessageBubble {
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.unith-hoverable.unith-bkd.svelte-components-MessageBubble {
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.unith-hoverable.unith-bkd.svelte-components-MessageBubble:hover {
    color: rgb(var(--primary));
}
.unith-hoverable.unith-usr.svelte-components-MessageBubble:hover {
    color: rgb(var(--body));
}
.unith-text-container.svelte-components-MessageBubble {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.unith-text-container.unith-bkd.svelte-components-MessageBubble {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.unith-text-container.unith-usr.svelte-components-MessageBubble {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.unith-container.svelte-components-MessageBubble {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: rgb(var(--body));
}
.unith-container.unith-bkd.svelte-components-MessageBubble {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: 10px;
}
.unith-container.unith-usr.svelte-components-MessageBubble {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.unith-timestamp.unith-bkd.svelte-components-MessageBubble {
    text-align: left;
}
.unith-timestamp.unith-usr.svelte-components-MessageBubble {
    text-align: right;
}
div.svelte-components-Avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
img.svelte-components-Avatar {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin: auto;
}
.unith-user-input-container.svelte-components-InputContainer {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
}
.unith-input-container.svelte-components-InputContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: rgb(var(--background));
    -webkit-box-shadow: 0 4px 20px 0 rgba(var(--shadow), 0.2);
       -moz-box-shadow: 0 4px 20px 0 rgba(var(--shadow), 0.2);
            box-shadow: 0 4px 20px 0 rgba(var(--shadow), 0.2);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    margin: 0.5em 1em 0 1em;
    z-index: 2;
}
.unith-input-button.svelte-components-InputContainer {
    color: rgb(var(--body));
    background-color: rgba(var(--primary), 0.2);
    border: none;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    margin: 0.5em 1em 0.5em 0.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.6em;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.unith-input-button.svelte-components-InputContainer:hover {
    cursor: pointer;
    background-color: rgb(var(--primary));
}
.unith-input-button.svelte-components-InputContainer:disabled {
    opacity: 0.4;
    background-color: rgba(var(--primary), 0.7);
    cursor: unset;
}
.unith-user-input.svelte-components-InputContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.unith-controls.svelte-components-InputContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: rgb(var(--body));
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    z-index: 1;
    background-color: rgb(var(--body), 0.7);
    -webkit-border-radius: 0 0 2em 2em;
       -moz-border-radius: 0 0 2em 2em;
            border-radius: 0 0 2em 2em;
    padding-top: 2em;
    padding-bottom: 0.75em;
    margin: -1.25em 1em 0.5em;
}
.unith-hide-chat-controls.svelte-components-InputContainer {
    display: none;
}
.unith-text-box.svelte-components-InputContainer {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(var(--background));
    -webkit-border-radius: 0.7em;
       -moz-border-radius: 0.7em;
            border-radius: 0.7em;
    width: 100%;
    border: none;
    font-style: normal;
    padding: 1em 1.5em;
    color: rgb(var(--body));
}
.unith-unith-text-box.svelte-components-InputContainer:focus {
    outline: none;
}
.unith-unith-recording.svelte-components-InputContainer {
    -webkit-animation: svelte-components-InputContainer-grow 1s ease-in-out infinite;
       -moz-animation: svelte-components-InputContainer-grow 1s ease-in-out infinite;
         -o-animation: svelte-components-InputContainer-grow 1s ease-in-out infinite;
            animation: svelte-components-InputContainer-grow 1s ease-in-out infinite;
    background-color: rgb(var(--secondary));
    z-index: 10;
}
.unith-unith-recording.svelte-components-InputContainer:hover {
    background-color: rgb(var(--secondary));
    cursor: unset;
}
.unith-unith-recording.svelte-components-InputContainer:disabled {
    background-color: rgb(var(--secondary));
    opacity: 1;
}
.unith-unith-progress-bar.svelte-components-InputContainer {
    -webkit-animation: svelte-components-InputContainer-progress 1.5s ease-in forwards;
       -moz-animation: svelte-components-InputContainer-progress 1.5s ease-in forwards;
         -o-animation: svelte-components-InputContainer-progress 1.5s ease-in forwards;
            animation: svelte-components-InputContainer-progress 1.5s ease-in forwards;
    border: none;
    background-color: rgb(var(--secondary));
    width: 0;
    margin: 0 1em;
    height: 0.1em;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
}
@-webkit-keyframes svelte-components-InputContainer-progress {
    0% {
        width: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    95% {
        width: -webkit-calc(100% - 2em);
        width: calc(100% - 2em);
        opacity: 1;
    }
    100% {
        width: -webkit-calc(100% - 2em);
        width: calc(100% - 2em);
        opacity: 0;
    }
}
@-moz-keyframes svelte-components-InputContainer-progress {
    0% {
        width: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    95% {
        width: -moz-calc(100% - 2em);
        width: calc(100% - 2em);
        opacity: 1;
    }
    100% {
        width: -moz-calc(100% - 2em);
        width: calc(100% - 2em);
        opacity: 0;
    }
}
@-o-keyframes svelte-components-InputContainer-progress {
    0% {
        width: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    95% {
        width: calc(100% - 2em);
        opacity: 1;
    }
    100% {
        width: calc(100% - 2em);
        opacity: 0;
    }
}
@keyframes svelte-components-InputContainer-progress {
    0% {
        width: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    95% {
        width: -webkit-calc(100% - 2em);
        width: -moz-calc(100% - 2em);
        width: calc(100% - 2em);
        opacity: 1;
    }
    100% {
        width: -webkit-calc(100% - 2em);
        width: -moz-calc(100% - 2em);
        width: calc(100% - 2em);
        opacity: 0;
    }
}
@-webkit-keyframes svelte-components-InputContainer-grow {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    50% {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
                box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}
@-moz-keyframes svelte-components-InputContainer-grow {
    0% {
        -moz-transform: scale(1);
             transform: scale(1);
        -moz-box-shadow: none;
             box-shadow: none;
    }
    50% {
        -moz-transform: scale(1.05);
             transform: scale(1.05);
        -moz-box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
             box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
    }
    100% {
        -moz-transform: scale(1);
             transform: scale(1);
        -moz-box-shadow: none;
             box-shadow: none;
    }
}
@-o-keyframes svelte-components-InputContainer-grow {
    0% {
        -o-transform: scale(1);
           transform: scale(1);
        box-shadow: none;
    }
    50% {
        -o-transform: scale(1.05);
           transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
    }
    100% {
        -o-transform: scale(1);
           transform: scale(1);
        box-shadow: none;
    }
}
@keyframes svelte-components-InputContainer-grow {
    0% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    50% {
        -webkit-transform: scale(1.05);
           -moz-transform: scale(1.05);
             -o-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
           -moz-box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
                box-shadow: 0 0 0 10px rgba(var(--shadow), 0.4);
    }
    100% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-controls.svelte-components-InputContainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        z-index: 1;
        background-color: rgb(var(--body), 0.7);
        -webkit-border-radius: 0 0 2em 2em;
           -moz-border-radius: 0 0 2em 2em;
                border-radius: 0 0 2em 2em;
        padding-top: 2em;
        padding-bottom: 0.75em;
        margin: -1.25em 1em 0.5em;
    }
}
.unith-msg.svelte-components-MessageInfo {
    min-width: 150px;
    border-bottom: 1px solid rgb(var(--primary));
    width: 80%;
    margin: 1em auto;
}
.unith-msg-text.svelte-components-MessageInfo {
    width: 100%;
    min-width: 7em;
    font-style: normal;
    word-break: normal;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    font-size: small;
    text-align: center;
}
.unith-container.svelte-components-MessageInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.unith-timestamp.svelte-components-MessageInfo {
    font-style: normal;
    width: 100%;
    color: rgb(var(--body));
    font-size: x-small;
}
.svelte-components-VideoMixerPlaceholder {
    color: rgba(var(--body));
}
.unith-video-item {
    position: relative;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/2/2;
}
.unith-full-screen-video {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
    z-index: 105;
}
.unith-rectangle.svelte-components-VideoMixerPlaceholder {
    width: 40%;
    height: 50%;
    position: absolute;
    z-index: -1;
    background-color: rgba(var(--primary), 0.1);
    -webkit-border-radius: 10em;
       -moz-border-radius: 10em;
            border-radius: 10em;
    right: 15%;
    top: 40%;
}
.unith-video-container-container.svelte-components-VideoMixerPlaceholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.unith-video-container.svelte-components-VideoMixerPlaceholder {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    display: -ms-grid;
    display: grid;
    margin-left: 5%;
    margin-right: -webkit-calc(5% - 47px);
    margin-right: -moz-calc(5% - 47px);
    margin-right: calc(5% - 47px);
}
.unith-controls.svelte-components-VideoMixerPlaceholder {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    width: 17em;
    padding: 0.5em;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -ms-grid-column-align: center;
        justify-self: center;
    align-self: flex-end;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/2/2;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    z-index: 1;
}
.unith-top-right-grid.svelte-components-VideoMixerPlaceholder {
    display: -ms-grid;
    display: grid;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/2/2;
    z-index: 103;
    -ms-grid-row-align: start;
        align-self: start;
    -ms-grid-column-align: end;
        justify-self: end;
    margin: 1.5em;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.unith-subtitle-button.svelte-components-VideoMixerPlaceholder {
    cursor: pointer;
    color: rgb(var(--background));
    background-color: rgba(var(--body), 0.7);
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.5em;
    padding: 0.25em 0;
}
.unith-full-screen-button.svelte-components-VideoMixerPlaceholder {
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    color: rgb(var(--background));
    background-color: rgba(var(--body), 0.7);
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
}
.unith-backdrop-blur.svelte-components-VideoMixerPlaceholder {
    background-color: rgba(var(--body), 0.3);
}
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
    .unith-backdrop-blur.svelte-components-VideoMixerPlaceholder {
        background-color: rgba(var(--body), 0.1);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
}
.unith-video-header.svelte-components-VideoMixerPlaceholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0.5% 1em 0.5%;
}
.unith-video-header-left.svelte-components-VideoMixerPlaceholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.unith-video-header-right.svelte-components-VideoMixerPlaceholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.unith-start.svelte-components-VideoMixerPlaceholder {
    background-color: rgb(var(--background));
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: rgb(var(--body));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.unith-video-bottom.svelte-components-VideoMixerPlaceholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 5%;
    margin-right: -webkit-calc(5% - 47px);
    margin-right: -moz-calc(5% - 47px);
    margin-right: calc(5% - 47px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.unith-title.svelte-components-VideoMixerPlaceholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 2em;
    width: 100%;
}
.unith-title-text.svelte-components-VideoMixerPlaceholder {
    font-weight: 500;
    font-size: larger;
    margin-left: 2.9em;
    margin-top: 0%;
}
.unith-bulletpoint.svelte-components-VideoMixerPlaceholder {
    padding-left: 0.4em;
    margin-left: 1em;
    color: rgb(var(--primary));
}
.unith-highlight.svelte-components-VideoMixerPlaceholder {
    margin-left: 2em;
    opacity: 1;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    background-color: rgba(var(--primary), 0.15);
    font-weight: lighter;
    padding-left: 1em;
    padding-right: 1em;
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-video-container.svelte-components-VideoMixerPlaceholder {
        margin: 0;
    }
    .unith-video-header-left.svelte-components-VideoMixerPlaceholder {
        display: none;
    }
    .unith-rectangle.svelte-components-VideoMixerPlaceholder {
        display: none;
    }
    .unith-hide-phone.svelte-components-VideoMixerPlaceholder {
        display: none;
    }
    .unith-video-header.svelte-components-VideoMixerPlaceholder {
        background-color: transparent;
        display: -ms-grid;
        display: grid;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row;
        -ms-grid-row-align: start;
            align-self: start;
        -ms-grid-column-align: start;
            justify-self: start;
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 2/1/2/2;
        z-index: 1;
        margin: 1.5em 0 0 1.5em;
        border: none;
    }
    .unith-controls.svelte-components-VideoMixerPlaceholder {
        display: none;
    }
}
.unith-touch-icon.svelte-components-VideoMixerPlaceholder {
    width: 5em;
    height: 5em;
}
.unith-is-full-screen-video.svelte-components-VideoMixerPlaceholder {
    margin: 0;
}
.unith-full-screen-hide.svelte-components-VideoMixerPlaceholder {
    display: none;
}
video.svelte-components-VideoMixer1-VideoPlayerIdle {
    width: 100%;
    min-width: 40%;
    -webkit-transition: opacity var(--fade-time) ease;
    -o-transition: opacity var(--fade-time) ease;
    -moz-transition: opacity var(--fade-time) ease;
    transition: opacity var(--fade-time) ease;
    -webkit-box-shadow: 0 0 18px -10px rgba(var(--shadow), 0.4);
       -moz-box-shadow: 0 0 18px -10px rgba(var(--shadow), 0.4);
            box-shadow: 0 0 18px -10px rgba(var(--shadow), 0.4);
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
}
.unith-lg.svelte-components-VideoMixer1-VideoPlayerIdle {
    width: 30em;
}
.unith-fade-out.svelte-components-VideoMixer1-VideoPlayerIdle {
    opacity: 0;
}
.unith-full-screen.svelte-components-VideoMixer1-VideoPlayerIdle {
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translatex(-50%);
       -moz-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
         -o-transform: translatex(-50%);
            transform: translatex(-50%);
}
.unith-horizontal-screen.svelte-components-VideoMixer1-VideoPlayerIdle {
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 0;
    height: 85%;
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    video.svelte-components-VideoMixer1-VideoPlayerIdle {
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
}
video.svelte-components-VideoMixer1-VideoPlayer {
    width: 100%;
    min-width: 40%;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    -webkit-transition: opacity var(--fade-time) ease;
    -o-transition: opacity var(--fade-time) ease;
    -moz-transition: opacity var(--fade-time) ease;
    transition: opacity var(--fade-time) ease;
}
.unith-outline.svelte-components-VideoMixer1-VideoPlayer {
    -webkit-box-shadow: 0px 0px 0px 3px rgb(var(--primary));
       -moz-box-shadow: 0px 0px 0px 3px rgb(var(--primary));
            box-shadow: 0px 0px 0px 3px rgb(var(--primary));
}
input.svelte-components-VideoMixer1-VideoPlayer {
    width: 4em;
}
.unith-lg.svelte-components-VideoMixer1-VideoPlayer {
    width: 30em;
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    video.svelte-components-VideoMixer1-VideoPlayer {
        -webkit-border-radius: 0 0 1em 1em;
           -moz-border-radius: 0 0 1em 1em;
                border-radius: 0 0 1em 1em;
    }
    .unith-outline.svelte-components-VideoMixer1-VideoPlayer {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
}
.unith-full-screen.svelte-components-VideoMixer1-VideoPlayer {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 50%;
    -webkit-transform: translatex(-50%);
       -moz-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
         -o-transform: translatex(-50%);
            transform: translatex(-50%);
}
.unith-fade-out.svelte-components-VideoMixer1-VideoPlayer {
    opacity: 0;
}
button.svelte-components-Controls {
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: rgb(var(--body));
    background: rgb(var(--background)) none;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    padding: 0.3em;
}
button.svelte-components-Controls:hover {
    color: rgb(var(--primary));
}
.unith-mute.svelte-components-Controls {
    color: rgb(var(--background));
    background-color: rgb(var(--primary));
}
.unith-mute.svelte-components-Controls:hover {
    color: rgb(var(--body));
}
.unith-suggestion-container.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: block;
    -webkit-border-radius: 0.7em 0.7em 0 0;
       -moz-border-radius: 0.7em 0.7em 0 0;
            border-radius: 0.7em 0.7em 0 0;
    margin: -0.25em 1em -1.25em 1em;
    padding-bottom: 0.5em;
    position: relative;
    width: -webkit-calc(100% - 2em);
    width: -moz-calc(100% - 2em);
    width: calc(100% - 2em);
    background-color: rgba(var(--body), 0.6);
    -webkit-box-shadow: 0 4px 20px 0 rgba(var(--shadow), 0.2);
       -moz-box-shadow: 0 4px 20px 0 rgba(var(--shadow), 0.2);
            box-shadow: 0 4px 20px 0 rgba(var(--shadow), 0.2);
    top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.unith-suggestions-hidden.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    margin-bottom: -2em;
}
.unith-suggestion.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: medium;
    color: rgb(var(--background));
    text-align: center;
    padding: 0.3em;
    scroll-snap-align: center;
    margin: 0.2em 1em;
    border-bottom: 1px solid rgb(var(--background));
}
.unith-suggestion.svelte-components-SuggestionContainer > p.svelte-components-SuggestionContainer {
    min-width: 1em;
}
.unith-suggestion-title-container.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    color: rgb(var(--body));
    background-color: rgb(var(--primary));
    font-size: small;
    -webkit-border-radius: 0.7em 0.7em 0 0;
       -moz-border-radius: 0.7em 0.7em 0 0;
            border-radius: 0.7em 0.7em 0 0;
    height: 3em;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.2fr -webkit-min-content 1.2fr;
    -ms-grid-columns: 1.2fr min-content 1.2fr;
    grid-template-columns: 1.2fr -webkit-min-content 1.2fr;
    grid-template-columns: 1.2fr min-content 1.2fr;
    padding: 0 5%;
}
.unith-suggestion-title.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    -ms-grid-column-align: center;
        justify-self: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    text-transform: uppercase;
    text-align: center;
    font-size: smaller;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.unith-waiting-response.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1.12em;
}
.unith-align-top.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    margin-top: -1.1em;
}
.unith-align-title-paused.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    padding-bottom: 1.2em;
}
.unith-center-title.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column-align: center;
        justify-self: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    padding-top: 1em;
}
.unith-past-selected.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    color: rgb(var(--primary));
    background-color: rgba(var(--primary), 0.1);
}
.unith-suggestion.unith-selectable.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer:hover {
    color: rgb(var(--primary));
    cursor: pointer;
}
.unith-blinking.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
    -webkit-animation: svelte-components-SuggestionContainer-blinking 3s ease-in infinite;
       -moz-animation: svelte-components-SuggestionContainer-blinking 3s ease-in infinite;
         -o-animation: svelte-components-SuggestionContainer-blinking 3s ease-in infinite;
            animation: svelte-components-SuggestionContainer-blinking 3s ease-in infinite;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0 0.5em;
}
@-webkit-keyframes svelte-components-SuggestionContainer-blinking {
    0% {
        background-color: rgb(var(--primary));
        color: rgb(var(--body));
    }
    50% {
        color: rgb(var(--background));
    }
    100% {
        color: rgb(var(--background));
    }
}
@-moz-keyframes svelte-components-SuggestionContainer-blinking {
    0% {
        background-color: rgb(var(--primary));
        color: rgb(var(--body));
    }
    50% {
        color: rgb(var(--background));
    }
    100% {
        color: rgb(var(--background));
    }
}
@-o-keyframes svelte-components-SuggestionContainer-blinking {
    0% {
        background-color: rgb(var(--primary));
        color: rgb(var(--body));
    }
    50% {
        color: rgb(var(--background));
    }
    100% {
        color: rgb(var(--background));
    }
}
@keyframes svelte-components-SuggestionContainer-blinking {
    0% {
        background-color: rgb(var(--primary));
        color: rgb(var(--body));
    }
    50% {
        color: rgb(var(--background));
    }
    100% {
        color: rgb(var(--background));
    }
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
    .unith-suggestion-wrapper.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer {
        max-height: 5.5em;
        overflow-y: auto;
    }
}
.unith-subtitles.svelte-components-Subtitles {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/2/2;
}
.unith-subtitles-top.svelte-components-Subtitles {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.unith-msg.svelte-components-Subtitles {
    z-index: 101;
    padding: 0.25em 0.5em;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    text-align: center;
    font-size: 1.5em;
    max-width: 80%;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
       -moz-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
}
.unith-margin-top.svelte-components-Subtitles {
    margin-top: 0.75em;
}
.unith-margin-bottom.svelte-components-Subtitles {
    margin-bottom: -webkit-calc(0.5em + 32px + 1.6em);
    margin-bottom: -moz-calc(0.5em + 32px + 1.6em);
    margin-bottom: calc(0.5em + 32px + 1.6em);
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-margin-bottom.svelte-components-Subtitles {
        margin-bottom: 0.5em;
    }
    .unith-msg.svelte-components-Subtitles {
        max-width: 60%;
    }
}
.unith-icon.svelte-components-DownloadButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0.2em 1em 0.2em 0.2em;
    color: rgb(var(--body));
}
.unith-download-area.svelte-components-DownloadButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgb(var(--download-button-background));
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0.2em 0.7em 0.2em 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
       -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
            box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
}
.unith-download-container.svelte-components-DownloadButton {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
       -moz-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
}
.unith-download.svelte-components-DownloadButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: rgb(var(--primary));
}
.unith-download-horizontal.svelte-components-DownloadButton {
    margin-left: 5em;
    margin-right: 3.5em;
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-download.svelte-components-DownloadButton {
        padding-right: 1em;
    }
    .unith-hide-phone.svelte-components-DownloadButton {
        display: none;
    }
}
.unith-session-counter.svelte-components-UserCount {
    margin-left: 0.75em;
    background-color: rgb(var(--background));
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    width: 2em;
    height: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, 0.2);
}
.unith-icon.svelte-components-UserCount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0.2em 1em 0.2em 0.2em;
    color: rgb(var(--body));
}
.unith-user-count.svelte-components-UserCount {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 0.25em;
    margin-left: 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 0.75em;
    color: rgb(var(--body));
}
.unith-user-count-text.svelte-components-UserCount {
    margin-left: 2em;
    font-weight: 500;
}
.unith-horizontal-screen.svelte-components-UserCount {
    margin-top: 0 !important;
}
@media only screen and (max-height: 848px) {
    .unith-user-count.svelte-components-UserCount {
        margin-top: 1em;
    }
}
@media only screen and (max-width: 600px), (orientation: portrait) {
    .unith-hide-phone.svelte-components-UserCount {
        display: none;
    }
}
p.svelte-components-CircularTimer {
    z-index: 1;
    background: rgb(var(--primary-dimmed));
    color: rgb(var(--body));
    height: 100%;
    width: 100%;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.unith-pie-pressure.svelte-components-CircularTimer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    justify-self: flex-end;
    width: 25px;
    height: 25px;
    position: relative;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: solid 3px transparent;
    margin-right: 1em;
}
.unith-pie-pressure.svelte-components-CircularTimer::before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -3px;
    -webkit-border-radius: inherit;
       -moz-border-radius: inherit;
            border-radius: inherit;
    background: repeating-conic-gradient(rgba(var(--background), 0.3) 0deg, rgba(var(--background), 0.3) 7.5deg, #ffffff00 7.5deg, #ffffff00 15deg);
}
.unith-pie-pressure.svelte-components-CircularTimer:after {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -3px;
    -webkit-border-radius: inherit;
       -moz-border-radius: inherit;
            border-radius: inherit;
    background: var(--gradient);
}