@import "../../styles/slotui-vars.scss";
@import "../../styles/presets.scss";
.drawer {
  color: var(--css-drawer-color, inherit);
  background-color: var(--slotui-drawer-bg-color, var(--theme-color-paper-alpha-low));
  backdrop-filter: var(--slotui-drawer-backdrop-blur, blur(0px));
  z-index: 3000;
  box-shadow: var(--box-shad-3);
  border-left: 1px solid var(--slotui-drawer-border-color, var(--theme-color-primary-alpha));
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: all 0.1s; 
  .opener {
    //background-color: var(--slotui-drawer-bg-color, var(--theme-color-paper-alpha-low));
    position: absolute;
    z-index: 8600;
  }
  .header {
    // border-bottom: 1px solid var(--theme-color-foreground-alpha-high); 

    min-height: 48px;
    display: flex;
    align-items: center;

    .title {
      font-size: large;
    }
  }
  .content {
    flex: 1; 
    position: relative; 
  }
}