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

  #attributesRow {
    flex-direction: row;
    display: flex;
    max-width: 100%;
  }

  .attributes {
    overflow: hidden;
    margin-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .link {
    color: var(--cr-link-color);
    cursor: pointer;
    flex-shrink: 0;
  }

  cr-icon {
    --icon-size: 14px;
    fill: var(--cr-link-color);
    border-radius: 0;
    margin-left: 4px;
    height: var(--icon-size);
    width: var(--icon-size);
  }`]);
}
