.nativechat-launcher-icon-open,
.nativechat-launcher-icon-close {
    position: fixed;
    right: 30px;
    bottom: 15px;
    z-index: 9999;
    cursor: pointer;
    width: 60px;
    height: 60px;
    transform-origin: center;
}

.nativechat-launcher-icon-open {
    background: url("./chat-open.svg") center no-repeat;
    background-size: contain;
}

.nativechat-launcher-icon-close {
    background: url("./chat-close.svg") center no-repeat;
    background-size: contain;
    display: none;
}

.nativechat-launcher-modal {
    position: fixed;
    width: 90vw;
    height: 70dvh;
    right: 30px;
    bottom: 90px;
    background: #fff;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
    padding: 0;
    z-index: 9998;
    border-radius: 6px;
}

.nativechat-intro-message {
    position: fixed;
    right: 100px;
    bottom: 25px;
    z-index: 9999;
    padding: 1rem;
    border-radius: 6px;
    width: 240px;
    transform-origin: center;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #dbdbd9;
    font-family: Arial, Helvetica, sans-serif;
}

body.sfPageEditor:not(.sfToolboxPaneHidden) .nativechat-launcher-modal,
body.sfPageEditor:not(.sfToolboxPaneHidden) .nativechat-launcher-icon-open,
body.sfPageEditor:not(.sfToolboxPaneHidden) .nativechat-launcher-icon-close {
    right: 315px;
}

body.sfPageEditor:not(.sfToolboxPaneHidden) .nativechat-intro-message {
    right: 385px;
}

.sf-assistant-chat-app {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 560px) {
    .nativechat-launcher-modal {
        width: 500px;
    }
}

@media screen and (min-height: 720px) {
    .nativechat-launcher-modal {
        height: 630px;
    }
}