#cg-test-loader-header-css,
#cg-test-loader-footer-css {
	text-align: center;	
}

.cg-color-red {
	color: red;
	font-weight: 450;
}

.cg-color-green {
	color: green;
	font-weight: 450;
}

.cg-buttons-group {
    display: inline-flex;
    margin: 0 .35rem;
}

.cg-buttons-group button {
    border: none;
    border-radius: 0;
}

.cg-buttons-group button:first-child {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.cg-buttons-group button:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.cg-buttons-group button:not(:last-child) {
    border-right: 1px solid #1f9039;
}

/* Button container */

.cg-buttons-container {
    display: inline-flex;
    margin: 0 .35rem;
}

.cg-buttons-container button {
    border: 1px solid #1f9039;
    border-radius: .25rem;
}

.cg-buttons-container button:not(:last-child) {
    margin-right: .5rem;
}

.cf-flex-container {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-blocco-dx .nome {
	font-family: monospace;
}

/* .modal-account .barra-menu span:hover { */
/* 	background: transparent; */
/* 	border-bottom: 3px solid var(--border-color-1); */
/* 	padding: .75rem 1rem; */
/* } */

.user .dropdown-menu.show {
	margin-top: 1.5rem !important;
	border: 3px solid var(--bg-color-1);
}

.top-account {
	justify-content: space-evenly;
	max-width: 100%;
}

.middle-account .prima-riga {
	font-size: 1.05rem;
}

.modal-account .barra-menu {
	font-weight: 650;
}

.tabella-profilo.edit-fields {
	grid-template-rows: 40px;
    grid-auto-rows: 40px;
    grid-row-gap: 5px;
}

ul.gruppo-lista {
	height: 100%;
	align-items: baseline;
}

li.gruppo-lista-item.tab-sx {
	align-self: baseline;
}
/* .tab-dx { */
/* 	align-self: center; */
/* } */

.menu-drop {
	background: #ffa060;
}

li.gruppo-lista-item.tab-sx {
	font-weight: 600;
}

.testo-filtro-data {
	justify-content: flex-start;
}

.landing-casino .barra-bg-casino,
.landing-widget-quote-basso .barra-bg-casino,
.landing-casino-highlights .barra-bg-casino,
.landing-live-now .barra-bg-casino {
	margin: 2rem 15px 1rem 15px;
}

.landing-casino-highlights .barra-bg-casino,
.landing-live-now .barra-bg-casino {
    margin: 0rem 0 1rem 0;
}

.landing-widget-quote-basso .box-quote-live {
	margin-right: 1rem;
    margin-left: 1rem;
}

/* Aggiunti */
.cg-hide {
	display: none !important;
}

.edit-field {
	position: relative;
    display: flex;
    align-items: center;
}

.field-container {
    display: flex;
    flex-direction: column;
}

.edit-icon {
    width: 40px !important;
    height: 40px;
    padding: 13px;
    cursor: pointer;
    overflow: hidden;
    display: block;
    color: #24639e;
    text-decoration: none;
    z-index: 1;
}

.editable {
	text-align: left;
	width:100%;
}

.flex-container {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cg-flex-center-children {
	justify-content: center;
	align-content: center;
}

.row {
    width: auto;
}

.flex-item {
    width: auto;
    height: auto;
    line-height: 20px;
    text-align: center;
}

.blocco-header .btn {
	text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.top-blocco-sx {
    margin-left: 20px;
}

.cg-error-container {
	background-color: #ffafaf;
	padding: .375rem .75rem;
	border-radius: .25rem;
}

.updatepasswordmessage {
	border: none;
    font-weight: 750;
    color: green;
    max-width: 500px !important;
    margin: auto 35px;
}

.bold {
	font-weight: 650;
}

i.fas {
    margin-right: 5px;
}

.paragraph {
	font-weight: 100;
}

.win {
	color: #24a85d;
}

.lose {
	color: red;
}

.cg-view-icon {
    text-align: center;
    background-image: url("../../images/desktop/view.svg");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    align-self: center;
    position: relative;
    display: inline-block;
}

.cg-hide-icon {
    text-align: center;
    background-image: url("../../images/desktop/hide.svg");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    align-self: center;
    position: relative;
    display: inline-block;
}

.cg-wallet-black-icon {
	text-align: center;
    background-image: url("../../images/desktop/walletBlack.svg");
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    align-self: center;
    position: relative;
    display: inline-block;
    margin: 0 .5rem;
}

.cg-wallet-white-icon {
	text-align: center;
    background-image: url("../../images/desktop/walletWhite.svg");
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    align-self: center;
    position: relative;
    display: inline-block;
    margin: 0 .5rem;
}

.cg-user-white-icon {
	text-align: center;
    background-image: url("../../images/desktop/casino/user-white.svg");
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    align-self: center;
    position: relative;
    display: inline-block;
    margin: 0 .5rem;
}

.cg-user-black-icon {
	text-align: center;
    background-image: url("../../images/desktop/casino/user-black.svg");
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    align-self: center;
    position: relative;
    display: inline-block;
    margin: 0 .5rem;
}

.cg-flex-container {
	display: flex;
}

.cg-align-self-center {
	align-self: center;
}

span.user-img {
    border-radius: 100%;
    border: 4px solid var(--bg-color-1);
    max-width: 3rem;
    height: auto;
}

.space-evenly {
	justify-content: space-evenly;
}

.transaction-button {
	height:50%;
	align-self:center;
}

#cg-voucher-list-sport-body tr td {
	vertical-align: middle;
}

.login-header {
    font-size: 14px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: inherit;
    border-bottom: 3px solid var(--border-color-1);
}

.show-profile-submenu #aprimenu-profilo,
.show-limits-submenu #cg-limits-submenu {
    display: block;
}

.smalltext{
	font-size: 1.0rem;
}

.mediumtext{
	font-size: 1.2rem;
}

.bigtext{
	font-size: 2rem;
}

.mgtop{
	margin-top: 15px;
}

.mgbtm{
	margin-bottom: 15px;
}

.cg-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.schede-poker .card {
	min-width: 100%;
}

.menu-principale li a {
    font-weight: 750;
}

/* .promozioni-sfondo { */
/* 	min-height: 100vh; */
/* } */

.metodo .img-fluid {
	max-height: 30px;	
}

.cg-btn-big {
	cursor: pointer;
	padding: .75rem 1.5rem;
    font-size: 1.2rem;
    font-weight: 450;
}

.cg-btn-medium {
	cursor: pointer;
	background: #fff;
	border: 1px solid #ccc;
    border-radius: .25rem;
    padding: .75rem;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1.2rem;
    font-weight: 450;
}

.info-account {
	border: 1px solid #ccc;
}

.blocco-info-account b {
	text-transform: uppercase;
}

.cg-footer-img {
	height: 20px;
	max-width: 100%;
	margin: 0 1rem;
}

.cg-footer-logo {
	width: 60px;
	height: 40px;
	display: inline-block;
	float: left;
	margin: 5px 5px 0 0;
	background-repeat: no-repeat;
	background-position: center;
}
.cg-header-logo {
    width: 60px;
    height: 40px;
}

.cg-footer-heading {
	padding-top: 1em;
	padding-bottom: 0.25em;
}

#cg-deposit-panels .container {
	display: none;
}
#cg-deposit-panels .container.show {
	display: block;
}

