.barestho-widget.in-page {
border: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
height: 600px;
max-width: 370px;
width: 100%;
border-radius: 20px;
background-color: white;
}
.barestho-widget.popup {
display: none;
}
.barestho-widget.popup.open {
width: 370px;
height: 700px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color: white;
border: none;
font-family: 'Poppins', 'Ubuntu', 'sans-serif';
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border: none;
max-height: 95%;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
display: block;
z-index: 9999;
}
#barestho-popup-background{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000000db;
z-index: 9998;
}
.barestho-widget.toggle{
font-family: 'Poppins', 'Ubuntu', 'sans-serif';
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
position: fixed;
bottom: 15px;
right: 15px;
border: none;
width: 370px;
z-index: 9997;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.barestho-widget.toggle.open {
height: 100% !important;
} @media (min-width: 450px) {
.barestho-widget.toggle {
max-height: 90%;
}
}
@media (max-width: 450px) {
.barestho-widget.in-page {
height: 645px !important;
}
.barestho-widget.popup.open {
width: 100%;
height: 100%;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
width: 100%;
min-height: 100%;
box-shadow: none;
right: 0;
bottom: 0;
border-radius: 0px;
overflow: auto;
position: fixed;
}
.barestho-widget.toggle  {
width: 100%;
box-shadow: none;
right: 0;
bottom: 0;
border-radius: 0px;
overflow: auto;
position: fixed;
z-index: 9997;
}
}