/* Monochrome SVG masks inherit the text color of their parent. */
.tp-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
}

/* The application catch-all serves /srv/teleport/static at the site root. */
.tp-icon-arrow-left { -webkit-mask-image: url('/icons/arrow-left.svg'); mask-image: url('/icons/arrow-left.svg'); }
.tp-icon-arrow-right { -webkit-mask-image: url('/icons/arrow-left.svg'); mask-image: url('/icons/arrow-left.svg'); transform: scaleX(-1); }
.tp-icon-arrow-up { -webkit-mask-image: url('/icons/arrow-up.svg'); mask-image: url('/icons/arrow-up.svg'); }
.tp-icon-folder { -webkit-mask-image: url('/icons/folder.svg'); mask-image: url('/icons/folder.svg'); }
.tp-icon-file { -webkit-mask-image: url('/icons/file.svg'); mask-image: url('/icons/file.svg'); }
.tp-icon-image { -webkit-mask-image: url('/icons/image.svg'); mask-image: url('/icons/image.svg'); }
.tp-icon-edit { -webkit-mask-image: url('/icons/edit.svg'); mask-image: url('/icons/edit.svg'); }
.tp-icon-copy { -webkit-mask-image: url('/icons/copy.svg'); mask-image: url('/icons/copy.svg'); }
.tp-icon-scissors { -webkit-mask-image: url('/icons/scissors.svg'); mask-image: url('/icons/scissors.svg'); }
.tp-icon-paste { -webkit-mask-image: url('/icons/paste.svg'); mask-image: url('/icons/paste.svg'); }
.tp-icon-download { -webkit-mask-image: url('/icons/download.svg'); mask-image: url('/icons/download.svg'); }
.tp-icon-delete { -webkit-mask-image: url('/icons/delete.svg'); mask-image: url('/icons/delete.svg'); }
.tp-icon-undo { -webkit-mask-image: url('/icons/undo.svg'); mask-image: url('/icons/undo.svg'); }
.tp-icon-redo { -webkit-mask-image: url('/icons/redo.svg'); mask-image: url('/icons/redo.svg'); }
.tp-icon-qr { -webkit-mask-image: url('/icons/qr.svg'); mask-image: url('/icons/qr.svg'); }