I have the omni channel set up andusing snap in code fo my chat. i am having some issues when the chat window is minimized. Firsttime when a user clicks the chat, the window opens, upon entering the details before submitting if i miminize i get the following error

Once i log in and an agent accepts, i get this error in the chat minimized state

1) How do i get rid of the above#1 scenario and get to display green live icon and live chat next like below


2) How to get rid of the background and get the same blur color to display....



below is my code above the snap in code i currently have...
<apex:page showHeader="false">
<meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=2"/>

<style type='text/css' standardstylesheets='false'>
     @font-face {
        font-family: 'Omnes Regular';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes-regular-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes ExtraLight';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes_extralight-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes Light';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes_light-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes Medium';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes_medium-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes Semibold';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes-semibold-webfont.woff') format('woff');
        }
    .embeddedServiceHelpButton .helpButton .uiButton { 
        background-color: #011352; 
        font-family: "Salesforce Sans", sans-serif; 
        box-shadow: none;
        min-width: 15em;
        max-width: 17em;
     }
    .embeddedServiceHelpButton .helpButton .uiButton .live-icon { 
        font-size: 50px;
        line-height: 0px;
        position: relative;
        top: 12px;
        color: #58d63a;
    }
    .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled { display: none; }

    .embeddedServiceSidebarMinimizedDefaultUI.helpButton { 
        background:#011352!important; 
        font-family: "Salesforce Sans", sans-serif !important; 
        box-shadow: none !important;
        min-width: 8em !important;
        max-width: 10em !important;
        background-image: none !important;
     }
     .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
        display: none !important;
    }
    .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message, .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message:hover, .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message:focus {
        margin: 4px 10px !important;
        background-color: #011352 !important; 
        color: #fff;
        border: 0;
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none !important;
        font-weight: normal !important;
    }
    @font-face {
    font-family: 'Salesforce Sans';
        src: url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.woff') format('woff'),
        url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.ttf') format('truetype');
    }
    .helpButtonLabel .message {
        margin: 4px 10px !important;
         background-color: #011352 !important; 
        color: #fff;
        border: 0;
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none !important;
    }
    .embeddedServiceHelpButton .embeddedServiceIcon {
        display: none !important;
    }
    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: none;
    }
    .helpButtonEnabled:focus .helpButtonLabel {
        text-decoration: none;
    }
    .embeddedServiceSidebarButton {
        background: #35BDD1;
        font-family: "Omnes Semibold",sans-serif;
    }
    .embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:hover, .embeddedServiceSidebarButton.uiButton--inverse:disabled, .embeddedServiceSidebarButton.uiButton--inverse:disabled:hover, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
        background: #011352 !important;
        color: #fff !important;
    }
    .embeddedServiceSidebarButton.uiButton--inverse .label {
        color: #fff;
    }
    .dialog-button-0 {
        background: #011352 !important;
    }
    .dialog-button-1.uiButton--inverse {
        background: #35BDD1 !important;
    }
    .embeddedServiceLiveAgentStateChatHeaderOption .embeddedServiceIcon, .embeddedServiceLiveAgentStateChatHeader .message {
        display: none !important;
    }
    .embeddedServiceLiveAgentStateChatHeaderOption, .embeddedServiceLiveAgentStateChatHeaderOption:hover {
        width: 100px;
        padding: 8px;
        background: #35BDD1;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
    }
    .embeddedServiceLiveAgentStateChatHeaderOption .optionName {
        margin-top: 0;
    }
    .chatOptions a.embeddedServiceLiveAgentStateChatHeaderOption:last-child, a.embeddedServiceLiveAgentStateChatHeaderOption:last-child:hover {
       
 background: #a6aaa9 !important;
        margin-left: 43px;
    }
    .embeddedServiceSidebarHeader .headerTextContent {
        font-family: "Omnes Semibold";
    }
    .embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting.imageIsSet {
        font-family: "Omnes Semibold";
    }
    .embeddedServiceLiveAgentStateChatHeader .chatOptions {
        margin-top: 46px;
    }
</style>