/***************** XAGIO ICONS START ******************/
.xagio-icon {
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    vertical-align: middle;
    transition: transform 150ms ease-in;
    mask-size: 1em;
    mask-position: -1px -1px;
    flex-shrink: 0;
    /*align-self: baseline;*/
}

.xagio-icon-link {
    mask-image: url(icons/link.svg);
    -webkit-mask-image: url(icons/link.svg);
}

.xagio-icon-link-off {
    mask-image: url(icons/link-off.svg);
    -webkit-mask-image: url(icons/link-off.svg);
}

.xagio-icon-refresh {
    mask-image: url(icons/refresh.svg);
    -webkit-mask-image: url(icons/refresh.svg);
}
.xagio-icon-file {
    mask-image: url(icons/file.svg);
    -webkit-mask-image: url(icons/file.svg);
}
.xagio-icon-info {
    mask-image: url(icons/info.svg);
    -webkit-mask-image: url(icons/info.svg);
}

.xagio-icon-upload {
    mask-image: url(icons/upload.svg);
    -webkit-mask-image: url(icons/upload.svg);
}

.xagio-icon-download {
    mask-image: url(icons/download.svg);
    -webkit-mask-image: url(icons/download.svg);
}

.xagio-icon-gear {
    mask-image: url(icons/gear.svg);
    -webkit-mask-image: url(icons/gear.svg);
}

.xagio-icon-draw {
    mask-image: url(icons/draw.svg);
    -webkit-mask-image: url(icons/draw.svg);
}
.xagio-icon-plus {
    mask-image: url(icons/plus.svg);
    -webkit-mask-image: url(icons/plus.svg);
}
.xagio-icon-close {
    mask-image: url(icons/close.svg);
    -webkit-mask-image: url(icons/close.svg);
}
.xagio-icon-arrow-down {
    mask-image: url(icons/arrow_down.svg);
    -webkit-mask-image: url(icons/arrow_down.svg);
}
.xagio-icon-check {
    mask-image: url(icons/check.svg);
    -webkit-mask-image: url(icons/check.svg);
}
.xagio-icon-code {
    mask-image: url(icons/code.svg);
    -webkit-mask-image: url(icons/code.svg);
}
.xagio-icon-arrow-right {
    mask-image: url(icons/arrow_right.svg);
    -webkit-mask-image: url(icons/arrow_right.svg);
}
.xagio-icon-folder-open {
    mask-image: url(icons/folder_open.svg);
    -webkit-mask-image: url(icons/folder_open.svg);
}
.xagio-icon-dots-horizontal {
    mask-image: url(icons/dots_h.svg);
    -webkit-mask-image: url(icons/dots_h.svg);
}

