// @import '../../../node_modules/antd/lib/style/themes/dark.less';
// @import '../../../node_modules/antd/dist/antd.dark.css';
@import '../../../node_modules/antd/lib/style/themes/dark.less';

@import './vars.less';
@import './fonts-import.css';

@import './resolutions.less';

@import './layout/Overlay.less';
@import './layout/Primary_Layout.less';
@import './layout/LeftSider.less';

@import './components/PostCard.less';

::-webkit-scrollbar {
    position: absolute;
    width: 14px;
    height: 18px;
  }
::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    margin: 5px 10px 5px 5px;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}

.app{
  &.interfaced{
    height: calc(100% - @AppTheme_global_winavbar_height)!important;
  }
  &.dark_mode{
   
    :global{
      filter: invert(100%);
      img, svg, video {
        filter: invert(100%);
        color: @AppTheme_global_background;
      }
    }
  }
}

#app {
  -webkit-app-region: no-drag;
  overflow: hidden;
  position: absolute;
  bottom: 0;

  background-repeat: repeat-x;
  background-size: cover;
  background-position-y: center;
  background-color: transparent;
  margin: auto;
  height: 100vh;
  width: 100vw;

  transition: all @__Global_Components_transitions_dur linear;

  &.mobile{
    >.primary_layout_container {
      padding: 0;
      overflow-y: overlay;
      overflow-x: hidden;
      min-width: unset;
    }
    .primary_layout_content{
      padding: 35px 15px 15px;
    }
  }

}



body {
  text-rendering: optimizeLegibility!important;
  -webkit-app-region: no-drag;

  scroll-behavior: smooth;
  height: 100vh;

  overflow: hidden;

  font-size: @base-font-size;
  line-height: @base-line-height;

  font-family: @__Global_texted_font;
  color: @AppTheme_global_color!important;
  background-color: @AppTheme_global_background;

  &.dark{
    background-color: @AppTheme_global_color;
  }
}

@media (max-width: @bp-small){
  ::-webkit-scrollbar{
    display: none;
  }
}

// @media (min-width: @bp-medium) {

// }

// @media (min-width: @bp-large) {

// }

// @media (min-width: @bp-xlarge) {

// }

// @media (min-width: @bp-xxlarge) {

// }

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-gradient {
  background-image: -webkit-gradient(
    linear,
    37.219838% 34.532506%,
    36.425669% 93.178216%,
    from(#29cdff),
    to(#0a60ff),
    color-stop(0.37, #148eff)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.background-hover {
  transition: @transition-ease-in;
  &:hover {
    background-color: @hover-color;
  }
}