/* tailwindcss:tailwindcss */
/* index.css */
@theme { --breakpoint-md: 960px; }
html,
body {
  background-color: #000000;
  color: white;
  font-family:
    "DINPro",
    Arial,
    Helvetica,
    sans-serif;
  overflow-x: hidden;
  width: 100%;
}
body.lock-scroll {
  overflow: hidden !important;
  height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
  position: fixed !important;
  width: 100% !important;
  top: var(--wp-admin--admin-bar--height, 0px) !important;
}
.flipper {
  transform: rotateY(180deg);
  transform-style: preserve-3d;
}
.animate-flip {
  animation: posterFlip 1.5s cubic-bezier(0.33, 1, 0.68, 1) both;
  animation-delay: 0.6s;
}
@keyframes posterFlip {
  from {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
.backface-hidden {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.transform-style-3d {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
    max-width: 100vw !important;
  }
  html,
  body {
    background-color: #000000 !important;
    color: white !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  div,
  span,
  a,
  li {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
  }
  .md\:w-\[calc\(100\%\+100px\)\] {
    width: 100% !important;
  }
  .md\:ml-\[100px\] {
    margin-left: 0 !important;
  }
  img,
  svg,
  video,
  canvas,
  section {
    max-width: 100% !important;
  }
  body.lock-scroll {
    overflow: auto !important;
    height: auto !important;
    position: static !important;
  }
  header,
  #main-header,
  .fixed {
    position: absolute !important;
  }
  .flipper {
    transform: rotateY(0deg) !important;
  }
  .animate-flip {
    animation: none !important;
  }
  video {
    display: none !important;
  }
  img {
    opacity: 1 !important;
    visibility: visible !important;
  }
}