@import '../../styles/mixins/mixins.css';
@import '../../styles/variables/variables.css';

.mainHeader{
  width: 100%;
  left: 0;
  right: 0;
  position: fixed;
  overflow: hidden;
  z-index: 2;
  border-top: $bdr-mainHeader;
  color: $cl-mainHeader;
  .mainHeaderSheet{
    height: 65px;
    position: absolute;
    opacity: 0;
    top: -65px;
    width: 100%;
    transition: background-color .2s, top .5s;
  }
  .mainHeaderWrapper{
    @mixin mainFit; 
    margin: 0 auto;  
    height: 65px;
    display: flex;
    z-index: 2;
    position: relative;
    justify-content: space-between;
    align-items: center;
  }
}

.mainHeaderActive {
  transition: background-color .2s,top .5s,opacity .2s;
  .mainHeaderSheet{
    background-color: $bg-mainHeader;
    background-image: $bgi-mainHeaderActive;
    opacity: 1;
    top: 0;
    transition: background-color .2s,top .5s,opacity .2s;
    clip-path: polygon(0% 0px, 0% 65px, 33% 48px, 48% 65px, 67% 35px, 85% 55px, 100% 55px, 100% 0px);  
  }
}
@import '../../styles/mixins/mixins.css';
@import '../../styles/variables/variables.css';

.mainHeader{
  width: 100%;
  left: 0;
  right: 0;
  position: fixed;
  overflow: hidden;
  z-index: 2;
  border-top: $bdr-mainHeader;
  color: $cl-mainHeader;
  .mainHeaderSheet{
    height: 65px;
    position: absolute;
    opacity: 0;
    top: -65px;
    width: 100%;
    transition: background-color .2s, top .5s;
  }
  .mainHeaderWrapper{
    @mixin mainFit; 
    margin: 0 auto;  
    height: 65px;
    display: flex;
    z-index: 2;
    position: relative;
    justify-content: space-between;
    align-items: center;
  }
}

.mainHeaderActive {
  transition: background-color .2s,top .5s,opacity .2s;
  .mainHeaderSheet{
    background-color: $bg-mainHeader;
    background-image: $bgi-mainHeaderActive;
    opacity: 1;
    top: 0;
    transition: top .3s,opacity .2s;
    clip-path: polygon(0% 0px, 0% 65px, 33% 48px, 48% 65px, 67% 35px, 85% 55px, 100% 55px, 100% 0px);  
  }
}
Decrease anim time and remove background-color anim
Decrease anim time and remove background-color anim
