/* Extracted from live razed.com/de/casino */

.css-ascsyh {
  display: flex;
  flex-direction: row;
  gap: 4px;
  -webkit-box-align: end;
  align-items: end;
}

span[class*=" icon-"]::before,
span[class^="icon-"]::before {
  width: inherit;
}

.material-icons.icon::before {
  display: block;
}


.css-w7kk0n { position: relative; min-height: 60px; display: flex; flex: 1 1 0%; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 35); border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 10px 24px; }

@media (min-width: 0px) {
  @media (orientation: landscape) {
  .css-w7kk0n { min-height: 60px; }
}
}

@media (min-width: 600px) {
  .css-w7kk0n { min-height: 60px; }
}

@media (max-width: 599.95px) {
  .css-w7kk0n { width: 100%; padding: 0px 12px; gap: 12px; }
}

.css-vwpzzi { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: "Hubot Sans", sans-serif; min-width: 64px; padding: 6px 16px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 8px; text-transform: none; color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-weight: 600; line-height: normal; }

.css-vwpzzi.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-vwpzzi { print-color-adjust: exact; }
}

.css-vwpzzi:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); }

@media (hover: none) {
  .css-vwpzzi:hover { background-color: transparent; }
}

.css-vwpzzi.Mui-disabled { color: rgba(255, 255, 255, 0.3); }

.css-vwpzzi .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }

.css-vwpzzi .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }

.css-vwpzzi.MuiButton-containedPrimary { border-color: rgb(0, 150, 255); border-width: 1px; border-style: solid; background: linear-gradient(0deg, rgb(0, 150, 255) 0%, rgb(1, 122, 228) 100%); }

.css-vwpzzi.MuiButton-containedPrimary:disabled { color: rgb(255, 255, 255); opacity: 0.5; }

.css-vwpzzi.MuiButton-containedPrimary:hover { background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-vwpzzi.MuiButton-containedPrimary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-vwpzzi.MuiButton-containedSecondary { border: 1px solid rgb(76, 76, 102); background: linear-gradient(0deg, rgb(76, 76, 102) 0%, rgb(65, 65, 87) 100%); }

.css-vwpzzi.MuiButton-containedSecondary:disabled { opacity: 0.5; background: rgb(65, 65, 87); }

.css-vwpzzi.MuiButton-containedSecondary:hover { background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-vwpzzi.MuiButton-containedSecondary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-vwpzzi.MuiButton-containedSizeLarge { height: 44px; padding: 0px 16px; }

.css-vwpzzi.MuiButton-containedSizeMedium { height: 40px; padding: 0px 16px; }

.css-vwpzzi.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }

.css-vwpzzi.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 16px; }

.css-vwpzzi.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 16px; }

.css-vwpzzi.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px; }

.css-vwpzzi.MuiButton-text { padding: 0px 8px; border-radius: 8px; color: rgba(255, 255, 255, 0.7); background: transparent; }

.css-vwpzzi.MuiButton-text:hover { color: rgb(255, 255, 255); }

.css-vwpzzi.MuiButton-text.Mui-disabled { color: rgba(255, 255, 255, 0.7); opacity: 0.5; }

.css-vwpzzi.MuiButton-textSizeLarge { height: 44px; }

.css-vwpzzi.MuiButton-textSizeMedium { height: 40px; }

.css-vwpzzi.MuiButton-textSizeSmall { height: 36px; }

.css-vwpzzi.MuiButton-iconInherit { padding: 0px; }

.css-vwpzzi.MuiButton-iconPrimary { border-color: rgb(0, 150, 255); border-width: 1px; border-style: solid; background: linear-gradient(0deg, rgb(0, 150, 255) 0%, rgb(1, 122, 228) 100%); }

.css-vwpzzi.MuiButton-iconPrimary:disabled { color: rgb(255, 255, 255); opacity: 0.5; }

