*, ::before, ::after {
  --tw-border-spacing-x:  0;
  --tw-border-spacing-y:  0;
  --tw-translate-x:  0;
  --tw-translate-y:  0;
  --tw-rotate:  0;
  --tw-skew-x:  0;
  --tw-skew-y:  0;
  --tw-scale-x:  1;
  --tw-scale-y:  1;
  --tw-pan-x:   ;
  --tw-pan-y:   ;
  --tw-pinch-zoom:   ;
  --tw-scroll-snap-strictness:  proximity;
  --tw-gradient-from-position:   ;
  --tw-gradient-via-position:   ;
  --tw-gradient-to-position:   ;
  --tw-ordinal:   ;
  --tw-slashed-zero:   ;
  --tw-numeric-figure:   ;
  --tw-numeric-spacing:   ;
  --tw-numeric-fraction:   ;
  --tw-ring-inset:   ;
  --tw-ring-offset-width:  0px;
  --tw-ring-offset-color:  #fff;
  --tw-ring-color:  rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:  0 0 #0000;
  --tw-ring-shadow:  0 0 #0000;
  --tw-shadow:  0 0 #0000;
  --tw-shadow-colored:  0 0 #0000;
  --tw-blur:   ;
  --tw-brightness:   ;
  --tw-contrast:   ;
  --tw-grayscale:   ;
  --tw-hue-rotate:   ;
  --tw-invert:   ;
  --tw-saturate:   ;
  --tw-sepia:   ;
  --tw-drop-shadow:   ;
  --tw-backdrop-blur:   ;
  --tw-backdrop-brightness:   ;
  --tw-backdrop-contrast:   ;
  --tw-backdrop-grayscale:   ;
  --tw-backdrop-hue-rotate:   ;
  --tw-backdrop-invert:   ;
  --tw-backdrop-opacity:   ;
  --tw-backdrop-saturate:   ;
  --tw-backdrop-sepia:   ;
  --tw-contain-size:   ;
  --tw-contain-layout:   ;
  --tw-contain-paint:   ;
  --tw-contain-style:   ;
}
::backdrop {
  --tw-border-spacing-x:  0;
  --tw-border-spacing-y:  0;
  --tw-translate-x:  0;
  --tw-translate-y:  0;
  --tw-rotate:  0;
  --tw-skew-x:  0;
  --tw-skew-y:  0;
  --tw-scale-x:  1;
  --tw-scale-y:  1;
  --tw-pan-x:   ;
  --tw-pan-y:   ;
  --tw-pinch-zoom:   ;
  --tw-scroll-snap-strictness:  proximity;
  --tw-gradient-from-position:   ;
  --tw-gradient-via-position:   ;
  --tw-gradient-to-position:   ;
  --tw-ordinal:   ;
  --tw-slashed-zero:   ;
  --tw-numeric-figure:   ;
  --tw-numeric-spacing:   ;
  --tw-numeric-fraction:   ;
  --tw-ring-inset:   ;
  --tw-ring-offset-width:  0px;
  --tw-ring-offset-color:  #fff;
  --tw-ring-color:  rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:  0 0 #0000;
  --tw-ring-shadow:  0 0 #0000;
  --tw-shadow:  0 0 #0000;
  --tw-shadow-colored:  0 0 #0000;
  --tw-blur:   ;
  --tw-brightness:   ;
  --tw-contrast:   ;
  --tw-grayscale:   ;
  --tw-hue-rotate:   ;
  --tw-invert:   ;
  --tw-saturate:   ;
  --tw-sepia:   ;
  --tw-drop-shadow:   ;
  --tw-backdrop-blur:   ;
  --tw-backdrop-brightness:   ;
  --tw-backdrop-contrast:   ;
  --tw-backdrop-grayscale:   ;
  --tw-backdrop-hue-rotate:   ;
  --tw-backdrop-invert:   ;
  --tw-backdrop-opacity:   ;
  --tw-backdrop-saturate:   ;
  --tw-backdrop-sepia:   ;
  --tw-contain-size:   ;
  --tw-contain-layout:   ;
  --tw-contain-paint:   ;
  --tw-contain-style:   ;
}
.container {
  width:  100%;
}
@media (min-width: 640px) {
  .container {
    max-width:  640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width:  768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width:  1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width:  1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width:  1536px;
  }
}
.visible {
  visibility:  visible;
}
.invisible {
  visibility:  hidden;
}
.collapse {
  visibility:  collapse;
}
.static {
  position:  static;
}
.fixed {
  position:  fixed;
}
.absolute {
  position:  absolute;
}
.relative {
  position:  relative;
}
.sticky {
  position:  sticky;
}
.col-span-2 {
  grid-column:  span 2 / span 2;
}
.m-0 {
  margin:  0px;
}
.mx-auto {
  margin-left:  auto;
  margin-right:  auto;
}
.my-3 {
  margin-top:  0.75rem;
  margin-bottom:  0.75rem;
}
.mb-2 {
  margin-bottom:  0.5rem;
}
.mb-3 {
  margin-bottom:  0.75rem;
}
.mb-4 {
  margin-bottom:  1rem;
}
.mb-6 {
  margin-bottom:  1.5rem;
}
.mb-8 {
  margin-bottom:  2rem;
}
.ml-2 {
  margin-left:  0.5rem;
}
.ml-auto {
  margin-left:  auto;
}
.mr-1 {
  margin-right:  0.25rem;
}
.mt-2 {
  margin-top:  0.5rem;
}
.mt-3 {
  margin-top:  0.75rem;
}
.mt-4 {
  margin-top:  1rem;
}
.mt-6 {
  margin-top:  1.5rem;
}
.block {
  display:  block;
}
.inline-block {
  display:  inline-block;
}
.inline {
  display:  inline;
}
.flex {
  display:  flex;
}
.inline-flex {
  display:  inline-flex;
}
.grid {
  display:  grid;
}
.hidden {
  display:  none;
}
.h-16 {
  height:  4rem;
}
.h-64 {
  height:  16rem;
}
.min-h-0 {
  min-height:  0px;
}
.min-h-screen {
  min-height:  100vh;
}
.w-full {
  width:  100%;
}
.max-w-3xl {
  max-width:  48rem;
}
.max-w-sm {
  max-width:  24rem;
}
.flex-1 {
  flex:  1 1 0%;
}
.flex-shrink-0 {
  flex-shrink:  0;
}
.transform {
  transform:  translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-grab {
  cursor:  grab;
}
.cursor-not-allowed {
  cursor:  not-allowed;
}
.cursor-pointer {
  cursor:  pointer;
}
.select-none {
  -webkit-user-select:  none;
     -moz-user-select:  none;
          user-select:  none;
}
.resize {
  resize:  both;
}
.grid-cols-1 {
  grid-template-columns:  repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns:  repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction:  column;
}
.flex-wrap {
  flex-wrap:  wrap;
}
.items-start {
  align-items:  flex-start;
}
.items-end {
  align-items:  flex-end;
}
.items-center {
  align-items:  center;
}
.justify-end {
  justify-content:  flex-end;
}
.justify-center {
  justify-content:  center;
}
.justify-between {
  justify-content:  space-between;
}
.gap-0 {
  gap:  0px;
}
.gap-1 {
  gap:  0.25rem;
}
.gap-2 {
  gap:  0.5rem;
}
.gap-3 {
  gap:  0.75rem;
}
.gap-4 {
  gap:  1rem;
}
.gap-6 {
  gap:  1.5rem;
}
.gap-x-6 {
  -moz-column-gap:  1.5rem;
       column-gap:  1.5rem;
}
.gap-y-3 {
  row-gap:  0.75rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:  0;
  margin-top:  calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:  calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:  0;
  margin-top:  calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:  calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:  0;
  margin-top:  calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:  calc(0.75rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow:  hidden;
}
.truncate {
  overflow:  hidden;
  text-overflow:  ellipsis;
  white-space:  nowrap;
}
.rounded {
  border-radius:  0.25rem;
}
.border {
  border-width:  1px;
}
.border-2 {
  border-width:  2px;
}
.border-b {
  border-bottom-width:  1px;
}
.border-gray-100 {
  --tw-border-opacity:  1;
  border-color:  rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity:  1;
  background-color:  rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity:  1;
  background-color:  rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.p-2 {
  padding:  0.5rem;
}
.px-2 {
  padding-left:  0.5rem;
  padding-right:  0.5rem;
}
.px-3 {
  padding-left:  0.75rem;
  padding-right:  0.75rem;
}
.px-4 {
  padding-left:  1rem;
  padding-right:  1rem;
}
.py-1 {
  padding-top:  0.25rem;
  padding-bottom:  0.25rem;
}
.py-16 {
  padding-top:  4rem;
  padding-bottom:  4rem;
}
.py-2 {
  padding-top:  0.5rem;
  padding-bottom:  0.5rem;
}
.py-6 {
  padding-top:  1.5rem;
  padding-bottom:  1.5rem;
}
.py-8 {
  padding-top:  2rem;
  padding-bottom:  2rem;
}
.pr-1 {
  padding-right:  0.25rem;
}
.pt-4 {
  padding-top:  1rem;
}
.text-center {
  text-align:  center;
}
.text-right {
  text-align:  right;
}
.font-mono {
  font-family:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-lg {
  font-size:  1.125rem;
  line-height:  1.75rem;
}
.text-sm {
  font-size:  0.875rem;
  line-height:  1.25rem;
}
.text-xs {
  font-size:  0.75rem;
  line-height:  1rem;
}
.font-medium {
  font-weight:  500;
}
.font-semibold {
  font-weight:  600;
}
.uppercase {
  text-transform:  uppercase;
}
.italic {
  font-style:  italic;
}
.tabular-nums {
  --tw-numeric-spacing:  tabular-nums;
  font-variant-numeric:  var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.text-blue-600 {
  --tw-text-opacity:  1;
  color:  rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity:  1;
  color:  rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity:  1;
  color:  rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity:  1;
  color:  rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity:  1;
  color:  rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line:  underline;
}
.opacity-50 {
  opacity:  0.5;
}
.outline {
  outline-style:  solid;
}
.ring {
  --tw-ring-offset-shadow:  var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:  var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:  var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.filter {
  filter:  var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property:  color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:  cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:  150ms;
}
.transition-colors {
  transition-property:  color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:  cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:  150ms;
}
.ease-in-out {
  transition-timing-function:  cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function:  cubic-bezier(0, 0, 0.2, 1);
}

:root {
  --bg-layout:  #f0f2f5;
  --bg-card:    #ffffff;
  --bg-sider:   #ffffff;
  --bg-header:  #ffffff;
  --bg-footer:  #ffffff;
  --bg-widget:  #fafafa;
  --border-color:   #f0f0f0;
  --border-widget:  #e8e8e8;
}

html.dark {
  --bg-layout:  #010413;
  --bg-card:    #1b1e2b;
  --bg-sider:   #1b1e2b;
  --bg-header:  #1b1e2b;
  --bg-footer:  #1b1e2b;
  --bg-widget:  #282b37;
  --border-color:   #282b37;
  --border-widget:  #323541;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--bg-layout);
}

.ant-layout-sider {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.06);
}

html.dark .ant-menu-submenu-selected > .ant-menu-submenu-title,
html.dark .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-item-icon,
html.dark .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-title-content {
  color: #a5b4fc !important;
}

/* Fix iframe rounded corners gray line */
.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  border-radius: 12px;
}

.last\:border-0:last-child {
  border-width:  0px;
}

.hover\:border-blue-400:hover {
  --tw-border-opacity:  1;
  border-color:  rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.dark\:bg-\[\#010413\]:is(.dark *) {
  --tw-bg-opacity:  1;
  background-color:  rgb(1 4 19 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-950:is(.dark *) {
  --tw-bg-opacity:  1;
  background-color:  rgb(23 37 84 / var(--tw-bg-opacity, 1));
}

.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity:  1;
  color:  rgb(147 197 253 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:block {
    display:  block;
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-2 {
    grid-template-columns:  repeat(2, minmax(0, 1fr));
  }
}