/* _content/LudoWebsite/Pages/Email/Verify/EmailVerify.razor.rz.scp.css */
p[b-ses1e6jl7t] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20vh;
}
/* _content/LudoWebsite/Pages/Index/Banner/Banner.razor.rz.scp.css */
.banner[b-0ikiiciwfi] {
  --banner-height: 70vh;
  background-image: url("images/HomeBackground.webp");
  background-size: 104%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  box-sizing: border-box;
  height: 55vw;
  z-index: 1;
  position: relative;
  white-space: nowrap;
  margin-top: -7rem;
}

.title[b-0ikiiciwfi] {
  position: absolute;
  top: 18%;
  left: 22.5%;
  width: 20%;
}

.button[b-0ikiiciwfi] {
  position: absolute;
  top: 52vw;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  align-items: center;
  justify-content: center;

  width: 18rem;
  height: 8rem;
  padding: 0;
  border: 0;
}

.button[b-0ikiiciwfi] {
  transition: font-size 0.1s linear, width 0.1s linear, height 0.1s linear,
    margin 0.1s linear;

  background-image: url("images/ButtonBackground.webp");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: transparent;
}

.button[b-0ikiiciwfi] {
  font-size: 2rem;
  text-transform: uppercase;
  color: white;

  text-shadow: -2px -1px #cc6a05, -1px -1px #cc6a05, 0px -1px #cc6a05,
    1px -1px #cc6a05, -2px 0px #cc6a05, -1px 0px #cc6a05, 1px 0px #cc6a05,
    -2px 1px #cc6a05, -1px 1px #cc6a05, 0px 1px #cc6a05, 1px 1px #cc6a05,
    -2px 2px #cc6a05, -1px 2px #cc6a05, 0px 2px #cc6a05, 1px 2px #cc6a05,
    -2px 3px #cc6a05, -1px 3px #cc6a05, 0px 3px #cc6a05, 1px 3px #cc6a05,
    0px 0px #cc6a05;
}

.button:hover[b-0ikiiciwfi] {
  font-size: 3rem;
  width: 25rem;
  height: 15rem;
  margin-top: -0.1rem;
}

@media only screen and (max-width: 768px) {
  .title[b-0ikiiciwfi] {
    left: 50%;
    transform: translate(-50%, 0);
    width: 50%;
  }

  .button[b-0ikiiciwfi] {
    font-size: 1rem;
    width: 10rem;
  }

  .button:hover[b-0ikiiciwfi] {
    font-size: 2rem;
    width: 15rem;
  }
}
/* _content/LudoWebsite/Pages/Index/Description/Description.razor.rz.scp.css */
h1[b-rejv42syhz] {
  font-size: 1.5rem;
}

.description[b-rejv42syhz] {
  background-image: url("images/DescriptionBackground.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;

  --padding-vertical: 10rem;
  --margin-top: 14vh;
  margin-top: calc(-1 * var(--margin-top));
  padding: 10rem 0;

  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.frame[b-rejv42syhz] {
  box-sizing: border-box;
  background-image: url("images/PhoneCover.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;

  width: 50vw;
  height: 30vw;

  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 0.5rem;
  margin-left: -5rem;
  transform-style: preserve-3d;
}

video[b-rejv42syhz] {
  flex: 1;
  object-fit: fill;
  width: 100%;

  border-radius: 2rem;
  transform: translateZ(-1px);
}

.text-content[b-rejv42syhz] {
  flex: 1;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;

  margin: auto;
  padding: 2rem;

  text-align: justify;

  width: 40%;
  max-width: 50vw;
  box-sizing: border-box;
}

.text-content h2[b-rejv42syhz] {
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .description[b-rejv42syhz] {
    flex-direction: column;
    gap: 2rem;
  }

  .frame[b-rejv42syhz] {
    margin: 0;
    width: 100%;
    height: 75vw;
    background-image: none;
    padding: 0;
  }

  video[b-rejv42syhz] {
    border-radius: 0;
  }

  .text-content[b-rejv42syhz] {
    max-width: 100vw;
    width: 100%;
  }
}

.text-content > *[b-rejv42syhz] {
  padding: 0;
  margin: 0;
}

[b-rejv42syhz] .stores {
  width: 100% !important;
}

p[b-rejv42syhz] {
  color: white;
  text-shadow: -1px -1px black, 0px -1px black, 1px -1px black, -1px 0px black,
    1px 0px black, -1px 1px black, 0px 1px black, 1px 1px black, 0px 0px black;
}
/* _content/LudoWebsite/Pages/Index/Features/Feature.razor.rz.scp.css */
article[b-xs628o6dzd] {
  position: relative;

  width: 40vw;
  height: 22.5vw;
  padding: 0;

  display: flex;
  flex-direction: column;
  align-items: stretch;

}

@media only screen and (max-width: 768px) {
  article[b-xs628o6dzd] {
    width: 80vw;
    height: 47.5vw;
  }
}

.image[b-xs628o6dzd] {
  position: relative;

  flex: 1;

  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);

  background-size: 105% 105%;
  background-position: center;
  background-origin: border-box;
}
/* _content/LudoWebsite/Pages/Index/Features/Features.razor.rz.scp.css */
.features[b-ftcvsyigle] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
  margin-top: -1rem;
}

h1[b-ftcvsyigle] {
  white-space: break-spaces;
  width: 60vw;
  text-align: center;
}

.items[b-ftcvsyigle] {
  position: relative;
  overflow-x: auto;
  align-self: stretch;
  height: fit-content;

  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}

.items[b-ftcvsyigle]::-webkit-scrollbar {
  display: none;
}

.items-scroller[b-ftcvsyigle] {
  width: fit-content;
  height: fit-content;

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5vw;

  padding: 1rem 10vw;
}

.dots[b-ftcvsyigle] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dots span[b-ftcvsyigle] {
  font-size: 1.5rem;
  color: gray;
  transition: color 0.2s linear;
}

.dots span.active[b-ftcvsyigle] {
  color: var(--foreground-blue);
  font-size: 1.7rem;
}
/* _content/LudoWebsite/Pages/Index/News/News.razor.rz.scp.css */
.news[b-tutiweukqu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 5rem;
}

.items[b-tutiweukqu] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin: 2rem 0;
}

