@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";


@layer components;
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-leading: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
    }
  }
}
@layer theme {
  :root, :host {
    --qb-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --qb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --qb-color-white: #fff;
    --qb-spacing: .25rem;
    --qb-text-xs: .75rem;
    --qb-text-xs--line-height: calc(1 / .75);
    --qb-text-xl: 1.25rem;
    --qb-text-xl--line-height: calc(1.75 / 1.25);
    --qb-text-2xl: 1.5rem;
    --qb-text-2xl--line-height: calc(2 / 1.5);
    --qb-font-weight-medium: 500;
    --qb-font-weight-bold: 700;
    --qb-font-weight-extrabold: 800;
    --qb-radius-md: .375rem;
    --qb-default-font-family: var(--qb-font-sans);
    --qb-default-mono-font-family: var(--qb-font-mono);
    --qb-font-montserrat: "Montserrat", sans-serif;
    --qb-font-ibm-plex-sans: "IBM Plex Sans", sans-serif;
    --qb-color-goldbet-main: #0a1b4e;
    --qb-color-goldbet-yellow: #fc0;
    --qb-color-goldbet-overlay-90: #0a1b4ee6;
    --qb-color-goldbet-header-footer: #0a1b4e;
    --qb-color-goldbet-cta: #07123d;
    --qb-color-lottomatica-main: #003594;
    --qb-color-lottomatica-yellow: #fceb31;
    --qb-color-lottomatica-overlay-80: #1d1d1bcc;
    --qb-color-lottomatica-header: #fff;
    --qb-color-lottomatica-footer: #003594;
    --qb-color-lottomatica-cta: #003595;
    --qb-color-third-main: #ffffffb3;
    --qb-color-third-main-text: #484848;
  }
}
@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--qb-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--qb-default-font-feature-settings, normal);
    font-variation-settings: var(--qb-default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--qb-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--qb-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--qb-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .qb\:absolute {
    position: absolute;
  }

  .qb\:relative {
    position: relative;
  }

  .qb\:cursor-pointer {
    cursor: pointer;
  }

  .qb\:top-0 {
    top: calc(var(--qb-spacing) * 0);
  }

  .qb\:right-\[6\%\] {
    right: 6%;
  }

  .qb\:-z-1 {
    z-index: calc(1 * -1);
  }

  .qb\:z-10 {
    z-index: 10;
  }

  .qb\:z-20 {
    z-index: 20;
  }

  .qb\:m-0 {
    margin: calc(var(--qb-spacing) * 0);
  }

  .qb\:m-auto {
    margin: auto;
  }

  .qb\:mx-auto {
    margin-inline: auto;
  }

  .qb\:mt-0 {
    margin-top: calc(var(--qb-spacing) * 0);
  }

  .qb\:mt-5 {
    margin-top: calc(var(--qb-spacing) * 5);
  }

  .qb\:mb-2 {
    margin-bottom: calc(var(--qb-spacing) * 2);
  }

  .qb\:mb-4 {
    margin-bottom: calc(var(--qb-spacing) * 4);
  }

  .qb\:mb-5 {
    margin-bottom: calc(var(--qb-spacing) * 5);
  }

  .qb\:box-border {
    box-sizing: border-box;
  }

  .qb\:box-content {
    box-sizing: content-box;
  }

  .qb\:block {
    display: block;
  }

  .qb\:flex {
    display: flex;
  }

  .qb\:hidden {
    display: none;
  }

  .qb\:h-10 {
    height: calc(var(--qb-spacing) * 10);
  }

  .qb\:h-12 {
    height: calc(var(--qb-spacing) * 12);
  }

  .qb\:h-\[50px\] {
    height: 50px;
  }

  .qb\:h-full {
    height: 100%;
  }

  .qb\:min-h-fit {
    min-height: fit-content;
  }

  .qb\:min-h-screen {
    min-height: 100vh;
  }

  .qb\:w-\[95px\] {
    width: 95px;
  }

  .qb\:w-full {
    width: 100%;
  }

  .qb\:max-w-none {
    max-width: none;
  }

  .qb\:flex-1 {
    flex: 1;
  }

  .qb\:flex-\[0_0_auto\] {
    flex: none;
  }

  .qb\:flex-\[1_1_40\%\] {
    flex: 40%;
  }

  .qb\:flex-grow {
    flex-grow: 1;
  }

  .qb\:scale-\[120\%\] {
    scale: 120%;
  }

  .qb\:flex-col {
    flex-direction: column;
  }

  .qb\:flex-row {
    flex-direction: row;
  }

  .qb\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .qb\:content-center {
    align-content: center;
  }

  .qb\:items-center {
    align-items: center;
  }

  .qb\:items-stretch {
    align-items: stretch;
  }

  .qb\:justify-between {
    justify-content: space-between;
  }

  .qb\:justify-center {
    justify-content: center;
  }

  .qb\:gap-2 {
    gap: calc(var(--qb-spacing) * 2);
  }

  .qb\:gap-5 {
    gap: calc(var(--qb-spacing) * 5);
  }

  .qb\:self-stretch {
    align-self: stretch;
  }

  .qb\:overflow-hidden {
    overflow: hidden;
  }

  .qb\:rounded-\[4px\] {
    border-radius: 4px;
  }

  .qb\:rounded-md {
    border-radius: var(--qb-radius-md);
  }

  .qb\:bg-goldbet-main {
    background-color: var(--qb-color-goldbet-main);
  }

  .qb\:bg-lottomatica-main {
    background-color: var(--qb-color-lottomatica-main);
  }

  .qb\:bg-third-main {
    background-color: var(--qb-color-third-main);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .qb\:bg-third-main {
      background-color: color-mix(in oklab, var(--qb-color-third-main) 70%, transparent);
    }
  }

  .qb\:bg-cover {
    background-size: cover;
  }

  .qb\:bg-center {
    background-position: center;
  }

  .qb\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .qb\:p-4 {
    padding: calc(var(--qb-spacing) * 4);
  }

  .qb\:p-6 {
    padding: calc(var(--qb-spacing) * 6);
  }

  .qb\:px-2 {
    padding-inline: calc(var(--qb-spacing) * 2);
  }

  .qb\:px-4\.5 {
    padding-inline: calc(var(--qb-spacing) * 4.5);
  }

  .qb\:px-5\.5 {
    padding-inline: calc(var(--qb-spacing) * 5.5);
  }

  .qb\:px-\[21px\] {
    padding-inline: 21px;
  }

  .qb\:py-0 {
    padding-block: calc(var(--qb-spacing) * 0);
  }

  .qb\:py-2 {
    padding-block: calc(var(--qb-spacing) * 2);
  }

  .qb\:py-4 {
    padding-block: calc(var(--qb-spacing) * 4);
  }

  .qb\:py-\[3px\] {
    padding-block: 3px;
  }

  .qb\:py-\[18px\] {
    padding-block: 18px;
  }

  .qb\:pt-54 {
    padding-top: calc(var(--qb-spacing) * 54);
  }

  .qb\:text-center {
    text-align: center;
  }

  .qb\:text-xs {
    font-size: var(--qb-text-xs);
    line-height: var(--tw-leading, var(--qb-text-xs--line-height));
  }

  .qb\:text-\[12px\] {
    font-size: 12px;
  }

  .qb\:text-\[20px\] {
    font-size: 20px;
  }

  .qb\:text-\[32px\] {
    font-size: 32px;
  }

  .qb\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .qb\:font-bold {
    --tw-font-weight: var(--qb-font-weight-bold);
    font-weight: var(--qb-font-weight-bold);
  }

  .qb\:font-medium {
    --tw-font-weight: var(--qb-font-weight-medium);
    font-weight: var(--qb-font-weight-medium);
  }

  .qb\:text-third-main-text {
    color: var(--qb-color-third-main-text);
  }

  .qb\:text-white {
    color: var(--qb-color-white);
  }

  .qb\:uppercase {
    text-transform: uppercase;
  }

  .qb\:underline {
    text-decoration-line: underline;
  }

  .qb\:opacity-62 {
    opacity: .62;
  }

  .qb\:outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .qb\:outline-3 {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }

  .qb\:outline-goldbet-yellow {
    outline-color: var(--qb-color-goldbet-yellow);
  }

  .qb\:outline-white {
    outline-color: var(--qb-color-white);
  }

  .qb\:outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  @media not all and (min-width: 64rem) {
    .qb\:max-lg\:order-4 {
      order: 4;
    }

    .qb\:max-lg\:flex-col {
      flex-direction: column;
    }

    .qb\:max-lg\:items-start {
      align-items: flex-start;
    }

    .qb\:max-lg\:text-center {
      text-align: center;
    }
  }

  @media not all and (min-width: 48rem) {
    .qb\:max-md\:h-\[55px\] {
      height: 55px;
    }

    .qb\:max-md\:h-\[95px\] {
      height: 95px;
    }

    .qb\:max-md\:w-\[73px\] {
      width: 73px;
    }

    .qb\:max-md\:w-\[110px\] {
      width: 110px;
    }

    .qb\:max-md\:w-\[130px\] {
      width: 130px;
    }

    .qb\:max-md\:pt-2 {
      padding-top: calc(var(--qb-spacing) * 2);
    }

    .qb\:max-md\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 48rem) {
    .qb\:md\:m-0 {
      margin: calc(var(--qb-spacing) * 0);
    }

    .qb\:md\:mx-\[1\%\] {
      margin-inline: 1%;
    }

    .qb\:md\:mx-auto {
      margin-inline: auto;
    }

    .qb\:md\:mt-0 {
      margin-top: calc(var(--qb-spacing) * 0);
    }

    .qb\:md\:mb-4 {
      margin-bottom: calc(var(--qb-spacing) * 4);
    }

    .qb\:md\:mb-5 {
      margin-bottom: calc(var(--qb-spacing) * 5);
    }

    .qb\:md\:block {
      display: block;
    }

    .qb\:md\:h-15 {
      height: calc(var(--qb-spacing) * 15);
    }

    .qb\:md\:h-full {
      height: 100%;
    }

    .qb\:md\:w-\[90\%\] {
      width: 90%;
    }

    .qb\:md\:w-\[100px\] {
      width: 100px;
    }

    .qb\:md\:w-\[180px\] {
      width: 180px;
    }

    .qb\:md\:w-auto {
      width: auto;
    }

    .qb\:md\:w-full {
      width: 100%;
    }

    .qb\:md\:items-center {
      align-items: center;
    }

    .qb\:md\:justify-center {
      justify-content: center;
    }

    .qb\:md\:rounded-\[4px\] {
      border-radius: 4px;
    }

    .qb\:md\:p-9 {
      padding: calc(var(--qb-spacing) * 9);
    }

    .qb\:md\:px-0 {
      padding-inline: calc(var(--qb-spacing) * 0);
    }

    .qb\:md\:px-8\.5 {
      padding-inline: calc(var(--qb-spacing) * 8.5);
    }

    .qb\:md\:px-\[14px\] {
      padding-inline: 14px;
    }

    .qb\:md\:py-1 {
      padding-block: calc(var(--qb-spacing) * 1);
    }

    .qb\:md\:py-3 {
      padding-block: calc(var(--qb-spacing) * 3);
    }

    .qb\:md\:py-4 {
      padding-block: calc(var(--qb-spacing) * 4);
    }

    .qb\:md\:py-6 {
      padding-block: calc(var(--qb-spacing) * 6);
    }

    .qb\:md\:pt-44 {
      padding-top: calc(var(--qb-spacing) * 44);
    }

    .qb\:md\:pb-0 {
      padding-bottom: calc(var(--qb-spacing) * 0);
    }

    .qb\:md\:text-center {
      text-align: center;
    }

    .qb\:md\:text-xl {
      font-size: var(--qb-text-xl);
      line-height: var(--tw-leading, var(--qb-text-xl--line-height));
    }

    .qb\:md\:text-\[20px\] {
      font-size: 20px;
    }

    .qb\:md\:text-\[30px\] {
      font-size: 30px;
    }

    .qb\:md\:text-\[32px\] {
      font-size: 32px;
    }

    .qb\:md\:text-\[60px\] {
      font-size: 60px;
    }
  }

  @media (min-width: 64rem) {
    .qb\:lg\:right-\[0\%\] {
      right: 0%;
    }

    .qb\:lg\:m-0 {
      margin: calc(var(--qb-spacing) * 0);
    }

    .qb\:lg\:mx-\[12\%\] {
      margin-inline: 12%;
    }

    .qb\:lg\:mx-auto {
      margin-inline: auto;
    }

    .qb\:lg\:my-0 {
      margin-block: calc(var(--qb-spacing) * 0);
    }

    .qb\:lg\:mt-3 {
      margin-top: calc(var(--qb-spacing) * 3);
    }

    .qb\:lg\:mb-3 {
      margin-bottom: calc(var(--qb-spacing) * 3);
    }

    .qb\:lg\:mb-19 {
      margin-bottom: calc(var(--qb-spacing) * 19);
    }

    .qb\:lg\:block {
      display: block;
    }

    .qb\:lg\:flex {
      display: flex;
    }

    .qb\:lg\:inline-flex {
      display: inline-flex;
    }

    .qb\:lg\:h-20 {
      height: calc(var(--qb-spacing) * 20);
    }

    .qb\:lg\:h-23\.5 {
      height: calc(var(--qb-spacing) * 23.5);
    }

    .qb\:lg\:h-\[78px\] {
      height: 78px;
    }

    .qb\:lg\:h-\[123px\] {
      height: 123px;
    }

    .qb\:lg\:h-\[163px\] {
      height: 163px;
    }

    .qb\:lg\:h-full {
      height: 100%;
    }

    .qb\:lg\:w-\[80\%\] {
      width: 80%;
    }

    .qb\:lg\:w-\[814px\] {
      width: 814px;
    }

    .qb\:lg\:w-full {
      width: 100%;
    }

    .qb\:lg\:max-w-\[30\%\] {
      max-width: 30%;
    }

    .qb\:lg\:flex-\[1_1_50\%\] {
      flex: 50%;
    }

    .qb\:lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .qb\:lg\:items-center {
      align-items: center;
    }

    .qb\:lg\:items-end {
      align-items: flex-end;
    }

    .qb\:lg\:justify-between {
      justify-content: space-between;
    }

    .qb\:lg\:justify-start {
      justify-content: flex-start;
    }

    .qb\:lg\:self-center {
      align-self: center;
    }

    .qb\:lg\:p-0 {
      padding: calc(var(--qb-spacing) * 0);
    }

    .qb\:lg\:px-4 {
      padding-inline: calc(var(--qb-spacing) * 4);
    }

    .qb\:lg\:px-8 {
      padding-inline: calc(var(--qb-spacing) * 8);
    }

    .qb\:lg\:py-3 {
      padding-block: calc(var(--qb-spacing) * 3);
    }

    .qb\:lg\:py-5 {
      padding-block: calc(var(--qb-spacing) * 5);
    }

    .qb\:lg\:pt-\[94px\] {
      padding-top: 94px;
    }

    .qb\:lg\:pb-\[15px\] {
      padding-bottom: 15px;
    }

    .qb\:lg\:text-right {
      text-align: right;
    }

    .qb\:lg\:text-2xl {
      font-size: var(--qb-text-2xl);
      line-height: var(--tw-leading, var(--qb-text-2xl--line-height));
    }

    .qb\:lg\:text-\[22px\] {
      font-size: 22px;
    }

    .qb\:lg\:text-\[44px\] {
      font-size: 44px;
    }

    .qb\:lg\:outline-6 {
      outline-style: var(--tw-outline-style);
      outline-width: 6px;
    }
  }

  @media (min-width: 80rem) {
    .qb\:xl\:gap-1 {
      gap: calc(var(--qb-spacing) * 1);
    }
  }

  .goldbet .qb\:goldbet\:-top-\[2\%\] {
    top: -2%;
  }

  .goldbet .qb\:goldbet\:hidden {
    display: none;
  }

  .goldbet .qb\:goldbet\:gap-2 {
    gap: calc(var(--qb-spacing) * 2);
  }

  .goldbet .qb\:goldbet\:bg-goldbet-header-footer {
    background-color: var(--qb-color-goldbet-header-footer);
  }

  .goldbet .qb\:goldbet\:bg-goldbet-overlay-90 {
    background-color: var(--qb-color-goldbet-overlay-90);
  }

  .goldbet .qb\:goldbet\:bg-goldbet-yellow {
    background-color: var(--qb-color-goldbet-yellow);
  }

  .goldbet .qb\:goldbet\:bg-\[url\(\'\/images\/comparazioneBonusSport\/gb_bg_mobile\.png\'\)\] {
    background-image: url("/images/comparazioneBonusSport/gb_bg_mobile.png");
  }

  .goldbet .qb\:goldbet\:font-montserrat {
    font-family: var(--qb-font-montserrat);
  }

  .goldbet .qb\:goldbet\:font-extrabold {
    --tw-font-weight: var(--qb-font-weight-extrabold);
    font-weight: var(--qb-font-weight-extrabold);
  }

  .goldbet .qb\:goldbet\:text-goldbet-cta {
    color: var(--qb-color-goldbet-cta);
  }

  .goldbet .qb\:goldbet\:text-goldbet-yellow {
    color: var(--qb-color-goldbet-yellow);
  }

  .goldbet .qb\:goldbet\:text-white {
    color: var(--qb-color-white);
  }

  @media (min-width: 48rem) {
    .goldbet .qb\:goldbet\:md\:right-\[8\%\] {
      right: 8%;
    }

    .goldbet .qb\:goldbet\:md\:bg-\[url\(\'\/images\/comparazioneBonusSport\/gb_bg_full\.png\'\)\] {
      background-image: url("/images/comparazioneBonusSport/gb_bg_full.png");
    }
  }

  @media (min-width: 64rem) {
    .goldbet .qb\:goldbet\:lg\:-top-\[3\%\] {
      top: -3%;
    }

    .goldbet .qb\:goldbet\:lg\:w-\[48\%\] {
      width: 48%;
    }

    .goldbet .qb\:goldbet\:lg\:w-\[80\%\] {
      width: 80%;
    }
  }

  .lottomatica .qb\:lottomatica\:-top-\[14\%\] {
    top: -14%;
  }

  .lottomatica .qb\:lottomatica\:hidden {
    display: none;
  }

  .lottomatica .qb\:lottomatica\:gap-10 {
    gap: calc(var(--qb-spacing) * 10);
  }

  .lottomatica .qb\:lottomatica\:bg-lottomatica-footer {
    background-color: var(--qb-color-lottomatica-footer);
  }

  .lottomatica .qb\:lottomatica\:bg-lottomatica-header {
    background-color: var(--qb-color-lottomatica-header);
  }

  .lottomatica .qb\:lottomatica\:bg-lottomatica-overlay-80 {
    background-color: var(--qb-color-lottomatica-overlay-80);
  }

  .lottomatica .qb\:lottomatica\:bg-lottomatica-yellow {
    background-color: var(--qb-color-lottomatica-yellow);
  }

  .lottomatica .qb\:lottomatica\:bg-\[url\(\'\/images\/comparazioneBonusSport\/ltm_bg_mobile\.png\'\)\] {
    background-image: url("/images/comparazioneBonusSport/ltm_bg_mobile.png");
  }

  .lottomatica .qb\:lottomatica\:font-ibm-plex-sans {
    font-family: var(--qb-font-ibm-plex-sans);
  }

  .lottomatica .qb\:lottomatica\:font-bold {
    --tw-font-weight: var(--qb-font-weight-bold);
    font-weight: var(--qb-font-weight-bold);
  }

  .lottomatica .qb\:lottomatica\:text-lottomatica-cta {
    color: var(--qb-color-lottomatica-cta);
  }

  .lottomatica .qb\:lottomatica\:text-lottomatica-main {
    color: var(--qb-color-lottomatica-main);
  }

  .lottomatica .qb\:lottomatica\:text-lottomatica-yellow {
    color: var(--qb-color-lottomatica-yellow);
  }

  @media (min-width: 48rem) {
    .lottomatica .qb\:lottomatica\:md\:-top-\[21\%\] {
      top: -21%;
    }

    .lottomatica .qb\:lottomatica\:md\:right-\[4\%\] {
      right: 4%;
    }

    .lottomatica .qb\:lottomatica\:md\:bg-\[url\(\'\/images\/comparazioneBonusSport\/ltm_bg_full\.png\'\)\] {
      background-image: url("/images/comparazioneBonusSport/ltm_bg_full.png");
    }
  }

  @media (min-width: 64rem) {
    .lottomatica .qb\:lottomatica\:lg\:-top-\[27\%\] {
      top: -27%;
    }

    .lottomatica .qb\:lottomatica\:lg\:w-\[50\%\] {
      width: 50%;
    }

    .lottomatica .qb\:lottomatica\:lg\:w-\[90\%\] {
      width: 90%;
    }

    .lottomatica .qb\:lottomatica\:lg\:text-left {
      text-align: left;
    }
  }
}
@media (max-width: 768px) {
  main {
    background-position: top !important;
  }
}
@media (min-width: 769px) {
  main {
    background-attachment: fixed !important;
  }
}
.qb\:bg-section-gradient {
  background: linear-gradient(90deg, #0000 0%, #0009 15%, #000000d9 50%, #0009 75%, #0000 100%);
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}