.css-vwpzzi.MuiButton-iconPrimary:hover { background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-vwpzzi.MuiButton-iconPrimary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-vwpzzi.MuiButton-iconSecondary { border: 1px solid rgb(76, 76, 102); background: linear-gradient(0deg, rgb(76, 76, 102) 0%, rgb(65, 65, 87) 100%); }

.css-vwpzzi.MuiButton-iconSecondary:disabled { opacity: 0.5; background: rgb(65, 65, 87); }

.css-vwpzzi.MuiButton-iconSecondary:hover { background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-vwpzzi.MuiButton-iconSecondary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-vwpzzi.MuiButton-iconSuccess { background: rgb(54, 204, 99); border: 1px solid rgb(54, 204, 99); box-shadow: rgba(54, 204, 99, 0.6) 0px 0px 10px 0px; }

.css-vwpzzi.MuiButton-iconSuccess:hover { background-color: rgb(37, 142, 69); }

.css-vwpzzi.MuiButton-iconSuccess:active { background-color: rgb(37, 142, 69); }

.css-vwpzzi.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }

.css-vwpzzi.MuiButton-iconError { background: rgb(244, 59, 81); border: 1px solid rgb(244, 59, 81); box-shadow: rgba(244, 59, 81, 0.6) 0px 0px 10px 0px; }

.css-vwpzzi.MuiButton-iconError:hover { background-color: rgb(170, 41, 56); }

.css-vwpzzi.MuiButton-iconError:active { background-color: rgb(170, 41, 56); }

.css-vwpzzi.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }

.css-vwpzzi.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }

.css-vwpzzi.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }

.css-vwpzzi.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }

.css-vwpzzi.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }

.css-vwpzzi.MuiButton-iconWarning { background: rgb(255, 199, 0); border: 1px solid rgb(255, 199, 0); box-shadow: rgba(255, 199, 0, 0.6) 0px 0px 10px 0px; }

.css-vwpzzi.MuiButton-iconWarning:hover { background-color: rgb(178, 139, 0); }

.css-vwpzzi.MuiButton-iconWarning:active { background-color: rgb(178, 139, 0); }

.css-vwpzzi.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }

.css-vwpzzi.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }

.css-vwpzzi.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }

.css-vwpzzi.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }

.css-vwpzzi.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }

.css-vwpzzi.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 0px 16px; }

.css-vwpzzi.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }

.css-wth0qt { display: inherit; margin-right: 8px; margin-left: -4px; }

.css-wth0qt > :nth-of-type(1) { font-size: 22px; }

.css-1xsm1a6 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; }

