/*!***************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js!../css/lex-web-ui-fullpage.css ***!
  \***************************************************************************************/
  
/* Container taking full width and height */
#lex-web-ui-fullpage {
  height: 100%;
  width: 100%;
}

/*!*************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js!../css/lex-web-ui-iframe.css ***!
  \*************************************************************************************/
  
/* Styling for iframe wrapper */
.lex-web-ui-iframe {
  bottom: 1.5rem; /* Positioned from the bottom */
  display: none; /* Initially hidden */
  margin: 2px 3vw 0 2px; /* Top, right, bottom, left margins */
  max-width: 66vw; /* Max width is 66% of viewport */
  height: 80vh; /* Height is 80% of viewport */
  min-width: calc(50vw - 3vw); /* Minimum width is 50% minus right margin */
  position: fixed; /* Fixed positioning on the screen */
  right: 0; /* Aligned to the right */
  z-index: 2147483637; /* High z-index to appear on top */
}

/* Styling for the iframe inside the container */
.lex-web-ui-iframe iframe {
  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.4); /* Drop shadow around iframe */
  border-radius: 10px; /* Rounded corners */
}

/* When iframe is shown, set display to flex */
.lex-web-ui-iframe--show {
  display: flex;
}

/* Styling when iframe is minimized */
.lex-web-ui-iframe--minimize {
  max-width: 190px; /* Max width for minimized state */
  max-height: 85px; /* Max height for minimized state */
  border-radius: 85px; /* Rounded corners for minimized view */
  min-width: 190px; /* Set minimum width */
}

/* Remove shadow and border-radius when minimized */
.lex-web-ui-iframe.lex-web-ui-iframe--minimize iframe {
  box-shadow: none; /* No shadow when minimized */
  border-radius: 0; /* No rounded corners */
}

/* Hide iframe on very small screens */
@media only screen and (max-width: 240px), only screen and (max-height: 256px) {
  .lex-web-ui-iframe {
    display: none!important; /* Forcefully hidden on small screens */
  }
  .lex-web-ui-iframe--minimize {
    max-width: 300px; /* Adjusted width on smaller resolutions */
    max-height: 85px;
  }
}

/* Adapt iframe to smartphone-sized screens */
@media only screen and (min-width: 241px) and (max-width: 480px) {
  .lex-web-ui-iframe {
    min-width: 96vw; /* Almost full width */
    height: 84vh; /* 84% of viewport height */
    margin-right: 2vw; /* Adjusted right margin */
    align-self: center; /* Center align iframe */
  }
}

/* Adjust iframe dimensions on medium screens */
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .lex-web-ui-iframe {
    min-width: 90vw; /* Slightly smaller than full width */
  }
  .lex-web-ui-iframe.lex-web-ui-iframe--show.lex-web-ui-iframe--minimize {
    max-width: 300px; /* Adjusted minimized width */
    max-height: 85px;
    border-radius: 85px;
    min-width: 85px;
  }
}

/* Make sure iframe content fills the entire container */
.lex-web-ui-iframe iframe {
  overflow: hidden; /* Hide overflow content */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/*# sourceMappingURL=lex-web-ui-loader.css.map*/