/*! d1-web icons v2.7.5 */

.js-icons [class*="icon-"]:before {
    content: none;
}

[class*="icon-"]:before {
    content: "";
    margin-right: .5em;
    margin-right: .5em;
    margin-right: var(--gap-s, .5em);
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: hidden;
    transform: translate(0, .15em) scale(1.2);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

[class*="icon-"]:empty:before {
    margin: 0;
}

[class*="icon-"].empty>* {
    display: none;
}

[class*="icon-"].empty:before {
    margin: 0;
}

@media (max-width: 899px) {
    [class*="icon-"].empty-mobile:before {
        margin: 0;
    }
}

@media (min-width: 900px) {
    [class*="icon-"].empty-desktop:before {
        margin: 0;
    }
}

[class*="icon-"]:before {
    filter: grayscale(1) brightness(8);
}

.btn[class*="icon-"]:before, button[class*="icon-"]:before,
.btn [class*="icon-"]:before, button [class*="icon-"]:before {
    filter: brightness(0) invert(1);
}

[class*="icon-"].text-e:before {
    filter: hue-rotate(120deg) brightness(.9);
}

[class*="icon-"].text-w:before {
    filter: hue-rotate(175deg) brightness(3.8);
}

[class*="icon-"].text-y:before {
    filter: hue-rotate(240deg) brightness(1.5);
}

[class*="icon-"].text-i:before {
    filter: hue-rotate(300deg) saturate(.5) brightness(2);
}

[class*="icon-"].text-n:before {
}

[class*="icon-"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M5 2a3 3 0 1 0 .01 0z'/%3E%3C/svg%3E");
}

.icon-menu:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%2300f' d='M.5 1h6v1h-6zm0 2h6v1h-6zm0 2h6v1h-6z'/%3E%3C/svg%3E");
}

.icon-sort:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%2300f' d='M1 1h2v1h-2zm0 2h3.5v1h-3.5zm0 2h5v1h-5z'/%3E%3C/svg%3E");
}

.icon-more:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill='%2300f' d='M7 2h3v3h-3zm0 5h3v3h-3zm0 5h3v3h-3z'/%3E%3C/svg%3E");
}

.icon-grid:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%2300f' d='M1 1h2v2h-2zM4 1h2v2h-2zM1 4h2v2h-2zM4 4h2v2h-2z'/%3E%3C/svg%3E");
}

.icon-home:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 4.8h1v4h2v-3h2v3h2v-4h1l-4-4z'/%3E%3C/svg%3E");
}

.icon-find:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M5 1a4 4 0 1 0 .01 0zm0 1a3 3 0 1 1-.01 0m3 5l-1 1 3 3 1-1z'/%3E%3C/svg%3E");
}

.icon-config:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cpath fill='%2300f' d='M35 67l75 -44 75 44 0 89-75 44-75-44zm75 8a35 35 0 1 0 .01 0z'/%3E%3C/svg%3E");
}

.icon-close:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 1l4 4 4-4 1 1-4 4 4 4-1 1-4-4-4 4-1-1 4-4-4-4z'/%3E%3C/svg%3E");
}

.icon-user:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M5 9C13 -1.5 -3 -1.5 5 9zM1 8.5q4 1 8 0-4 -3 -8 0z'/%3E%3C/svg%3E");
}

.icon-exit:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 1h4v1h-3v6h3v1h-4zm2 3h3v-2l3 3-3 3v-2h-3z'/%3E%3C/svg%3E");
}

.icon-key:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2300f' d='M2 16l7-7v-4l3-3q7 0 7 7l-3 3h-4l-6 6h-4zm3 1h1l6-6h-1zm11-12a1.5 1.5 0 1 0 .01 .01z'/%3E%3C/svg%3E");
}

.icon-lock:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1.5 4h7v5h-7zm1 0c0-4 5-4 5 0h-1c0-3-3-3-3 0zm2 1v2h1v-2z'/%3E%3C/svg%3E");
}

.icon-edit:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M7 1q1.6 .4 2 2l-5 5-3 1 1-3zM2.3 6.3l-.5 1.5.4.4 1.5-.5z'/%3E%3C/svg%3E");
}

.icon-add:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%2300f' d='M3 1h1v2h2v1h-2v2h-1v-2h-2v-1h2z'/%3E%3C/svg%3E");
}

