@charset "utf-8";

._app-nav-utils { align-items: stretch; display: flex; gap: 16px; height: 40px; justify-content: center; }

._app-nav-utils a[disabled] { pointer-events: none; }

._app-nav-utils .util-menus { display: flex; }

._app-nav-utils .util-menus > li { cursor: pointer; position: relative; }

._app-nav-utils .util-menus > li.open > a { color: rgb(255, 255, 255); }

._app-nav-utils .util-menus > li.open > a svg { transform: rotate(180deg); }

._app-nav-utils .util-menus > li.open > a svg path { stroke: rgb(229, 229, 229); }

._app-nav-utils .util-menus > li.open:has(.sub-menus) { background-color: rgb(37, 37, 37); border-bottom: 1px solid rgb(5, 5, 5); }

._app-nav-utils .util-menus > li.open .sub-menus { visibility: visible; }

._app-nav-utils .util-menus > li a { cursor: pointer; user-select: none; }

._app-nav-utils .util-menus > li > a { align-items: center; color: rgb(163, 163, 163); display: flex; font-size: 12px; font-weight: 500; gap: 4px; height: 100%; letter-spacing: 0.36px; line-height: 16px; padding-left: 8px; padding-right: 8px; }

._app-nav-utils .util-menus > li > a svg { height: 16px; margin-right: -4px; width: 16px; }

._app-nav-utils .util-menus > li > a svg path { stroke: rgb(115, 115, 115); }

._app-nav-utils .util-menus li[data-id="howtoplay"] .sub-menus, ._app-nav-utils .util-menus li[data-id="ourgames"] .sub-menus, ._app-nav-utils .util-menus li[data-id="pokergames"] .sub-menus { left: 0px; right: auto; }

._app-nav-utils .sub-menus { background-color: rgb(32, 32, 32); border: 1px solid rgb(37, 37, 37); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 24px -2px, rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; cursor: default; flex-direction: column; position: absolute; right: 0px; top: calc(100% + 1px); visibility: hidden; width: max-content; }

._app-nav-utils .sub-menus:not(.mega-menu) { background-color: rgb(37, 37, 37); padding: 16px 0px; }

._app-nav-utils .sub-menus.mega-menu { display: flex; flex-direction: row; left: 50%; padding: 0px; right: auto; top: 40px; transform: translateX(-50%); z-index: 1; }

._app-nav-utils .sub-menus.mega-menu > li { border-left: 1px solid rgb(43, 44, 45); }

._app-nav-utils .sub-menus.mega-menu > li > .sub-menus-title { padding-bottom: 11px; padding-top: 11px; }

._app-nav-utils .sub-menus > li { flex: 1 1 0%; }

._app-nav-utils .sub-menus > li .sub-menus-title { background-color: rgb(37, 37, 37); color: rgb(212, 212, 212); font-weight: 500; }

._app-nav-utils .sub-menus > li .menu-items { padding-bottom: 8px; padding-top: 8px; }

._app-nav-utils .sub-menus > li .menu-items a.router-link-active { color: rgb(255, 255, 255); }

._app-nav-utils .sub-menus > li .menu-items a.router-link-active span { text-decoration: underline; text-underline-position: under; }

._app-nav-utils .sub-menus .sub-menus-title, ._app-nav-utils .sub-menus a { color: rgb(163, 163, 163); display: block; font-size: 12px; font-weight: 400; letter-spacing: 0.36px; line-height: 16px; overflow: hidden; padding: 7px 24px; text-overflow: ellipsis; white-space: nowrap; }

._app-nav-utils .sub-menus a.router-link-active, ._app-nav-utils .sub-menus a:hover { text-decoration: underline; text-underline-position: under; }

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  ._app-nav-utils .util-menus > li[data-id="ourgames"] .mega-menu { width: calc(100vw - 64px); left: 32px !important; right: 32px !important; }
  ._app-nav-utils .util-menus > li[data-id="ourgames"] .mega-menu li { overflow: hidden; max-width: inherit !important; }
}