/* Runtime style 0: data-styled="active" data-styled-version="5.3.11" */
.Muwtb { width: 272px; display: none; flex-shrink: 0; flex-direction: column; }
.Muwtb .detailsWrapper .menuItem { margin-bottom: 10px; }
.Muwtb .active .panelHeader { border-radius: 6px; }
.Muwtb .active .panelHeader .typography { color: rgb(255, 255, 255); }
.Muwtb .userLink { margin-top: 10px; }
.Muwtb .topWrapper { position: sticky; top: calc(66px); overflow: hidden auto; padding: 0px 16px 12px 24px; height: calc(-236px + 100dvh); margin-top: 8px; }
.Muwtb .topWrapper > .expansionPanel { margin-left: 10px; margin-right: 10px; }
.Muwtb .userLink, .Muwtb .signOutLink { display: flex; margin-bottom: 20px; padding: 0px 10px 0px 0px; margin-left: 10px; margin-right: 10px; }
.Muwtb .liveSupport { position: fixed; bottom: 0px; width: 224px; padding: 24px 0px; background-color: rgb(15, 23, 42); }
.Muwtb .liveSupport button { font-size: 14px; text-transform: none; }
@media only screen and (min-width: 960px) {
  .Muwtb { display: flex; }
}
.jHlBrg { display: flex; }
.jHlBrg.vertical { flex-direction: column; gap: 4px; }
.jHlBrg.vertical a { width: 100%; color: rgb(51, 65, 85); }
.jHlBrg.horizontal { gap: 4px; }
.dKOrDF { display: flex; -webkit-box-align: center; align-items: center; white-space: nowrap; position: relative; }
.dKOrDF .typography { color: rgb(203, 213, 225); }
.dKOrDF.active .typography { color: rgb(0, 131, 255); }
.dKOrDF:hover .typography { color: rgb(148, 163, 184); }
.dKOrDF:hover svg path { fill: rgb(148, 163, 184); }
.dKOrDF .icon { margin: 0px; }
.dKOrDF.horizontal { border-radius: 6px; width: max-content; color: rgb(51, 65, 85); padding: 8px 16px; transition: 0.2s; }
.dKOrDF.horizontal .typography { margin-left: 8px; line-height: 20px; }
.dKOrDF.horizontal .typography, .dKOrDF.horizontal svg path { margin-left: 8px; line-height: 20px; transition: 0.2s; }
.dKOrDF.horizontal:hover .typography { color: rgb(255, 255, 255); }
.dKOrDF.horizontal:hover svg path { fill: rgb(255, 255, 255); }
.dKOrDF.horizontal.active { background-color: rgb(51, 65, 85); }
.dKOrDF.horizontal.active .typography { color: rgb(248, 250, 252); }
.dKOrDF.horizontal.active svg path { fill: rgb(248, 250, 252); }
.jQTMVX { background-color: rgba(255, 255, 255, 0.1); border-width: 0px; height: 1px; margin: 8px 0px; }
.jQTMVX.heavy { height: 2px; }
.jQTMVX.extraHeavy { height: 4px; }
.NKswG { border-left: 1px solid rgb(51, 65, 85); }
.kUgztZ { padding: 4px; border-radius: 8px; background-color: rgb(30, 41, 59); gap: 8px; }
.kUgztZ .menuItem { background-color: transparent; gap: 4px; padding: 4px 0px; -webkit-box-pack: center; justify-content: center; height: auto; width: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px !important; margin-right: 0px !important; }
.kUgztZ .menuItem:hover, .kUgztZ .menuItem.selected { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.kUgztZ .menuItem .icon { margin: 0px; display: flex; -webkit-box-align: center; align-items: center; }
.kUgztZ .menuItem.selected { background-color: rgb(51, 65, 85); }
.kUgztZ .menuItem.selected .menuItem.selected { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.kUgztZ .menuItem .menuItemIcon { width: 24px; height: 24px; }
.hxiStA { position: relative; }
.knZDvd { position: absolute; box-sizing: border-box; font-size: 10px; font-weight: 400; border-radius: 50%; background-color: rgb(255, 136, 0); color: white; width: 16px; height: 16px; border: 1px solid rgb(30, 41, 59); line-height: 16px; text-align: center; overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.knZDvd.invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1); }
.knZDvd.anchorTopRight { top: 0px; right: 0px; }
.knZDvd.anchorTopRight.invisible { transform: scale(0) translate(50%, -50%); }
.knZDvd.anchorTopLeft { top: 0px; left: 0px; transform: scale(1) translate(0%, -50%); transform-origin: 0% 0%; }
.knZDvd.anchorTopLeft.invisible { transform: scale(0) translate(-50%, -50%); }
.knZDvd.anchorBottomRight { bottom: 0px; right: 0px; transform: scale(1) translate(50%, 50%); transform-origin: 100% 100%; }
.knZDvd.anchorBottomRight.invisible { transform: scale(0) translate(50%, 50%); }
.knZDvd.anchorBottomLeft { bottom: 0px; left: 0px; transform: scale(1) translate(-50%, 50%); transform-origin: 0% 100%; }
.knZDvd.anchorBottomLeft.invisible { transform: scale(0) translate(-50%, 50%); }
.bvrXci { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: start; flex-direction: row; margin: 0px 0px 0px auto; }
.gPbaLe { display: flex; -webkit-box-align: start; align-items: start; -webkit-box-pack: start; justify-content: start; flex-direction: column; }
.JrQmC { height: 22px; width: 22px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.JrQmC span { display: block; width: 18px; height: 2px; background-color: rgb(248, 250, 252); margin-bottom: 4px; }
.JrQmC span:last-child { margin-bottom: 0px; }
.dctngd { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 400; }
.dctngd .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .dctngd { color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 400; }
}
@media only screen and (min-width: 1050px) {
  .dctngd { color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 400; }
}
.dctngd.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.bPSSZX { display: flex; -webkit-box-align: center; align-items: center; line-height: 24px; font-size: 16px; font-weight: 400; color: rgb(148, 163, 184); }
.bPSSZX .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .bPSSZX { line-height: 24px; font-size: 16px; font-weight: 400; color: rgb(148, 163, 184); }
}
@media only screen and (min-width: 1050px) {
  .bPSSZX { line-height: 24px; font-size: 16px; font-weight: 400; color: rgb(148, 163, 184); }
}
.bPSSZX.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.biEvfi { -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 400; }
.biEvfi .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .biEvfi { color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 400; }
}
@media only screen and (min-width: 1050px) {
  .biEvfi { color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 400; }
}
.biEvfi.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.eZlqKi { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 16px; font-size: 14px; font-weight: 600; letter-spacing: 0.28px; text-transform: uppercase; }
.eZlqKi .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .eZlqKi { color: rgb(248, 250, 252); line-height: 16px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.28px; }
}
@media only screen and (min-width: 1050px) {
  .eZlqKi { color: rgb(248, 250, 252); line-height: 16px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.28px; }
}
.eZlqKi.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.kQXvpX { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 20px; font-size: 14px; font-weight: 400; }
.kQXvpX .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .kQXvpX { color: rgb(248, 250, 252); line-height: 20px; font-size: 14px; font-weight: 400; }
}
@media only screen and (min-width: 1050px) {
  .kQXvpX { color: rgb(248, 250, 252); line-height: 20px; font-size: 14px; font-weight: 400; }
}
.kQXvpX.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.kuMymt { display: flex; -webkit-box-align: center; align-items: center; line-height: 28px; font-size: 20px; font-weight: 600; color: rgb(255, 136, 0); }
.kuMymt .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .kuMymt { line-height: 28px; font-size: 20px; font-weight: 600; color: rgb(255, 136, 0); }
}
@media only screen and (min-width: 1050px) {
  .kuMymt { line-height: 28px; font-size: 20px; font-weight: 600; color: rgb(255, 136, 0); }
}
.kuMymt.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.iQvFfJ { display: flex; -webkit-box-align: center; align-items: center; color: rgb(148, 163, 184); line-height: 16px; font-size: 12px; font-weight: 400; }
.iQvFfJ .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .iQvFfJ { color: rgb(148, 163, 184); line-height: 16px; font-size: 12px; font-weight: 400; }
}
@media only screen and (min-width: 1050px) {
  .iQvFfJ { color: rgb(148, 163, 184); line-height: 16px; font-size: 12px; font-weight: 400; }
}
.iQvFfJ.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.kqxXRM { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 20px; text-align: center; font-weight: 400; font-size: 14px; margin: 5px 0px 0px; }
.kqxXRM .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .kqxXRM { color: rgb(248, 250, 252); line-height: 20px; font-weight: 400; font-size: 14px; }
}
@media only screen and (min-width: 1050px) {
  .kqxXRM { color: rgb(248, 250, 252); line-height: 20px; font-weight: 400; font-size: 14px; }
}
.kqxXRM.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.gwMedw { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 20px; font-weight: 400; font-size: 12px; }
.gwMedw .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .gwMedw { color: rgb(248, 250, 252); line-height: 20px; font-weight: 400; font-size: 12px; }
}
@media only screen and (min-width: 1050px) {
  .gwMedw { color: rgb(248, 250, 252); line-height: 20px; font-weight: 400; font-size: 12px; }
}
.gwMedw.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.jaOKuL { display: flex; -webkit-box-align: center; align-items: center; line-height: 20px; color: white; font-weight: 600; font-size: 10px; }
.jaOKuL .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .jaOKuL { line-height: 20px; color: white; font-weight: 600; font-size: 10px; }
}
@media only screen and (min-width: 1050px) {
  .jaOKuL { line-height: 20px; color: white; font-weight: 600; font-size: 10px; }
}
.jaOKuL.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.hfhhGF { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); font-weight: 400; font-size: 10px; line-height: 12px; }
.hfhhGF .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .hfhhGF { color: rgb(248, 250, 252); font-weight: 400; font-size: 10px; line-height: 12px; }
}
@media only screen and (min-width: 1050px) {
  .hfhhGF { color: rgb(248, 250, 252); font-weight: 400; font-size: 10px; line-height: 12px; }
}
.hfhhGF.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.BwlrN { display: flex; -webkit-box-align: center; align-items: center; line-height: 20px; font-size: 14px; font-weight: 400; color: rgb(148, 163, 184); }
.BwlrN .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .BwlrN { line-height: 20px; font-size: 14px; font-weight: 400; color: rgb(148, 163, 184); }
}
@media only screen and (min-width: 1050px) {
  .BwlrN { line-height: 20px; font-size: 14px; font-weight: 400; color: rgb(148, 163, 184); }
}
.BwlrN.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.jibIZz { display: flex; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); background-color: rgb(0, 131, 255); text-align: center; text-transform: uppercase; font-weight: 600; font-size: 10px; line-height: 7px; padding: 6px 8px; }
.jibIZz .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .jibIZz { color: rgb(255, 255, 255); font-weight: 600; font-size: 10px; line-height: 7px; }
}
@media only screen and (min-width: 1050px) {
  .jibIZz { color: rgb(255, 255, 255); font-weight: 600; font-size: 10px; line-height: 7px; }
}
.jibIZz.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.dGsBkg { display: flex; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); background-color: rgb(255, 136, 0); text-align: center; text-transform: uppercase; font-weight: 600; font-size: 10px; line-height: 7px; padding: 6px 8px; }
.dGsBkg .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .dGsBkg { color: rgb(255, 255, 255); font-weight: 600; font-size: 10px; line-height: 7px; }
}
@media only screen and (min-width: 1050px) {
  .dGsBkg { color: rgb(255, 255, 255); font-weight: 600; font-size: 10px; line-height: 7px; }
}
.dGsBkg.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.jssND { display: flex; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); background-color: rgb(72, 159, 55); text-align: center; text-transform: uppercase; font-weight: 600; font-size: 10px; line-height: 7px; padding: 6px 8px; }
.jssND .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .jssND { color: rgb(255, 255, 255); font-weight: 600; font-size: 10px; line-height: 7px; }
}
@media only screen and (min-width: 1050px) {
  .jssND { color: rgb(255, 255, 255); font-weight: 600; font-size: 10px; line-height: 7px; }
}
.jssND.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.jAxWjm { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
.jAxWjm .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .jAxWjm { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
}
@media only screen and (min-width: 1050px) {
  .jAxWjm { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
}
.jAxWjm.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.iNWQZn { display: flex; -webkit-box-align: center; align-items: center; color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 600; }
.iNWQZn .icon { display: inline-block; }
@media only screen and (min-width: 620px) {
  .iNWQZn { color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 600; }
}
@media only screen and (min-width: 1050px) {
  .iNWQZn { color: rgb(248, 250, 252); line-height: 24px; font-size: 16px; font-weight: 600; }
}
.iNWQZn.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.kvAWcI { width: auto; height: auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 8px 24px 8px 0px; flex-shrink: 0; }
.kvAWcI.kvAWcI.disabled { opacity: 0.4; cursor: not-allowed; }
.hFIRoS { width: auto; height: auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px 8px 0px 0px; flex-shrink: 0; }
.hFIRoS.hFIRoS.disabled { opacity: 0.4; cursor: not-allowed; }
.eZOCqu { width: auto; height: auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; }
.eZOCqu.eZOCqu.disabled { opacity: 0.4; cursor: not-allowed; }
.fJgyUC { width: 40px; height: 40px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; }
.fJgyUC.fJgyUC.disabled { opacity: 0.4; cursor: not-allowed; }
.hFITKA { width: auto; height: auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px 6px 0px 0px; flex-shrink: 0; }
.hFITKA.hFITKA.disabled { opacity: 0.4; cursor: not-allowed; }
.gBgLva { width: 24px; height: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px 8px 0px 0px; flex-shrink: 0; }
.gBgLva.gBgLva.disabled { opacity: 0.4; cursor: not-allowed; }
.hFISUG { width: auto; height: auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px 4px 0px 0px; flex-shrink: 0; }
.hFISUG.hFISUG.disabled { opacity: 0.4; cursor: not-allowed; }
.caWHna { width: 24px; height: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; }
.caWHna.caWHna.disabled { opacity: 0.4; cursor: not-allowed; }
.gHEsAa { cursor: pointer; outline: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; white-space: nowrap; transition: 0.2s; color: rgb(248, 250, 252); line-height: 16px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.28px; }
.gHEsAa.withIcon { min-width: inherit; text-align: left; }
.gHEsAa.primary:hover:not(.disabled) { background-color: rgb(0, 89, 183); }
.gHEsAa.secondary:hover:not(.disabled) { background-color: rgb(51, 65, 85); }
.gHEsAa.transparent:hover:not(.disabled) { background-color: rgb(30, 41, 59); }
.gHEsAa.white:hover:not(.disabled) { opacity: 0.8; }
.gHEsAa.withBorder { border: 1px solid rgb(51, 65, 85); }
.gHEsAa.gHEsAa.disabled { background-color: rgb(84, 96, 115); color: rgb(203, 213, 225); cursor: not-allowed; }
.gHEsAa.primary, .gHEsAa.secondary, .gHEsAa.transparent, .gHEsAa.white { color: rgb(248, 250, 252); background-color: transparent; border-radius: 48px; padding: 12px 16px; }
.gHEsAa.fullWidth { width: 100%; }
.fiPKUo { cursor: pointer; outline: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; white-space: nowrap; transition: 0.2s; color: rgb(248, 250, 252); line-height: 16px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.28px; }
.fiPKUo.withIcon { min-width: inherit; text-align: left; }
.fiPKUo.primary:hover:not(.disabled) { background-color: rgb(0, 89, 183); }
.fiPKUo.secondary:hover:not(.disabled) { background-color: rgb(51, 65, 85); }
.fiPKUo.transparent:hover:not(.disabled) { background-color: rgb(30, 41, 59); }
.fiPKUo.white:hover:not(.disabled) { opacity: 0.8; }
.fiPKUo.withBorder { border: 1px solid rgb(51, 65, 85); }
.fiPKUo.fiPKUo.disabled { background-color: rgb(84, 96, 115); color: rgb(203, 213, 225); cursor: not-allowed; }
.fiPKUo.primary, .fiPKUo.secondary, .fiPKUo.transparent, .fiPKUo.white { color: rgb(248, 250, 252); background-color: rgb(0, 131, 255); border-radius: 48px; padding: 12px 16px; }
.fiPKUo.fullWidth { width: 100%; }
.kKUPog { cursor: pointer; outline: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; white-space: nowrap; transition: 0.2s; color: rgb(248, 250, 252); line-height: 16px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.28px; }
.kKUPog.withIcon { min-width: inherit; text-align: left; }
.kKUPog.primary:hover:not(.disabled) { background-color: rgb(0, 89, 183); }
.kKUPog.secondary:hover:not(.disabled) { background-color: rgb(51, 65, 85); }
.kKUPog.transparent:hover:not(.disabled) { background-color: rgb(30, 41, 59); }
.kKUPog.white:hover:not(.disabled) { opacity: 0.8; }
.kKUPog.withBorder { border: 1px solid rgb(51, 65, 85); }
.kKUPog.kKUPog.disabled { background-color: rgb(84, 96, 115); color: rgb(203, 213, 225); cursor: not-allowed; }
.kKUPog.primary, .kKUPog.secondary, .kKUPog.transparent, .kKUPog.white { color: rgb(248, 250, 252); padding: 8px 16px; background-color: rgb(51, 65, 85); border-radius: 8px; }
.kKUPog.fullWidth { width: 100%; }
.iTOnrF { cursor: pointer; }
.iTOnrF span { transform: none; transition: 0.25s ease-in-out; }
.iTOnrF .open > span > span:nth-child(2) { opacity: 0; }
.iTOnrF .open > span > span:first-child { transform: translateY(calc(100% + 4px)) rotate(45deg); }
.iTOnrF .open > span > span:last-child { transform: translateY(calc(-100% - 4px)) rotate(-45deg); }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-thumb { background-color: rgb(51, 65, 85); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background-color: rgb(102, 112, 133); }
::-webkit-scrollbar:horizontal { width: 0px; height: 0px; }
:hover::-webkit-scrollbar-thumb { background-color: rgb(102, 112, 133); }
main { flex: 1 1 0%; background-color: rgb(15, 23, 42); width: calc(-272px + min(1680px, 100vw)); }
main .content-wrapper { min-height: calc(-270px + 100vh); }
@media (min-width: 960px) {
  main .content-wrapper { padding-left: 24px; }
}
@media only screen and (max-width: 960px) {
  main { width: 100vw; }
}
:root, html { background-color: rgb(15, 23, 42); }
:root.blocked, html.blocked { overflow: hidden; touch-action: none; }
body { background-color: rgb(15, 23, 42); }
body.blocked { overflow: clip; touch-action: none; pointer-events: auto !important; }
body:has(.drawer.opened) { overflow: clip; }
#__next { display: flex; flex-direction: column; height: 100dvh; }
.displayNone { display: none; }
.loadingScreen { position: absolute; top: 0px; left: 0px; right: 0px; flex: 1 1 0%; height: 100dvh; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: transparent; }
.loadingScreen img { max-width: 20vh; margin-top: -70px; }
.scrollBarHidden::-webkit-scrollbar { display: none; }
:focus-visible { outline: none; }
.column { flex-direction: column; }
.scrolledTop { border-top: 1px solid rgb(51, 65, 85); }
@media (min-width: 960px) {
  .gamePage .iframeZone { padding-left: 24px; }
}
.gamesPage, .providersPage, .faqPage, .helpCenterPage, .postPage, .landingWrapper, .historyPage, .promotionsPage, .levelsPage, .topWinsPage, .seoBlock, .tournamentsPage { padding: 0px 8px 8px; }
.gamesPage .navigation-wrapper.banners, .providersPage .navigation-wrapper.banners, .faqPage .navigation-wrapper.banners, .helpCenterPage .navigation-wrapper.banners, .postPage .navigation-wrapper.banners, .landingWrapper .navigation-wrapper.banners, .historyPage .navigation-wrapper.banners, .promotionsPage .navigation-wrapper.banners, .levelsPage .navigation-wrapper.banners, .topWinsPage .navigation-wrapper.banners, .seoBlock .navigation-wrapper.banners, .tournamentsPage .navigation-wrapper.banners { height: 260px; margin-bottom: 8px; }
.gamesPage .fader, .providersPage .fader, .faqPage .fader, .helpCenterPage .fader, .postPage .fader, .landingWrapper .fader, .historyPage .fader, .promotionsPage .fader, .levelsPage .fader, .topWinsPage .fader, .seoBlock .fader, .tournamentsPage .fader { border-radius: 10px; height: 100%; }
@media only screen and (min-width: 960px) {
  .gamesPage, .providersPage, .faqPage, .helpCenterPage, .postPage, .landingWrapper, .historyPage, .promotionsPage, .levelsPage, .topWinsPage, .seoBlock, .tournamentsPage { padding: 8px 24px 8px 0px; }
  .gamesPage .navigation-wrapper.banners, .providersPage .navigation-wrapper.banners, .faqPage .navigation-wrapper.banners, .helpCenterPage .navigation-wrapper.banners, .postPage .navigation-wrapper.banners, .landingWrapper .navigation-wrapper.banners, .historyPage .navigation-wrapper.banners, .promotionsPage .navigation-wrapper.banners, .levelsPage .navigation-wrapper.banners, .topWinsPage .navigation-wrapper.banners, .seoBlock .navigation-wrapper.banners, .tournamentsPage .navigation-wrapper.banners { height: 320px; margin-bottom: 30px; }
}
.landingWrapper { background-color: rgb(15, 23, 42); }
.landingWrapper .promoSliderWrapper { gap: 16px; }
@media screen and (max-width: 520px) {
  .landingWrapper .promoSliderWrapper { gap: 8px; }
}
.landingWrapper .winningsCarousel, .landingWrapper .promotionsCarousel, .landingWrapper .gameCarousel, .landingWrapper .tournamentsCarousel { margin-bottom: 16px; }
@media (min-width: 960px) {
  .landingWrapper .winningsCarousel, .landingWrapper .promotionsCarousel, .landingWrapper .gameCarousel, .landingWrapper .tournamentsCarousel { margin-bottom: 24px; }
}
.levelsPage .navigation-wrapper .dots, .levelsPage .navigation-wrapper .swiper-pagination { padding: 0px; bottom: 0px; }
@media (min-width: 1200px) {
  .levelsPage .navigation-wrapper .dots, .levelsPage .navigation-wrapper .swiper-pagination { display: none; }
}
.levelsPage .navigation-wrapper .dots .dot, .levelsPage .navigation-wrapper .swiper-pagination .dot, .levelsPage .navigation-wrapper .dots .swiper-pagination-bullet, .levelsPage .navigation-wrapper .swiper-pagination .swiper-pagination-bullet { width: 4px; height: 4px; }
.postPage h1:not(.typography), .faqPage h1:not(.typography), #promotionModal h1:not(.typography), .tournamentDescription h1:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
@media only screen and (min-width: 620px) {
  .postPage h1:not(.typography), .faqPage h1:not(.typography), #promotionModal h1:not(.typography), .tournamentDescription h1:not(.typography) { color: rgb(248, 250, 252); line-height: 36px; font-size: 28px; font-weight: 600; }
}
@media only screen and (min-width: 1050px) {
  .postPage h1:not(.typography), .faqPage h1:not(.typography), #promotionModal h1:not(.typography), .tournamentDescription h1:not(.typography) { color: rgb(248, 250, 252); line-height: 36px; font-size: 28px; font-weight: 600; }
}
.postPage h2:not(.typography), .faqPage h2:not(.typography), #promotionModal h2:not(.typography), .tournamentDescription h2:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
@media only screen and (min-width: 620px) {
  .postPage h2:not(.typography), .faqPage h2:not(.typography), #promotionModal h2:not(.typography), .tournamentDescription h2:not(.typography) { color: rgb(248, 250, 252); line-height: 32px; font-size: 24px; font-weight: 600; }
}
@media only screen and (min-width: 1050px) {
  .postPage h2:not(.typography), .faqPage h2:not(.typography), #promotionModal h2:not(.typography), .tournamentDescription h2:not(.typography) { color: rgb(248, 250, 252); line-height: 32px; font-size: 24px; font-weight: 600; }
}
.postPage h3:not(.typography), .faqPage h3:not(.typography), #promotionModal h3:not(.typography), .tournamentDescription h3:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
@media only screen and (min-width: 620px) {
  .postPage h3:not(.typography), .faqPage h3:not(.typography), #promotionModal h3:not(.typography), .tournamentDescription h3:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
}
@media only screen and (min-width: 1050px) {
  .postPage h3:not(.typography), .faqPage h3:not(.typography), #promotionModal h3:not(.typography), .tournamentDescription h3:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
}
.postPage h4:not(.typography), .faqPage h4:not(.typography), #promotionModal h4:not(.typography), .tournamentDescription h4:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
@media only screen and (min-width: 620px) {
  .postPage h4:not(.typography), .faqPage h4:not(.typography), #promotionModal h4:not(.typography), .tournamentDescription h4:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
}
@media only screen and (min-width: 1050px) {
  .postPage h4:not(.typography), .faqPage h4:not(.typography), #promotionModal h4:not(.typography), .tournamentDescription h4:not(.typography) { color: rgb(248, 250, 252); line-height: 28px; font-size: 20px; font-weight: 600; }
}
.postPage h1 strong, .faqPage h1 strong, #promotionModal h1 strong, .tournamentDescription h1 strong, .postPage h2 strong, .faqPage h2 strong, #promotionModal h2 strong, .tournamentDescription h2 strong, .postPage h3 strong, .faqPage h3 strong, #promotionModal h3 strong, .tournamentDescription h3 strong, .postPage h4 strong, .faqPage h4 strong, #promotionModal h4 strong, .tournamentDescription h4 strong { font-weight: inherit; }
.postPage li > div, .faqPage li > div, #promotionModal li > div, .tournamentDescription li > div { display: inline; }
.postPage ol, .faqPage ol, #promotionModal ol, .tournamentDescription ol { list-style: auto; padding: 0px 28px; }
.postPage ul, .faqPage ul, #promotionModal ul, .tournamentDescription ul { list-style: disc; padding: 0px 25px; }
.postPage a, .faqPage a, #promotionModal a, .tournamentDescription a, .postPage .link, .faqPage .link, #promotionModal .link, .tournamentDescription .link { color: rgb(0, 131, 255); letter-spacing: 1px; cursor: pointer; text-decoration: underline; }
.flex.flex-col.overflow-y-scroll::-webkit-scrollbar { width: 0px; }
.toTopButton { position: fixed; bottom: 64px; right: 8px; padding: 11px; border-radius: 8px; background-color: rgb(30, 41, 59); cursor: pointer; border: 1px solid rgb(51, 65, 85); }
@media only screen and (min-width: 960px) {
  .toTopButton { right: 24px; bottom: 24px; }
}
.toTopButton.mobileView { right: 8px; bottom: calc(64px + var(--safe-bottom)); }
.orangeText { color: rgb(255, 136, 0); display: contents; }
.clamp-1-line { -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; }
.clamp-2-lines { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; }
div[data-slot="calendar"] { margin-top: 20px; padding: 10px; border-radius: 10px; background-color: rgb(37, 58, 94); border: 1px solid rgb(45, 70, 114); min-width: 210px; margin-left: 25px; color: rgb(148, 163, 184); }
div[data-slot="calendar"] :focus-visible { outline: none; }
div[data-slot="calendar"] div[role="spinbutton"] { caret-color: rgb(0, 0, 0) !important; }
div[data-slot="calendar"] > div[data-slot="base"] span[data-slot="label"], div[data-slot="calendar"] > div[data-slot="base"] div[aria-label="time zone, "] { display: none; }
div[data-slot="calendar"] > div[data-slot="base"] div[data-slot="input"] { -webkit-box-pack: center; justify-content: center; }
div[data-slot="calendar"] thead tr { padding: 0px; }
div[data-slot="calendar"] thead th { width: 14%; }
div[data-slot="calendar"] tbody td { width: 14%; }
div[data-slot="calendar"] tbody td span { border-radius: 10px; padding: 1px 0px 0px; }
div[data-slot="calendar"] tbody td span[data-outside-month="true"] { color: rgb(71, 95, 139); }
div[data-slot="calendar"] tbody td span[data-selected="true"] { background-color: rgb(15, 23, 42); }
div[data-slot="calendar"] header span[data-slot="title"] { text-wrap: nowrap; }
[data-texty] { display: block !important; }
[data-texty-tooltip] { background-color: rgb(51, 65, 85); max-width: 60vw; padding: 7px 10px; }
[data-texty-tooltip] span:not(.tag) { color: rgb(255, 255, 255); }
[data-texty-tooltip] [data-texty-arrow] { display: none; }
.scroll::-webkit-scrollbar { width: 2px; height: 2px; }
.scroll::-webkit-scrollbar-track { border-radius: 14px; border-right: 1px solid rgb(45, 70, 114); }
.scroll::-webkit-scrollbar-thumb { background-color: rgb(148, 163, 184); }
@-webkit-keyframes banners-bg-move { 
  0% { transform: translateZ(0px) rotate(0.0001deg); }
  25% { transform: translate3d(-20px, 0px, 0px) rotate(0.0001deg); }
  50% { transform: translateZ(0px) rotate(0.0001deg); }
  75% { transform: translate3d(20px, 0px, 0px) rotate(0.0001deg); }
  100% { transform: translateZ(0px) rotate(0.0001deg); }
}
@keyframes banners-bg-move { 
  0% { transform: translateZ(0px) rotate(0.0001deg); }
  25% { transform: translate3d(-20px, 0px, 0px) rotate(0.0001deg); }
  50% { transform: translateZ(0px) rotate(0.0001deg); }
  75% { transform: translate3d(20px, 0px, 0px) rotate(0.0001deg); }
  100% { transform: translateZ(0px) rotate(0.0001deg); }
}
@-webkit-keyframes banners-main-move { 
  0% { transform: translateZ(0px) rotate(0.0001deg); }
  25% { transform: translate3d(20px, 0px, 0px) rotate(0.0001deg); }
  50% { transform: translateZ(0px) rotate(0.0001deg); }
  75% { transform: translate3d(-20px, 0px, 0px) rotate(0.0001deg); }
  100% { transform: translateZ(0px) rotate(0.0001deg); }
}
@keyframes banners-main-move { 
  0% { transform: translateZ(0px) rotate(0.0001deg); }
  25% { transform: translate3d(20px, 0px, 0px) rotate(0.0001deg); }
  50% { transform: translateZ(0px) rotate(0.0001deg); }
  75% { transform: translate3d(-20px, 0px, 0px) rotate(0.0001deg); }
  100% { transform: translateZ(0px) rotate(0.0001deg); }
}
@-webkit-keyframes mascot-animation { 
  0% { transform: translate3d(-100%, 0px, 0px); }
  100% { transform: translate3d(100%, 0px, 0px); }
}
@keyframes mascot-animation { 
  0% { transform: translate3d(-100%, 0px, 0px); }
  100% { transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes scale-down-center { 
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}
@keyframes scale-down-center { 
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}
@-webkit-keyframes scale-up-center { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes scale-up-center { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@-webkit-keyframes heartbeat { 
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}
@keyframes heartbeat { 
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}
.marquee { overflow: hidden; white-space: nowrap; position: relative; }
.marquee__track { display: inline-flex; white-space: nowrap; will-change: transform; animation: 40s linear 0s infinite normal none running marquee; }
.marquee__group { display: inline-flex; -webkit-box-align: center; align-items: center; padding-right: 10px; }
.marquee--paused .marquee__track { animation-play-state: paused; }
@-webkit-keyframes marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .marquee__track { animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
}
.mascot__gradient-stop { stop-color: white; }
.grecaptcha-badge { visibility: hidden; }
.cglrHh { height: calc(56px + var(--safe-bottom)); padding-bottom: var(--safe-bottom); width: 100%; position: fixed; z-index: 100; bottom: 0px; border-top: 1px solid rgb(30, 41, 59); background-color: rgb(15, 23, 42); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
@media only screen and (min-width: 960px) {
  .cglrHh:not(.isTouchDevice) { display: none; }
}
.esBKoG { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 4px; width: 20%; }
.esBKoG .depositIconWrapper { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background-color: rgb(15, 23, 42); border-radius: 50%; width: 48px; height: 48px; z-index: 100; }
.esBKoG .anchorBottomRight { bottom: 8px !important; }
.giJFpQ { z-index: 300; }
@media only screen and (max-width: 620px) {
  .giJFpQ { right: 50%; transform: translateX(50%); }
}
.gmhTxM { height: calc(var(--safe-top) + 56px); padding-top: calc(var(--safe-top) + 8px); padding-bottom: 8px; }
.gmhTxM #afterNavLinks { gap: 16px; }
.gmhTxM.notLoggedIn { padding: calc(var(--safe-top) + 7px) 8px 7px 8px; }
.gmhTxM.notLoggedIn #afterNavLinks { gap: 8px; }
.gmhTxM:not(.notLoggedIn) { padding: calc(var(--safe-top) + 8px) 10px 8px 8px; }
.gmhTxM.isGamePage { display: none; }
.gmhTxM.isGamePage:not(.isDemo) #afterNavLinks { margin-left: auto; }
.gmhTxM.scrolled { border-bottom: 1px solid rgb(51, 65, 85); }
.gmhTxM .logo { width: 53px; height: 24px; }
.gmhTxM .mobileBalance { display: block; }
.gmhTxM button.login { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none !important; }
.gmhTxM button.login:hover { opacity: 0.8; }
.gmhTxM .bonusBadge .anchorTopRight, .gmhTxM .notificationBadge .anchorTopRight { width: 15px; height: 15px; top: -2px; }
.gmhTxM .bonusBadge .large, .gmhTxM .notificationBadge .large { width: 22px; height: 22px; right: -8px; }
@media only screen and (min-width: 960px) {
  .gmhTxM .mobileBalance { display: none; }
  .gmhTxM.notLoggedIn { padding: calc(var(--safe-top) + 7px) 8px 7px 8px; }
  .gmhTxM.isGamePage { display: block; }
}
@media only screen and (max-width: 374px) {
  .gmhTxM #afterNavLinks { gap: 8px; }
}
.egdsvU { display: none; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: start; width: 100%; }
@media only screen and (min-width: 960px) {
  .egdsvU { display: flex; }
}
.egdsvU .menu { display: flex; -webkit-box-align: center; align-items: center; white-space: nowrap; }
.egdsvU .menuItem { display: flex; -webkit-box-align: center; align-items: center; }
.dNlzNa { height: 40px; color: rgb(248, 250, 252); background-color: rgb(30, 41, 59); border-radius: 48px; border: 1px solid rgb(51, 65, 85); }
.jlxijC { width: 5px; height: 5px; border-radius: 50%; background-color: rgb(248, 250, 252); }
.jlxijC:not(:last-child) { margin-right: 3px; }
.fzuNIT { position: relative; padding: 8px 12px; border-radius: 48px; height: 40px; }
.fzuNIT:not(:last-child) { margin-right: 8px; }
.fzuNIT:hover, .fzuNIT.selected { background-color: rgb(30, 41, 59); }
.erqAja { width: 100%; }
.erqAja.banners .swiper-container { border-radius: 10px; }
.erqAja.banners .swiper-wrapper { max-width: 100%; width: 100%; display: flex; }
.erqAja.banners .arrow--left { left: 16px; }
.erqAja.banners .arrow--right { right: 16px; }
.erqAja.banners .swiper-slide { width: 100%; flex-shrink: 0; display: block; height: 100%; max-width: 100%; }
.erqAja.navigation-wrapper { position: relative; }
@media (any-hover: hover) {
  .erqAja.isArrowShownOnHover:hover .arrow { opacity: 1; }
}
.erqAja.withAutosizeItems .swiper-slide { width: fit-content; }
.erqAja.bonuses .swiper-slide { display: flex; height: auto; }
.erqAja.bonuses .swiper-slide > * { width: 100%; }
.erqAja .swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.3); border-radius: 1000px; cursor: pointer; z-index: 5; transition: width 500ms, background-color 500ms; margin: 0px 4px !important; opacity: 1 !important; }
@media (max-width: 414px) {
  .erqAja .swiper-pagination-bullet { width: 4px; height: 4px; margin: 0px 2px !important; }
}
.erqAja .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.erqAja .swiper-pagination-bullet:focus { outline: none; }
.erqAja .arrow { width: 32px; height: 32px; background-color: rgb(30, 41, 59); border-radius: 8px; position: absolute; top: 50%; fill: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 5; }
.erqAja .arrow.isArrowShownOnHover { opacity: 0; transition: opacity 0.3s; }
.erqAja .button { position: absolute; top: 50%; transform: translateY(-50%); padding: 8px 20px; font-weight: 400; }
.erqAja .carousel.arrow { top: -24px; background-color: rgb(30, 41, 59); }
@media screen and (min-width: 960px) {
  .erqAja .carousel.arrow { top: -34px; }
}
.erqAja .carousel.button { top: -24px; right: 0px; }
.erqAja .carousel.button.withArrows { right: 80px; }
.erqAja .carousel.button .mobile { right: 0px; }
@media screen and (min-width: 960px) {
  .erqAja .carousel.button { top: -34px; }
}
.erqAja .arrow--left { left: -10px; }
.erqAja .arrow--right { left: auto; right: -10px; }
.erqAja .carousel.arrow--left { left: auto; right: 40px; }
.erqAja .carousel.arrow--right { right: 0px; }
.erqAja .arrow.arrow--disabled { fill: rgba(139, 141, 143, 0.85); background-color: rgb(30, 41, 59); }
.cUFcNv { width: 100%; }
.cUFcNv.banners .swiper-container { border-radius: 10px; }
.cUFcNv.banners .swiper-wrapper { max-width: 100%; width: 100%; display: flex; }
.cUFcNv.banners .arrow--left { left: 16px; }
.cUFcNv.banners .arrow--right { right: 16px; }
.cUFcNv.banners .swiper-slide { width: 100%; flex-shrink: 0; display: block; height: 100%; max-width: 100%; }
.cUFcNv.navigation-wrapper { position: relative; }
@media (any-hover: hover) {
  .cUFcNv.isArrowShownOnHover:hover .arrow { opacity: 1; }
}
.cUFcNv.withAutosizeItems .swiper-slide { width: fit-content; }
.cUFcNv.bonuses .swiper-slide { display: flex; height: auto; }
.cUFcNv.bonuses .swiper-slide > * { width: 100%; }
.cUFcNv .swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.3); border-radius: 1000px; cursor: pointer; z-index: 5; transition: width 500ms, background-color 500ms; margin: 0px 4px !important; opacity: 1 !important; }
@media (max-width: 414px) {
  .cUFcNv .swiper-pagination-bullet { width: 4px; height: 4px; margin: 0px 2px !important; }
}
.cUFcNv .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.cUFcNv .swiper-pagination-bullet:focus { outline: none; }
.cUFcNv .arrow { width: 32px; height: 32px; background-color: rgb(30, 41, 59); border-radius: 8px; position: absolute; top: 50%; fill: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 5; }
.cUFcNv .arrow.isArrowShownOnHover { opacity: 0; transition: opacity 0.3s; }
.cUFcNv .button { position: absolute; top: 50%; transform: translateY(-50%); padding: 8px 20px; font-weight: 400; }
.cUFcNv .carousel.arrow { top: -24px; background-color: rgb(30, 41, 59); }
@media screen and (min-width: 960px) {
  .cUFcNv .carousel.arrow { top: -34px; }
}
.cUFcNv .carousel.button { top: -24px; right: 0px; }
.cUFcNv .carousel.button.withArrows { right: 80px; }
.cUFcNv .carousel.button .mobile { right: 0px; }
@media screen and (min-width: 960px) {
  .cUFcNv .carousel.button { top: -34px; }
}
.cUFcNv .arrow--left { left: -10px; }
.cUFcNv .arrow--right { left: auto; right: -10px; }
.cUFcNv .carousel.arrow--left { left: auto; right: 40px; }
.cUFcNv .carousel.arrow--right { right: 0px; }
.cUFcNv .arrow.arrow--disabled { fill: rgba(139, 141, 143, 0.85); background-color: rgb(30, 41, 59); }
@media (min-width: 0px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(83.3333% - 1.33333px); max-width: calc(83.3333% - 1.33333px); margin-right: 8px; }
}
@media (min-width: 375px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(71.4286% - 2.28571px); max-width: calc(71.4286% - 2.28571px); margin-right: 8px; }
}
@media (min-width: 560px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(50% - 4px); max-width: calc(50% - 4px); margin-right: 8px; }
}
@media (min-width: 740px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(37.037% - 5.03704px); max-width: calc(37.037% - 5.03704px); margin-right: 8px; }
}
@media (min-width: 890px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(33.3333% - 5.33333px); max-width: calc(33.3333% - 5.33333px); margin-right: 8px; }
}
@media (min-width: 960px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(50% - 4px); max-width: calc(50% - 4px); margin-right: 8px; }
}
@media (min-width: 1030px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(37.037% - 10.0741px); max-width: calc(37.037% - 10.0741px); margin-right: 16px; }
}
@media (min-width: 1150px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(33.3333% - 10.6667px); max-width: calc(33.3333% - 10.6667px); margin-right: 16px; }
}
@media (min-width: 1300px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(27.027% - 11.6757px); max-width: calc(27.027% - 11.6757px); margin-right: 16px; }
}
@media (min-width: 1460px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(25% - 12px); max-width: calc(25% - 12px); margin-right: 16px; }
}
@media (min-width: 1680px) {
  .cUFcNv .slide:not(.loaded) { min-width: calc(25% - 12px); max-width: calc(25% - 12px); margin-right: 16px; }
}
.eBruaV { width: 100%; }
.eBruaV.banners .swiper-container { border-radius: 10px; }
.eBruaV.banners .swiper-wrapper { max-width: 100%; width: 100%; display: flex; }
.eBruaV.banners .arrow--left { left: 16px; }
.eBruaV.banners .arrow--right { right: 16px; }
.eBruaV.banners .swiper-slide { width: 100%; flex-shrink: 0; display: block; height: 100%; max-width: 100%; }
.eBruaV.navigation-wrapper { position: relative; }
@media (any-hover: hover) {
  .eBruaV.isArrowShownOnHover:hover .arrow { opacity: 1; }
}
.eBruaV.withAutosizeItems .swiper-slide { width: fit-content; }
.eBruaV.bonuses .swiper-slide { display: flex; height: auto; }
.eBruaV.bonuses .swiper-slide > * { width: 100%; }
.eBruaV .swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.3); border-radius: 1000px; cursor: pointer; z-index: 5; transition: width 500ms, background-color 500ms; margin: 0px 4px !important; opacity: 1 !important; }
@media (max-width: 414px) {
  .eBruaV .swiper-pagination-bullet { width: 4px; height: 4px; margin: 0px 2px !important; }
}
.eBruaV .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.eBruaV .swiper-pagination-bullet:focus { outline: none; }
.eBruaV .arrow { width: 32px; height: 32px; background-color: rgb(30, 41, 59); border-radius: 8px; position: absolute; top: 50%; fill: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 5; }
.eBruaV .arrow.isArrowShownOnHover { opacity: 0; transition: opacity 0.3s; }
.eBruaV .button { position: absolute; top: 50%; transform: translateY(-50%); padding: 8px 20px; font-weight: 400; }
.eBruaV .carousel.arrow { top: -24px; background-color: rgb(30, 41, 59); }
@media screen and (min-width: 960px) {
  .eBruaV .carousel.arrow { top: -34px; }
}
.eBruaV .carousel.button { top: -24px; right: 0px; }
.eBruaV .carousel.button.withArrows { right: 80px; }
.eBruaV .carousel.button .mobile { right: 0px; }
@media screen and (min-width: 960px) {
  .eBruaV .carousel.button { top: -34px; }
}
.eBruaV .arrow--left { left: -10px; }
.eBruaV .arrow--right { left: auto; right: -10px; }
.eBruaV .carousel.arrow--left { left: auto; right: 40px; }
.eBruaV .carousel.arrow--right { right: 0px; }
.eBruaV .arrow.arrow--disabled { fill: rgba(139, 141, 143, 0.85); background-color: rgb(30, 41, 59); }
@media (min-width: 0px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(50% - 4px); max-width: calc(50% - 4px); margin-right: 8px; }
}
@media (min-width: 360px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(33.3333% - 5.33333px); max-width: calc(33.3333% - 5.33333px); margin-right: 8px; }
}
@media (min-width: 580px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(33.3333% - 10.6667px); max-width: calc(33.3333% - 10.6667px); margin-right: 16px; }
}
@media (min-width: 770px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(25% - 12px); max-width: calc(25% - 12px); margin-right: 16px; }
}
@media (min-width: 870px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(20% - 12.8px); max-width: calc(20% - 12.8px); margin-right: 16px; }
}
@media (min-width: 960px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(25% - 12px); max-width: calc(25% - 12px); margin-right: 16px; }
}
@media (min-width: 1050px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(20% - 12.8px); max-width: calc(20% - 12.8px); margin-right: 16px; }
}
@media (min-width: 1200px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(16.6667% - 13.3333px); max-width: calc(16.6667% - 13.3333px); margin-right: 16px; }
}
@media (min-width: 1350px) {
  .eBruaV .slide:not(.loaded) { min-width: calc(14.2857% - 13.7143px); max-width: calc(14.2857% - 13.7143px); margin-right: 16px; }
}
.cNnNPR { width: 100%; }
.cNnNPR.banners .swiper-container { border-radius: 10px; }
.cNnNPR.banners .swiper-wrapper { max-width: 100%; width: 100%; display: flex; }
.cNnNPR.banners .arrow--left { left: 16px; }
.cNnNPR.banners .arrow--right { right: 16px; }
.cNnNPR.banners .swiper-slide { width: 100%; flex-shrink: 0; display: block; height: 100%; max-width: 100%; }
.cNnNPR.navigation-wrapper { position: relative; }
@media (any-hover: hover) {
  .cNnNPR.isArrowShownOnHover:hover .arrow { opacity: 1; }
}
.cNnNPR.withAutosizeItems .swiper-slide { width: fit-content; }
.cNnNPR.bonuses .swiper-slide { display: flex; height: auto; }
.cNnNPR.bonuses .swiper-slide > * { width: 100%; }
.cNnNPR .swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.3); border-radius: 1000px; cursor: pointer; z-index: 5; transition: width 500ms, background-color 500ms; margin: 0px 4px !important; opacity: 1 !important; }
@media (max-width: 414px) {
  .cNnNPR .swiper-pagination-bullet { width: 4px; height: 4px; margin: 0px 2px !important; }
}
.cNnNPR .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.cNnNPR .swiper-pagination-bullet:focus { outline: none; }
.cNnNPR .arrow { width: 32px; height: 32px; background-color: rgb(30, 41, 59); border-radius: 8px; position: absolute; top: 50%; fill: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 5; }
.cNnNPR .arrow.isArrowShownOnHover { opacity: 0; transition: opacity 0.3s; }
.cNnNPR .button { position: absolute; top: 50%; transform: translateY(-50%); padding: 8px 20px; font-weight: 400; }
.cNnNPR .carousel.arrow { top: -24px; background-color: rgb(30, 41, 59); }
@media screen and (min-width: 960px) {
  .cNnNPR .carousel.arrow { top: -34px; }
}
.cNnNPR .carousel.button { top: -24px; right: 0px; }
.cNnNPR .carousel.button.withArrows { right: 80px; }
.cNnNPR .carousel.button .mobile { right: 0px; }
@media screen and (min-width: 960px) {
  .cNnNPR .carousel.button { top: -34px; }
}
.cNnNPR .arrow--left { left: -10px; }
.cNnNPR .arrow--right { left: auto; right: -10px; }
.cNnNPR .carousel.arrow--left { left: auto; right: 40px; }
.cNnNPR .carousel.arrow--right { right: 0px; }
.cNnNPR .arrow.arrow--disabled { fill: rgba(139, 141, 143, 0.85); background-color: rgb(30, 41, 59); }
@media (min-width: 0px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(50% - 4px); max-width: calc(50% - 4px); margin-right: 8px; }
}
@media (min-width: 360px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(33.3333% - 5.33333px); max-width: calc(33.3333% - 5.33333px); margin-right: 8px; }
}
@media (min-width: 580px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(25% - 12px); max-width: calc(25% - 12px); margin-right: 16px; }
}
@media (min-width: 770px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(20% - 12.8px); max-width: calc(20% - 12.8px); margin-right: 16px; }
}
@media (min-width: 870px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(16.6667% - 13.3333px); max-width: calc(16.6667% - 13.3333px); margin-right: 16px; }
}
@media (min-width: 960px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(20% - 12.8px); max-width: calc(20% - 12.8px); margin-right: 16px; }
}
@media (min-width: 1050px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(16.6667% - 13.3333px); max-width: calc(16.6667% - 13.3333px); margin-right: 16px; }
}
@media (min-width: 1200px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(14.2857% - 13.7143px); max-width: calc(14.2857% - 13.7143px); margin-right: 16px; }
}
@media (min-width: 1350px) {
  .cNnNPR .slide:not(.loaded) { min-width: calc(12.5% - 14px); max-width: calc(12.5% - 14px); margin-right: 16px; }
}
.bWBYaB { width: 100%; }
.bWBYaB.banners .swiper-container { border-radius: 10px; }
.bWBYaB.banners .swiper-wrapper { max-width: 100%; width: 100%; display: flex; }
.bWBYaB.banners .arrow--left { left: 16px; }
.bWBYaB.banners .arrow--right { right: 16px; }
.bWBYaB.banners .swiper-slide { width: 100%; flex-shrink: 0; display: block; height: 100%; max-width: 100%; }
.bWBYaB.navigation-wrapper { position: relative; }
@media (any-hover: hover) {
  .bWBYaB.isArrowShownOnHover:hover .arrow { opacity: 1; }
}
.bWBYaB.withAutosizeItems .swiper-slide { width: fit-content; }
.bWBYaB.bonuses .swiper-slide { display: flex; height: auto; }
.bWBYaB.bonuses .swiper-slide > * { width: 100%; }
.bWBYaB .swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.3); border-radius: 1000px; cursor: pointer; z-index: 5; transition: width 500ms, background-color 500ms; margin: 0px 4px !important; opacity: 1 !important; }
@media (max-width: 414px) {
  .bWBYaB .swiper-pagination-bullet { width: 4px; height: 4px; margin: 0px 2px !important; }
}
.bWBYaB .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.bWBYaB .swiper-pagination-bullet:focus { outline: none; }
.bWBYaB .arrow { width: 32px; height: 32px; background-color: rgb(30, 41, 59); border-radius: 8px; position: absolute; top: 50%; fill: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 5; }
.bWBYaB .arrow.isArrowShownOnHover { opacity: 0; transition: opacity 0.3s; }
.bWBYaB .button { position: absolute; top: 50%; transform: translateY(-50%); padding: 8px 20px; font-weight: 400; }
.bWBYaB .carousel.arrow { top: -24px; background-color: rgb(30, 41, 59); }
@media screen and (min-width: 960px) {
  .bWBYaB .carousel.arrow { top: -34px; }
}
.bWBYaB .carousel.button { top: -24px; right: 0px; }
.bWBYaB .carousel.button.withArrows { right: 80px; }
.bWBYaB .carousel.button .mobile { right: 0px; }
@media screen and (min-width: 960px) {
  .bWBYaB .carousel.button { top: -34px; }
}
.bWBYaB .arrow--left { left: -10px; }
.bWBYaB .arrow--right { left: auto; right: -10px; }
.bWBYaB .carousel.arrow--left { left: auto; right: 40px; }
.bWBYaB .carousel.arrow--right { right: 0px; }
.bWBYaB .arrow.arrow--disabled { fill: rgba(139, 141, 143, 0.85); background-color: rgb(30, 41, 59); }
@media (min-width: 0px) {
  .bWBYaB .slide:not(.loaded) { min-width: calc(83.3333% - 1.33333px); max-width: calc(83.3333% - 1.33333px); margin-right: 8px; }
}
@media (min-width: 520px) {
  .bWBYaB .slide:not(.loaded) { min-width: calc(50% - 8px); max-width: calc(50% - 8px); margin-right: 16px; }
}
@media (min-width: 1050px) {
  .bWBYaB .slide:not(.loaded) { min-width: calc(33.3333% - 10.6667px); max-width: calc(33.3333% - 10.6667px); margin-right: 16px; }
}
.irzYkq .arrow { width: 32px; height: 32px; background-color: rgb(30, 41, 59); border-radius: 8px; position: absolute; top: 50%; fill: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 5; }
.irzYkq .arrow.arrow--disabled { fill: rgba(139, 141, 143, 0.85); background-color: rgb(30, 41, 59); }
.gsedYV { position: relative; }
.gsedYV.landingCard .imageCard { height: 360px; min-width: 530px; }
.gsedYV.landingCard .imageCard img { height: 360px; min-width: 530px; }
.gsedYV.landingCard .imageCard.finishedCard { filter: grayscale(100%); }
.gsedYV.landingCard .infoCard { right: 24px; }
.gsedYV.landingCard .infoCard.slotegratorLanding { right: auto; }
.gsedYV.landingCard .infoCard .badge { top: 20px; }
.gsedYV.landingCard .infoCard .infoBlock, .gsedYV.landingCard .infoCard .prizesBlock { padding: 60px 12px 16px; max-width: 250px; min-width: 260px; }
.gsedYV.landingCard .infoCard .prizesBlock { padding-left: 0px; }
.gsedYV .imageCard { border-radius: 8px; position: relative; height: 406px; background-color: rgb(35, 44, 59); overflow: hidden; }
.gsedYV .imageCard.finishedCard { filter: grayscale(100%); }
.gsedYV .infoCard { position: absolute; top: 24px; bottom: 24px; left: 24px; border-radius: 8px; background: rgba(15, 23, 42, 0.9); display: flex; }
@media screen and (min-width: 620px) and (max-width: 768px) {
  .gsedYV .infoCard { width: 96%; left: 12px; }
  .gsedYV .infoCard .infoBlock, .gsedYV .infoCard .prizesBlock { padding: 62px 12px 24px; }
}
.gsedYV .infoCard .badge { border-radius: 0px 48px 48px 0px; width: max-content; position: absolute; top: 25px; left: 0px; }
.gsedYV .infoCard .date { left: 50%; transform: translate(-50%, -45%); top: 50%; }
.gsedYV .infoCard .bg { background-color: rgb(30, 41, 59); width: 100%; height: 50%; position: absolute; top: 0px; border-radius: 8px 8px 0px 0px; }
.gsedYV .infoCard .bg:nth-child(2) { top: auto; bottom: 0px; border-radius: 0px 0px 8px 8px; }
.gsedYV .infoCard .bonusTag { border-radius: 8px; padding: 4px 10px; width: max-content; margin-bottom: auto; }
.gsedYV .infoCard .infoBlock, .gsedYV .infoCard .prizesBlock { padding: 62px 24px 24px; }
.gsedYV .infoCard .infoBlock { max-width: 230px; }
.gsedYV .infoCard .infoBlock.pageCardBlock { max-width: 280px; min-width: 280px; }
.gsedYV .infoCard .prizesBlock { padding-left: 0px; }
.gsedYV.mobileCard .imageCard { min-height: 275px; min-width: 320px; width: 100%; height: 100%; }
.gsedYV.mobileCard .imageCard img { height: 275px; min-width: 320px; width: 320px; }
.gsedYV.mobileCard .imageCard.finishedCard { filter: grayscale(100%); }
.gsedYV.mobileCard.pageCard .imageCard { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.gsedYV.mobileCard.pageCard .imageCard.finishedCard { filter: grayscale(100%); }
.gsedYV.mobileCard.landingCard .imageCard.finishedCard { filter: grayscale(100%); }
.gsedYV.mobileCard .badge { position: absolute; top: 16px; border-radius: 0px 48px 48px 0px; left: 0px; }
.gsedYV.mobileCard .badge.date { border-radius: 48px 0px 0px 48px; right: 0px; left: auto; background-color: rgb(51, 65, 85); padding: 4px 0px 4px 16px; }
.gsedYV.mobileCard .infoBlock { position: absolute; bottom: 0px; background-color: rgb(30, 41, 59); min-width: auto; max-width: none; width: 100%; padding: 8px 16px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.kWSWNb > .flex { -webkit-box-pack: justify; justify-content: space-between; }
.kWSWNb .detailsWrapper .menuItem { margin-bottom: 10px; }
.kWSWNb .active .panelHeader { border-radius: 6px; }
.kWSWNb .active .panelHeader .typography { color: rgb(255, 255, 255); }
.kWSWNb button.filtersButton { border-radius: 8px; }
.fIGHOz { position: relative; min-width: 442.667px; }
.fIGHOz .infoIcon { position: absolute; top: 8px; right: 8px; }
.fIGHOz .infoContainer { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 8px; background: linear-gradient(0deg, rgba(15, 23, 42, 0.93) 60.42%, rgba(15, 23, 42, 0) 100%); backdrop-filter: blur(2px); }
@media only screen and (min-width: 960px) {
  .fIGHOz .infoContainer { padding: 16px; }
}
.fIGHOz img { border-radius: 8px; }
.fIGHOz .bannerText { color: rgb(255, 255, 255); text-align: center; text-shadow: rgb(61, 160, 255) 0px 0px 7.772px; font-weight: 900; line-height: 70px; text-transform: uppercase; position: absolute; left: 30px; }
.fIGHOz .bannerText.smallCardText { left: 20px; line-height: 40px; }
.dtIRZb { background-color: rgb(255, 136, 0); border-radius: 5px; padding: 2px 10px; position: absolute; top: 8px; left: 8px; z-index: 10; }
@media only screen and (min-width: 960px) {
  .dtIRZb { top: 16px; left: 16px; }
}

/* Runtime style 1: type="text/css" */
[data-vaul-drawer] { touch-action: none; will-change: transform; transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1); animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1); }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="open"] { animation-name: slideFromBottom; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="closed"] { animation-name: slideToBottom; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="open"] { animation-name: slideFromTop; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="closed"] { animation-name: slideToTop; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="open"] { animation-name: slideFromLeft; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="closed"] { animation-name: slideToLeft; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="open"] { animation-name: slideFromRight; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="closed"] { animation-name: slideToRight; }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="bottom"] { transform: translate3d(0,var(--initial-transform,100%),0); }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="top"] { transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0); }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="left"] { transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0); }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="right"] { transform: translate3d(var(--initial-transform,100%),0,0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="top"] { transform: translate3d(0,var(--snap-point-height,0),0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="bottom"] { transform: translate3d(0,var(--snap-point-height,0),0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="left"] { transform: translate3d(var(--snap-point-height,0),0,0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="right"] { transform: translate3d(var(--snap-point-height,0),0,0); }
[data-vaul-overlay][data-vaul-snap-points="false"] { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1); }
[data-vaul-overlay][data-vaul-snap-points="false"][data-state="open"] { animation-name: fadeIn; }
[data-vaul-overlay][data-state="closed"] { animation-name: fadeOut; }
[data-vaul-animate="false"] { animation: auto ease 0s 1 normal none running none !important; }
[data-vaul-overlay][data-vaul-snap-points="true"] { opacity: 0; transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1); }
[data-vaul-overlay][data-vaul-snap-points="true"] { opacity: 1; }
[data-vaul-drawer]:not([data-vaul-custom-container="true"])::after { content: ""; position: absolute; background: inherit; }
[data-vaul-drawer][data-vaul-drawer-direction="top"]::after { top: initial; bottom: 100%; left: 0px; right: 0px; height: 200%; }
[data-vaul-drawer][data-vaul-drawer-direction="bottom"]::after { top: 100%; bottom: initial; left: 0px; right: 0px; height: 200%; }
[data-vaul-drawer][data-vaul-drawer-direction="left"]::after { left: initial; right: 100%; top: 0px; bottom: 0px; width: 200%; }
[data-vaul-drawer][data-vaul-drawer-direction="right"]::after { left: 100%; right: initial; top: 0px; bottom: 0px; width: 200%; }
[data-vaul-overlay][data-vaul-snap-points="true"]:not([data-vaul-snap-points-overlay="true"]):not([data-state="closed"]) { opacity: 0; }
[data-vaul-overlay][data-vaul-snap-points-overlay="true"] { opacity: 1; }
[data-vaul-handle] { display: block; position: relative; opacity: 0.7; background: rgb(226, 226, 228); margin-left: auto; margin-right: auto; height: 5px; width: 32px; border-radius: 1rem; touch-action: pan-y; }
[data-vaul-handle]:active, [data-vaul-handle]:hover { opacity: 1; }
[data-vaul-handle-hitarea] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: max(100%, 2.75rem); height: max(100%, 2.75rem); touch-action: inherit; }
@media (hover: hover) and (pointer: fine) {
  [data-vaul-drawer] { user-select: none; }
}
@media (pointer: fine) {
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut { 
  100% { opacity: 0; }
}
@keyframes slideFromBottom { 
  0% { transform: translate3d(0,var(--initial-transform,100%),0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToBottom { 
  100% { transform: translate3d(0,var(--initial-transform,100%),0); }
}
@keyframes slideFromTop { 
  0% { transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToTop { 
  100% { transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0); }
}
@keyframes slideFromLeft { 
  0% { transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToLeft { 
  100% { transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0); }
}
@keyframes slideFromRight { 
  0% { transform: translate3d(var(--initial-transform,100%),0,0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToRight { 
  100% { transform: translate3d(var(--initial-transform,100%),0,0); }
}