/* Vincite recenti casinò */
.card-vincite {
	width: 20rem;
}
.info-ultimev {
	font-size: 1rem;
}
.info-ultimev .margine-giu {
	font-size: 1.2rem;	
}

.widget-landing-2 div {
	max-width: 90%;
}

.lista-navigatore a {
	padding: .5rem 0;
    display: flex;
    flex-direction: column;
}

.widget-landing-2 span:not(.separator) {
    width: 45%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 0px);
}

.lista-navigatore .link-nav-widget:first-child {
    border-bottom-left-radius: .5rem;
}

.lista-navigatore .link-nav-widget:last-child {
    border-bottom-right-radius: .5rem;
}

.cg-team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 0px);
/*     margin-left: .5rem; */
}

.squadre-cella {
	grid-template-columns: 10px 100%;
}

.slot-multiple-3 .blocco-mosaico {
    max-height: 150px;
}

.widget-landing-2 {
	margin: 1rem 0;
}

.tabellaQuote {
	grid-template-columns: 1.5fr 3fr .5fr .5fr .5fr 1fr;
}

.tabellaQuote-2-way {
	grid-template-columns: 1.5fr 3fr .5fr .5fr 1fr;
}

.quote-widget {
	grid-template-columns: 1fr 1fr 1fr;
}

.quote-widget.col2 {
	grid-template-columns: 1fr 1fr!important;
}

.quote-widget.col1 {
	grid-template-columns: 1fr!important;
}

#cg-casino-highlights-container .banner-landing {
    display: flex;
    position: relative;
}

.caroselloLanding .secondo-blocco-landing-slide-1 {
    height: 300px;
}

/* Pallini slider casino */
.controlli-slider {
	width: auto;
}

/* Barra di ricerca casino */
input.cerca {
	padding: .25rem .5rem;
    border-radius: .25rem;
    box-shadow: unset;
    border: 1px solid #ccc;
}

.cg-footer-sections {
	display: flex;
	/*justify-content: space-between;*/
	justify-content: space-around;
}

