.modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: var(--form-fontfamily-inter);
height: 100%;
padding: 10px;
position: fixed
}
.modal-inner.c-re0ipx.c-re0ipx.c-re0ipx,
.modal.c-re0ipx.c-re0ipx.c-re0ipx {
align-items: center;
display: flex;
justify-content: center;
width: 100%
}
.modal-inner.c-re0ipx.c-re0ipx.c-re0ipx {
background-color: #060005e6;
border: 2px solid #3864c6;
border-radius: 15px;
box-shadow: 0 1.1dvh 2.9dvh #06000540;
flex-direction: column;
max-width: 400px;
min-height: 390px;
padding: 30px 16px;
position: relative;
text-align: center
}
@supports not (box-shadow:0 1.1dvh 2.9dvh 0 rgba(6, 0, 5, .25)) {
.modal-inner.c-re0ipx.c-re0ipx.c-re0ipx {
box-shadow: 0 1.1vh 2.9vh #06000540
}
}
.modal-bg.c-re0ipx.c-re0ipx.c-re0ipx {
height: 100%;
z-index: -1
}
.modal-bg.c-re0ipx.c-re0ipx.c-re0ipx,
.modal-elements.c-re0ipx.c-re0ipx.c-re0ipx {
left: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%
}
.modal-title.c-re0ipx.c-re0ipx.c-re0ipx {
color: #fff;
font-size: 27px;
font-weight: 900;
margin-bottom: 25px;
text-transform: uppercase
}
.modal-btn.c-re0ipx.c-re0ipx.c-re0ipx,
.modal-subtitle.c-re0ipx.c-re0ipx.c-re0ipx {
font-size: 16px !important
}
.modal-btn.c-re0ipx.c-re0ipx.c-re0ipx {
align-items: center;
background-color: #ec495d;
border-radius: 10px;
display: flex;
height: 60px;
justify-content: center;
transition: all .4s ease-out;
width: 100%
}
.modal-btn.c-re0ipx.c-re0ipx.c-re0ipx:hover {
filter: brightness(1.5)
}
.win-blocks.c-re0ipx.c-re0ipx.c-re0ipx {
margin: 25px 0;
width: 100%
}
.win-block.c-re0ipx.c-re0ipx.c-re0ipx {
align-items: center;
border: 1px solid #3864c6;
border-radius: 10px;
display: flex;
flex: 0 0 auto;
height: 55px;
justify-content: center;
padding: 10px
}
.win-block.c-re0ipx+li.c-re0ipx.c-re0ipx {
margin-top: 10px
}
.win-text.c-re0ipx.c-re0ipx.c-re0ipx {
color: #5ec8fa;
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
.win-text.c-re0ipx br {
display: none
}
.win-text.c-re0ipx span {
margin: 0 2px
}
.cat-modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: TT Firs, sans-serif
}
.cat-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background: #151a22;
border: 1px solid #ffc403;
border-radius: 16px;
box-shadow: 0 12px 32px #00000040;
min-height: 335px
}
.cat-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-weight: 800;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.cat-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
display: flex;
justify-content: space-between;
margin-bottom: 32px
}
.cat-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
background: #130a50;
border: 2px solid #f0f;
border-radius: 8px;
box-shadow: 0 12px 32px #00000040;
height: auto;
margin: 0 !important;
min-height: 80px;
padding: 4px 10px;
width: calc(50% - 4px)
}
.cat-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.cat-modal.c-re0ipx .win-text.c-re0ipx span {
color: #ffc403;
display: block;
font-weight: 900;
line-height: .9;
margin-bottom: 5px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.cat-modal.c-re0ipx .win-text.c-re0ipx span:first-child {
font-size: 28px
}
.cat-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: #ffc403;
border-radius: 12px;
color: #111;
font-size: 24px;
font-style: normal;
font-weight: 800;
height: 60px;
line-height: 1.1;
max-width: 270px;
text-transform: uppercase
}
.gama-modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: Switzer, sans-serif
}
.mers-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background: linear-gradient(180deg, #4a232a, #321b22);
border: 2px solid #ffd703
}
.mers-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
border: 2px solid #ffd703
}
.mers-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
align-items: center;
color: #fff;
display: flex
}
.mers-modal.c-re0ipx .win-text.c-re0ipx span:first-of-type {
color: #ff9533;
font-size: 24px
}
.mers-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: linear-gradient(97.53deg, #ffd703, #eda3a3);
color: #000;
font-size: 18px !important;
font-weight: 700;
line-height: 20.48px;
text-align: center
}
.daddy-modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: Oswald, sans-serif
}
.daddy-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background: linear-gradient(180deg, #151623 2.89%, #9e0dda 44.81%, #310435 102.37%), #1d030f;
border: 1px solid #a7ff02;
border-radius: 16px;
box-shadow: 0 12px 32px #00000040;
min-height: 335px
}
.daddy-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-weight: 700;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.daddy-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
display: flex;
justify-content: space-between;
margin-bottom: 32px
}
.daddy-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
background: #000;
border: 2px solid #735cfc;
border-radius: 8px;
box-shadow: 0 12px 32px #00000040;
height: auto;
margin: 0 !important;
min-height: 80px;
padding: 4px 10px;
width: calc(50% - 4px)
}
.daddy-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.daddy-modal.c-re0ipx .win-text.c-re0ipx span {
background: linear-gradient(-100deg, #adff00, #00ea25);
-webkit-background-clip: text;
background-clip: text;
display: block;
font-weight: 900;
-webkit-text-fill-color: transparent;
font-weight: 700;
line-height: .9;
margin-bottom: 5px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.daddy-modal.c-re0ipx .win-text.c-re0ipx span:first-child {
font-size: 32px
}
.daddy-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: linear-gradient(254deg, #adff00 2.27%, #00ea25 94.48%), linear-gradient(265deg, #00f0ff, #6100ff);
border-radius: 8px;
box-shadow: 0 0 40px #3e89fd4d;
color: #111;
font-size: 16px;
font-style: normal;
font-weight: 500;
height: 40px;
line-height: 18px;
text-transform: uppercase
}
.gama-modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: Sora, sans-serif
}
.gama-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background: #151a22;
border: 1px solid #dafe31;
border-radius: 16px;
box-shadow: 0 12px 32px #00000040;
min-height: 335px
}
.gama-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-weight: 700;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.gama-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
display: flex;
justify-content: space-between;
margin-bottom: 32px
}
.gama-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
background: #1a2b38;
border: 2px solid #dafe31;
border-radius: 8px;
box-shadow: 0 12px 32px #00000040;
height: auto;
margin: 0 !important;
min-height: 80px;
padding: 4px 10px;
width: calc(50% - 4px)
}
.gama-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.gama-modal.c-re0ipx .win-text.c-re0ipx span {
color: #dafe31;
display: block;
font-weight: 900;
font-weight: 700;
line-height: .9;
margin-bottom: 5px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.gama-modal.c-re0ipx .win-text.c-re0ipx span:first-child {
font-size: 32px
}
.gama-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: #dafe31;
border-radius: 30px 0;
box-shadow: 0 0 40px #3e89fd4d;
color: #111;
font-size: 24px;
font-style: normal;
font-weight: 600;
height: 60px;
line-height: 18px;
text-transform: uppercase
}
.kent-modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: Commissioner, sans-serif
}
.kent-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background: #161826;
border: 1px solid #17d12d;
border-radius: 16px;
box-shadow: 0 12px 32px #00000040;
min-height: 335px
}
.kent-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-style: italic;
font-weight: 900;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.kent-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
display: flex;
justify-content: space-between;
margin-bottom: 32px
}
.kent-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
border: 2px solid #17d12d;
border-radius: 8px;
box-shadow: 0 12px 32px #00000040;
height: auto;
margin: 0 !important;
min-height: 80px;
padding: 4px 10px;
width: calc(50% - 4px)
}
.kent-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff;
font-size: 14px;
font-style: italic;
font-weight: 800;
line-height: normal;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-transform: uppercase
}
.kent-modal.c-re0ipx .win-text.c-re0ipx span,
.kent-modal.c-re0ipx .win-text.c-re0ipx strong {
color: #17d12d;
display: block;
font-size: 32px;
font-style: italic;
font-weight: 900;
line-height: .9;
margin-bottom: 5px;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.kent-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: #17d12d;
border-radius: 6px;
color: #fff;
filter: drop-shadow(0 0 74.167px rgba(62, 137, 253, .3));
font-size: 24px;
font-style: italic;
font-weight: 800;
height: 60px;
line-height: 1;
text-transform: uppercase;
transform: skew(-4deg, -4deg) rotate(4deg)
}
.alev-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background: linear-gradient(158deg, #320707 30%, #c83015);
border: none;
font-family: Commissioner, sans-serif;
font-style: italic;
max-width: 470px;
min-height: 0;
padding: 24px;
position: relative
}
.alev-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx:before {
background: linear-gradient(145deg, #f83026, #f1e935 52%);
border-radius: 16px;
content: "";
height: calc(100% + 2px);
left: -1px;
position: absolute;
top: -1px;
width: calc(100% + 2px);
z-index: -1
}
.alev-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
background-color: #b92e15;
border: 1px solid #ec3c3c;
box-shadow: -4px -4px 8px #c32525b3, 4px 4px 8px #c32525b3;
height: auto;
position: relative
}
.alev-modal.c-re0ipx .win-block.c-re0ipx+li.c-re0ipx {
margin-top: 20px
}
.alev-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:before {
border-radius: 10px;
box-shadow: -7.25px -7.25px 9.07px #0006, 7.25px 7.25px 9.07px #0006;
content: "";
height: calc(100% - 7.25px);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 7.25px)
}
.alev-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff;
font-weight: 700
}
.alev-modal.c-re0ipx .win-text.c-re0ipx span {
display: block
}
.alev-modal.c-re0ipx .win-text.c-re0ipx span:first-of-type {
background: linear-gradient(0deg, #f83026, #f1e935 52%);
-webkit-background-clip: text;
background-clip: text;
font-size: 32px;
font-style: italic;
font-weight: 900;
-webkit-text-fill-color: transparent;
padding-right: 8px
}
.alev-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: linear-gradient(264.98deg, #1aad1e, #64c37a);
border-radius: 4px;
box-shadow: 0 0 40px #3e89fd4d;
font-weight: 900;
text-transform: uppercase;
transform: skew(-4deg, -4deg) rotate(4deg);
transition: all .3s linear;
z-index: 20
}
.alev-modal.c-re0ipx .fire.c-re0ipx.c-re0ipx {
bottom: -80px;
left: 50%;
pointer-events: none;
position: absolute;
transform: translate(-50%) rotate(-2deg);
width: 140%;
z-index: 20
}
.rseven-modal.c-re0ipx.c-re0ipx.c-re0ipx {
font-family: Rubik, sans-serif;
font-weight: 800
}
.rseven-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background-color: transparent;
border: transparent;
justify-content: flex-start;
max-width: 548px;
min-height: 485px;
padding: 40px
}
.rseven-modal.c-re0ipx .modal-bg.c-re0ipx.c-re0ipx {
visibility: visible
}
.rseven-modal.c-re0ipx .modal-elements.c-re0ipx.c-re0ipx {
left: -10%;
top: -10%;
visibility: visible;
width: 120%
}
.rseven-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-weight: 800
}
.rseven-modal.c-re0ipx .modal-subtitle.c-re0ipx.c-re0ipx {
font-weight: 500
}
.rseven-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
margin-top: 40px;
max-width: 384px
}
.rseven-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
background: linear-gradient(90deg, #ffe176, #b98e3b);
border: transparent
}
.rseven-modal.c-re0ipx .win-block.c-re0ipx+li.c-re0ipx {
margin-top: 14px
}
.rseven-modal.c-re0ipx .win-text.c-re0ipx strong,
.rseven-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #030301;
font-size: 21px;
font-weight: 900
}
.rseven-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: linear-gradient(90deg, #ff00e5, #ff008a);
border-radius: 20px;
font-size: 20px;
height: 80px;
margin-top: 35px;
max-width: 384px;
text-transform: uppercase
}
.doit-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background-color: #1d030f !important;
border: 1px solid #ff0168 !important;
max-width: none;
min-height: 288px;
min-width: 360px;
padding: 30px 16px;
width: -moz-fit-content;
width: fit-content
}
.doit-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-style: italic;
font-weight: 900;
margin-bottom: 0
}
.doit-modal.c-re0ipx .modal-subtitle.c-re0ipx.c-re0ipx {
display: none
}
.doit-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
display: flex;
gap: 8px;
height: 100px;
justify-content: space-between;
margin: 32px 0;
width: 100%
}
.doit-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
background-color: #300517 !important;
border: 2px solid #17d12d !important;
height: 100%;
margin-top: 0 !important;
min-height: 74px;
min-width: 160px;
padding: 12.5px 2px;
position: relative;
width: calc(50% - 4px)
}
.doit-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:before {
align-items: center;
background: #17d12d;
border-radius: 50%;
content: "1";
display: flex;
font-size: 16px;
font-style: italic;
font-weight: 900;
height: 20px;
justify-content: center;
left: 0;
padding: 0 3px 3px 0;
position: absolute;
top: -10px;
width: 20px
}
.doit-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:nth-of-type(2):before {
content: "2"
}
.doit-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff !important;
font-size: 14px;
font-style: italic;
font-weight: 800 !important
}
.doit-modal.c-re0ipx .win-text.c-re0ipx span {
color: #ff0168;
display: block;
font-size: 32px;
font-weight: 900;
margin: 0 !important
}
.doit-modal.c-re0ipx .win-text.c-re0ipx br {
display: block
}
.doit-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
background: #ff0068 !important;
border-radius: 4px;
box-shadow: 0 0 74.1666641235px #3e89fd4d;
color: #fff;
font-size: 24px !important;
font-style: italic;
font-weight: 800;
letter-spacing: 0;
line-height: normal;
text-transform: uppercase;
transform: skew(-4deg, -4deg) rotate(4deg)
}
.go4win-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
background-color: #151a22;
border: 1px solid transparent;
font-family: Mulish, sans-serif;
max-width: none;
min-width: 358px;
padding: 30px 16px;
position: relative;
width: -moz-fit-content;
width: fit-content
}
.go4win-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx:before,
.kometa-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx:before {
background: linear-gradient(180deg, #99a1e3, #e9ebff);
border-radius: 16px;
content: "";
height: calc(100% + 4px);
left: -2px;
position: absolute;
top: -2px;
width: calc(100% + 4px);
z-index: -1
}
.go4win-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .modal-title.c-re0ipx.c-re0ipx {
font-size: 32px;
font-style: normal;
font-weight: 900;
margin-bottom: 32px
}
.go4win-modal.c-re0ipx .modal-subtitle.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .modal-subtitle.c-re0ipx.c-re0ipx {
font-size: 20px;
font-weight: 700;
text-transform: uppercase
}
.go4win-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .win-blocks.c-re0ipx.c-re0ipx {
display: flex;
gap: 8px;
justify-content: center;
margin: 32px 0;
width: 100%
}
.go4win-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx {
border: 2px solid transparent;
height: 74px;
margin-top: 0 !important;
min-height: 0;
min-width: 168px;
padding: 5px;
position: relative;
width: calc(50% - 4px)
}
.go4win-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:after,
.go4win-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:before,
.kometa-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:after,
.kometa-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:before {
background: linear-gradient(180deg, #99a1e3, #e9ebff);
border-radius: 64px;
content: "";
height: calc(100% + 2px);
left: -1px;
position: absolute;
top: -1px;
width: calc(100% + 2px);
z-index: 0
}
.go4win-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:after,
.kometa-modal.c-re0ipx .win-block.c-re0ipx.c-re0ipx:after {
background: #1a2b38;
content: "";
height: 100%;
left: 0;
top: 0;
width: 100%
}
.go4win-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .win-text.c-re0ipx.c-re0ipx {
color: #fff;
font-size: 12px;
font-weight: 800;
padding-bottom: 2px;
z-index: 1
}
.go4win-modal.c-re0ipx .win-text.c-re0ipx span:first-child,
.go4win-modal.c-re0ipx .win-text.c-re0ipx strong:first-child,
.kometa-modal.c-re0ipx .win-text.c-re0ipx span:first-child,
.kometa-modal.c-re0ipx .win-text.c-re0ipx strong:first-child {
background: linear-gradient(180deg, #75e6ff, #878bff);
-webkit-background-clip: text;
background-clip: text;
color: #ff0168;
display: block;
font-size: 32px;
font-weight: 900;
line-height: 1;
margin: 0;
-webkit-text-fill-color: transparent
}
.go4win-modal.c-re0ipx .win-text.c-re0ipx br,
.kometa-modal.c-re0ipx .win-text.c-re0ipx br {
display: block
}
.go4win-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx,
.kometa-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: linear-gradient(186deg, #75e6ff, #75e6ff .01%, #878bff);
border-radius: 100px;
color: #fff;
flex: 0 0 auto;
font-family: Mulish, sans-serif;
font-size: 24px;
font-weight: 700;
height: -moz-fit-content;
height: fit-content;
min-height: 60px;
padding: 10px;
text-transform: uppercase;
transition: all .3s linear;
width: 100%
}
.go4win-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx:hover,
.kometa-modal.c-re0ipx .modal-btn.c-re0ipx.c-re0ipx:hover {
box-shadow: 0 0 15px #7dbeff66;
filter: brightness(1)
}
@media (min-width:470px) {
.alev-modal.c-re0ipx .modal-inner.c-re0ipx.c-re0ipx {
padding: 24px 34px
}
}