.icon-delete:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2300f' d='M5 3l5 5 5-5 2 2-5 5 5 5-2 2-5-5-5 5-2-2 5-5-5-5z'/%3E%3C/svg%3E");
}

.icon-ok:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2300f' d='M10 48l11-9 18 22 40-50 11 9-51 65z'/%3E%3C/svg%3E");
}

.icon-up:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 6l4-4 4 4-1 1-3-3-3 3z'/%3E%3C/svg%3E");
}

.icon-down:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 4l4 4 4-4-1-1-3 3-3-3z'/%3E%3C/svg%3E");
}

.icon-left:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M6 1l1 1-3 3 3 3-1 1-4-4z'/%3E%3C/svg%3E");
}

.icon-right:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M4 1l4 4-4 4-1-1 3-3-3-3z'/%3E%3C/svg%3E");
}

.icon-asc:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 7l-1-1 5-5 5 5-1 1 -3.25 -3.2v7h-1.5v-7z'/%3E%3C/svg%3E");
}

.icon-desc:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 5l-1 1 5 5 5-5-1-1 -3.25 3.2v-7h-1.5v7z'/%3E%3C/svg%3E");
}

.icon-back:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M7 2l-1-1 -5 5 5 5 1-1 -3.2 -3.25h7v-1.5h-7z'/%3E%3C/svg%3E");
}

.icon-forward:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M5 2l 1-1 5 5 -5 5 -1-1 3.2 -3.25h-7v-1.5h7z'/%3E%3C/svg%3E");
}

.icon-upload:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 8h8v1h-8zm1-4h2v3h2v-3h2l-3-3z'/%3E%3C/svg%3E");
}

.icon-download:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 8h8v1h-8zm1-3.7h2v-3h2v3h2l-3 3z'/%3E%3C/svg%3E");
}

.icon-first:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 2h1.5v8h-1.5zm2 4l6-4v8z'/%3E%3C/svg%3E");
}

.icon-last:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 2v8l6-4zm6.5 0h1.5v8h-1.5z'/%3E%3C/svg%3E");
}

.icon-folder:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M1 1.5h4l1 2h5v7h-10zm1 3v5h8v-5z'/%3E%3C/svg%3E");
}

.icon-open:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M.5 1.5h4l1 2h6.3l-2.3 7h-9zm3 3l-2 5h7l2-5z'/%3E%3C/svg%3E");
}

.icon-file:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 1h5l3 3v7h-8zm1 1v8h6v-6h-2v-2z'/%3E%3C/svg%3E");
}

.icon-attach:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%2300f' d='M4.5 11q0 3 3 3t3-3v-8q0-2-2-2t-2 2v7h1v-7q0-1 1-1t1 1v8q0 2-2 2t-2-2v-7h-1z'/%3E%3C/svg%3E");
}

.icon-audio:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='%2300f' d='M8 14h-1v-10l8-2v10h-1v-6.5l-6 1.5za3 2 -20 1 1 0 -.01zm7-2a3 2 -20 1 1 0 -.01z'/%3E%3C/svg%3E");
}

.icon-video:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M1 3h7v2l3-2v6l-3-2v2h-7z'/%3E%3C/svg%3E");
}

.icon-image:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M1 2h10v8h-10zm1 1v5l3-3 2 2 1-1 2 2 v-5zm5.5 .5a1 1 0 1 0 .001 0z'/%3E%3C/svg%3E");
}

.icon-text:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 1h5l3 3v7h-8zm1 1v8h6v-6h-2v-2zm1 4h4v1h-4zm0 2h4v1h-4z'/%3E%3C/svg%3E");
}

.icon-tree:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%2300f' d='M9 3h8v6h-3v3h8v5h2v6h-6v-6h2v-3h-6v3h2v6h-6v-6h2v-3h-6v3h2v6h-6v-6h2v-5h8v-3h-3z'/%3E%3C/svg%3E");
}

.icon-list:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%2300f' d='M1 1h1v1h-1zm0 2h1v1h-1zm0 2h1v1h-1z M3 1h3v1h-3zm0 2h3v1h-3zm0 2h3v1h-3z'/%3E%3C/svg%3E");
}

.icon-link:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill='%2300f' d='M12 1h2l2 2v2l-4 4h-2l5-5-2-2-5 5v-2zm-5 7h-2l-4 4v2l2 2h2l4-4v-2l-5 5-2-2zm-1 4l-1-1 6-6 1 1z'/%3E%3C/svg%3E");
}