.barra-intermedia-footer, .barra-inferiore-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.barra-superiore-footer {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.cg-footer-section-title {
	color: var(--topbar-footer-text-color);
}

.cg-header-customer-logo{
/*     background: url(../../images/desktop/logo.png); */
/*     background-repeat: no-repeat!important; */
/*     background-size: contain!important; */
    width: 100%;
    height: 80%;
}

.support-header-container {
	display: flex;
/* 	justify-content: center; */
	align-items: center;
	height: 60px;
}

.cg-background-center {
	background-position: center!important;
}

/* Solo due elementi nella pagina poker */
.azioni-poker {
	grid-template-columns: 1fr 1fr;
}

/* Box errore bonus */
.cg-box-error {
    display: flex;
    flex-direction: column;
}

.cg-box-error i, .promo-message-container i {
    font-size: 8rem;
    align-self: center;
    padding: 1.5rem;
}
.cg-box-error span, .promo-message-container span {
    font-size: 2rem;
    align-self: center;
    padding: 1.5rem;
}


/* Poker/Promozioni */
.promo-message-container {
	display: flex;
    background: #f8f8f8;
    width: 100%;
    align-content: center;
    justify-content: center;
}

/* Colore frecce slider casino landing */
.landing-2 .container-slider i.fas {
	color: #242424;
}

/* Container banner poker */
.cg-poker-banner-container {
	width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* Sfondo casino live */
.main-content.casino.cg-bg-live {
    padding: 0 0 6rem 0;
    background: url(../../images/desktop/casino/bg-live.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.content-wrapper {
	position: relative;
}

.quota {
    padding-top: .75rem;
    padding-bottom: .75rem;
    cursor: pointer;
}

.cg-cooming-soon::after {
	content: "";
    background: url(../../images/desktop/coming-soon.png);
    width: 90px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -5px;
    border-radius: .25rem;
    transform: rotate(7deg);
}

/*Forze cambio Limiti di deposito*/

.registrazione-main .row {
    margin: 1.5rem auto;
}

.colonna-reg {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    border-color: #ccc;
}

.form-group.cg-mandatory label:after {
    content: '(*)';
    color: red;
    font-size: 1.3rem;
    margin-left: 0.5rem;
}

.blocco-versamenti {
    display: block;
    margin: 1.25rem auto;
}

.versamenti-numeri {
    display: flex;
    flex-wrap: wrap;
}

.bottone-versamento {
    margin-right: .3rem;
    margin-bottom: .3rem;
}

a.bottone-versamento, input.bottone-versamento {
    border: 1px solid #ccc;
    padding: .75rem;
    border-radius: .25rem;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:indeterminate ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--bg-color-1) !important;
    background-color: var(--bg-color-1) !important;
}

/* Header PVR */
.cg-saldi-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cg-wallet-container{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.cg-riga-saldo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 14em;
	font-size: 10pt;
}

.cg-saldo-negativo {
	color: red;
}

.blocco-header.label {
	border-right: none;
}

#cg-profile-popup-container .dropdown-menu.bianco span {
    color:white!important;
}

body.cg-pvr-page #cg-profile-popup-container .dropdown-menu.bianco span {
	text-align: center;
}

/* Messaggi profilo */
.tabella_giocate > tbody > tr {
	user-select: none;
}
.cg-message-text {
	padding-left: 1rem !important;
	padding-bottom: 1rem !important;
	border-left: 4px solid #ccc;
	background: #ededed;
	white-space: pre-line;
	word-break: break-word;
}
.cg-message-text a {
	text-decoration: underline;
}
.cg-message-wrapper:not(:last-child) {
    margin-bottom: 1rem;
}
.cg-promo-message-header {
	background: #ededed;
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}
/* .cg-promo-message-text {
	padding-left: 1rem;
} */

#cg-promo-messages-modal .modal-content{
	margin: auto;
    width: auto;
}

#cg-promo-messages-modal.cg-promo-message-modal-defaultsize .modal-body .cg-promo-message-text img{
	max-width:450px;
}


#cg-promo-messages-modal.cg-promo-message-modal-customsize .modal-content{
	max-width: 100vw;
	max-height: 95vh;
}

#cg-promo-messages-modal.cg-promo-message-modal-customsize .modal-body{
	max-height: 90vh;
	min-width: 500px;
}

#cg-promo-messages-modal.cg-promo-message-modal-customsize .modal-body .cg-promo-message-text img{
	width: 100% !important;
}

/*
#cg-promo-messages-modal.cg-promo-message-modal-customsize .cg-message-wrapper,
#cg-promo-messages-modal.cg-promo-message-modal-customsize .cg-promo-message-text{
	max-width: inherit;
    max-height: inherit;
}
*/

