/* Phosphor Icons 1.4.2 (MIT), served from the app instead of a CDN. The font
 * is the package's src/fonts/Phosphor.woff2; the glyph rules below are only
 * the icons the app uses, with codepoints from its src/css/icons.css.
 * test/integration/phosphor_icons_test.rb fails when a view uses one that
 * isn't listed here. */
@font-face {
  font-display: block;
  font-family: Phosphor;
  font-style: normal;
  font-weight: 400;
  src: url("/assets/phosphor-a0ae3757.woff2") format("woff2");
}

@layer components {
  [class^="ph-"],
  [class*=" ph-"] {
    display: inline-flex;

    &::before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      color: inherit;
      flex-shrink: 0;
      font: normal normal normal 1em/1 Phosphor;
      speak: none;
      text-align: center;
      text-decoration: inherit;
      text-transform: none;
    }
  }

  .ph-arrows-clockwise::before { content: "\f2a1"; }
  .ph-calendar-plus::before { content: "\f304"; }
  .ph-caret-left::before { content: "\f31b"; }
  .ph-caret-right::before { content: "\f31c"; }
  .ph-check-circle::before { content: "\f33f"; }
  .ph-clock-counter-clockwise::before { content: "\f354"; }
  .ph-dots-three-vertical::before { content: "\f3b0"; }
  .ph-eye::before { content: "\f3c6"; }
  .ph-eye-slash::before { content: "\f3c8"; }
  .ph-file-text::before { content: "\f3eb"; }
  .ph-image::before { content: "\f475"; }
  .ph-megaphone::before { content: "\f4b5"; }
  .ph-paper-plane-tilt::before { content: "\f503"; }
  .ph-pencil-simple::before { content: "\f513"; }
  .ph-plus-bold::before { content: "\f948"; }
  .ph-question::before { content: "\f547"; }
  .ph-scales::before { content: "\f560"; }
  .ph-sign-out::before { content: "\f582"; }
  .ph-t-shirt::before { content: "\f5c8"; }
  .ph-t-shirt-bold::before { content: "\f9df"; }
  .ph-ticket::before { content: "\f5f1"; }
  .ph-trash::before { content: "\f602"; }
  .ph-tray::before { content: "\f604"; }
  .ph-upload::before { content: "\f611"; }
  .ph-user-plus::before { content: "\f61c"; }
  .ph-users-three::before { content: "\f622"; }
  .ph-x-bold::before { content: "\fa59"; }
}