.icon-chart:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 9v-3h2v3zm3 0v-5h2v5zm3 0v-7h2v7z'/%3E%3C/svg%3E");
}

.icon-no:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%2300f' d='M1 3h5v1h-5z'/%3E%3C/svg%3E");
}

.icon-ban:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2300f' d='M10 2a8 8 0 1 0 .01 0m0 2a6 6 0 1 1 -.01 0zm-4.5 .5l-1 1 10 10 1-1z'/%3E%3C/svg%3E");
}

.icon-warning:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300f' d='M8 1.7l-7 12h14zm0 9a1 1 0 1 1-.01 0c-3-7 3-7 0 0z'/%3E%3C/svg%3E");
}

.icon-info:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2300f' d='M10 2a8 8 0 1 0 .01 0zm-1 3h2v2h-2zm-1 4h3v5l1 1h-3v-5'/%3E%3C/svg%3E");
}

.icon-share:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%2300f' d='M6 8a3 3 0 1 0 .01 0zm10-5a3 3 0 1 0 .01 0zm0 10a3 3 0 1 0 .01 0zm-10-3v2l10 5v-2zv2l10-5v-2z'/%3E%3C/svg%3E");
}

.icon-world:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M6 1.2a4.8 4.8 0 1 0 .01 0zm0 .8a4 4 0 1 1-.01 0za3 4 0 1 0 .01 0za2.2 4 0 1 1-.01 0za.5 4 0 1 0 .01 0zm4 4a4 .2 0 1 0 0 .01z'/%3E%3C/svg%3E");
}

.icon-flag:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M2 1h1v1q2-1 3 0t3-0v4q-2 1-3 0t-3 0v3h-1z'/%3E%3C/svg%3E");
}

.icon-pin:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M2 4a3 3 0 0 1 6 0q0 2 -3 5q-3-3-3-5zm3 -2a2 2 0 1 0 .01 0z'/%3E%3C/svg%3E");
}

.icon-date:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%2300f' d='M1 1.5h9v8h-9zm1 2v5h7v-5zm.5-3v2h1.5v-2zm4.5 0v2h1.5v-2z'/%3E%3C/svg%3E");
}

.icon-time:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300f' d='M12 1a10 10 0 1 1 -.01 0zm0 2a8 8 0 1 0 .01 0zm-1.2 1h2v6.5l3.5 3.5-1.5 1.5-4-4z'/%3E%3C/svg%3E");
}

.icon-refresh:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2300f' d='M10 .3v3a7 7 0 1 0 7 7h-2a5 5 0 1 1-5-5v3l5-4z'/%3E%3C/svg%3E");
}

.icon-view:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='m1 6q5-6 10 0v1q-5 -6-10 0zm5-3a2.8 2.8 0 1 1 -.01 0zm0 1.8a1.1 1.1 0 1 0 .01 0z'/%3E%3C/svg%3E");
}

.icon-card:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2300f' d='M1 3.5q0-1 1-1h10q1 0 1 1v7q0 1 -1 1h-10q-1 0-1-1zm1 0v1h10v-1zm0 3v4h10v-4z'/%3E%3C/svg%3E");
}

.icon-sum:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2.5 3v-1h7v1h-5l3 3-3 3h5v1h-7v-1l3-3z'/%3E%3C/svg%3E");
}

.icon-copy:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M2 3 h1v7h5v1h-6zm2-2h6v8h-6zm1 1v6h4v-6z'/%3E%3C/svg%3E");
}

.icon-help:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%2300f' d='M9 2a7 7 0 1 0 .01 0zm-3 5q0-3 3-3t3 3c0 3-2 2-2 4h-2c0-3 2-2 2-4q0-1-1-1t-1 1zm3 4.5a1.3 1.3 0 1 1 -.01 0z'/%3E%3C/svg%3E");
}

.icon-phone:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath fill='%2300f' d='M3 1l2 3-1.2 1.2 4 4 1.2-1.2 3 2c-3 6 -15 -6 -9-9z'/%3E%3C/svg%3E");
}

.icon-mail:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2300f' d='M1 2.5h12v9h-12zm1 1v1l5 3 5 -3v-1zm0 2v5h10v-5l-5 3z'/%3E%3C/svg%3E");
}

