/* GENERATED by tools/export-app-glyphs.sh. Do not edit by hand.
   Each glyph is the real SF Symbol (or the app's own NoteGlyph) rendered
   by SwiftUI at the size and weight the app uses; the box is its true
   point size, and currentColor tints it through the mask. */
/* A glyph is a span, so container rules like `.sg-tools span` or
   `.or-grid span` also match it. Those must never resize or restyle
   a glyph: its box is the symbol's true size and nothing else. */
.sf { display: inline-block; flex: none !important; vertical-align: middle; background: currentColor !important;
  padding: 0 !important; border: 0 !important; box-shadow: none !important; min-width: 0 !important; min-height: 0 !important;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.sf::before, .sf::after { content: none !important; }
.sf-mirror { transform: scaleX(-1); }
.sf.sf-help { width: 11.12px !important; height: 15.38px !important; -webkit-mask-image: url(../img/sf/help.png); mask-image: url(../img/sf/help.png); }
.sf.sf-home { width: 20.25px !important; height: 16.75px !important; -webkit-mask-image: url(../img/sf/home.png); mask-image: url(../img/sf/home.png); }
.sf.sf-title-chevron { width: 8.50px !important; height: 5.25px !important; -webkit-mask-image: url(../img/sf/title-chevron.png); mask-image: url(../img/sf/title-chevron.png); }
.sf.sf-meter-chevron { width: 7.38px !important; height: 4.75px !important; -webkit-mask-image: url(../img/sf/meter-chevron.png); mask-image: url(../img/sf/meter-chevron.png); }
.sf.sf-pattern-chevron { width: 11.50px !important; height: 7.12px !important; -webkit-mask-image: url(../img/sf/pattern-chevron.png); mask-image: url(../img/sf/pattern-chevron.png); }
.sf.sf-undo { width: 14.38px !important; height: 13.38px !important; -webkit-mask-image: url(../img/sf/undo.png); mask-image: url(../img/sf/undo.png); }
.sf.sf-transport-play { width: 31.25px !important; height: 35.62px !important; -webkit-mask-image: url(../img/sf/transport-play.png); mask-image: url(../img/sf/transport-play.png); }
.sf.sf-transport-pause { width: 30.50px !important; height: 35.12px !important; -webkit-mask-image: url(../img/sf/transport-pause.png); mask-image: url(../img/sf/transport-pause.png); }
.sf.sf-rail-window { width: 16.00px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/rail-window.png); mask-image: url(../img/sf/rail-window.png); }
.sf.sf-rail-fx { width: 14.38px !important; height: 12.00px !important; -webkit-mask-image: url(../img/sf/rail-fx.png); mask-image: url(../img/sf/rail-fx.png); }
.sf.sf-rail-kits { width: 13.88px !important; height: 15.38px !important; -webkit-mask-image: url(../img/sf/rail-kits.png); mask-image: url(../img/sf/rail-kits.png); }
.sf.sf-rail-perform { width: 13.38px !important; height: 15.38px !important; -webkit-mask-image: url(../img/sf/rail-perform.png); mask-image: url(../img/sf/rail-perform.png); }
.sf.sf-exit { width: 10.50px !important; height: 10.00px !important; -webkit-mask-image: url(../img/sf/exit.png); mask-image: url(../img/sf/exit.png); }
.sf.sf-song-undo { width: 13.25px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/song-undo.png); mask-image: url(../img/sf/song-undo.png); }
.sf.sf-song-redo { width: 13.25px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/song-redo.png); mask-image: url(../img/sf/song-redo.png); }
.sf.sf-song-export { width: 12.88px !important; height: 15.62px !important; -webkit-mask-image: url(../img/sf/song-export.png); mask-image: url(../img/sf/song-export.png); }
.sf.sf-song-move { width: 14.75px !important; height: 13.75px !important; -webkit-mask-image: url(../img/sf/song-move.png); mask-image: url(../img/sf/song-move.png); }
.sf.sf-song-draw { width: 12.75px !important; height: 12.25px !important; -webkit-mask-image: url(../img/sf/song-draw.png); mask-image: url(../img/sf/song-draw.png); }
.sf.sf-song-select { width: 10.25px !important; height: 14.50px !important; -webkit-mask-image: url(../img/sf/song-select.png); mask-image: url(../img/sf/song-select.png); }
.sf.sf-synth-presets { width: 14.12px !important; height: 11.00px !important; -webkit-mask-image: url(../img/sf/synth-presets.png); mask-image: url(../img/sf/synth-presets.png); }
.sf.sf-synth-oracle { width: 16.25px !important; height: 15.38px !important; -webkit-mask-image: url(../img/sf/synth-oracle.png); mask-image: url(../img/sf/synth-oracle.png); }
.sf.sf-synth-prev { width: 10.00px !important; height: 13.75px !important; -webkit-mask-image: url(../img/sf/synth-prev.png); mask-image: url(../img/sf/synth-prev.png); }
.sf.sf-synth-next { width: 10.00px !important; height: 13.75px !important; -webkit-mask-image: url(../img/sf/synth-next.png); mask-image: url(../img/sf/synth-next.png); }
.sf.sf-synth-load { width: 13.75px !important; height: 15.62px !important; -webkit-mask-image: url(../img/sf/synth-load.png); mask-image: url(../img/sf/synth-load.png); }
.sf.sf-synth-play { width: 9.25px !important; height: 10.50px !important; -webkit-mask-image: url(../img/sf/synth-play.png); mask-image: url(../img/sf/synth-play.png); }
.sf.sf-synth-restore { width: 13.75px !important; height: 16.25px !important; -webkit-mask-image: url(../img/sf/synth-restore.png); mask-image: url(../img/sf/synth-restore.png); }
.sf.sf-synth-save { width: 14.38px !important; height: 16.12px !important; -webkit-mask-image: url(../img/sf/synth-save.png); mask-image: url(../img/sf/synth-save.png); }
.sf.sf-synth-saveas { width: 14.38px !important; height: 18.25px !important; -webkit-mask-image: url(../img/sf/synth-saveas.png); mask-image: url(../img/sf/synth-saveas.png); }
.sf.sf-synth-export { width: 11.50px !important; height: 13.88px !important; -webkit-mask-image: url(../img/sf/synth-export.png); mask-image: url(../img/sf/synth-export.png); }
.sf.sf-oracle-wand { width: 18.75px !important; height: 17.75px !important; -webkit-mask-image: url(../img/sf/oracle-wand.png); mask-image: url(../img/sf/oracle-wand.png); }
.sf.sf-oracle-close { width: 12.50px !important; height: 11.75px !important; -webkit-mask-image: url(../img/sf/oracle-close.png); mask-image: url(../img/sf/oracle-close.png); }
.sf.sf-oracle-check { width: 11.62px !important; height: 10.50px !important; -webkit-mask-image: url(../img/sf/oracle-check.png); mask-image: url(../img/sf/oracle-check.png); }
.sf.sf-perform-kit { width: 18.88px !important; height: 20.50px !important; -webkit-mask-image: url(../img/sf/perform-kit.png); mask-image: url(../img/sf/perform-kit.png); }
.sf.sf-perform-help { width: 11.00px !important; height: 15.12px !important; -webkit-mask-image: url(../img/sf/perform-help.png); mask-image: url(../img/sf/perform-help.png); }
.sf.sf-perform-close { width: 27.25px !important; height: 25.50px !important; -webkit-mask-image: url(../img/sf/perform-close.png); mask-image: url(../img/sf/perform-close.png); }
.sf.sf-metronome { width: 18.62px !important; height: 16.75px !important; -webkit-mask-image: url(../img/sf/metronome.png); mask-image: url(../img/sf/metronome.png); }
.sf.sf-loop-play { width: 12.00px !important; height: 13.62px !important; -webkit-mask-image: url(../img/sf/loop-play.png); mask-image: url(../img/sf/loop-play.png); }
.sf.sf-loop-record { width: 15.50px !important; height: 15.50px !important; -webkit-mask-image: url(../img/sf/loop-record.png); mask-image: url(../img/sf/loop-record.png); }
.sf.sf-loop-undo { width: 13.25px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/loop-undo.png); mask-image: url(../img/sf/loop-undo.png); }
.sf.sf-loop-clear { width: 12.50px !important; height: 14.25px !important; -webkit-mask-image: url(../img/sf/loop-clear.png); mask-image: url(../img/sf/loop-clear.png); }
.sf.sf-loop-done { width: 12.50px !important; height: 11.50px !important; -webkit-mask-image: url(../img/sf/loop-done.png); mask-image: url(../img/sf/loop-done.png); }
.sf.sf-roll-2 { width: 15.00px !important; height: 15.00px !important; -webkit-mask-image: url(../img/sf/roll-2.png); mask-image: url(../img/sf/roll-2.png); }
.sf.sf-roll-4 { width: 15.00px !important; height: 15.00px !important; -webkit-mask-image: url(../img/sf/roll-4.png); mask-image: url(../img/sf/roll-4.png); }
.sf.sf-roll-4T { width: 20.50px !important; height: 16.00px !important; -webkit-mask-image: url(../img/sf/roll-4T.png); mask-image: url(../img/sf/roll-4T.png); }
.sf.sf-roll-8 { width: 15.00px !important; height: 15.00px !important; -webkit-mask-image: url(../img/sf/roll-8.png); mask-image: url(../img/sf/roll-8.png); }
.sf.sf-roll-8T { width: 20.50px !important; height: 16.00px !important; -webkit-mask-image: url(../img/sf/roll-8T.png); mask-image: url(../img/sf/roll-8T.png); }
.sf.sf-roll-16 { width: 15.00px !important; height: 15.00px !important; -webkit-mask-image: url(../img/sf/roll-16.png); mask-image: url(../img/sf/roll-16.png); }
.sf.sf-roll-16T { width: 20.50px !important; height: 16.00px !important; -webkit-mask-image: url(../img/sf/roll-16T.png); mask-image: url(../img/sf/roll-16T.png); }
.sf.sf-roll-32 { width: 15.00px !important; height: 15.00px !important; -webkit-mask-image: url(../img/sf/roll-32.png); mask-image: url(../img/sf/roll-32.png); }
.sf.sf-dc-power { width: 13.25px !important; height: 13.62px !important; -webkit-mask-image: url(../img/sf/dc-power.png); mask-image: url(../img/sf/dc-power.png); }
.sf.sf-dc-pause { width: 9.88px !important; height: 11.50px !important; -webkit-mask-image: url(../img/sf/dc-pause.png); mask-image: url(../img/sf/dc-pause.png); }
.sf.sf-dc-reset { width: 11.75px !important; height: 13.88px !important; -webkit-mask-image: url(../img/sf/dc-reset.png); mask-image: url(../img/sf/dc-reset.png); }
.sf.sf-sx-check { width: 11.88px !important; height: 10.62px !important; -webkit-mask-image: url(../img/sf/sx-check.png); mask-image: url(../img/sf/sx-check.png); }
.sf.sf-sx-play { width: 10.38px !important; height: 12.00px !important; -webkit-mask-image: url(../img/sf/sx-play.png); mask-image: url(../img/sf/sx-play.png); }
.sf.sf-sx-rename { width: 12.00px !important; height: 11.75px !important; -webkit-mask-image: url(../img/sf/sx-rename.png); mask-image: url(../img/sf/sx-rename.png); }
.sf.sf-sx-cat-chevron { width: 8.12px !important; height: 5.00px !important; -webkit-mask-image: url(../img/sf/sx-cat-chevron.png); mask-image: url(../img/sf/sx-cat-chevron.png); }
.sf.sf-sx-export { width: 15.00px !important; height: 17.38px !important; -webkit-mask-image: url(../img/sf/sx-export.png); mask-image: url(../img/sf/sx-export.png); }
.sf.sf-sx-zip { width: 16.50px !important; height: 14.50px !important; -webkit-mask-image: url(../img/sf/sx-zip.png); mask-image: url(../img/sf/sx-zip.png); }
.sf.sf-sx-all { width: 18.50px !important; height: 15.50px !important; -webkit-mask-image: url(../img/sf/sx-all.png); mask-image: url(../img/sf/sx-all.png); }
.sf.sf-sx-add { width: 16.50px !important; height: 19.50px !important; -webkit-mask-image: url(../img/sf/sx-add.png); mask-image: url(../img/sf/sx-add.png); }
.sf.sf-sx-build { width: 17.00px !important; height: 15.75px !important; -webkit-mask-image: url(../img/sf/sx-build.png); mask-image: url(../img/sf/sx-build.png); }
.sf.sf-status-cell { width: 20.50px !important; height: 13.75px !important; -webkit-mask-image: url(../img/sf/status-cell.png); mask-image: url(../img/sf/status-cell.png); }
.sf.sf-status-wifi { width: 17.38px !important; height: 13.12px !important; -webkit-mask-image: url(../img/sf/status-wifi.png); mask-image: url(../img/sf/status-wifi.png); }
.sf.sf-status-battery { width: 25.50px !important; height: 12.00px !important; -webkit-mask-image: url(../img/sf/status-battery.png); mask-image: url(../img/sf/status-battery.png); }
.sf.sf-loop-pause { width: 11.75px !important; height: 13.38px !important; -webkit-mask-image: url(../img/sf/loop-pause.png); mask-image: url(../img/sf/loop-pause.png); }
.sf.sf-loop-record-fill { width: 15.50px !important; height: 15.50px !important; -webkit-mask-image: url(../img/sf/loop-record-fill.png); mask-image: url(../img/sf/loop-record-fill.png); }
.sf.sf-fx-node-fill { width: 19.00px !important; height: 21.00px !important; -webkit-mask-image: url(../img/sf/fx-node-fill.png); mask-image: url(../img/sf/fx-node-fill.png); }
.sf.sf-fx-node-stroke { width: 19.00px !important; height: 21.00px !important; -webkit-mask-image: url(../img/sf/fx-node-stroke.png); mask-image: url(../img/sf/fx-node-stroke.png); }
.sf.sf-song-erase { width: 15.00px !important; height: 14.75px !important; -webkit-mask-image: url(../img/sf/song-erase.png); mask-image: url(../img/sf/song-erase.png); }
.sf.sf-songfx-chip-open { width: 32.88px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/songfx-chip-open.png); mask-image: url(../img/sf/songfx-chip-open.png); }
.sf.sf-songfx-chip-close { width: 32.88px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/songfx-chip-close.png); mask-image: url(../img/sf/songfx-chip-close.png); }
.sf.sf-songfx-chip-dip { width: 32.88px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/songfx-chip-dip.png); mask-image: url(../img/sf/songfx-chip-dip.png); }
.sf.sf-songfx-chip-thin { width: 32.88px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/songfx-chip-thin.png); mask-image: url(../img/sf/songfx-chip-thin.png); }
.sf.sf-songfx-chip-fill { width: 32.88px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/songfx-chip-fill.png); mask-image: url(../img/sf/songfx-chip-fill.png); }
.sf.sf-songfx-chip-stutter { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-stutter.png); mask-image: url(../img/sf/songfx-chip-stutter.png); }
.sf.sf-songfx-chip-roll { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-roll.png); mask-image: url(../img/sf/songfx-chip-roll.png); }
.sf.sf-songfx-chip-tapeStop { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-tapeStop.png); mask-image: url(../img/sf/songfx-chip-tapeStop.png); }
.sf.sf-songfx-chip-reverse { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-reverse.png); mask-image: url(../img/sf/songfx-chip-reverse.png); }
.sf.sf-songfx-chip-crush { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-crush.png); mask-image: url(../img/sf/songfx-chip-crush.png); }
.sf.sf-songfx-chip-gate { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-gate.png); mask-image: url(../img/sf/songfx-chip-gate.png); }
.sf.sf-songfx-chip-drop { width: 32.50px !important; height: 12.50px !important; -webkit-mask-image: url(../img/sf/songfx-chip-drop.png); mask-image: url(../img/sf/songfx-chip-drop.png); }
.sf.sf-songfx-block-open4 { width: 102.75px !important; height: 17.25px !important; -webkit-mask-image: url(../img/sf/songfx-block-open4.png); mask-image: url(../img/sf/songfx-block-open4.png); }
.sf.sf-songfx-block-thin4 { width: 102.75px !important; height: 17.25px !important; -webkit-mask-image: url(../img/sf/songfx-block-thin4.png); mask-image: url(../img/sf/songfx-block-thin4.png); }
.sf.sf-songfx-block-roll1 { width: 20.38px !important; height: 14.50px !important; -webkit-mask-image: url(../img/sf/songfx-block-roll1.png); mask-image: url(../img/sf/songfx-block-roll1.png); }
.sf.sf-repeat { width: 15.25px !important; height: 12.88px !important; -webkit-mask-image: url(../img/sf/repeat.png); mask-image: url(../img/sf/repeat.png); }