@import url("/css/pages/create.css");
@import url("/css/pages/discover.css");
@import url("/css/pages/footer.css");
@import url("/css/pages/header.css");
@import url("/css/pages/home.css");
@import url("/css/pages/login.css");
@import url("/css/pages/products.css");
@import url("/css/pages/profile.css");
@import url("/css/pages/provider.css");
@import url("/css/pages/register-form.css");

body, #body { margin: 0; padding: 0; position: relative; width: 100vw; height: auto; font-family: "Poppins"; overflow-x: hidden; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
a, a:hover, a:active, a:focus, a:visited {color: unset; text-decoration: unset; }
input {border: none; outline: none; border-radius: 5px; }
.center { text-align: center; }
.hidden { display: none !important; }

main { width: 80vw; margin: auto; min-height: calc(100% - 65px - 30px - 35px); }

@media screen and (max-width: 700px) {
    main  { width: calc(100vw - 60px); margin-left: 30px; display: inline-block; height: auto; min-height: 70vh;}
}

h1 {font-size: 38px; line-height: 1.2;}


#blog-frame { margin-top: -100px; }
#blog-frame iframe { height: inherit; height: calc(100vh - 60px); width: 100%; border: 0; }
body:has(> #body[data-route="blog"]) {
    overflow-y: hidden;
}

body:has(main[data-loader="1"]) { overflow: clip; }

main[data-loader="1"] > *:not(.purchase-loader-container) { visibility: hidden; }
[data-loader="1"] .purchase-loader-container {
    display: block;
}

.purchase-loader-container {
    display: none;
    margin: auto;
    text-align: center;
    margin-top: 75px;
}
.purchase-loader {
  color: #1E335C;
  font-size: 10px;
  margin-top: 20px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  display: block; 
  margin: auto;
  transform: translateZ(0);
}
.purchase-loader-container > div { height: 60px; }

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 
    2em -2em 0 0em, 3em 0 0 -1em, 
    2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 
    2em -2em 0 0, 3em 0 0 0.2em, 
    2em 2em 0 0, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}