import { css } from 'lit'

export default css`
  .version-listbox {
    margin: 0;
    position-area: bottom;
    justify-self: anchor-center;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform 250ms cubic-bezier(0.2, 0, 0, 1) 0s;
    box-shadow: var(--md-sys-elevation-1);
    border-radius: var(--md-sys-shape-corner-medium);
    border: none;
    /* background-color: var(--md-sys-color-surface-container-high); */

    &:not(:popover-open) {
      display: none;
    }

    &:popover-open {
      display: block;
      transform: scaleY(1);

      @starting-style {
        transform: scaleY(0);
      }
    }
  }
`
