.casino-category[_ngcontent-ng-c1253438090] { position: relative; display: flex; flex-direction: column; row-gap: 0.25rem; overflow: hidden; }
.casino-category[_ngcontent-ng-c1253438090] .menu-container[_ngcontent-ng-c1253438090] { position: relative; width: 100%; overflow: hidden; }
.casino-category[_ngcontent-ng-c1253438090] .main-menu[_ngcontent-ng-c1253438090] { display: flex; flex-direction: column; row-gap: 0.25rem; transition-property: transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.casino-category[_ngcontent-ng-c1253438090] .main-menu.hide[_ngcontent-ng-c1253438090] { display: none; --tw-translate-x: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] { display: none; width: 100%; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; row-gap: 0.25rem; transition-property: transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.casino-category[_ngcontent-ng-c1253438090] .categories-menu.show[_ngcontent-ng-c1253438090] { display: flex; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] .categories-header[_ngcontent-ng-c1253438090] { display: flex; align-items: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-200) / .4); padding: 0.75rem; }
@media (min-width: 1024px) {
  .casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] .categories-header[_ngcontent-ng-c1253438090]:hover { background-color: hsl(var(--tertiary-200) / .75); }
}
.casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] .categories-header[_ngcontent-ng-c1253438090] .back-button[_ngcontent-ng-c1253438090] { display: flex; width: 100%; cursor: pointer; align-items: center; font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
.casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] .categories-header[_ngcontent-ng-c1253438090] .back-button[_ngcontent-ng-c1253438090] .icon-back[_ngcontent-ng-c1253438090] { height: 1.5rem; width: 1.5rem; }
.casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] .categories-header[_ngcontent-ng-c1253438090] .back-button[_ngcontent-ng-c1253438090] span[_ngcontent-ng-c1253438090] { margin-left: 0.5rem; }
.casino-category[_ngcontent-ng-c1253438090] .categories-menu[_ngcontent-ng-c1253438090] .categories-list[_ngcontent-ng-c1253438090] { display: flex; height: 100%; flex-direction: column; row-gap: 0.25rem; overflow-y: auto; }
.casino-category-item[_ngcontent-ng-c1253438090] { display: flex; height: 3rem; align-items: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-200) / .4); padding: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
.casino-category-item[_ngcontent-ng-c1253438090] .icon[_ngcontent-ng-c1253438090] { height: 1.25rem; width: 1.25rem; flex-shrink: 0; color: hsl(var(--tertiary-950) / .7); }
.casino-category-item[_ngcontent-ng-c1253438090] .icon.right-icon[_ngcontent-ng-c1253438090] { color: hsl(var(--tertiary-950) / .6); }
.casino-category-item[_ngcontent-ng-c1253438090] .menu-label[_ngcontent-ng-c1253438090] { display: grid; flex: 1 1 0%; padding-left: 0.75rem; opacity: 1; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: linear; }
@media (min-width: 1024px) {
  .casino-category-item[_ngcontent-ng-c1253438090]:hover, .casino-category-item.active[_ngcontent-ng-c1253438090] { background-color: hsl(var(--tertiary-200) / .75); }
  .casino-category-item.first-item[_ngcontent-ng-c1253438090] { display: none; }
}