//@import '../theme/core/spacing/vars';
@import '../../../../../../grid-deprecated/vars';
@import '../../../global/_variables';

:host {
  position: sticky;
  bottom: 0;
  display: none;
  height: 68px;
  border-top: 1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);

  .icon {
    transform: rotateZ(90deg);
    transition: all 0.2s ease-in-out;
    width: 20px;
    height: 20px;
  }

  .state-collapsed {
    .icon {
      transform: translateX(-50%) rotateZ(90deg) rotateX(180deg);
      color: var(--tds-sidebar-side-menu-single-item-color);
      margin-left: 0;
      position: absolute;
      left: 50%;
    }
  }
}

@media (min-width: $grid-lg) {
  :host {
    display: block;
  }
}