.cg-scrollable-modal {
	max-height: 80% !important;
    overflow-y: auto;
}

#cg-promo-messages-modal .modal-dialog {
	overflow-y: initial !important;
}
#cg-promo-messages-modal .modal-body {
	max-height: 500px;
    overflow-y: overlay !important;
}

#cg-comunicazioni-landing-container .modal-body {
    overflow-y: overlay !important;
}

#cg-comunicazioni-landing-modal .cg-message-wrapper{
	margin: auto;
}

/*
#cg-comunicazioni-landing-modal.cg-promo-message-modal-customsize .cg-message-wrapper,
#cg-comunicazioni-landing-modal.cg-promo-message-modal-customsize .cg-promo-message-text{
	max-width: inherit;
    max-height: inherit;
}
*/

#cg-comunicazioni-landing-modal.cg-promo-message-modal-customsize .modal-content{
    max-height: 95vh;
}


#cg-comunicazioni-landing-modal.cg-promo-message-modal-customsize .modal-body .cg-promo-message-text img{
	width: 100% !important;
}

#cg-comunicazioni-landing-modal.cg-promo-message-modal-defaultsize .modal-content{
	min-width: 500px;
}

.margin-left-auto {
	margin-left: auto;
}
.margin-right-auto {
	margin-right: auto;
}

.margin-left-right-auto {
	margin: 0 auto 0 auto;
}

/* Bottoni header da loggati */
.cg-tickets-button {
	color: var(--tickets-button-text-color);
	background: var(--tickets-button-bg-color);
	border: 1px solid var(--tickets-button-border-color);
	position:relative;
}
.cg-deposit-button {
	color: var(--deposit-button-text-color);
	background: var(--deposit-button-bg-color);
	border: 1px solid var(--deposit-button-border-color);
}

.cg-text-muted {
	color: var(--intermediate-bar-muted-text-color);
}

/* Modal scadenza sessione */
.cg-modal-heading {
	font-size: 1.5rem;
}

.cg-contatti span {
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 .5rem;
}
/* .cg-contatti span:not(:last-child) { */
/* 	border-right: 2px solid; */
/* } */

.cg-testo-md {
	font-size: 1.25rem;
}

/* Spinner */
@keyframes cg-donut-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cg-donut-spinner {
  display: inline-block;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: var(--bg-color-1);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: cg-donut-spin 1.2s linear infinite;
}

/* Loghi AAMS in alto a destra */
/* .cg-aams-loghi-container { */
/* 	max-width: 30%; */
/* } */

/*jqury-ui autocomplete*/
.ui-autocomplete {
    width: 177px;
    z-index:3;
}

.ui-menu {
    background: #f2f2f2;
    list-style: none;
    padding: 0px;
    margin: 0;
    cursor: pointer;	
}

.ui-menu-item {
    border-bottom-color: #6b6b6b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 8px 5px;
	font-size: 12px;
	font-weight: 600;
}

.ui-helper-hidden-accessible {
	display: none;
}

.caroselloPromo .immagine-slider {
	max-height: 500px;
}

/* Icone sport live widget landing page*/
.cg-live-icon {
	height: 20px;
	width: 20px; 
	margin: 0 .5rem;
}
/* Centra il nome dello sport */
#cg-live-matches-tabs a span {
	line-height: 12px;
}

/* Link JS footer */
.blocco-footer a.cg-ext-link:hover {
    text-decoration: underline;
}

.cg-loghi-aams-supporto img {
	max-width: 40%;
}

.cg-height-100 {
	height: 100%;
}

.cg-checkbet-container {
	border: none;
    height: 80px;
	width: 400px;
}

.cg-contatti .cg-promotional-links {
	font-size: 13px;
	padding: 4px .5rem;
}

.cg-contatti span {
	filter: unset!important;
}

.cg-contatti {
	padding-left: 0px!important;
	padding-right: 0px!important;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.odometer {
	/* Impedisce all'importo di essere mostrato in colonna quando si ridimensiona la finestra */
	flex-shrink: 0;
}

/* Bottoni apri/chiudi header*/
#bottoni-menu {
	font-size: 1.5rem;
}

.toggle-nascondi {
	min-width: 50px;
}

.carosello-promo {
	max-height: 300px;
}

#cg-session-expiration-modal .modal-content {
	height:unset !important;
}

.main-content{
	margin-bottom: 45px;
}

.cg-signup-btn-selected {
	background: #ECF0F1;
}

/*cookie*/
#cg-barra-cookies {
    background: #111111;
    height: auto;
    line-height: 24px;
    color: #eeeeee;
    text-align: left;
    padding: 3px;
}
#cg-barra-cookies p {
	flex: 1;
}
.cg-cookies-bar-close-button {
	align-self: center;
    font-size: 2rem;
    cursor: pointer;
    margin: 0 2rem;
}

