@servicetitan/assist-ui/src/components/chat/styles.module.less

ServiceTitan Atlas UI Components

@import (reference) '~@servicetitan/tokens/dist/tokens.less';

.chat-window {
    position: fixed;
    top: 5%;
    right: 0;
    height: calc(100vh - 58px - (12px * 2));
    max-width: 390px;
    width: 390px;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border: 1px solid @color-neutral-60;
    box-shadow: 0 8px 24px 0 rgba(20, 20, 20, 0.08);
    overflow: hidden;
    z-index: 9999;
    background: var(--color-neutral-30, #ffffff);
}

.chat-window.open {
    visibility: visible;
}

.chat-window.closed {
    visibility: hidden;
}

.chat-window.positioned {
    position: fixed;
}

.chat-window.relative {
    position: relative;
}

.chat-window-expanded {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    display: flex;
    background: var(--color-neutral-30, #ffffff);
    visibility: visible;
}