import { css } from '//resources/lit/v3_0/lit.rollup.js';
import { getCss as getCrHiddenStyleLit } from '//resources/cr_elements/cr_hidden_style_lit.css.js';
let instance = null;
export function getCss() {
    return instance || (instance = [...[getCrHiddenStyleLit()], css `
:host {
  display: flex;
}

pinned-toolbar-action,
toolbar-divider {
  transition: width 300ms ease,
              margin-inline-end 300ms ease,
              margin-inline-start 300ms ease,
              opacity 200ms linear;

  margin-inline-end: var(--toolbar-icon-default-margin);

  animation: slide-in 300ms ease-out;
}

toolbar-divider {
  margin-inline-end: var(--toolbar-divider-spacing);
}

toolbar-divider:last-child {
  margin-inline-end: calc(var(--toolbar-divider-spacing) -
                          var(--toolbar-icon-default-margin));
}

.exiting {
  pointer-events: none;
  width: 0 !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
  opacity: 0 !important;
}

@keyframes slide-in {
  from {
    width: 0;
    opacity: 0;
  }
}`]);
}