.icon-chat:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M6 1.2a5 4 0 1 0 .01 0zm0 1a4 3 0 1 1-.01 0zm-3.8 5.5l-1 3 4-2z'/%3E%3C/svg%3E");
}

.icon-send:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M1 2l10 4-10 4 1.5-3.6 6-.4-6-.4z'/%3E%3C/svg%3E");
}

.icon-bookmark:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300f' d='M4 5l-2 2v-6h4v6z'/%3E%3C/svg%3E");
}

.icon-star:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300f' d='M16 2 l9 28-23-18 28 0-23 18z'/%3E%3C/svg%3E");
}

.icon-heart:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath fill='%2300f' d='M3 2c2-2 4 1 0 3c-4-2-2-5 0-3z'/%3E%3C/svg%3E");
}

.icon-tag:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath fill='%2300f' d='M1 5.2l4-4h3v3l-4 4zm6-3.1a.6 .6 0 1 0 .01 .01z'/%3E%3C/svg%3E");
}

.icon-expand:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 1h3v1h-2v2h-1zm5 0h3v3h-1v-2h-2zm2 5h1v3h-3v-1h2zm-7 0h1v2h2v1h-3z'/%3E%3C/svg%3E");
}

.icon-collapse:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M4 4h-3v-1h2v-2h1zm2 0v-3h1v2h2v1zm0 2h3v1h-2v2h-1zm-2 0v3h-1v-2h-2v-1z'/%3E%3C/svg%3E");
}

.icon-box:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%2300f' d='M3 6l10-2.7 10 2.7-10 3zm-.8 1.2l10 3v13l-10-4zm21.6 0l-10 3v13l10-4z'/%3E%3C/svg%3E");
}

.icon-columns:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300f' d='M1.5 2.5h13v11h-13zm1 2v8h5v-8zm6 0v8h5v-8z'/%3E%3C/svg%3E");
}

.icon-storage:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2300f' d='M1.5 4.5v-3h11v3zm0 4zv-3h11v3zm0 4zv-3h11v3zm8 -2v1h2v-1zm0-4v1h2v-1zm0-4v1h2v-1z'/%3E%3C/svg%3E");
}

.icon-settings:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%2300f' d='M1 2h9v1h-9zm0 3h9v1h-9zm0 3h9v1h-9zm2-7h1v3h-1zm4 3h1v3h-1zm-3 3h1v3h-1z'/%3E%3C/svg%3E");
}

.icon-power:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%2300f' d='M6 3a6.7 6.7 0 1 0 6 0v2a4.9 4.9 0 1 1 -6 0zm2-1.5h2v8h-2z'/%3E%3C/svg%3E");
}

.icon-energy:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%2300f' d='M5 1.5l-2 4h2l-2 5 5-6h-2l2-3z'/%3E%3C/svg%3E");
}

.icon-sound:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath fill='%2300f' d='M3 6h-2v-3h2l3-2v7zm3.7-3q2 1.5 0 3z'/%3E%3C/svg%3E");
}

.icon-mic:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2300f' d='M7 5 a3 3 0 1 1 6 0v4a3 3 0 1 1 -6 0zm-2 4a5 5 0 1 0 10 0zm4 4v3h-3v2h8v-2h-3v-3z'/%3E%3C/svg%3E");
}

.icon-photo:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 2.5h2l1-1h2l1 1h2v5h-8zm4 .5a1.8 1.8 0 1 0 .01 0z'/%3E%3C/svg%3E");
}

.icon-print:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M1 2.5h2v-1h4v1h2v4h-8zm2 2l-1 4h6l-1-4zm4-1h1v-.5h-1z'/%3E%3C/svg%3E");
}

.icon-play:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f' d='M3 2v8l7-4z'/%3E%3C/svg%3E");
}

.icon-pause:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath fill='%2300f' d='M2 2h2v5h-2zm3 0h2v5h-2z'/%3E%3C/svg%3E");
}

.icon-stop:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath fill='%2300f' d='M2 2h5v5h-5z'/%3E%3C/svg%3E");
}

.icon-rec:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%2300f' d='M5 2a3 3 0 1 0 .01 0z'/%3E%3C/svg%3E");
}

.icon-layers:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2300f' d='M1 5.5l6-3 6 3-6 3zm0 3l2-1 4 2 4-2 2 1-6 3z'/%3E%3C/svg%3E");
}

.icon-none:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath fill='%2300f' d='M1 1z'/%3E%3C/svg%3E");
}