.css-1xsm1a6.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorTxt\.txt { color: rgb(255, 255, 255); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorTxt\.txt2 { color: rgba(255, 255, 255, 0.7); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorTxt\.txt3 { color: rgba(255, 255, 255, 0.4); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgb(202, 201, 226); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorAccent\.bg { color: rgb(0, 150, 255); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorAccent\.bgHover { color: rgb(1, 122, 228); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorAccent\.bg2 { color: rgb(122, 123, 233); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorAccent\.bg2Hover { color: rgb(135, 136, 235); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 150, 255); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorBodyBg\.bg { color: rgb(16, 17, 20); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorBodyBg\.bgHover { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorBodyBg\.bg2 { color: rgb(34, 34, 62); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorBodyBg\.bg2Hover { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorBodyBg\.bgDark1 { color: rgb(16, 17, 20); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButton\.bg { color: rgb(0, 150, 255); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButton\.bgHover { color: rgb(1, 122, 228); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButton\.bg2 { color: rgb(122, 123, 233); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButton\.bg2Hover { color: rgb(135, 136, 235); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg { color: rgb(16, 17, 20); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButtonSecondary\.bgHover { color: rgb(53, 53, 98); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg2 { color: rgb(76, 76, 102); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg2Hover { color: rgb(65, 65, 87); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(16, 17, 20); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(52, 52, 95); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorEvent\.bg2Hover { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(34, 34, 62); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(52, 52, 95); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFilter\.bg2Hover { color: rgb(57, 57, 105); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(54, 204, 99); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 199, 0); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(244, 59, 81); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorFixedColor\.multiplier { color: rgb(185, 76, 221); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorHeader\.bgHover { color: rgb(44, 44, 82); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorHeader\.bg2 { color: rgb(57, 57, 105); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorHeader\.bg2Hover { color: rgb(62, 62, 115); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(35, 35, 45); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(52, 52, 95); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2Hover { color: rgb(57, 57, 105); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(26, 25, 45); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu1\.bgHover { color: rgb(35, 35, 45); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu1\.bg2 { color: rgb(45, 43, 78); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu1\.bg2Hover { color: rgb(51, 49, 88); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu2\.bg { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu2\.bgHover { color: rgb(44, 44, 82); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu2\.bg2 { color: rgb(57, 57, 105); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu2\.bg2Hover { color: rgb(62, 62, 115); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu3\.bg { color: rgb(43, 43, 78); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu3\.bgHover { color: rgb(16, 17, 20); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu3\.bg2 { color: rgb(61, 61, 111); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorMenu3\.bg2Hover { color: rgb(66, 66, 121); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorOdd\.bgHover { color: rgb(26, 26, 49); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorOdd\.bg2Hover { color: rgb(44, 44, 82); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorSubHeader\.bg { color: rgb(16, 17, 20); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorSubHeader\.bgHover { color: rgb(53, 53, 98); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorSubHeader\.bg2 { color: rgb(66, 66, 121); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorSubHeader\.bg2Hover { color: rgb(71, 71, 131); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorToolTip\.bg { color: rgb(28, 28, 35); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorToolTip\.bgHover { color: rgb(44, 44, 82); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorToolTip\.bg2 { color: rgb(57, 57, 105); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorToolTip\.bg2Hover { color: rgb(62, 62, 115); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(255, 183, 125); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(255, 238, 108); }

.css-1xsm1a6.MuiIcon-root.MuiIcon-colorVip\.silver { color: rgb(151, 180, 255); }

.css-1xsm1a6.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }

.css-1xsm1a6.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }

.css-1xsm1a6.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }

.css-1xsm1a6.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }

.css-1xsm1a6.MuiIcon-fontSizeLarge42 { width: 42px !important; height: 42px !important; font-size: 42px !important; line-height: 42px !important; }

.css-1xsm1a6.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }

.css-1xsm1a6.MuiIcon-fontSizeLarge60 { width: 60px !important; height: 60px !important; font-size: 60px !important; line-height: 60px !important; }

.css-1xsm1a6.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }

.css-1xsm1a6.MuiIcon-fontSizeExtraLarge { width: 39px !important; height: 39px !important; font-size: 39px !important; line-height: 39px !important; }

.css-ol4fq4 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.25rem; }

.css-ol4fq4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorTxt\.txt { color: rgb(255, 255, 255); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorTxt\.txt2 { color: rgba(255, 255, 255, 0.7); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorTxt\.txt3 { color: rgba(255, 255, 255, 0.4); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgb(202, 201, 226); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorAccent\.bg { color: rgb(0, 150, 255); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorAccent\.bgHover { color: rgb(1, 122, 228); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorAccent\.bg2 { color: rgb(122, 123, 233); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorAccent\.bg2Hover { color: rgb(135, 136, 235); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 150, 255); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorBodyBg\.bg { color: rgb(16, 17, 20); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorBodyBg\.bgHover { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorBodyBg\.bg2 { color: rgb(34, 34, 62); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorBodyBg\.bg2Hover { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorBodyBg\.bgDark1 { color: rgb(16, 17, 20); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButton\.bg { color: rgb(0, 150, 255); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButton\.bgHover { color: rgb(1, 122, 228); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButton\.bg2 { color: rgb(122, 123, 233); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButton\.bg2Hover { color: rgb(135, 136, 235); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg { color: rgb(16, 17, 20); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButtonSecondary\.bgHover { color: rgb(53, 53, 98); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg2 { color: rgb(76, 76, 102); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg2Hover { color: rgb(65, 65, 87); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(16, 17, 20); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(52, 52, 95); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorEvent\.bg2Hover { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(34, 34, 62); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(52, 52, 95); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFilter\.bg2Hover { color: rgb(57, 57, 105); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(54, 204, 99); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 199, 0); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(244, 59, 81); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorFixedColor\.multiplier { color: rgb(185, 76, 221); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorHeader\.bgHover { color: rgb(44, 44, 82); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorHeader\.bg2 { color: rgb(57, 57, 105); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorHeader\.bg2Hover { color: rgb(62, 62, 115); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(35, 35, 45); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(52, 52, 95); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2Hover { color: rgb(57, 57, 105); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(26, 25, 45); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu1\.bgHover { color: rgb(35, 35, 45); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu1\.bg2 { color: rgb(45, 43, 78); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu1\.bg2Hover { color: rgb(51, 49, 88); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu2\.bg { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu2\.bgHover { color: rgb(44, 44, 82); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu2\.bg2 { color: rgb(57, 57, 105); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu2\.bg2Hover { color: rgb(62, 62, 115); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu3\.bg { color: rgb(43, 43, 78); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu3\.bgHover { color: rgb(16, 17, 20); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu3\.bg2 { color: rgb(61, 61, 111); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorMenu3\.bg2Hover { color: rgb(66, 66, 121); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorOdd\.bgHover { color: rgb(26, 26, 49); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorOdd\.bg2Hover { color: rgb(44, 44, 82); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorSubHeader\.bg { color: rgb(16, 17, 20); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorSubHeader\.bgHover { color: rgb(53, 53, 98); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorSubHeader\.bg2 { color: rgb(66, 66, 121); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorSubHeader\.bg2Hover { color: rgb(71, 71, 131); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorToolTip\.bg { color: rgb(28, 28, 35); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorToolTip\.bgHover { color: rgb(44, 44, 82); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorToolTip\.bg2 { color: rgb(57, 57, 105); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorToolTip\.bg2Hover { color: rgb(62, 62, 115); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(255, 183, 125); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(255, 238, 108); }

.css-ol4fq4.MuiIcon-root.MuiIcon-colorVip\.silver { color: rgb(151, 180, 255); }

.css-ol4fq4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }

.css-ol4fq4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }

.css-ol4fq4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }

.css-ol4fq4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }

.css-ol4fq4.MuiIcon-fontSizeLarge42 { width: 42px !important; height: 42px !important; font-size: 42px !important; line-height: 42px !important; }

.css-ol4fq4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }

.css-ol4fq4.MuiIcon-fontSizeLarge60 { width: 60px !important; height: 60px !important; font-size: 60px !important; line-height: 60px !important; }

.css-ol4fq4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }

.css-ol4fq4.MuiIcon-fontSizeExtraLarge { width: 39px !important; height: 39px !important; font-size: 39px !important; line-height: 39px !important; }

.css-rf75xm {
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 1100;
  background-color: rgb(28, 28, 35);
  height: auto;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}

.css-58hhrk {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 0;
  height: 56px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: max(12px, env(safe-area-inset-left, 0px));
  padding-right: max(12px, env(safe-area-inset-right, 0px));
  gap: 10px;
  box-sizing: border-box;
}

.css-lzr2nk { margin: 0px; font-size: 12px; color: rgba(255, 255, 255, 0.7); text-decoration: none; font-weight: 500; }

.css-lzr2nk.MuiTypography-bodyXXL { line-height: normal; }

.css-lzr2nk.MuiTypography-bodyXL { line-height: normal; }

.css-lzr2nk.MuiTypography-bodyL { line-height: normal; }

.css-lzr2nk.MuiTypography-bodyM { line-height: normal; }

.css-lzr2nk.MuiTypography-bodyS { line-height: normal; }

.css-lzr2nk.MuiTypography-bodyXS { line-height: normal; }

.css-i95u5f { color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; background-color: rgb(28, 28, 35); background-image: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); padding-top: env(safe-area-inset-top); height: calc(80px + env(safe-area-inset-top)); }

@media print {
  .css-i95u5f { position: absolute; }
}

@media (max-width: 1023.95px) {
  .css-i95u5f { height: calc(64px + env(safe-area-inset-top)); }
}

@media (min-width: 1024px) {
  .css-i95u5f { left: 76px; width: calc(100% - 76px); }
}

.css-1hy9t21 { width: 100%; height: 100%; text-align: center; object-fit: cover; color: transparent; text-indent: 10000px; }

.css-1bm6p01 { cursor: pointer; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 4px; }

.css-azu4f7 { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; max-width: 1280px; margin: auto; gap: 8px; }

.css-azu4f7 > .header-logo-compact { flex-shrink: 0; }

.css-mw6s0r { display: flex; flex-direction: row; background-color: rgb(16, 17, 20); border-radius: 8px; -webkit-box-align: center; align-items: center; gap: 8px; cursor: pointer; padding: 0px 0px 0px 16px; }

@media (max-width: 599.95px) {
  .css-mw6s0r responsive { padding: 0px 0px 0px 8px; }
}

@media (max-width: 599.95px) {
  .css-mw6s0r { padding: 0px 0px 0px 8px; }
}

.css-1aus34y { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.css-1aus34y .in-game-text { position: absolute; left: 0px; opacity: 0; transition: 0.3s; display: flex; gap: 4px; -webkit-box-pack: start; justify-content: flex-start; }

.css-1aus34y .balance { position: relative; opacity: 1; transition: 0.3s; }

.css-1aus34y:hover .in-game-text { position: absolute; opacity: 0; transition: 0.3s; }

.css-1aus34y:hover .balance { position: relative; opacity: 1; transition: 0.3s; }

.css-4xczqg { gap: 8px; flex: 1 1 0%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; min-width: 90px; }

.css-ewkcmy { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; font-family: "Hubot Sans", sans-serif; font-size: 1.25rem; border-radius: 50%; overflow: hidden; user-select: none; line-height: unset; width: 16px; height: 16px; }

.css-mck604 { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; }

.css-mck604.MuiTypography-bodyXXL { line-height: normal; }

.css-mck604.MuiTypography-bodyXL { line-height: normal; }

.css-mck604.MuiTypography-bodyL { line-height: normal; }

.css-mck604.MuiTypography-bodyM { line-height: normal; }

.css-mck604.MuiTypography-bodyS { line-height: normal; }

.css-mck604.MuiTypography-bodyXS { line-height: normal; }

.css-10qbek3 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; color: rgba(255, 255, 255, 0.7); }

.css-10qbek3.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }

.css-10qbek3.MuiIcon-root.MuiIcon-colorTxt\.txt { color: rgb(255, 255, 255); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorTxt\.txt2 { color: rgba(255, 255, 255, 0.7); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorTxt\.txt3 { color: rgba(255, 255, 255, 0.4); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgb(202, 201, 226); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorAccent\.bg { color: rgb(0, 150, 255); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorAccent\.bgHover { color: rgb(1, 122, 228); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorAccent\.bg2 { color: rgb(122, 123, 233); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorAccent\.bg2Hover { color: rgb(135, 136, 235); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 150, 255); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorBodyBg\.bg { color: rgb(16, 17, 20); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorBodyBg\.bgHover { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorBodyBg\.bg2 { color: rgb(34, 34, 62); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorBodyBg\.bg2Hover { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorBodyBg\.bgDark1 { color: rgb(16, 17, 20); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButton\.bg { color: rgb(0, 150, 255); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButton\.bgHover { color: rgb(1, 122, 228); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButton\.bg2 { color: rgb(122, 123, 233); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButton\.bg2Hover { color: rgb(135, 136, 235); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg { color: rgb(16, 17, 20); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButtonSecondary\.bgHover { color: rgb(53, 53, 98); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg2 { color: rgb(76, 76, 102); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorButtonSecondary\.bg2Hover { color: rgb(65, 65, 87); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(16, 17, 20); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(52, 52, 95); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorEvent\.bg2Hover { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(34, 34, 62); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(52, 52, 95); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFilter\.bg2Hover { color: rgb(57, 57, 105); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(54, 204, 99); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 199, 0); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(244, 59, 81); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorFixedColor\.multiplier { color: rgb(185, 76, 221); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorHeader\.bgHover { color: rgb(44, 44, 82); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorHeader\.bg2 { color: rgb(57, 57, 105); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorHeader\.bg2Hover { color: rgb(62, 62, 115); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(35, 35, 45); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(52, 52, 95); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2Hover { color: rgb(57, 57, 105); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(26, 25, 45); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu1\.bgHover { color: rgb(35, 35, 45); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu1\.bg2 { color: rgb(45, 43, 78); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu1\.bg2Hover { color: rgb(51, 49, 88); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu2\.bg { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu2\.bgHover { color: rgb(44, 44, 82); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu2\.bg2 { color: rgb(57, 57, 105); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu2\.bg2Hover { color: rgb(62, 62, 115); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu3\.bg { color: rgb(43, 43, 78); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu3\.bgHover { color: rgb(16, 17, 20); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu3\.bg2 { color: rgb(61, 61, 111); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorMenu3\.bg2Hover { color: rgb(66, 66, 121); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorOdd\.bgHover { color: rgb(26, 26, 49); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorOdd\.bg2Hover { color: rgb(44, 44, 82); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorSubHeader\.bg { color: rgb(16, 17, 20); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorSubHeader\.bgHover { color: rgb(53, 53, 98); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorSubHeader\.bg2 { color: rgb(66, 66, 121); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorSubHeader\.bg2Hover { color: rgb(71, 71, 131); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorToolTip\.bg { color: rgb(28, 28, 35); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorToolTip\.bgHover { color: rgb(44, 44, 82); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorToolTip\.bg2 { color: rgb(57, 57, 105); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorToolTip\.bg2Hover { color: rgb(62, 62, 115); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(255, 183, 125); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(255, 238, 108); }

.css-10qbek3.MuiIcon-root.MuiIcon-colorVip\.silver { color: rgb(151, 180, 255); }

.css-10qbek3.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }

.css-10qbek3.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }

.css-10qbek3.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }

.css-10qbek3.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }

.css-10qbek3.MuiIcon-fontSizeLarge42 { width: 42px !important; height: 42px !important; font-size: 42px !important; line-height: 42px !important; }

.css-10qbek3.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }

.css-10qbek3.MuiIcon-fontSizeLarge60 { width: 60px !important; height: 60px !important; font-size: 60px !important; line-height: 60px !important; }

.css-10qbek3.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }

.css-10qbek3.MuiIcon-fontSizeExtraLarge { width: 39px !important; height: 39px !important; font-size: 39px !important; line-height: 39px !important; }

.css-ppn5o3 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 24px; }

.css-ppn5o3.header-right-content-notification-search { justify-content: left; overflow: hidden; }

@media (max-width: 1023.95px) {
  .css-ppn5o3.header-right-content-notification-search { overflow: unset; }
}

.css-ppn5o3 .badge-show-notification-search { min-width: 80px; overflow: hidden; flex: 1 1 0%; }

.css-106o0l8 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: "Hubot Sans", sans-serif; min-width: 64px; padding: 6px 16px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 8px; text-transform: none; color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-weight: 600; line-height: normal; }

.css-106o0l8.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-106o0l8 { print-color-adjust: exact; }
}

.css-106o0l8:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); }

@media (hover: none) {
  .css-106o0l8:hover { background-color: transparent; }
}

.css-106o0l8.Mui-disabled { color: rgba(255, 255, 255, 0.3); }

.css-106o0l8 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }

.css-106o0l8 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }

.css-106o0l8.MuiButton-containedPrimary { border-color: rgb(0, 150, 255); border-width: 1px; border-style: solid; background: linear-gradient(0deg, rgb(0, 150, 255) 0%, rgb(1, 122, 228) 100%); }

.css-106o0l8.MuiButton-containedPrimary:disabled { color: rgb(255, 255, 255); opacity: 0.5; }

.css-106o0l8.MuiButton-containedPrimary:hover { background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-106o0l8.MuiButton-containedPrimary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-106o0l8.MuiButton-containedSecondary { border: 1px solid rgb(76, 76, 102); background: linear-gradient(0deg, rgb(76, 76, 102) 0%, rgb(65, 65, 87) 100%); }

.css-106o0l8.MuiButton-containedSecondary:disabled { opacity: 0.5; background: rgb(65, 65, 87); }

.css-106o0l8.MuiButton-containedSecondary:hover { background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-106o0l8.MuiButton-containedSecondary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-106o0l8.MuiButton-containedSizeLarge { height: 44px; padding: 0px 16px; }

.css-106o0l8.MuiButton-containedSizeMedium { height: 40px; padding: 0px 16px; }

.css-106o0l8.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }

.css-106o0l8.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 16px; }

.css-106o0l8.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 16px; }

.css-106o0l8.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px; }

.css-106o0l8.MuiButton-text { padding: 0px 8px; border-radius: 8px; color: rgba(255, 255, 255, 0.7); background: transparent; }

.css-106o0l8.MuiButton-text:hover { color: rgb(255, 255, 255); }

.css-106o0l8.MuiButton-text.Mui-disabled { color: rgba(255, 255, 255, 0.7); opacity: 0.5; }

.css-106o0l8.MuiButton-textSizeLarge { height: 44px; }

.css-106o0l8.MuiButton-textSizeMedium { height: 40px; }

.css-106o0l8.MuiButton-textSizeSmall { height: 36px; }

.css-106o0l8.MuiButton-iconInherit { padding: 0px; }

.css-106o0l8.MuiButton-iconPrimary { border-color: rgb(0, 150, 255); border-width: 1px; border-style: solid; background: linear-gradient(0deg, rgb(0, 150, 255) 0%, rgb(1, 122, 228) 100%); }

.css-106o0l8.MuiButton-iconPrimary:disabled { color: rgb(255, 255, 255); opacity: 0.5; }

.css-106o0l8.MuiButton-iconPrimary:hover { background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-106o0l8.MuiButton-iconPrimary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(1, 122, 228) 0%, rgb(1, 122, 228) 100%); }

.css-106o0l8.MuiButton-iconSecondary { border: 1px solid rgb(76, 76, 102); background: linear-gradient(0deg, rgb(76, 76, 102) 0%, rgb(65, 65, 87) 100%); }

.css-106o0l8.MuiButton-iconSecondary:disabled { opacity: 0.5; background: rgb(65, 65, 87); }

.css-106o0l8.MuiButton-iconSecondary:hover { background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-106o0l8.MuiButton-iconSecondary:active { transform: scale(0.97); background: linear-gradient(0deg, rgb(65, 65, 87) 0%, rgb(65, 65, 87) 100%); }

.css-106o0l8.MuiButton-iconSuccess { background: rgb(54, 204, 99); border: 1px solid rgb(54, 204, 99); box-shadow: rgba(54, 204, 99, 0.6) 0px 0px 10px 0px; }

.css-106o0l8.MuiButton-iconSuccess:hover { background-color: rgb(37, 142, 69); }

.css-106o0l8.MuiButton-iconSuccess:active { background-color: rgb(37, 142, 69); }

.css-106o0l8.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }

.css-106o0l8.MuiButton-iconError { background: rgb(244, 59, 81); border: 1px solid rgb(244, 59, 81); box-shadow: rgba(244, 59, 81, 0.6) 0px 0px 10px 0px; }

.css-106o0l8.MuiButton-iconError:hover { background-color: rgb(170, 41, 56); }

.css-106o0l8.MuiButton-iconError:active { background-color: rgb(170, 41, 56); }

.css-106o0l8.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }

.css-106o0l8.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }

.css-106o0l8.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }

.css-106o0l8.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }

.css-106o0l8.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }

.css-106o0l8.MuiButton-iconWarning { background: rgb(255, 199, 0); border: 1px solid rgb(255, 199, 0); box-shadow: rgba(255, 199, 0, 0.6) 0px 0px 10px 0px; }

.css-106o0l8.MuiButton-iconWarning:hover { background-color: rgb(178, 139, 0); }

.css-106o0l8.MuiButton-iconWarning:active { background-color: rgb(178, 139, 0); }

.css-106o0l8.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }

.css-106o0l8.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }

.css-106o0l8.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }

.css-106o0l8.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }

.css-106o0l8.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }

.css-106o0l8.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 0px 16px; }

.css-106o0l8.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }

.css-4g55ni { margin: 0px; font-size: 12px; color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; }

.css-4g55ni.MuiTypography-bodyXXL { line-height: normal; }

.css-4g55ni.MuiTypography-bodyXL { line-height: normal; }

.css-4g55ni.MuiTypography-bodyL { line-height: normal; }

.css-4g55ni.MuiTypography-bodyM { line-height: normal; }

.css-4g55ni.MuiTypography-bodyS { line-height: normal; }

.css-4g55ni.MuiTypography-bodyXS { line-height: normal; }

@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; }