@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-family:"Red Hat Text",sans-serif,sans-serif;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:rgba(0,115,230,.5) solid 3px !important;outline-offset:2px !important}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none !important}
.App{margin:0;padding:0;box-sizing:border-box}
:root {
    --brandBlue: #080a54;
}

button {
    &[class^=acOpenButton],
    &[class^=acCloseButton] {
        background-color: var(--brandBlue) !important;
        position: fixed !important;
        bottom: 10px;
        right: 10px;
        top: auto !important;
        left: auto !important;
        border-radius: 50% !important;
        width: 55px !important;
        height: 55px !important;
        transition: right .2s;
        border: 0.5px solid #E6E8EE;
        outline: none !important;
    }
}

#site-wrapper:has(.show-go-up) ~ #amazon-connect-chat-widget button {
    &[class^=acOpenButton],
    &[class^=acCloseButton] {
        right: 75px;
    }
}

@media screen and (max-height: 10.5vh) {
    button {
        &[class^=acOpenButton],
        &[class^=acCloseButton] {
            width: 10.5vh !important;
            height: 10.5vh !important;
        }
    }
}

@media (min-width: 1024px) {
    #site-wrapper:has(.show-go-up) ~ #amazon-connect-chat-widget button {
        &[class^=acOpenButton],
        &[class^=acCloseButton] {
            right: 110px;
        }
    }
}

@media (max-width: 1023px) {
    #amazon-connect-chat-widget > div > .logo.show {
        display: block;
    }
}

@media (max-width: 767px) {
    #amazon-connect-chat-widget > div > .logo {
        width: calc(100% - 32px);
        left: 50%;
        transform: translate(-50%);
        position: fixed;
        bottom: 75px;
        height: calc(100% - 115px);
        max-width: none;
    }
}