/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
@use './mixins';
@use '../../divider';

@include mixins.core-styles;

:host {
  @include mixins.host;
  @include divider.provide-theme(( margin: 4px 0 ));
}

:host([direction=right]) {
  @include mixins.host-right;

  .forge-drawer__root {
    position: relative;
  }
}

:host(:not([open])) {
  display: none;
}

:host([hover]) {
  .forge-drawer--right {
    position: absolute;
    right: 0;
  }

  .forge-drawer:hover {
    @include mixins.hover;

    .forge-drawer__content {
      overflow: auto;
      overflow: overlay; // Only supported by Chrome, Safari, Opera
    }
  }
}