.cg-cookies-ok, .cg-cookies-more-info {
    color: #ffffff;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
    cursor: pointer;
}

.cg-cookies-ok {
	background-color: #007700;
}

.cg-cookies-ok:hover {
	background-color: #009900;
}

.cg-cookies-more-info {
	background-color: #2e61e8;
}

.cg-cookies-more-info:hover {
	background-color: #4a7cff;
}

.cg-loghi-aams-supporto{
	background-size: contain;
    height: 80px;
    width: 30%;
    background-repeat: no-repeat;
    background-position: center;
}

.elemento-promozioni-modale .card-body {
	height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-decoration-underline {
	text-decoration: underline;
}

.modal-supporto {
	width: 100%;
}

#cg-container-totali {
	flex-direction: row;
    justify-content: space-around;
}

.cg-progress{
	height: 20px; 
	margin: auto 0; 
	width: 75%;
}

.cg-progress-bar{
	width: 100%;
	font-weight: bold; 
	font-family: sans-serif
}

/* Bottone icona per pagine supporto/dettaglio conto */
.cg-icon-btn {
    height: 20px;
	width: 20px;
}

.cg-mybet-section{
	height: 100%;
	overflow: auto;
}

.nav-tabs {
	border-bottom: none;
}

.login-header .blocco-header {
    align-items: stretch;
}

.cg-max-width-40 {
	max-width: 40%;
}

/*New Logo Adm*/
#cg-header-logo-adm div, #cg-footer-logo-adm div{
	width: 75px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fa-info-circle {
    width: 18px;
    height: 19px;
}

.fa-info-circle .tooltiptext{
   top: 15px;
    visibility: hidden;
    background-color: #f8f8f8;
    color: black;
    font-size: 12px;
    text-align: center;
    width: 3620%;
    border-radius: 6px;
    padding: 7px;
    left: -3500%;
    border-width: 1px;
    border-style: solid;
    border-color: #343a40;
    position: relative;
    z-index: 1;
}

.fa-info-circle:hover .tooltiptext{
  visibility: visible;
}

.pending{
	color:orange;
}

.pagato{
	color:black;
}

.form-control.updatepasswordmessage {
	height: 100px;
	resize:none;
}

.cg-promotional-links img{
	width:30px;
	height:30px;
	margin-right:5px
}

.resetDim{
	padding-bottom: 9px !important;
	padding-top: 6px !important;
	padding-left: 9px !important;
	padding-right: 9px !important;
}

.flex-scratch{
	justify-content: center; 
	justify-content: space-evenly;
}

.flex-reset-btn{
	display:flex; 
	justify-content: space-between; 
	width: 15%;
}

/*Badge*/
.cg-badge-container{
	position: relative;	
}

#cg-bonus-badge, #cg-messages-badge, #cg-freespin-badge{
	position: absolute;
	top: -8px;
	left: 8px;
	height: unset;
}

.tooltip{
	z-index: 2000000001;
}

#cg-freespin-badge-container .fa-star{
  animation: cg-rotatey 3s infinite;
}

@keyframes cg-rotatey {
  100% {transform: rotateY(360deg);}
}

