/*
 * Quick Stuff icons: Phosphor (https://phosphoricons.com, MIT), self-hosted.
 *
 * Usage: <i class="ph ph-check" aria-hidden="true"></i>
 * Each icon is the unmodified Phosphor SVG in shared/icons/, painted through a
 * CSS mask so it follows `color` and scales with `font-size` like text does.
 *
 * To add one: copy the SVG from @phosphor-icons/core (assets/bold, or
 * assets/fill for solid shapes) into shared/icons/ and add a rule below.
 */
.ph {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: var(--ph) center / contain no-repeat;
  mask: var(--ph) center / contain no-repeat;
}
.ph-spin { animation: ph-spin 1s linear infinite; }
@keyframes ph-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .ph-spin { animation-duration: 3s; }
}

.ph-app-store-logo { --ph: url("icons/app-store-logo-bold.svg"); }
.ph-arrow-bend-up-left { --ph: url("icons/arrow-bend-up-left-bold.svg"); }
.ph-arrow-counter-clockwise { --ph: url("icons/arrow-counter-clockwise-bold.svg"); }
.ph-arrow-left { --ph: url("icons/arrow-left-bold.svg"); }
.ph-arrow-square-out { --ph: url("icons/arrow-square-out-bold.svg"); }
.ph-arrows-clockwise { --ph: url("icons/arrows-clockwise-bold.svg"); }
.ph-arrows-left-right { --ph: url("icons/arrows-left-right-bold.svg"); }
.ph-at { --ph: url("icons/at-bold.svg"); }
.ph-bell { --ph: url("icons/bell-bold.svg"); }
.ph-broadcast { --ph: url("icons/broadcast-bold.svg"); }
.ph-caret-down { --ph: url("icons/caret-down-bold.svg"); }
.ph-chart-line-up { --ph: url("icons/chart-line-up-bold.svg"); }
.ph-chat-circle { --ph: url("icons/chat-circle-bold.svg"); }
.ph-chat-circle-dots { --ph: url("icons/chat-circle-dots-bold.svg"); }
.ph-check { --ph: url("icons/check-bold.svg"); }
.ph-circle-notch { --ph: url("icons/circle-notch-bold.svg"); }
.ph-clock { --ph: url("icons/clock-bold.svg"); }
.ph-clock-counter-clockwise { --ph: url("icons/clock-counter-clockwise-bold.svg"); }
.ph-cloud-arrow-up { --ph: url("icons/cloud-arrow-up-bold.svg"); }
.ph-code { --ph: url("icons/code-bold.svg"); }
.ph-copy { --ph: url("icons/copy-bold.svg"); }
.ph-crop { --ph: url("icons/crop-bold.svg"); }
.ph-desktop { --ph: url("icons/desktop-bold.svg"); }
.ph-device-mobile { --ph: url("icons/device-mobile-bold.svg"); }
.ph-device-tablet { --ph: url("icons/device-tablet-bold.svg"); }
.ph-download-simple { --ph: url("icons/download-simple-bold.svg"); }
.ph-envelope-simple { --ph: url("icons/envelope-simple-bold.svg"); }
.ph-exclamation-mark { --ph: url("icons/exclamation-mark-bold.svg"); }
.ph-eye { --ph: url("icons/eye-bold.svg"); }
.ph-eye-slash { --ph: url("icons/eye-slash-bold.svg"); }
.ph-file-audio { --ph: url("icons/file-audio-bold.svg"); }
.ph-file-code { --ph: url("icons/file-code-bold.svg"); }
.ph-file-html { --ph: url("icons/file-html-bold.svg"); }
.ph-flag { --ph: url("icons/flag-bold.svg"); }
.ph-folder-open { --ph: url("icons/folder-open-bold.svg"); }
.ph-gear { --ph: url("icons/gear-bold.svg"); }
.ph-git-branch { --ph: url("icons/git-branch-bold.svg"); }
.ph-globe { --ph: url("icons/globe-bold.svg"); }
.ph-hand-pointing { --ph: url("icons/hand-pointing-bold.svg"); }
.ph-heart { --ph: url("icons/heart-bold.svg"); }
.ph-heart-fill { --ph: url("icons/heart-fill.svg"); }
.ph-image { --ph: url("icons/image-bold.svg"); }
.ph-images { --ph: url("icons/images-bold.svg"); }
.ph-keyboard { --ph: url("icons/keyboard-bold.svg"); }
.ph-laptop { --ph: url("icons/laptop-bold.svg"); }
.ph-lightning { --ph: url("icons/lightning-bold.svg"); }
.ph-list-bullets { --ph: url("icons/list-bullets-bold.svg"); }
.ph-list-checks { --ph: url("icons/list-checks-bold.svg"); }
.ph-list-numbers { --ph: url("icons/list-numbers-bold.svg"); }
.ph-lock { --ph: url("icons/lock-bold.svg"); }
.ph-lock-open { --ph: url("icons/lock-open-bold.svg"); }
.ph-magnifying-glass { --ph: url("icons/magnifying-glass-bold.svg"); }
.ph-markdown-logo { --ph: url("icons/markdown-logo-bold.svg"); }
.ph-mastodon-logo { --ph: url("icons/mastodon-logo-bold.svg"); }
.ph-moon { --ph: url("icons/moon-bold.svg"); }
.ph-pause-fill { --ph: url("icons/pause-fill.svg"); }
.ph-pencil-simple { --ph: url("icons/pencil-simple-bold.svg"); }
.ph-play-fill { --ph: url("icons/play-fill.svg"); }
.ph-puzzle-piece { --ph: url("icons/puzzle-piece-bold.svg"); }
.ph-qr-code { --ph: url("icons/qr-code-bold.svg"); }
.ph-repeat { --ph: url("icons/repeat-bold.svg"); }
.ph-selection { --ph: url("icons/selection-bold.svg"); }
.ph-sliders-horizontal { --ph: url("icons/sliders-horizontal-bold.svg"); }
.ph-smiley-sad { --ph: url("icons/smiley-sad-bold.svg"); }
.ph-speaker-high { --ph: url("icons/speaker-high-bold.svg"); }
.ph-speaker-x { --ph: url("icons/speaker-x-bold.svg"); }
.ph-star { --ph: url("icons/star-bold.svg"); }
.ph-star-fill { --ph: url("icons/star-fill.svg"); }
.ph-sun { --ph: url("icons/sun-bold.svg"); }
.ph-swap { --ph: url("icons/swap-bold.svg"); }
.ph-target { --ph: url("icons/target-bold.svg"); }
.ph-television-simple { --ph: url("icons/television-simple-bold.svg"); }
.ph-text-align-left { --ph: url("icons/text-align-left-bold.svg"); }
.ph-timer { --ph: url("icons/timer-bold.svg"); }
.ph-trash { --ph: url("icons/trash-bold.svg"); }
.ph-trophy { --ph: url("icons/trophy-bold.svg"); }
.ph-upload-simple { --ph: url("icons/upload-simple-bold.svg"); }
.ph-virtual-reality { --ph: url("icons/virtual-reality-bold.svg"); }
.ph-warning { --ph: url("icons/warning-bold.svg"); }
.ph-warning-circle { --ph: url("icons/warning-circle-bold.svg"); }
.ph-watch { --ph: url("icons/watch-bold.svg"); }
.ph-x { --ph: url("icons/x-bold.svg"); }
.ph-youtube-logo { --ph: url("icons/youtube-logo-bold.svg"); }
.ph-circle-half { --ph: url("icons/circle-half-bold.svg"); }
.ph-magic-wand { --ph: url("icons/magic-wand-bold.svg"); }
.ph-link-simple { --ph: url("icons/link-simple-bold.svg"); }