@charset "utf-8";
/* CSS Document */

.euromillions {
    --color-primary-000: #002ba0;
    --color-primary-050: #002ba0;
    --color-primary-100: #002ba0;
    --color-primary-150: #002ba0;
    --color-primary-300: #002ba0;
    --color-primary-500: #002ba0;
    --color-primary-600: #002ba0;
    --color-primary-700: #001367;
    --color-primary-900: #001367;
    --color-primary: var(--color-primary-900);
    --color-primary-active: var(--color-primary-300);
    --color-primary-hover: var(--color-primary-600);
    --gradient-primary: linear-gradient(to right,var(--color-primary-900),var(--color-primary-600));
    --color-secondary-000: #ffe267;
    --color-secondary-050: #ffe267;
    --color-secondary-100: #ffe267;
    --color-secondary-150: #ffe267;
    --color-secondary-300: #ffe267;
    --color-secondary-500: #ffe267;
    --color-secondary-600: #ffe267;
    --color-secondary-700: #eebb05;
    --color-secondary-900: #eebb05;
    --color-secondary: var(--color-secondary-900);
    --color-secondary-active: var(--color-secondary-300);
    --color-secondary-hover: var(--color-secondary-600);
    --gradient-secondary: linear-gradient(to right,var(--color-secondary-900),var(--color-secondary-600));
    --color-tertiary-000: #ffe267;
    --color-tertiary-050: #ffe267;
    --color-tertiary-100: #ffe267;
    --color-tertiary-150: #ffe267;
    --color-tertiary-300: #ffe267;
    --color-tertiary-500: #ffe267;
    --color-tertiary-600: #ffe267;
    --color-tertiary-700: #eebb05;
    --color-tertiary-900: #eebb05;
    --color-tertiary: var(--color-tertiary-900);
    --color-tertiary-active: var(--color-tertiary-300);
    --color-tertiary-hover: var(--color-tertiary-600);
    --gradient-tertiary: linear-gradient(to right,var(--color-tertiary-900),var(--color-tertiary-600));
}

.loto {
    --color-primary-000: #00cfee;
    --color-primary-050: #00cfee;
    --color-primary-100: #00cfee;
    --color-primary-150: #00cfee;
    --color-primary-300: #00cfee;
    --color-primary-500: #00cfee;
    --color-primary-600: #00cfee;
    --color-primary-700: #00a2d9;
    --color-primary-900: #00a2d9;
    --color-primary: var(--color-primary-900);
    --color-primary-active: var(--color-primary-300);
    --color-primary-hover: var(--color-primary-600);
    --gradient-primary: linear-gradient(to right,var(--color-primary-900),var(--color-primary-600));
    --color-secondary-000: #f66b7c;
    --color-secondary-050: #f66b7c;
    --color-secondary-100: #f66b7c;
    --color-secondary-150: #f66b7c;
    --color-secondary-300: #f66b7c;
    --color-secondary-500: #f66b7c;
    --color-secondary-600: #f66b7c;
    --color-secondary-700: #ea3946;
    --color-secondary-900: #ea3946;
    --color-secondary: var(--color-secondary-900);
    --color-secondary-active: var(--color-secondary-300);
    --color-secondary-hover: var(--color-secondary-600);
    --gradient-secondary: linear-gradient(to right,var(--color-secondary-900),var(--color-secondary-600));
    --color-tertiary-000: #375acf;
    --color-tertiary-050: #375acf;
    --color-tertiary-100: #375acf;
    --color-tertiary-150: #375acf;
    --color-tertiary-300: #375acf;
    --color-tertiary-500: #375acf;
    --color-tertiary-600: #375acf;
    --color-tertiary-700: #293985;
    --color-tertiary-900: #293985;
    --color-tertiary: var(--color-tertiary-900);
    --color-tertiary-active: var(--color-tertiary-300);
    --color-tertiary-hover: var(--color-tertiary-600);
    --gradient-tertiary: linear-gradient(to right,var(--color-tertiary-900),var(--color-tertiary-600));
}

.fdj.circle{display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1rem 2rem 0 hsla(0,0%,75%,.3);border-radius:666px;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Metropolis-Bold,sans-serif}
.fdj.circle,.fdj.circle.primary{color:var(--color-primary);background-color:var(--color-background)}
.fdj.circle.primary.selected,.fdj.circle.selected{color:var(--color-background);background-color:var(--color-primary);box-shadow:unset}
.fdj.circle.secondary{color:var(--color-secondary);background-color:var(--color-background)}
.fdj.circle.secondary.selected{color:var(--color-background);background-color:var(--color-secondary)}
.fdj.circle.tertiary{color:var(--color-tertiary);background-color:var(--color-background)}
.fdj.circle.tertiary.selected{color:var(--color-background);background-color:var(--color-tertiary)}
.fdj.circle.tiny{height:2.5rem;width:2.5rem;font-size:1.15rem}
.fdj.circle.small{height:3.5rem;width:3.5rem;font-size:1.6rem}
.fdj.circle,.fdj.circle.normal{height:4rem;width:4rem;font-size:1.6rem}
.fdj.circle.wrong{opacity:.4}
.fdj.circle.disabled,.fdj.circle:disabled{cursor:not-allowed;background:var(--color-standard-300)!important;color:var(--color-background)!important;box-shadow:unset!important;opacity:1!important}

.fdj.star{display:inline-flex;align-items:center;justify-content:center;position:relative;font-family:Metropolis-Bold,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.fdj.star svg{position:absolute}
.fdj.star span{position:relative}
.fdj.star,.fdj.star.primary{color:var(--color-primary)}
.fdj.star svg,.fdj.star.primary svg{fill:var(--color-background);filter:drop-shadow(0 5px 10px rgba(191,191,191,.5))}
.fdj.star.primary.selected,.fdj.star.selected{color:var(--color-background)}
.fdj.star.primary.selected svg,.fdj.star.selected svg{fill:var(--color-primary);filter:none}
.fdj.star.secondary{color:var(--color-secondary)}
.fdj.star.secondary svg{fill:var(--color-background);filter:drop-shadow(0 5px 10px rgba(191,191,191,.5))}
.fdj.star.secondary.selected{color:var(--color-background)}
.fdj.star.secondary.selected svg{fill:var(--color-secondary)}
.fdj.star.tertiary{color:var(--color-tertiary)}
.fdj.star.tertiary svg{fill:var(--color-background);filter:drop-shadow(0 5px 10px rgba(191,191,191,.5))}
.fdj.star.tertiary.selected{color:var(--color-background)}
.fdj.star.tertiary.selected svg{fill:var(--color-tertiary)}
.fdj.star.tiny{height:2.5rem;width:2.5rem;font-size:1.2rem}
.fdj.star.tiny span{top:.2rem}
.fdj.star.small{height:3.5rem;width:3.5rem;font-size:1.6rem}
.fdj.star.small span{top:.2rem}
.fdj.star,.fdj.star.normal{height:4rem;width:4rem;font-size:1.6rem}
.fdj.star span,.fdj.star.normal span{top:.3rem}
.fdj.star.wrong{opacity:.4}
.fdj.star.disabled,.fdj.star:disabled{cursor:not-allowed;color:var(--color-background)!important;box-shadow:unset!important;opacity:1!important}
.fdj.star.disabled svg,.fdj.star:disabled svg{fill:var(--color-standard-300)!important;filter:none!important}