.cg-starContainer {
  display: block;
  position: relative;
  z-index: 999;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--intermediate-bar-text-color);
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3E :root%7B --star-color: yellow; %7D .star%7B fill: var(--star-color); transform-origin: center; %7D .star1%7B animation: star1Animation 8s ease-in infinite; %7D @keyframes star1Animation %7B 0%25 %7B transform: rotateY(0)scale(0.1); %7D 25%25 %7B transform: rotateY(360deg)scale(1.0); %7D 37.5%25%7B transform: rotateY(540deg)scale(0.5); %7D 50%25 %7B transform: rotateY(720deg)scale(1.0); %7D 62.5%25%7B transform: rotateY(900deg)scale(0.5); %7D 75%25 %7B transform: rotateY(1080deg)scale(1.0); %7D 87.5%25%7B transform: rotateY(1260deg)scale(0.5); %7D 100%25 %7B transform: rotateY(1440deg)scale(1.0); %7D %7D .star2%7B animation: star2Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star2Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D %7D .star3%7B animation: star3Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star3Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D %7D .star4%7B animation: star4Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star4Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D %7D .star5%7B animation: star5Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star5Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D %7D .star6%7B animation: star6Animation 6s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0.0; %7D @keyframes star6Animation %7B 0%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(0); %7D 100%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(360deg); %7D %7D %3C/style%3E%3Cpath class='star star1' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star2' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star3' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star4' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star5' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3C!-- %3Cpath class='star star6' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E --%3E%3C/svg%3E"); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3E :root%7B --star-color: yellow; %7D .star%7B fill: var(--star-color); transform-origin: center; %7D .star1%7B animation: star1Animation 8s ease-in infinite; %7D @keyframes star1Animation %7B 0%25 %7B transform: rotateY(0)scale(0.1); %7D 25%25 %7B transform: rotateY(360deg)scale(1.0); %7D 37.5%25%7B transform: rotateY(540deg)scale(0.5); %7D 50%25 %7B transform: rotateY(720deg)scale(1.0); %7D 62.5%25%7B transform: rotateY(900deg)scale(0.5); %7D 75%25 %7B transform: rotateY(1080deg)scale(1.0); %7D 87.5%25%7B transform: rotateY(1260deg)scale(0.5); %7D 100%25 %7B transform: rotateY(1440deg)scale(1.0); %7D %7D .star2%7B animation: star2Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star2Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D %7D .star3%7B animation: star3Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star3Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D %7D .star4%7B animation: star4Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star4Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D %7D .star5%7B animation: star5Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star5Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D %7D .star6%7B animation: star6Animation 6s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0.0; %7D @keyframes star6Animation %7B 0%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(0); %7D 100%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(360deg); %7D %7D %3C/style%3E%3Cpath class='star star1' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star2' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star3' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star4' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star5' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3C!-- %3Cpath class='star star6' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E --%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3E :root%7B --star-color: yellow; %7D .star%7B fill: var(--star-color); transform-origin: center; %7D .star1%7B animation: star1Animation 8s ease-in infinite; %7D @keyframes star1Animation %7B 0%25 %7B transform: rotateY(0)scale(0.1); %7D 25%25 %7B transform: rotateY(360deg)scale(1.0); %7D 37.5%25%7B transform: rotateY(540deg)scale(0.5); %7D 50%25 %7B transform: rotateY(720deg)scale(1.0); %7D 62.5%25%7B transform: rotateY(900deg)scale(0.5); %7D 75%25 %7B transform: rotateY(1080deg)scale(1.0); %7D 87.5%25%7B transform: rotateY(1260deg)scale(0.5); %7D 100%25 %7B transform: rotateY(1440deg)scale(1.0); %7D %7D .star2%7B animation: star2Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star2Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D %7D .star3%7B animation: star3Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star3Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D %7D .star4%7B animation: star4Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star4Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D %7D .star5%7B animation: star5Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star5Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D %7D .star6%7B animation: star6Animation 6s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0.0; %7D @keyframes star6Animation %7B 0%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(0); %7D 100%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(360deg); %7D %7D %3C/style%3E%3Cpath class='star star1' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star2' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star3' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star4' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star5' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3C!-- %3Cpath class='star star6' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E --%3E%3C/svg%3E");
}

