/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
.visible {
  visibility: visible;
}
.relative {
  position: relative;
}
.z-10 {
  z-index: 10;
}
.container {
  width: 100%;
}
.mx-auto {
  margin-inline: auto;
}
.mb-\[230px\] {
  margin-bottom: 230px;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[380px\] {
  height: 380px;
}
.h-\[420px\] {
  height: 420px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-screen {
  min-height: 100vh;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[340px\] {
  width: 340px;
}
.w-full {
  width: 100%;
}
.flex-1 {
  flex: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-\[\#0578ff\] {
  border-color: #0578ff;
}
.bg-\[\#0578ff\] {
  background-color: #0578ff;
}
.bg-\[\#1693ff\] {
  background-color: #1693ff;
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.object-contain {
  object-fit: contain;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.align-middle {
  vertical-align: middle;
}
.underline {
  text-decoration-line: underline;
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.splash-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 400px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
}
.artist-img {
  z-index: 10;
  border-radius: 9999px;
  border: 8px solid #fff;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
body#landing {
  font-family: 'Ember Modern Display Std', sans-serif;
  background-image: url('../img/img_desktop.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
body#form {
  font-family: 'Ember Modern Display Std', sans-serif;
  background-image: url('../img/bg-form.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
body#presale {
  font-family: 'Ember Modern Display Std', sans-serif;
  background-image: url('../img/bg-presale.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
body#prenotazione {
  font-family: 'Ember Modern Display Std', sans-serif;
  background-image: url('../img/bg-form.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  body#landing {
    background-image: url('../img/img_mobile.png');
  }
  body#presale {
    background-image: url('../img/bg-presale-mobile.png');
  }
}
.font-ember {
  font-family: 'Inter', sans-serif;
}
@keyframes twinkle {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}
.star {
  animation: twinkle 3s infinite;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-outline-style: solid;
    }
  }
}