.xagio-icon-search {
    mask-image: url(icons/search.svg);
    -webkit-mask-image: url(icons/search.svg);
}
.xagio-icon-store {
    mask-image: url(icons/store.svg);
    -webkit-mask-image: url(icons/store.svg);
}
.xagio-icon-travel-explore {
    mask-image: url(icons/travel_explore.svg);
    -webkit-mask-image: url(icons/travel_explore.svg);
}
.xagio-icon-school {
    mask-image: url(icons/school.svg);
    -webkit-mask-image: url(icons/school.svg);
}
.xagio-icon-history {
    mask-image: url(icons/history.svg);
    -webkit-mask-image: url(icons/history.svg);
}
.xagio-icon-google {
    mask-image: url(icons/google.svg);
    -webkit-mask-image: url(icons/google.svg);
}
.xagio-icon-quora {
    mask-image: url(icons/quora.svg);
    -webkit-mask-image: url(icons/quora.svg);
}
.xagio-icon-copy {
    mask-image: url(icons/copy.svg);
    -webkit-mask-image: url(icons/copy.svg);
}
.xagio-icon-sync {
    mask-image: url(icons/sync.svg);
    -webkit-mask-image: url(icons/sync.svg);
}
.xagio-icon-edit {
    mask-image: url(icons/edit.svg);
    -webkit-mask-image: url(icons/edit.svg);
}
.xagio-icon-delete {
    mask-image: url(icons/delete.svg);
    -webkit-mask-image: url(icons/delete.svg);
}
.xagio-icon-list {
    mask-image: url(icons/list.svg);
    -webkit-mask-image: url(icons/list.svg);
}
.xagio-icon-external-link {
    mask-image: url(icons/external_link.svg);
    -webkit-mask-image: url(icons/external_link.svg);
}
.xagio-icon-filter {
    mask-image: url(icons/filter.svg);
    -webkit-mask-image: url(icons/filter.svg);
}
.xagio-icon-chart-line {
    mask-image: url(icons/chart_line.svg);
    -webkit-mask-image: url(icons/chart_line.svg);
}
.xagio-icon-warning {
    mask-image: url(icons/warning.svg);
    -webkit-mask-image: url(icons/warning.svg);
}
.xagio-icon-ban {
    mask-image: url(icons/ban.svg);
    -webkit-mask-image: url(icons/ban.svg);
}
.xagio-icon-comment {
    mask-image: url(icons/comment.svg);
    -webkit-mask-image: url(icons/comment.svg);
}
.xagio-icon-quote {
    mask-image: url(icons/quote.svg);
    -webkit-mask-image: url(icons/quote.svg);
}
.xagio-icon-star {
    mask-image: url(icons/star.svg);
    -webkit-mask-image: url(icons/star.svg);
}
.xagio-icon-star-o {
    mask-image: url(icons/star_o.svg);
    -webkit-mask-image: url(icons/star_o.svg);
}
.xagio-icon-thumbs-up {
    mask-image: url(icons/thumb_up.svg);
    -webkit-mask-image: url(icons/thumb_up.svg);
}
.xagio-icon-thumbs-down {
    mask-image: url(icons/thumb_down.svg);
    -webkit-mask-image: url(icons/thumb_down.svg);
}
.xagio-icon-hourglass {
    mask-image: url(icons/hourglass.svg);
    -webkit-mask-image: url(icons/hourglass.svg);
}
.xagio-icon-plug {
    mask-image: url(icons/plug.svg);
    -webkit-mask-image: url(icons/plug.svg);
}
.xagio-icon-arrow-left {
    mask-image: url(icons/arrow_left.svg);
    -webkit-mask-image: url(icons/arrow_left.svg);
}
.xagio-icon-folder {
    mask-image: url(icons/folder.svg);
    -webkit-mask-image: url(icons/folder.svg);
}
.xagio-icon-image {
    mask-image: url(icons/image.svg);
    -webkit-mask-image: url(icons/image.svg);
}
.xagio-icon-zip {
    mask-image: url(icons/zip.svg);
    -webkit-mask-image: url(icons/zip.svg);
}
.xagio-icon-save {
    mask-image: url(icons/save.svg);
    -webkit-mask-image: url(icons/save.svg);
}
.xagio-icon-mobile {
    mask-image: url(icons/mobile.svg);
    -webkit-mask-image: url(icons/mobile.svg);
}
.xagio-icon-desktop {
    mask-image: url(icons/desktop.svg);
    -webkit-mask-image: url(icons/desktop.svg);
}
.xagio-icon-cogs {
    mask-image: url(icons/cogs.svg);
    -webkit-mask-image: url(icons/cogs.svg);
}
.xagio-icon-eye {
    mask-image: url(icons/eye.svg);
    -webkit-mask-image: url(icons/eye.svg);
}
.xagio-icon-eye-slash {
    mask-image: url(icons/eye_slash.svg);
    -webkit-mask-image: url(icons/eye_slash.svg);
}
.xagio-icon-arrow-up {
    mask-image: url(icons/arrow_up.svg);
    -webkit-mask-image: url(icons/arrow_up.svg);
}
.xagio-icon-arrows {
    mask-image: url(icons/arrows.svg);
    -webkit-mask-image: url(icons/arrows.svg);
}
.xagio-icon-branch {
    mask-image: url(icons/branch.svg);
    -webkit-mask-image: url(icons/branch.svg);
}
.xagio-icon-tag {
    mask-image: url(icons/tag.svg);
    -webkit-mask-image: url(icons/tag.svg);
}
.xagio-icon-align-justify {
    mask-image: url(icons/align_justify.svg);
    -webkit-mask-image: url(icons/align_justify.svg);
}
.xagio-icon-map {
    mask-image: url(icons/map.svg);
    -webkit-mask-image: url(icons/map.svg);
}
.xagio-icon-globe {
    mask-image: url(icons/globe.svg);
    -webkit-mask-image: url(icons/globe.svg);
}
.xagio-icon-ai {
    mask-image: url(icons/ai_chip.svg);
    -webkit-mask-image: url(icons/ai_chip.svg);
}
.xagio-icon-magnifying-glass-chart {
    mask-image: url(icons/magnifying_glass_chart.svg);
    -webkit-mask-image: url(icons/magnifying_glass_chart.svg);
}
.xagio-icon-key {
    mask-image: url(icons/key.svg);
    -webkit-mask-image: url(icons/key.svg);
    transform: scale(1, -1) rotate(-135deg);
}