button[b-tutiweukqu] {
  padding: 1.5rem;

  align-self: flex-end;
}

@media only screen and (max-width: 768px) {
  .news[b-tutiweukqu] {
    margin: 1rem 2rem;
  }

  .items[b-tutiweukqu] {
    flex-direction: column;
    gap: 2rem;
  }

  button[b-tutiweukqu] {
    align-self: center;
  }
}
/* _content/LudoWebsite/Pages/Index/News/NewsItem.razor.rz.scp.css */
.wrapper[b-wd46mcnaso] {
  position: relative;
}

article[b-wd46mcnaso] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  
  width: 25vw;
}

.image[b-wd46mcnaso] {
  background-origin: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 101% 103%;

  height: 15vw;
}

.date[b-wd46mcnaso] {
  color: white;
  text-transform: uppercase;

  background-image: url(images/news/DateBackground.webp);
  background-size: 100% 100%;
  background-position: center;
  background-origin: border-box;
  background-repeat: no-repeat;

  width: 4rem;
  padding: 0.4rem;
  padding-left: 1rem;
  padding-right: 0;

  position: absolute;
  right: -1rem;
  top: 10%;
  z-index: 1;
}

h3[b-wd46mcnaso],
p[b-wd46mcnaso] {
  text-transform: none;
  padding: 0.5rem;
  white-space: break-spaces;
}

h3[b-wd46mcnaso] {
  font-size: 1rem;
  color: white;
  text-shadow: none;
  background-color: var(--foreground-blue);
}

p[b-wd46mcnaso] {
  font-size: 0.8rem;
  background-color: white;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  article[b-wd46mcnaso] {
    width: 70vw;
  }

  .image[b-wd46mcnaso] {
    height: 30vw;
  }
}
/* _content/LudoWebsite/Pages/Password/RequestReset/RequestReset.razor.rz.scp.css */
p[b-g0x8qfh0sv] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20vh;
}

.form[b-g0x8qfh0sv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 50vw;
  align-self: center;
  margin: auto;
}
/* _content/LudoWebsite/Pages/Password/Reset/PasswordReset.razor.rz.scp.css */
p[b-jfjq40ijhf] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20vh;
}

.form[b-jfjq40ijhf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 50vw;
  align-self: center;
  margin: auto;
}
/* _content/LudoWebsite/Shared/Footer/Documents/Documents.razor.rz.scp.css */
.documents[b-3i7cd86q9i] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

@media only screen and (max-width: 370px) {
  .documents[b-3i7cd86q9i] {
    flex-direction: column;
  }
}
/* _content/LudoWebsite/Shared/Footer/Footer.razor.rz.scp.css */
footer[b-o511gp6f7v] {
  display: flex;
  flex-direction: column;

  padding: 1rem 3rem;

  position: relative;
  z-index: 100;

  background-color: var(--background-black);
  color: white;
  font-size: 1rem;
}

footer .row[b-o511gp6f7v] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  padding: 1rem;
}

hr[b-o511gp6f7v] {
  margin: 0;
  border: 0;
  border-top: 1px solid gray;
}

@media only screen and (max-width: 768px) {
  footer .row[b-o511gp6f7v] {
    flex-direction: column;
    gap: 1rem;
  }
}
/* _content/LudoWebsite/Shared/Footer/Social/Social.razor.rz.scp.css */
.social[b-egta443zpw] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem
}

