import { css } from 'lit'

export default css`
  :host {
    height: 72px;
    padding: 0 4px;
    display: block;
    overflow: hidden;
  }

  .app-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    height: inherit;
  }

  .drawer-sizer {
    width: 360px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  .bar-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  .search {
    flex: 1;
    max-width: 640px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .avatar {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
`