.xagio-icon-note {
    mask-image: url(icons/note.svg);
    -webkit-mask-image: url(icons/note.svg);
}
.xagio-icon-note-o {
    mask-image: url(icons/note_o.svg);
    -webkit-mask-image: url(icons/note_o.svg);
}
.xagio-icon-cloud {
    mask-image: url(icons/cloud.svg);
    -webkit-mask-image: url(icons/cloud.svg);
}
.xagio-icon-cloud-o {
    mask-image: url(icons/cloud_o.svg);
    -webkit-mask-image: url(icons/cloud_o.svg);
}
.xagio-icon-eye-o {
    mask-image: url(icons/eye_o.svg);
    -webkit-mask-image: url(icons/eye_o.svg);
}
.xagio-icon-brain {
    mask-image: url(icons/brain.svg);
    -webkit-mask-image: url(icons/brain.svg);
}
.xagio-icon-rocket {
    mask-image: url(icons/rocket.svg);
    -webkit-mask-image: url(icons/rocket.svg);
}
.xagio-icon-target {
    mask-image: url(icons/target.svg);
    -webkit-mask-image: url(icons/target.svg);
}
.xagio-icon-sort {
    mask-image: url(icons/sort.svg);
    -webkit-mask-image: url(icons/sort.svg);
}
.xagio-icon-sort-up {
    mask-image: url(icons/sort.svg);
    -webkit-mask-image: url(icons/sort.svg);
    rotate: 180deg;
}
.xagio-icon-minus {
    mask-image: url(icons/minus.svg);
    -webkit-mask-image: url(icons/minus.svg);
}
.xagio-icon-robot {
    mask-image: url(icons/robot.svg);
    -webkit-mask-image: url(icons/robot.svg);
}
.xagio-icon-clock {
    mask-image: url(icons/clock.svg);
    -webkit-mask-image: url(icons/clock.svg);
}
.xagio-icon-play-circle {
    mask-image: url(icons/play_circle.svg);
    -webkit-mask-image: url(icons/play_circle.svg);
}
.xagio-icon-long-arrow-up {
    mask-image: url(icons/long_arrow_up.svg);
    -webkit-mask-image: url(icons/long_arrow_up.svg);
    rotate: 45deg;
}
.xagio-icon-question-circle {
    mask-image: url(icons/question_circle.svg);
    -webkit-mask-image: url(icons/question_circle.svg);
}
.xagio-icon-align-right {
    mask-image: url(icons/align_right.svg);
    -webkit-mask-image: url(icons/align_right.svg);
}
.xagio-icon-analytics {
    mask-image: url(icons/analytics.svg);
    -webkit-mask-image: url(icons/analytics.svg);
}
.xagio-icon-home {
    mask-image: url(icons/home.svg);
    -webkit-mask-image: url(icons/home.svg);
}
.xagio-icon-send {
    mask-image: url(icons/send.svg);
    -webkit-mask-image: url(icons/send.svg);
    rotate: 45deg;
}
.xagio-icon-at {
    mask-image: url(icons/at.svg);
    -webkit-mask-image: url(icons/at.svg);
}
.xagio-icon-phone {
    mask-image: url(icons/phone.svg);
    -webkit-mask-image: url(icons/phone.svg);
}
.xagio-icon-frown {
    mask-image: url(icons/frown.svg);
    -webkit-mask-image: url(icons/frown.svg);
}
.xagio-icon-check-double {
    mask-image: url(icons/check-double.svg);
    -webkit-mask-image: url(icons/check-double.svg);
}

.xagio-icon-blue {
    color: #3a33e8;
}

a.xagio-template-social-link {
    display: flex;
}


.xagio-icon-spin {
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/***************** XAGIO ICONS END ******************/