.cg-giftContainer {
  display: block;
  position: relative;
  z-index: 999;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #19db56;
  /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E :root%7B --fill-color: %2319db56; %7D .gift %7B fill: var(--fill-color); transform-origin: center; animation: gift 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; %7D @keyframes gift %7B 0%25, 25%25 %7B transform: translateX(0); %7D 2.5%25, 7.5%25, 12.5%25, 17.5%25 %7B transform: translateX(-12px); %7D 4%25, 10%25, 15%25 %7B transform: translateX(12px); %7D 20%25 %7B transform: translateX(10px); %7D 22.5%25 %7B transform: translateX(-10px); %7D 50%25%7B transform: rotateY(360deg); %7D %7D %3C/style%3E%3Cg class='gift'%3E%3Cpath d='M480,128h-41.6c6.1-12.9,9.6-25.6,9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9,0-61.5,16.9-77.7,44.5l-24.1,41l-24.1-41 C215.7,16.9,186.1,0,154.2,0H152c-48.6,0-88,39.4-88,88c0,14.4,3.5,27.1,9.6,40H32c-17.7,0-32,14.3-32,32v64c0,17.7,14.3,32,32,32 h448c17.7,0,32-14.3,32-32v-64C512,142.3,497.7,128,480,128z M152,128c-22.1,0-40-17.9-40-40c0-22.1,17.9-40,40-40h2.2 c14.9,0,28.7,7.9,36.3,20.8l34.8,59.2H152z M360,128h-73.3l34.8-59.2c7.6-12.9,21.4-20.8,36.3-20.8h2.2c22.1,0,40,17.9,40,40 C400,110.1,382.1,128,360,128z'/%3E%3C/g%3E%3Cg class='gift'%3E%3Cpath d='M32,288h192v224H80c-26.5,0-48-21.5-48-48V288z M288,512V288h192v176c0,26.5-21.5,48-48,48H288z'/%3E%3C/g%3E%3C/svg%3E%0A"); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E :root%7B --fill-color: %2319db56; %7D .gift %7B fill: var(--fill-color); transform-origin: center; animation: gift 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; %7D @keyframes gift %7B 0%25, 25%25 %7B transform: translateX(0); %7D 2.5%25, 7.5%25, 12.5%25, 17.5%25 %7B transform: translateX(-12px); %7D 4%25, 10%25, 15%25 %7B transform: translateX(12px); %7D 20%25 %7B transform: translateX(10px); %7D 22.5%25 %7B transform: translateX(-10px); %7D 50%25%7B transform: rotateY(360deg); %7D %7D %3C/style%3E%3Cg class='gift'%3E%3Cpath d='M480,128h-41.6c6.1-12.9,9.6-25.6,9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9,0-61.5,16.9-77.7,44.5l-24.1,41l-24.1-41 C215.7,16.9,186.1,0,154.2,0H152c-48.6,0-88,39.4-88,88c0,14.4,3.5,27.1,9.6,40H32c-17.7,0-32,14.3-32,32v64c0,17.7,14.3,32,32,32 h448c17.7,0,32-14.3,32-32v-64C512,142.3,497.7,128,480,128z M152,128c-22.1,0-40-17.9-40-40c0-22.1,17.9-40,40-40h2.2 c14.9,0,28.7,7.9,36.3,20.8l34.8,59.2H152z M360,128h-73.3l34.8-59.2c7.6-12.9,21.4-20.8,36.3-20.8h2.2c22.1,0,40,17.9,40,40 C400,110.1,382.1,128,360,128z'/%3E%3C/g%3E%3Cg class='gift'%3E%3Cpath d='M32,288h192v224H80c-26.5,0-48-21.5-48-48V288z M288,512V288h192v176c0,26.5-21.5,48-48,48H288z'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E :root%7B --fill-color: %2319db56; %7D .gift %7B fill: var(--fill-color); transform-origin: center; animation: gift 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; %7D @keyframes gift %7B 0%25, 25%25 %7B transform: translateX(0); %7D 2.5%25, 7.5%25, 12.5%25, 17.5%25 %7B transform: translateX(-12px); %7D 4%25, 10%25, 15%25 %7B transform: translateX(12px); %7D 20%25 %7B transform: translateX(10px); %7D 22.5%25 %7B transform: translateX(-10px); %7D 50%25%7B transform: rotateY(360deg); %7D %7D %3C/style%3E%3Cg class='gift'%3E%3Cpath d='M480,128h-41.6c6.1-12.9,9.6-25.6,9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9,0-61.5,16.9-77.7,44.5l-24.1,41l-24.1-41 C215.7,16.9,186.1,0,154.2,0H152c-48.6,0-88,39.4-88,88c0,14.4,3.5,27.1,9.6,40H32c-17.7,0-32,14.3-32,32v64c0,17.7,14.3,32,32,32 h448c17.7,0,32-14.3,32-32v-64C512,142.3,497.7,128,480,128z M152,128c-22.1,0-40-17.9-40-40c0-22.1,17.9-40,40-40h2.2 c14.9,0,28.7,7.9,36.3,20.8l34.8,59.2H152z M360,128h-73.3l34.8-59.2c7.6-12.9,21.4-20.8,36.3-20.8h2.2c22.1,0,40,17.9,40,40 C400,110.1,382.1,128,360,128z'/%3E%3C/g%3E%3Cg class='gift'%3E%3Cpath d='M32,288h192v224H80c-26.5,0-48-21.5-48-48V288z M288,512V288h192v176c0,26.5-21.5,48-48,48H288z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#cg-bonus-badge,
#cg-freespin-badge {
  position: absolute;
  left: unset;
  top: -8px;
  right: -8px;
  height: unset;
  z-index: 999;
}


/*Dark mode*/
#cg-theme-icon-container{
	position: absolute;
    width: 40px;
    height: 20px;
    left: 0;
    z-index: 1;
}

#cg-theme-icon-container div{
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2px;
    filter: invert(1);
}

.cg-moon{
	background-image: url(../../images/desktop/moon.svg);	
}

.cg-sun{
	background-image: url(../../images/desktop/sun.svg);
}
#cg-theme-switch-container .custom-control-input:checked ~ .custom-control-label::before {
    color: white;
    background: white;
    
}

#cg-theme-switch-container .custom-control-input:checked~.custom-control-label::after {
    background: black;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    z-index: 2;
}

#cg-theme-switch-container .custom-control-input:checked~#cg-theme-icon-container div {
    filter: unset;
}

#cg-theme-switch-container .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: unset;
    background-color: unset;
    border-color: unset;
}

#cg-theme-switch-container .custom-control-input:focus~.custom-control-label::before {
    box-shadow: unset;
}

 
.custom-switch .custom-control-label::before {
      border-radius: 10px;
      width: 40px;
      height: 20px;
      border-width: 0px;
      background: black;
      top: 0px;
}

