.menu {
    --svg: url("/static/svg/menu-01.svg");
}
.style-list {
    --svg: url("/static/svg/style-list.svg");
}
.style-grid {
    --svg: url("/static/svg/style-grid.svg");
}
.more {
    --svg: url("/static/svg/more.svg");
}
.left {
    --svg: url("/static/svg/left.svg");
}
.right {
    --svg: url("/static/svg/right.svg");
}
.filter {
    --svg: url("/static/svg/filter.svg");
}
.sort {
    --svg: url("/static/svg/sort.svg");
}
.loading {
    --svg: url("/static/svg/loading.svg");
}
.coffee {
    --svg: url("/static/svg/coffee.svg");
}
.search {
    --svg: url("/static/svg/search.svg");
}
.nb {
    --svg: url("/static/svg/nb.svg");
}
.blockvar {
    --svg: url("/static/svg/blockvar.svg");
}
.link {
    --svg: url("/static/svg/link.svg");
}
.line-chart {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%233f4240' stroke-width='2' d='m1 16l7-7l5 5L23 4M0 22h23.999M16 4h7v7'/%3E%3C/svg%3E");
}
.gift {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4240' d='M19.435 5.568h-2.38a1.98 1.98 0 0 0-.51-1.92a2.02 2.02 0 0 0-2.83 0L12 5.367l-1.71-1.719a2 2 0 0 0-2.83 0a1.98 1.98 0 0 0-.51 1.92H4.565a1.5 1.5 0 0 0-1.5 1.5v1A1.49 1.49 0 0 0 4 9.448v8.99a2.507 2.507 0 0 0 2.5 2.5h11a2.5 2.5 0 0 0 2.5-2.5v-8.98a1.51 1.51 0 0 0 .94-1.39v-1a1.5 1.5 0 0 0-1.505-1.5M8.165 4.357a1 1 0 0 1 1.41 0l1.21 1.211h-2.77a.99.99 0 0 1 .15-1.211M11 19.938H6.5a1.5 1.5 0 0 1-1.5-1.5v-8.87h6Zm0-11.37H4.565a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H11Zm3.43-4.211A1 1 0 0 1 16 5.568h-2.78ZM19 18.438a1.5 1.5 0 0 1-1.5 1.5H13V9.568h6Zm.94-10.37a.5.5 0 0 1-.5.5H13v-2h6.44a.5.5 0 0 1 .5.5Z' stroke-width='0.5' stroke='%233f4240'/%3E%3C/svg%3E");
}
.gift:before {
    background-color: rgb(225 113 10) !important;
}
.calendar {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f4240' stroke-width='1'%3E%3Crect width='18' height='15' x='3' y='6' rx='2'/%3E%3Cpath stroke-linecap='round' d='M3 11h18M9 16h6M8 3v4m8-4v4'/%3E%3C/g%3E%3C/svg%3E");
}
.history {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%233f4240' d='M18 9.83a1 1 0 0 0-1 1v8.72l5.9 4a1 1 0 0 0 1.1-1.67l-5-3.39v-7.66a1 1 0 0 0-1-1' class='clr-i-outline clr-i-outline-path-1' stroke-width='1' stroke='%233f4240'/%3E%3Cpath fill='%233f4240' d='M18 2a16.09 16.09 0 0 0-14 8.26V5.2a1 1 0 0 0-2 0V14h8.8a1 1 0 0 0 0-2H5.35a14 14 0 1 1 3.23 16.35a1 1 0 0 0-1.35 1.48A16 16 0 1 0 18 2' class='clr-i-outline clr-i-outline-path-2' stroke-width='1' stroke='%233f4240'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
}
.stable {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%233f4240' stroke-width='2' d='m1 16l7-7l5 5L23 4M0 22h23.999M16 4h7v7'/%3E%3C/svg%3E");
}
.tips {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4240' d='M7 20h4c0 1.1-.9 2-2 2s-2-.9-2-2m-2-1h8v-2H5zm11.5-9.5c0 3.82-2.66 5.86-3.77 6.5H5.27c-1.11-.64-3.77-2.68-3.77-6.5C1.5 5.36 4.86 2 9 2s7.5 3.36 7.5 7.5m-2 0C14.5 6.47 12.03 4 9 4S3.5 6.47 3.5 9.5c0 2.47 1.49 3.89 2.35 4.5h6.3c.86-.61 2.35-2.03 2.35-4.5m6.87-2.13L20 8l1.37.63L22 10l.63-1.37L24 8l-1.37-.63L22 6zM19 6l.94-2.06L22 3l-2.06-.94L19 0l-.94 2.06L16 3l2.06.94z' stroke-width='0.5' stroke='%233f4240'/%3E%3C/svg%3E");
}
.compass {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f4240' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0'/%3E%3Cpath d='m9 15l1.5-4.5L15 9l-1.5 4.5z'/%3E%3C/g%3E%3C/svg%3E");
}
.up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%233f4240' d='M240 56v64a8 8 0 0 1-16 0V75.31l-82.34 82.35a8 8 0 0 1-11.32 0L96 123.31l-66.34 66.35a8 8 0 0 1-11.32-11.32l72-72a8 8 0 0 1 11.32 0L136 140.69L212.69 64H168a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8' stroke-width='6.5' stroke='%233f4240'/%3E%3C/svg%3E");
}
.sugg {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f4240' stroke-width='1.5'%3E%3Cpath d='M3 3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6v13.8a.6.6 0 0 1-.6.6h-4.14a.6.6 0 0 0-.438.189l-3.385 3.597a.6.6 0 0 1-.874 0l-3.385-3.597A.6.6 0 0 0 7.74 18H3.6a.6.6 0 0 1-.6-.6z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m12 7l1.425 2.575L16 11l-2.575 1.425L12 15l-1.425-2.575L8 11l2.575-1.425z'/%3E%3C/g%3E%3C/svg%3E");
}
.ai {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f4240' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M19 9.62c0 2.58-1.27 4.565-3.202 5.872c-.45.304-.675.456-.786.63c-.11.172-.149.4-.224.854l-.06.353c-.132.798-.199 1.197-.479 1.434s-.684.237-1.493.237h-2.612c-.809 0-1.213 0-1.493-.237s-.346-.636-.48-1.434l-.058-.353c-.076-.453-.113-.68-.223-.852s-.336-.326-.787-.634C5.192 14.183 4 12.199 4 9.62C4 5.413 7.358 2 11.5 2a7.4 7.4 0 0 1 1.5.152'/%3E%3Cpath d='m16.5 2l.258.697c.338.914.507 1.371.84 1.704c.334.334.791.503 1.705.841L20 5.5l-.697.258c-.914.338-1.371.507-1.704.84c-.334.334-.503.791-.841 1.705L16.5 9l-.258-.697c-.338-.914-.507-1.371-.84-1.704c-.334-.334-.791-.503-1.705-.841L13 5.5l.697-.258c.914-.338 1.371-.507 1.704-.84c.334-.334.503-.791.841-1.705zm-3 17v1c0 .943 0 1.414-.293 1.707S12.443 22 11.5 22s-1.414 0-1.707-.293S9.5 20.943 9.5 20v-1'/%3E%3C/g%3E%3C/svg%3E");
}
.qrcode {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath fill='%233f4240' d='M8.383 21.402c1.219 0 1.875-.68 1.875-1.922v-5.53c0-2.438 1.312-3.68 3.656-3.68h5.672c1.219 0 1.898-.68 1.898-1.899c0-1.195-.68-1.875-1.898-1.875h-5.742c-4.875 0-7.36 2.414-7.36 7.242v5.743c0 1.242.68 1.921 1.899 1.921m39.234 0c1.242 0 1.899-.68 1.899-1.922v-5.742c0-4.828-2.438-7.242-7.36-7.242h-5.719c-1.242 0-1.921.68-1.921 1.875c0 1.219.68 1.899 1.921 1.899h5.672c2.297 0 3.633 1.242 3.633 3.68v5.53c0 1.243.68 1.922 1.875 1.922m-20.625 4.57v-8.179c0-.562-.445-1.031-1.031-1.031h-8.156c-.586 0-1.032.468-1.032 1.031v8.18c0 .562.446 1.008 1.032 1.008h8.156c.586 0 1.031-.446 1.031-1.008m4.055-7.171h6.14v6.14h-6.14Zm4.36 4.36v-2.556h-2.555v2.555Zm-12.235 0v-2.556h-2.578v2.555Zm-4.36 7.898h6.141v6.14h-6.14Zm20.11.796v-2.554h-2.555v2.555Zm-7.055 0v-2.554h-2.555v2.555Zm-8.695 3.54V32.84h-2.578v2.554Zm12.234 0V32.84h-2.578v2.554Zm1.031 14.109h5.72c4.921 0 7.359-2.438 7.359-7.266V36.52c0-1.243-.68-1.922-1.899-1.922s-1.875.68-1.875 1.922v5.53c0 2.438-1.336 3.68-3.633 3.68h-5.672c-1.242 0-1.921.68-1.921 1.899c0 1.195.68 1.875 1.921 1.875m-22.593 0h5.742c1.219 0 1.898-.68 1.898-1.875c0-1.219-.68-1.898-1.898-1.898h-5.672c-2.344 0-3.656-1.243-3.656-3.68V36.52c0-1.243-.68-1.922-1.875-1.922c-1.242 0-1.899.68-1.899 1.922v5.718c0 4.852 2.485 7.266 7.36 7.266m18.023-10.57v-2.555h-2.555v2.555Zm7.055 0v-2.555h-2.555v2.555Zm.305-12.961v-8.18c0-.562-.446-1.031-1.032-1.031H30.04c-.586 0-1.031.468-1.031 1.031v8.18c0 .562.445 1.008 1.03 1.008h8.157c.586 0 1.032-.446 1.032-1.008M18.812 18.8h6.141v6.14h-6.14Zm8.18 19.406v-8.18c0-.562-.445-1.007-1.031-1.007h-8.156c-.586 0-1.032.445-1.032 1.007v8.18c0 .563.446 1.031 1.032 1.031h8.156c.586 0 1.031-.468 1.031-1.031' stroke-width='1.5' stroke='%233f4240'/%3E%3C/svg%3E");
}
.down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4240' d='m14 20l-.354.354l.354.353l.354-.353zM6 3.5a.5.5 0 0 0 0 1zm2.646 11.854l5 5l.708-.708l-5-5zm5.708 5l5-5l-.708-.708l-5 5zM14.5 20V10h-1v10zM8 3.5H6v1h2zm6.5 6.5A6.5 6.5 0 0 0 8 3.5v1a5.5 5.5 0 0 1 5.5 5.5z' stroke-width='0.5' stroke='%233f4240'/%3E%3C/svg%3E");
}
.tend-up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f4240' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17l6-6l4 4l8-8'/%3E%3Cpath d='M17 7h4v4'/%3E%3C/g%3E%3C/svg%3E");
}
.tend-up:before {
    color: green;
}
.tend-down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f4240' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m3 7l6 6l4-4l8 8'/%3E%3Cpath d='M17 17h4v-4'/%3E%3C/g%3E%3C/svg%3E");
}
.tend-down:before {
    color: red;
}
.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
}

.icon-before:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    margin-right: 10px;
}
/*
.line-chart {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    color: green;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%233f4240' stroke-width='2' d='m1 16l7-7l5 5L23 4M0 22h23.999M16 4h7v7'/%3E%3C/svg%3E");
}*/