import { css } from "lit";
const compentStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

.wrapper {
  display: flex;
  padding: 0px 8px;
  gap: var(--ui-components-audio-output-spacing);
}

.item {
  width: var(--ui-components-audio-output-width);
  height: var(--ui-components-audio-output-height);
  border-radius: 16px;
  background: var(--indent-enabled-background-color);
  box-sizing: border-box;
}

.item.active {
    background: var(--selected-enabled-background-color);
  }

.wrapper:not(.disabled) .item:not(.active) {
      border: 1px solid var(--indent-enabled-border-color);
    }

.disabled .item {
  background: var(--element-disabled-color);
}
`;
export {
  compentStyle as default
};
//# sourceMappingURL=audio-output.css.js.map