.custom-switch .custom-control-label::after {
	border-radius: 10px;
	height: calc(20px - 5px);
	width: calc(20px - 5px);
	background: white;
	z-index: 2;
	top: 2px;
}
    
.custom-switch .custom-control-input:checked~.custom-control-label::after{
	transform: translateX(20px);
}
	
.cg_show_pw{
	background: url('../../images/header/show_pw.svg'); 
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-left:120px;
	margin-top:5px;
}

.cg_not_show_pw{
	background: url('../../images/header/not_show_pw.svg'); 
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-left:120px;
	margin-top:5px;
}

#cg_show_pw_recover {
	top: 50%; 
	transform: translateY(-50%); 
	margin-top: 0px
}

.cg-btn-md{
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}





/* .switch { */
/*   position: relative; */
/*   display: inline-block; */
/*   width: 40px; */
/*   height: 20px; */
/*   margin-top: 6px; */
/*   margin-right: 5px; */
/* } */

/* .switch input {  */
/*   opacity: 0; */
/*   width: 0; */
/*   height: 0; */
/* } */

/* .slider { */
/*   position: absolute; */
/*   cursor: pointer; */
/*   top: 0; */
/*   left: 0; */
/*   right: 0; */
/*   bottom: 0; */
/*   background-color: white; */
/*   -webkit-transition: .4s; */
/*   transition: .4s; */
/* } */

/* .slider:before { */
/*   position: absolute; */
/*   content: ""; */
/*   height: 15px; */
/*   width: 15px; */
/*   left: 2px; */
/*   bottom: 2px; */
/*   background-color: var(--bg-color-1); */
/*   -webkit-transition: .4s; */
/*   transition: .4s; */
/* } */

/* input:checked + .slider { */
/*   background-color: var(--bg-color-1); */
/* } */

/* input:focus + .slider { */
/*   box-shadow: 0 0 1px black; */
/* } */

/* input:checked + .slider:before { */
/*   -webkit-transform: translateX(18px); */
/*   -ms-transform: translateX(18px); */
/*   transform: translateX(18px); */
/*   background-color: white; */
/* } */

/* /* Rounded sliders */ 
/* .slider.round { */
/*   border-radius: 25px; */
/*   border: 1px solid var(--bg-color-1); */
/* } */

/* .slider.round:before { */
/*   border-radius: 50%; */
/* } */


.promoImageContainer .form-check{
    padding-left: 0;
/*     margin-bottom: 30px;
 */    position: relative;
}

.promoImageContainer input{
/*     position: absolute; */
/*     bottom: -10px; */
    left: 15%;
}

.promoImageContainer label{
    width: 100%;
    border: 3px solid transparent;
    border-radius: 5px;
}

.promoImageContainer input:checked+label{
    border: 3px solid #216f2f;
}

.promoHighlighted{
    border: 3px solid #216f2f;
}

.promoImageContainer label img{
    padding: 3px;
    box-sizing: border-box;
}

.cg-hide-radio{
	display:none;
}

.modal-open[page="promo"] .modal {
    z-index: 9999999999999999999999;
}

.backButtonCircle{
	background-color: var(--border-color-1);
	color: white;
	width: 40px;
	height: 40px;
	font-size: x-large;
}
.backButtonCircle div{
	padding-bottom: 5px;
    padding-right: 3px;
}

.cg-footer-extra{
	background-repeat: no-repeat!important;
    background-size: contain!important;
    width: 110px!important;
    height: 35px!important;
}

#cg-registrazioneGvModal {
    z-index: 9999999999;
}


#registrazioneLottoModalDialog {
    z-index: 9999999999;
}

#cg-registrazione-modale{
	max-height: 800px;
	border:0px
}

.elementi-footer-chiuso .tasti-bottom {
	bottom: 0;
	right: 0;
	width: unset;
}

li[onclick="cg_openInternalPage('', 5)"]{
	display:none!important;
}

.cg-error-container[ref^="cg-document-file"]{
	 background-color:#f9fe7c69;
}

.cg-flag-consenso-real-container{
	margin-left: 20px
}

.cg-flag-consenso-master-container{
	margin-top: 10px
}

#cg-recoverpsw-04sms .cg-generic-pswtoshow,
#cg-recoverpsw-04sms .cg-generic-pswtohide{
	position: absolute;
    height: 100%;
    width: 18px;
    right: 18px;
    top: 0;
}
.counterTicket{
	height: 20px;
	width: 20px;
	position:absolute; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	top:-11px; 
	right:-11px; 
	background-color:#c12223; 
	border-radius: 50%;
	border: 1px solid white;
	font-size: 10px;
}