#olark-wrapper div.olark-launch-button-wrapper {
bottom: 7px !important;
right: 7px !important; }
#olark-wrapper div.olark-launch-button-wrapper:focus-within {
bottom: 7px !important;
right: 7px !important; }
#olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered {
position: absolute !important;
width: 100% !important;
height: 100% !important;
z-index: 80000;
cursor: pointer; }
#olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);
clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); }
#olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important; }
#olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button svg path, #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button svg rect {
stroke: #ffb854 !important; }
#olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button svg circle {
fill: #ffb854 !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper {
display: flex;
flex-direction: unset;
align-items: center;
justify-content: center;
-webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
height: 46px;
width: 46px;
background: #dec89b;
transition: all 200ms ease !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:focus-within {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
padding: 0 !important;
background-color: #de5516 !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:focus-within .olark-launch-button {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button {
-webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%) !important;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%) !important;
width: 42px !important;
height: 42px !important;
background: #fff8f0 !important;
transition: all 200ms ease !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg {
width: 30px !important;
height: 30px !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg path, #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg rect {
stroke: #404040 !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg circle {
fill: #404040 !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);
clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button {
-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button svg path, #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button svg rect {
stroke: #ffb854 !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button svg circle {
fill: #ffb854 !important; }
#olark-wrapper #olark-container {
border: none !important;
bottom: 60px !important; }
#olark-wrapper #olark-container:focus:not(.olark-inline), #olark-wrapper #olark-container:focus-within {
bottom: 60px !important; }
#olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg) {
position: relative !important; }
#olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg)::before, #olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg)::after {
display: block !important;
content: '';
height: 10px;
width: 10px;
background: white;
position: absolute;
top: -1px;
left: -1px;
clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
#olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg)::after {
top: unset;
left: unset;
bottom: -1px;
right: -1px;
clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
-webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 100%); }
#olark-wrapper #olark-container .olark-visitor-message {
position: relative !important;
background: #dec89b !important; }
#olark-wrapper #olark-container .olark-visitor-message::before, #olark-wrapper #olark-container .olark-visitor-message::after {
display: block !important;
content: '';
height: 10px;
width: 10px;
background: white;
position: absolute;
bottom: -1px;
left: -1px;
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%); }
#olark-wrapper #olark-container .olark-visitor-message::after {
top: unset;
left: unset;
top: -1px;
right: -1px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
#olark-wrapper #olark-container .olark-button {
position: relative !important;
margin-bottom: 10px !important; }
#olark-wrapper #olark-container .olark-button::before, #olark-wrapper #olark-container .olark-button::after {
display: block !important;
content: '';
height: 10px;
width: 10px;
background: white;
position: absolute;
top: -1px;
left: -1px;
clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
#olark-wrapper #olark-container .olark-button::after {
top: unset;
left: unset;
bottom: -1px;
right: -1px;
clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
-webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 100%); }
#olark-wrapper #olark-container .olark-branding-link {
display: none !important; }
#olark-wrapper #olark-container a {
color: #de5516 !important; }
#olark-wrapper #olark-container .olark-operator-message a {
color: #ffb854 !important; }
#olark-wrapper #olark-container .olark-message-block-container { scrollbar-width: none; -ms-overflow-style: none; }
#olark-wrapper #olark-container .olark-message-block-container::-webkit-scrollbar { display: none; }
html body #olark-wrapper .olark-top-bar {
background: #de5516 !important;
color: #fff8f0 !important;
border: none !important; }
html body #olark-wrapper #olark-container:focus:not(.olark-inline) {
border: none !important;
border-color: none !important;
border-style: none !important;
right: inherit !important;  }
@media only screen and (min-width: 600px) {  html body #olark-wrapper #olark-container {
right: 10px !important;
bottom: 80px !important; }
html body #olark-wrapper #olark-container:focus:not(.olark-inline), html body #olark-wrapper #olark-container:focus-within {
right: 10px !important;
bottom: 80px !important; } }
@media only screen and (min-width: 700px) {
#olark-wrapper div.olark-launch-button-wrapper {
bottom: 10px !important;
right: 10px !important; }
#olark-wrapper div.olark-launch-button-wrapper:focus-within {
bottom: 10px !important;
right: 10px !important; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper {
height: 60px;
width: 60px; }
#olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button {
width: 56px !important;
height: 56px !important; } }