/* Render RemixIcon classes through local SVG masks by default.
   This avoids device-specific webfont failures that leave round buttons empty. */
i[class^="ri-"]::before,
i[class*=" ri-"]::before,
.ri::before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  min-width: 1em;
  background-color: currentColor;
  vertical-align: -0.125em;
  -webkit-mask: var(--ri-svg) center / contain no-repeat;
  mask: var(--ri-svg) center / contain no-repeat;
}

.ri-add-fill::before { --ri-svg: url("/static/img/remixicon/add-fill.svg"); }
.ri-add-line::before { --ri-svg: url("/static/img/remixicon/add-line.svg"); }
.ri-alert-line::before { --ri-svg: url("/static/img/remixicon/alert-line.svg"); }
.ri-align-justify::before { --ri-svg: url("/static/img/remixicon/align-justify.svg"); }
.ri-align-left::before { --ri-svg: url("/static/img/remixicon/align-left.svg"); }
.ri-anchor-line::before { --ri-svg: url("/static/img/remixicon/anchor-line.svg"); }
.ri-arrow-left-line::before { --ri-svg: url("/static/img/remixicon/arrow-left-line.svg"); }
.ri-arrow-right-line::before { --ri-svg: url("/static/img/remixicon/arrow-right-line.svg"); }
.ri-arrow-right-up-line::before { --ri-svg: url("/static/img/remixicon/arrow-right-up-line.svg"); }
.ri-bookmark-fill::before { --ri-svg: url("/static/img/remixicon/bookmark-fill.svg"); }
.ri-bookmark-line::before { --ri-svg: url("/static/img/remixicon/bookmark-line.svg"); }
.ri-close-line::before { --ri-svg: url("/static/img/remixicon/close-line.svg"); }
.ri-error-warning-line::before { --ri-svg: url("/static/img/remixicon/error-warning-line.svg"); }
.ri-expand-up-down-fill::before { --ri-svg: url("/static/img/remixicon/expand-up-down-fill.svg"); }
.ri-expand-up-down-line::before { --ri-svg: url("/static/img/remixicon/expand-up-down-line.svg"); }
.ri-external-link-line::before { --ri-svg: url("/static/img/remixicon/external-link-line.svg"); }
.ri-font-sans::before { --ri-svg: url("/static/img/remixicon/font-sans.svg"); }
.ri-font-serif::before { --ri-svg: url("/static/img/remixicon/font-serif.svg"); }
.ri-information-line::before { --ri-svg: url("/static/img/remixicon/information-line.svg"); }
.ri-list-check::before { --ri-svg: url("/static/img/remixicon/list-check.svg"); }
.ri-loader-line::before { --ri-svg: url("/static/img/remixicon/loader-line.svg"); }
.ri-menu-line::before { --ri-svg: url("/static/img/remixicon/menu-line.svg"); }
.ri-music-2-line::before { --ri-svg: url("/static/img/remixicon/music-2-line.svg"); }
.ri-pause-fill::before { --ri-svg: url("/static/img/remixicon/pause-fill.svg"); }
.ri-pause-line::before { --ri-svg: url("/static/img/remixicon/pause-line.svg"); }
.ri-pause-large-fill::before { --ri-svg: url("/static/img/remixicon/pause-large-fill.svg"); }
.ri-pause-large-line::before { --ri-svg: url("/static/img/remixicon/pause-large-line.svg"); }
.ri-play-fill::before { --ri-svg: url("/static/img/remixicon/play-fill.svg"); }
.ri-play-line::before { --ri-svg: url("/static/img/remixicon/play-line.svg"); }
.ri-play-large-fill::before { --ri-svg: url("/static/img/remixicon/play-large-fill.svg"); }
.ri-play-large-line::before { --ri-svg: url("/static/img/remixicon/play-large-line.svg"); }
.ri-play-list-2-fill::before { --ri-svg: url("/static/img/remixicon/play-list-2-fill.svg"); }
.ri-qr-code-line::before { --ri-svg: url("/static/img/remixicon/qr-code-line.svg"); }
.ri-restart-line::before { --ri-svg: url("/static/img/remixicon/restart-line.svg"); }
.ri-settings-fill::before { --ri-svg: url("/static/img/remixicon/settings-fill.svg"); }
.ri-side-bar-line::before { --ri-svg: url("/static/img/remixicon/side-bar-line.svg"); }
.ri-skip-forward-fill::before { --ri-svg: url("/static/img/remixicon/skip-forward-fill.svg"); }
.ri-stop-fill::before { --ri-svg: url("/static/img/remixicon/stop-fill.svg"); }
.ri-stop-line::before { --ri-svg: url("/static/img/remixicon/stop-line.svg"); }
.ri-subtract-fill::before { --ri-svg: url("/static/img/remixicon/subtract-fill.svg"); }
.ri-subtract-line::before { --ri-svg: url("/static/img/remixicon/subtract-line.svg"); }
.ri-telegram-2-fill::before { --ri-svg: url("/static/img/remixicon/telegram-2-fill.svg"); }
.ri-youtube-fill::before { --ri-svg: url("/static/img/remixicon/youtube-fill.svg"); }

i[class^="ri-"]::before,
i[class*=" ri-"]::before {
  opacity: inherit;
}