@media only screen and (min-width: 370px) and (max-width: 768px) {
  .social[b-egta443zpw] {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }    
}

.icons[b-egta443zpw] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

i[b-egta443zpw] {
  display: block;
  height: 1rem;
  width: 1rem;
  background-color: gray;

  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  
}

i:hover[b-egta443zpw] {
  background-color: white;
}

.facebook[b-egta443zpw] {  
  -webkit-mask-image: url("icons/facebook.svg");
  mask-image: url("icons/facebook.svg");
}
.youtube[b-egta443zpw] {  
  -webkit-mask-image: url("icons/youtube.svg");
  mask-image: url("icons/youtube.svg");
}
.instagram[b-egta443zpw] {  
  -webkit-mask-image: url("icons/instagram.svg");
  mask-image: url("icons/instagram.svg");
}
.twitter[b-egta443zpw] {  
  -webkit-mask-image: url("icons/twitter.svg");
  mask-image: url("icons/twitter.svg");
}
.linkedin[b-egta443zpw] {  
  -webkit-mask-image: url("icons/linkedin.svg");
  mask-image: url("icons/linkedin.svg");
}
/* _content/LudoWebsite/Shared/Footer/Stores/Stores.razor.rz.scp.css */
.stores[b-c4mf1pey8g] {
  display: flex;
  gap: 0.25rem;
  width: fit-content;
  flex-direction: column;
}

@media only screen and (min-width: 300px) {
  .stores[b-c4mf1pey8g] {
    flex-direction: row;
  }
  
}

.button[b-c4mf1pey8g] {
  flex: 1;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  background-color: black;
  border-radius: 0.5rem;
  border: 1px solid white;

  white-space: nowrap;

  height: 2rem;

  padding: 0.1rem;
}

.text[b-c4mf1pey8g] {
  display: flex;
  flex-direction: column;
  padding: 0 0.3rem;
}

.text > *[b-c4mf1pey8g] {
  color: white;
  font-family: Arial, Helvetica, sans-serifn;
  text-transform: none;
}

.pretext[b-c4mf1pey8g] {
  font-size: 0.5rem;
}

.title[b-c4mf1pey8g] {
  font-size: 1rem;
}

i[b-c4mf1pey8g] {
  height: 2rem;
  width: 2rem;
}

.apple[b-c4mf1pey8g] {
  -webkit-mask-size: cover;
  -webkit-mask-image: url("icons/apple.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-size: cover;
  mask-image: url("icons/apple.svg");
  mask-repeat: no-repeat;
  mask-position: center;

  background-color: white;
}

.google-play[b-c4mf1pey8g] {
  background-image: url("icons/google-play.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* _content/LudoWebsite/Shared/MainLayout.razor.rz.scp.css */
.page[b-9elhffkq14] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100vh;
  width: 100%;
}

main[b-9elhffkq14] {
  flex: 1;
  padding-top: 6rem;
}
/* _content/LudoWebsite/Shared/NavMenu/NavMenu.razor.rz.scp.css */
nav[b-nd09rnfuxh],
.left[b-nd09rnfuxh],
.pages[b-nd09rnfuxh] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}

.left[b-nd09rnfuxh] {
  gap: 4rem;
}

.menu[b-nd09rnfuxh] {
  display: none;

  color: white;
  background-color: var(--background-black);

  z-index: 100;

  position: fixed;
  top: 1rem;
  right: 0rem;

  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5rem;

  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.menu i[b-nd09rnfuxh] {
  display: block;
  width: 1rem;
  height: 1rem;
  
  background-color: white;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("icons/menu.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("icons/menu.svg");
  
}

nav[b-nd09rnfuxh] {
  position: fixed;
  top: 0;
  z-index: 100;

  justify-content: space-between;
  background-color: var(--background-black);

  --margin: 4rem;
  box-sizing: border-box;
  width: calc(100% - var(--margin) * 2);
  padding: 1rem 2rem;
  margin-left: var(--margin);
  border-radius: 0 0 1rem 1rem;
}

@media only screen and (max-width: 768px) {
  nav:not(.active)[b-nd09rnfuxh] {
    visibility: hidden;
    opacity: 0;
  }
  
  nav[b-nd09rnfuxh],
  .pages[b-nd09rnfuxh],
  .left[b-nd09rnfuxh] {
    flex-direction: column;
  }
  
  nav[b-nd09rnfuxh] {
    transition: visibility 0.2s, opacity 0.2s linear;
    visibility: visible;
    opacity: 1;
    right: 0;
    width: 10rem;
    padding: 1rem;
    justify-content: flex-start;
  }

  .menu[b-nd09rnfuxh] {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

[b-nd09rnfuxh] a {
  text-transform: uppercase;
}