:root {
    /*colors*/
    --important-color: #fff;
    --main-color: #f1f1f1;
    --secondary-color: #b5b5b5; /*#999;*/
    --secondary-color-20: #b5b5b520;
    --inactive-color: #696969;
    --contrasting-color: #141017;
    --green-color: #1ec35b;
    --green-color-20: #1ec35b20;

    /*background colors*/
    --main-background: #29292d;
    --accent-background: #37353b;
    --focused-background: #3e3c42;
    --body-background: #1f1f24;

    
    /* ------ */

    --radius: 15px;
    --radius-small: 10px;
    --radius-tiny: 5px;
    --tiny-gap: 3px;
    --half-gap: 5px;
    --gap: 10px;
    --double-gap: calc(2 * var(--gap));
    --small-font-size: 12px;
    --def-font-size: 14px;
    --title-font-size: 18px;
    --big-title-font-size: 21px;

    --transition: all .3s ease-in-out;
    --active-shadow: 0px 0px 40px #00000050;

    --input-height: 40px;
    --max-site-width: 1200px;
    --side-column-width: 300px;

    /* global icons */
    --icon-arrow: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC40Njk2NyA0LjIxOTY3QzguMTc2NzggNC41MTI1NiA4LjE3Njc4IDQuOTg3NDQgOC40Njk2NyA1LjI4MDMzTDE1LjE4OTMgMTJMOC40Njk2NyAxOC43MTk3QzguMTc2NzggMTkuMDEyNiA4LjE3Njc4IDE5LjQ4NzQgOC40Njk2NyAxOS43ODAzQzguNzYyNTYgMjAuMDczMiA5LjIzNzQ0IDIwLjA3MzIgOS41MzAzMyAxOS43ODAzTDE2Ljc4MDMgMTIuNTMwM0MxNy4wNzMyIDEyLjIzNzQgMTcuMDczMiAxMS43NjI2IDE2Ljc4MDMgMTEuNDY5N0w5LjUzMDMzIDQuMjE5NjdDOS4yMzc0NCAzLjkyNjc4IDguNzYyNTYgMy45MjY3OCA4LjQ2OTY3IDQuMjE5NjdaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

body {
    color: var(--main-color);
    background: var(--body-background);
    font-size: var(--def-font-size);

    font-family: "Chiron GoRound TC", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);
}

a:active,
a:visited,
a {
    color: var(--main-color);
    transition: var(--transition);
    text-decoration: none;
}



a:hover {
    color: var(--important-color);

}

p {
    margin-block-start: unset;
    margin-block-end: unset;
}

main {
    display: flex;
    gap: var(--gap);
    width: 100%;
    max-width: var(--max-site-width);
}

.column {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    flex-grow: 1;
}

.mobile-column {
    display: none;
}

.side-column {
    width: var(--side-column-width);
    flex-grow: unset;
}

.cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-template-rows: repeat(auto-fill, minmax(170px, 1fr));
    grid-auto-rows: 1fr;
    gap: var(--gap);
}

.card-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.card-wrapper-title {
    /* display: block; */
    font-size: var(--big-title-font-size);
    font-weight: bold;
    padding: var(--gap) var(--double-gap);

    display: flex;
    align-items: center;
}

.card-wrapper-title:has(.card-wrapper-title--right) {
    padding-right: unset;
}

.card-wrapper-title .subline {
    font-size: var(--small-font-size);
    font-weight: normal;
    padding-left: 31px;
}

.card-wrapper-title--inner {
    flex-grow: 1;
}

.card-wrapper-title--right {
    font-size: var(--small-font-size);
    font-weight: normal;
    color: var(--secondary-color);

    display: flex;
    align-items: center;
    gap: var(--tiny-gap);
    height: fit-content;
    padding: var(--gap);
    border-radius: var(--radius-small);
    /* background: var(--secondary-color-20); */
    background: var(--main-background);
}

.card {
    background-color: var(--main-background);
    border-radius: var(--radius);
    padding: var(--double-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.card-title {
    display: block;
    font-size: var(--title-font-size);
    font-weight: bold;
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.subline {
    color: var(--secondary-color);
}

.internal-card {
    display: flex;
    border: 1px solid var(--accent-background);
    border-radius: var(--radius-tiny);
    /* padding: var(--half-gap); */
    padding: var(--half-gap) var(--gap);
}

.internal-card.interactive {
    cursor: pointer;
    transition: var(--transition);
}

.internal-card.interactive:hover {
    border-color: var(--focused-background);
    background-color: var(--focused-background);
}

.icon {
    display: block;
    width: 25px;
    height: 25px;
}

.icon.inline {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-bottom: -0.3em;
    /* margin-left: .2em;
    margin-right: .2em; */
}

.icon-after::after,
.icon-before::before,
.icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentcolor;
    mask-image: var(--icon);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;

    -webkit-mask-image: var(--icon);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
}

.icon-after::after,
.icon-before::before {
    width: 25px;
    height: 25px;
}

.icon-after.inline::after,
.icon-before.inline::before {
    width: 1.2em;
    height: 1.2em;
    margin-bottom: -0.3em;
}

/* INPUTS */

.input-text-field {
    position: relative;
}

.input-text-field input {
    border: none;
    outline: none;
    background-color: var(--accent-background);
    height: var(--input-height);
    border-radius: var(--radius);
    padding: 0 var(--radius);
    color: var(--main-color);

    width: 100%;
    box-sizing: border-box;
}

.input-text-field input:focus,
.input-text-field input:hover,
.input-text-field input:focus-visible {
    color: var(--important-color);
    background-color: var(--focused-background);
    border: none;
    outline: none;
}

.input-text-field .btn-icon {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    right: var(--gap);
}

.input-text-field .btn-icon + input {
    padding-right: calc(25px + 2 * var(--gap));
}


.input-checkbox {
    transition: var(--transition);
    cursor: pointer;

    --color-def: var(--secondary-color);
    --color-hover: var(--important-color);
    --color-checked: var(--main-color);

    color: var(--color-def);
}

.input-checkbox:hover {
    color: var(--color-hover);
}

.input-checkbox input {
    display: none;
}

.input-checkbox--text {
    position: relative;
}

.input-checkbox--text::before {
    content: '';
    display: inline-block;
    /* height: 1em;
    width: 1em;
    margin-right: 0.2em;
    margin-bottom: -0.2em; */
    height: 16px;
    width: 16px;
    box-sizing: border-box;
    margin-right: 0.2em;
    margin-bottom: -2px;
    border-radius: var(--radius-tiny);
    border: 1px solid currentColor;
}

.input-checkbox input:checked + .input-checkbox--text {
    color: var(--color-hover);
}

.input-checkbox input:checked + .input-checkbox--text::after {
    content: '';
    position: absolute;
    /* top: 0.3em;
    left: 0.2em;
    width: 0.7em;
    height: 0.7em; */
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background-color: currentColor;
}

.dropdown {
    position: relative;
    background: transparent;
    transition: var(--transition);
    /* padding: 3px; */
}

.dropdown-value-wrapper,
.dropdown-item  {
    /* min-height: 30px; */
    min-height: calc(30px - 2 * var(--tiny-gap));
    min-width: 40px;
    display: flex;
    gap: 3px;   
    align-items: center;
    justify-content: center;
    margin: var(--tiny-gap) var(--half-gap);
    box-sizing: border-box;
    cursor: default;
    transition: var(--transition);
}

.dropdown-item {
    cursor: pointer;
    color: var(--secondary-color);
}

.dropdown-item:hover {
    color: var(--main-color);
}

.dropdown-item.choosed {
    display: none;
}

.dropdown:hover {
    /* outline: 1px solid var(--accent-background); */
    border-radius: var(--radius-small) var(--radius-small) 0 0;
    background: var(--accent-background);
}

.dropdown-list {
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    /* display: none; */
    visibility: hidden;
    opacity: 0;
    border-radius: 0 0 var(--radius-small) var(--radius-small);
    background: transparent;
    transition: var(--transition);
}

.dropdown:hover .dropdown-list {
    /* display: block; */
    visibility: visible;
    opacity: 1;

    
    background: var(--accent-background);
}


/* doens't work in old browsers */
.dropdown:has(.dropdown-value-wrapper > .icon.inline) .dropdown-item {
    margin-left: calc(var(--half-gap) + 1.2em); /* 1.2em is size of inline icon*/
    min-width: calc(40px - 1.2em);
}


.btn {
    display: flex;
    box-sizing: border-box;
    font-weight: bold;
    height: var(--input-height);
    align-items: center;
    justify-content: center;
    min-width: 80px;
    border-radius: var(--radius-small);
    cursor: pointer;
    transition: var(--transition);
}

.btn:not(.btn-textual) {
    padding: var(--half-gap) var(--gap);
    background-color: var(--main-color);
    color: var(--contrasting-color);
}

.btn:not(.btn-textual):hover {
    background-color: var(--important-color);
}

.btn.btn-textual {
    color: var(--main-color);
}

.btn.btn-textual:hover {
    color: var(--important-color);
}

.btn-icon {
    color: var(--main-color);
    cursor: pointer;
    transition: var(--transition);
}

.btn-icon:hover {
    color: var(--important-color);
}

.btn-bordered {
    display: flex;
    align-items: center;
    gap: var(--half-gap);
    border: 1px solid var(--accent-background);
    border-radius: var(--radius-tiny);
    padding: var(--half-gap);
    cursor: pointer;
    background: transparent;
    transition: var(--transition);
    color: var(--main-color);
}

.btn-bordered:hover {
    background: var(--accent-background);
    color: var(--important-color);
}

/* PRESETTED CLASSES */

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

/* ICONS */

/* 

packs
main https://www.iconfinder.com/search/icons?family=fluent-solid-20px
https://www.iconfinder.com/search?q=&family=fluent-regular-24px
https://www.iconfinder.com/search?q=&family=raw

*/

.icon-star {
    --icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJCb2xkIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkPSJNNi44NTIsMjMuNDM4YTMuNjEyLDMuNjEyLDAsMCwxLTIuMTIxLS43QTMuNTcsMy41NywwLDAsMSwzLjQsMTguNjg0TDQuNTcsMTUuMDY1LDEuNDksMTIuODEzQTMuNjI1LDMuNjI1LDAsMCwxLDMuNjMsNi4yNjFINy40bDEuMTQ1LTMuNTdhMy42MjcsMy42MjcsMCwwLDEsNi45MDYsMGgwTDE2LjYsNi4yNjFIMjAuMzdhMy42MjUsMy42MjUsMCwwLDEsMi4xMzksNi41NTJMMTkuNDMsMTUuMDY1LDIwLjYsMTguNjg0QTMuNjI2LDMuNjI2LDAsMCwxLDE1LDIyLjcxOWwtMy0yLjIwNkw5LDIyLjcyQTMuNjE5LDMuNjE5LDAsMCwxLDYuODUyLDIzLjQzOFpNMy42Myw5LjI2MWEuNjI2LjYyNiwwLDAsMC0uMzcsMS4xMzFsMy45NTYsMi44OTFhMS41LDEuNSwwLDAsMSwuNTQyLDEuNjcybC0xLjUsNC42NWEuNjI2LjYyNiwwLDAsMCwuOTY2LjdsMy44ODktMi44NjFhMS41LDEuNSwwLDAsMSwxLjc3OCwwbDMuODg5LDIuODZhLjYyNS42MjUsMCwwLDAsLjk2Ni0uN2wtMS41LTQuNjVhMS41LDEuNSwwLDAsMSwuNTQyLTEuNjcybDMuOTU1LTIuODkxYS42MjYuNjI2LDAsMCwwLS4zNjktMS4xMzFIMTUuNWExLjUsMS41LDAsMCwxLTEuNDI4LTEuMDQyTDEyLjYsMy42MDdhLjYyNi42MjYsMCwwLDAtMS4xOTIsMEw5LjkyNSw4LjIxOUExLjUsMS41LDAsMCwxLDguNSw5LjI2MVoiLz48L3N2Zz4=');
}

.icon-logo {
    --icon: url('/img/logo.svg');
}

.icon-arrow {
    --icon: var(--icon-arrow);
}

.icon-language {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuMjUgMUMxNy42NjQyIDEgMTggMS4zMzU3OSAxOCAxLjc1VjNIMjIuNUMyMi45MTQyIDMgMjMuMjUgMy4zMzU3OSAyMy4yNSAzLjc1VjUuMjVDMjMuMjUgNS42NjQyMSAyMi45MTQyIDYgMjIuNSA2QzIyLjA4NTggNiAyMS43NSA1LjY2NDIxIDIxLjc1IDUuMjVWNC41SDEyLjI1VjUuMjVDMTIuMjUgNS42NjQyMSAxMS45MTQyIDYgMTEuNSA2QzExLjA4NTggNiAxMC43NSA1LjY2NDIxIDEwLjc1IDUuMjVWMy43NUMxMC43NSAzLjMzNTc5IDExLjA4NTggMyAxMS41IDNIMTYuNVYxLjc1QzE2LjUgMS4zMzU3OSAxNi44MzU4IDEgMTcuMjUgMVpNMTMuNzUgNkMxMy4zMzU4IDYgMTMgNi4zMzU3OSAxMyA2Ljc1QzEzIDcuMTY0MjEgMTMuMzM1OCA3LjUgMTMuNzUgNy41SDE4LjE3ODVMMTYuNzY5OSA4LjY3MzgzQzE2LjU5ODkgOC44MTYzMyAxNi41IDkuMDI3NDIgMTYuNSA5LjI1VjkuNUgxMS43NUMxMS4zMzU4IDkuNSAxMSA5LjgzNTc5IDExIDEwLjI1QzExIDEwLjY2NDIgMTEuMzM1OCAxMSAxMS43NSAxMUgxNi41VjEzLjczNEMxNi41IDE0LjIzNjQgMTYuMDE1NyAxNC41OTY3IDE1LjUzNDUgMTQuNDUyM0wxNC45NjU1IDE0LjI4MTZDMTQuNTY4OCAxNC4xNjI2IDE0LjE1MDcgMTQuMzg3NyAxNC4wMzE2IDE0Ljc4NDVDMTMuOTEyNiAxNS4xODEyIDE0LjEzNzcgMTUuNTk5MyAxNC41MzQ1IDE1LjcxODRMMTUuMTAzNSAxNS44ODkxQzE2LjU0NzEgMTYuMzIyMiAxOCAxNS4yNDExIDE4IDEzLjczNFYxMUgyMi4yNUMyMi42NjQyIDExIDIzIDEwLjY2NDIgMjMgMTAuMjVDMjMgOS44MzU3OSAyMi42NjQyIDkuNSAyMi4yNSA5LjVIMTguMTIxNUwyMC43MzAxIDcuMzI2MTdDMjAuOTcyNyA3LjEyNDAyIDIxLjA2MjcgNi43OTE1OSAyMC45NTUyIDYuNDk0NjhDMjAuODQ3NyA2LjE5Nzc4IDIwLjU2NTggNiAyMC4yNSA2SDEzLjc1Wk04LjM4ODY4IDYuNDc2OUw4LjMzOTk2IDYuMzcyNTZDOC4wNDgxMyA1Ljg1MDI1IDcuMjY1ODIgNS44NzUxIDcuMDI1MjcgNi40NTk5NUwxLjA2MTMzIDIwLjk1OTlMMS4wMjg5MiAyMS4wNTY0QzAuOTM0OTg4IDIxLjQxMzIgMS4xMTE3OCAyMS43OTQ4IDEuNDU1MiAyMS45NDE2QzEuODI5ODMgMjIuMTAxOCAyLjI2MDkgMjEuOTIyIDIuNDE4MDEgMjEuNTQwMUwzLjk2NDc5IDE3Ljc4MDFMNC4wNTg4MyAxNy43ODYyTDExLjE0NTYgMTcuNzg2TDEyLjU3ODYgMjEuNTIzMUwxMi42MjEyIDIxLjYxNTRDMTIuNzk3MyAyMS45MzgzIDEzLjE4NDcgMjIuMDg2OCAxMy41MzE1IDIxLjk0ODVDMTMuOTA5OSAyMS43OTc3IDE0LjA5NjcgMjEuMzYyNyAxMy45NDg4IDIwLjk3NjlMOC4zODg2OCA2LjQ3NjlaTTQuNjQ4NDYgMTYuMjg2TDcuODEwNjIgOC43NDczOEwxMC43NTg1IDE2LjI4Nkg0LjY0ODQ2WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
    /* --icon: url('data:image/svg+xml;base64,'); */
}

.icon-money {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNSA4QzguODQzMTUgOCA3LjUgOS4zNDMxNSA3LjUgMTFDNy41IDEyLjY1NjkgOC44NDMxNSAxNCAxMC41IDE0QzEyLjE1NjkgMTQgMTMuNSAxMi42NTY5IDEzLjUgMTFDMTMuNSA5LjM0MzE1IDEyLjE1NjkgOCAxMC41IDhaTTkgMTFDOSAxMC4xNzE2IDkuNjcxNTcgOS41IDEwLjUgOS41QzExLjMyODQgOS41IDEyIDEwLjE3MTYgMTIgMTFDMTIgMTEuODI4NCAxMS4zMjg0IDEyLjUgMTAuNSAxMi41QzkuNjcxNTcgMTIuNSA5IDExLjgyODQgOSAxMVoiIGZpbGw9IiMyMTIxMjEiLz48cGF0aCBkPSJNMiA3LjI1QzIgNi4wMDczNiAzLjAwNzM2IDUgNC4yNSA1SDE2Ljc1QzE3Ljk5MjYgNSAxOSA2LjAwNzM2IDE5IDcuMjVWMTQuNzVDMTkgMTUuOTkyNiAxNy45OTI2IDE3IDE2Ljc1IDE3SDQuMjVDMy4wMDczNiAxNyAyIDE1Ljk5MjYgMiAxNC43NVY3LjI1Wk00LjI1IDYuNUMzLjgzNTc5IDYuNSAzLjUgNi44MzU3OSAzLjUgNy4yNVY4SDQuMjVDNC42NjQyMSA4IDUgNy42NjQyMSA1IDcuMjVWNi41SDQuMjVaTTMuNSAxMi41SDQuMjVDNS40OTI2NCAxMi41IDYuNSAxMy41MDc0IDYuNSAxNC43NVYxNS41SDE0LjVWMTQuNzVDMTQuNSAxMy41MDc0IDE1LjUwNzQgMTIuNSAxNi43NSAxMi41SDE3LjVWOS41SDE2Ljc1QzE1LjUwNzQgOS41IDE0LjUgOC40OTI2NCAxNC41IDcuMjVWNi41SDYuNVY3LjI1QzYuNSA4LjQ5MjY0IDUuNDkyNjQgOS41IDQuMjUgOS41SDMuNVYxMi41Wk0xNy41IDhWNy4yNUMxNy41IDYuODM1NzkgMTcuMTY0MiA2LjUgMTYuNzUgNi41SDE2VjcuMjVDMTYgNy42NjQyMSAxNi4zMzU4IDggMTYuNzUgOEgxNy41Wk0xNy41IDE0SDE2Ljc1QzE2LjMzNTggMTQgMTYgMTQuMzM1OCAxNiAxNC43NVYxNS41SDE2Ljc1QzE3LjE2NDIgMTUuNSAxNy41IDE1LjE2NDIgMTcuNSAxNC43NVYxNFpNMy41IDE0Ljc1QzMuNSAxNS4xNjQyIDMuODM1NzkgMTUuNSA0LjI1IDE1LjVINVYxNC43NUM1IDE0LjMzNTggNC42NjQyMSAxNCA0LjI1IDE0SDMuNVYxNC43NVoiIGZpbGw9IiMyMTIxMjEiLz48cGF0aCBkPSJNNC40MDEzNyAxOC41QzQuOTIwMDggMTkuMzk2NyA1Ljg4OTYgMjAgNy4wMDAwMiAyMEgxNy4yNUMxOS44NzM0IDIwIDIyIDE3Ljg3MzQgMjIgMTUuMjVWMTBDMjIgOC44ODk2IDIxLjM5NjcgNy45MjAwOCAyMC41IDcuNDAxMzdWMTUuMjVDMjAuNSAxNy4wNDQ5IDE5LjA0NDkgMTguNSAxNy4yNSAxOC41SDQuNDAxMzdaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
    /* --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yNTE4OSAyLjAwMTk1QzUuODM3NjggMi4wMDE5NSA1LjUwMTg5IDIuMzM3NzQgNS41MDE4OSAyLjc1MTk1VjMuMDY1MTRDMy41MTE0NSAzLjQxODYgMiA1LjE1NzU0IDIgNy4yNDk1VjcuNzkxMUMyIDkuNjA3MzYgMy4wMzU3IDExLjI2NDYgNC42NjgyNCAxMi4wNjA2TDUuNTAxODkgMTIuNDY3MVYxOS4zNzUyQzQuMzQ3MjcgMTkuMDQ5NSAzLjUgMTcuOTg4MiAzLjUgMTYuNzI4MVYxNS43NDczQzMuNSAxNS4zMzMxIDMuMTY0MjEgMTQuOTk3MyAyLjc1IDE0Ljk5NzNDMi4zMzU3OSAxNC45OTczIDIgMTUuMzMzMSAyIDE1Ljc0NzNWMTYuNzI4MUMyIDE4LjgyMTIgMy41MTI2MyAyMC41NTkzIDUuNTAxODkgMjAuOTEyNVYyMS4yNDcyQzUuNTAxODkgMjEuNjYxNCA1LjgzNzY4IDIxLjk5NzIgNi4yNTE4OSAyMS45OTcyQzYuNjY2MTEgMjEuOTk3MiA3LjAwMTg5IDIxLjY2MTQgNy4wMDE4OSAyMS4yNDcyVjIwLjkxMThDOC45OTE2NSAyMC41NTY2IDEwLjUgMTguODE3NiAxMC41IDE2LjcyODFMMTAuNSAxNi4yMDM4QzEwLjUgMTQuMzg3NiA5LjQ2NDI4IDEyLjczMDMgNy44MzE3NSAxMS45MzQzTDcuMDAxODkgMTEuNTI5N1Y0LjYwMzU3QzguMTU1MTcgNC45MzA2NiA4Ljk5OTk4IDUuOTkxNDIgOC45OTk5OCA3LjI0OTVWOC4yNTA4MkM4Ljk5OTk4IDguNjY1MDQgOS4zMzU3NiA5LjAwMDgyIDkuNzQ5OTggOS4wMDA4MkMxMC4xNjQyIDkuMDAwODIgMTAuNSA4LjY2NTA0IDEwLjUgOC4yNTA4MlY3LjI0OTVDMTAuNSA1LjE1ODg4IDguOTkwNDYgMy40MjA4MiA3LjAwMTg5IDMuMDY1ODJWMi43NTE5NUM3LjAwMTg5IDIuMzM3NzQgNi42NjYxMSAyLjAwMTk1IDYuMjUxODkgMi4wMDE5NVpNMy41IDcuMjQ5NUMzLjUgNS45OTAwNCA0LjM0NjY3IDQuOTI4MzMgNS41MDE4OSA0LjYwMjQ5VjEwLjc5ODNMNS4zMjU2NCAxMC43MTI0QzQuMjA4NjQgMTAuMTY3NyAzLjUgOS4wMzM4IDMuNSA3Ljc5MTFWNy4yNDk1Wk03LjAwMTg5IDE5LjM3NFYxMy4xOTg1TDcuMTc0MzUgMTMuMjgyNkM4LjI5MTM0IDEzLjgyNzIgOC45OTk5OCAxNC45NjExIDguOTk5OTkgMTYuMjAzOEw4Ljk5OTk5IDE2LjcyODFDOC45OTk5OSAxNy45ODU2IDguMTU1NzcgMTkuMDQ2OCA3LjAwMTg5IDE5LjM3NFoiIGZpbGw9IiMyMTIxMjEiLz48cGF0aCBkPSJNMTQuNSAxMS45OTk1QzE0LjUgMTEuODMxIDE0LjUwMzcgMTEuNjY0IDE0LjUxMTEgMTEuNDk4NkwxNi4yNDgyIDExLjQ5OTVDMTYuNjYyNCAxMS40OTk4IDE2Ljk5ODQgMTEuMTY0MiAxNi45OTg2IDEwLjc0OTlDMTYuOTk4OSAxMC4zMzU3IDE2LjY2MzMgOS45OTk3NiAxNi4yNDkgOS45OTk1M0wxNC42ODIzIDkuOTk4NjZDMTQuOTI5IDguNjc2MSAxNS40MTI2IDcuNTA4NDYgMTYuMDQ5NCA2LjU5NDczQzE2Ljk5MzggNS4yMzk3NiAxOC4yMjU2IDQuNDk5NTEgMTkuNSA0LjQ5OTUxQzE5Ljk2NjggNC40OTk1MSAyMC40NzMxIDQuNjM1NzUgMjAuODM3MyA0Ljg3NTc4QzIxLjE4MzIgNS4xMDM2OSAyMS42NDg0IDUuMDA4MDUgMjEuODc2MyA0LjY2MjE3QzIyLjEwNDIgNC4zMTYyOSAyMi4wMDg1IDMuODUxMTUgMjEuNjYyNyAzLjYyMzI0QzIxLjAxOTEgMy4xOTkyMSAyMC4yMTYzIDIuOTk5NTEgMTkuNSAyLjk5OTUxQzE3LjU5ODggMi45OTk1MSAxNS45NTU2IDQuMTA2MDggMTQuODE4OCA1LjczNzA0QzE0LjAwNDEgNi45MDYwNCAxMy40MjQgOC4zNzM1NiAxMy4xNTk5IDkuOTk3ODJMMTEuNzUwNiA5Ljk5NzA1QzExLjMzNjQgOS45OTY4MiAxMS4wMDA0IDEwLjMzMjQgMTEuMDAwMiAxMC43NDY2QzExIDExLjE2MDggMTEuMzM1NiAxMS40OTY4IDExLjc0OTggMTEuNDk3TDEzLjAwOTkgMTEuNDk3N0MxMy4wMDMzIDExLjY2NCAxMyAxMS44MzEzIDEzIDExLjk5OTVDMTMgMTIuMTY3MiAxMy4wMDMzIDEyLjMzMzkgMTMuMDA5OCAxMi40OTk2TDExLjc1MDIgMTIuNDk5NUMxMS4zMzYgMTIuNDk5NSAxMS4wMDAyIDEyLjgzNTMgMTEuMDAwMiAxMy4yNDk1QzExLjAwMDIgMTMuNjYzOCAxMS4zMzYgMTMuOTk5NSAxMS43NTAyIDEzLjk5OTVMMTMuMTU5NyAxMy45OTk2QzEzLjQyMzYgMTUuNjI0NSAxNC4wMDM4IDE3LjA5MjYgMTQuODE4OCAxOC4yNjJDMTUuOTU1NiAxOS44OTI5IDE3LjU5ODggMjAuOTk5NSAxOS41IDIwLjk5OTVDMjAuMTk1NCAyMC45OTk1IDIxLjAxNzUgMjAuODMxNSAyMS42ODIyIDIwLjM2OTFDMjIuMDIyMiAyMC4xMzI2IDIyLjEwNjEgMTkuNjY1MSAyMS44Njk2IDE5LjMyNTFDMjEuNjMzIDE4Ljk4NTEgMjEuMTY1NiAxOC45MDEyIDIwLjgyNTYgMTkuMTM3N0MyMC40ODI1IDE5LjM3NjQgMTkuOTg3NyAxOS40OTk1IDE5LjUgMTkuNDk5NUMxOC4yMjU2IDE5LjQ5OTUgMTYuOTkzOCAxOC43NTkzIDE2LjA0OTQgMTcuNDA0M0MxNS40MTI1IDE2LjQ5MDQgMTQuOTI4OCAxNS4zMjI1IDE0LjY4MjEgMTMuOTk5NkwxNi4yNDg2IDEzLjk5OTZDMTYuNjYyOSAxMy45OTk2IDE2Ljk5ODYgMTMuNjYzOCAxNi45OTg2IDEzLjI0OTZDMTYuOTk4NiAxMi44MzU0IDE2LjY2MjkgMTIuNDk5NiAxNi4yNDg2IDEyLjQ5OTZMMTQuNTExMSAxMi40OTk2QzE0LjUwMzcgMTIuMzM0NCAxNC41IDEyLjE2NzcgMTQuNSAxMS45OTk1WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg=='); */
}

.icon-chart {
    /* --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuNzQ4OSAyTDIxLjMwMjcgMi4wMDA1MkwyMS40MDMgMi4wMTQ0NEwyMS41MDE4IDIuMDQyMDVMMjEuNTYyMSAyLjA2NzZDMjEuNjQxMyAyLjEwMjQ2IDIxLjcxNTUgMi4xNTMxNSAyMS43ODA4IDIuMjE4MzZMMjEuODIxNSAyLjI2MjRMMjEuODY1IDIuMzE4NzhMMjEuOTE5MiAyLjQwODlMMjEuOTU3OSAyLjQ5OTIyTDIxLjk3NyAyLjU2MzNMMjEuOTkwNiAyLjYyNzNMMjIgMi43MjE1TDIyLjAwMDQgNy4yNTM4OUMyMi4wMDA0IDcuNjY4MSAyMS42NjQ3IDguMDAzODkgMjEuMjUwNCA4LjAwMzg5QzIwLjg3MDggOC4wMDM4OSAyMC41NTcgNy43MjE3NCAyMC41MDczIDcuMzU1NjZMMjAuNTAwNCA3LjI1Mzg5TDIwLjUgNC41NTlMMTQuMDYwNyAxMC45OTk3QzEzLjc5NDQgMTEuMjY2IDEzLjM3NzcgMTEuMjkwMiAxMy4wODQxIDExLjA3MjRMMTMgMTAuOTk5OEw5Ljk2OTY5IDguMDg5MjRMNC4yODAzMyAxMy43Nzg2QzMuOTg3NDQgMTQuMDcxNSAzLjUxMjU2IDE0LjA3MTUgMy4yMTk2NyAxMy43Nzg2QzIuOTUzNCAxMy41MTIzIDIuOTI5MiAxMy4wOTU3IDMuMTQ3MDUgMTIuODAyMUwzLjIxOTY3IDEyLjcxNzlMOS40MzkzNSA2LjQ5ODI2QzkuNzA1NjEgNi4yMzE5OSAxMC4xMjIzIDYuMjA3NzkgMTAuNDE1OSA2LjQyNTYzTDEwLjUgNi40OTgyNUwxMy41MzAzIDkuNDA4NzdMMTkuNDM4IDMuNUgxNi43NDg5QzE2LjM2OTIgMy41IDE2LjA1NTQgMy4yMTc4NSAxNi4wMDU4IDIuODUxNzdMMTUuOTk4OSAyLjc1QzE1Ljk5ODkgMi4zNzAzIDE2LjI4MTEgMi4wNTY1MSAxNi42NDcyIDIuMDA2ODVMMTYuNzQ4OSAyWk0zLjc1IDE3QzQuMTY0MjEgMTcgNC41IDE3LjMzNTggNC41IDE3Ljc1VjIxLjI1QzQuNSAyMS42NjQyIDQuMTY0MjEgMjIgMy43NSAyMkMzLjMzNTc5IDIyIDMgMjEuNjY0MiAzIDIxLjI1VjE3Ljc1QzMgMTcuMzM1OCAzLjMzNTc5IDE3IDMuNzUgMTdaTTkuNSAxMy43NUM5LjUgMTMuMzM1OCA5LjE2NDIxIDEzIDguNzUgMTNDOC4zMzU3OSAxMyA4IDEzLjMzNTggOCAxMy43NVYyMS4yNUM4IDIxLjY2NDIgOC4zMzU3OSAyMiA4Ljc1IDIyQzkuMTY0MjEgMjIgOS41IDIxLjY2NDIgOS41IDIxLjI1VjEzLjc1Wk0xMy43NSAxNUMxNC4xNjQyIDE1IDE0LjUgMTUuMzM1OCAxNC41IDE1Ljc1VjIxLjI1QzE0LjUgMjEuNjY0MiAxNC4xNjQyIDIyIDEzLjc1IDIyQzEzLjMzNTggMjIgMTMgMjEuNjY0MiAxMyAyMS4yNVYxNS43NUMxMyAxNS4zMzU4IDEzLjMzNTggMTUgMTMuNzUgMTVaTTE5LjUgMTAuNzVDMTkuNSAxMC4zMzU4IDE5LjE2NDIgMTAgMTguNzUgMTBDMTguMzM1OCAxMCAxOCAxMC4zMzU4IDE4IDEwLjc1VjIxLjI1QzE4IDIxLjY2NDIgMTguMzM1OCAyMiAxOC43NSAyMkMxOS4xNjQyIDIyIDE5LjUgMjEuNjY0MiAxOS41IDIxLjI1VjEwLjc1WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg=='); */
    /* --icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik0yMi41LDIxSDUuNUEyLjUsMi41LDAsMCwxLDMsMTguNVYxLjVhMS41LDEuNSwwLDAsMC0zLDB2MTdBNS41MDYsNS41MDYsMCwwLDAsNS41LDI0aDE3YTEuNSwxLjUsMCwwLDAsMC0zWiIvPjxwYXRoIGQ9Ik05LjUsOUExLjUsMS41LDAsMCwwLDgsMTAuNXY3YTEuNSwxLjUsMCwwLDAsMywwdi03QTEuNSwxLjUsMCwwLDAsOS41LDlaIi8+PHBhdGggZD0iTTE0LDEzLjV2NGExLjUsMS41LDAsMCwwLDMsMHYtNGExLjUsMS41LDAsMCwwLTMsMFoiLz48cGF0aCBkPSJNMjAsOS41djhhMS41LDEuNSwwLDAsMCwzLDB2LThhMS41LDEuNSwwLDAsMC0zLDBaIi8+PHBhdGggZD0iTTYsNy41YTEuNDg3LDEuNDg3LDAsMCwwLC45MzYtLjMyOUw5LjIxNCw1LjM1YTIuMzkyLDIuMzkyLDAsMCwxLDMuMTkxLjE3Niw1LjQzLDUuNDMsMCwwLDAsNy4zLjNsMy43NjQtMy4xODVBMS41LDEuNSwwLDEsMCwyMS41MzEuMzU1TDE3Ljc2OCwzLjU0QTIuNDExLDIuNDExLDAsMCwxLDE0LjUyNiwzLjRhNS4zODksNS4zODksMCwwLDAtNy4xODYtLjRMNS4wNjMsNC44MjlBMS41LDEuNSwwLDAsMCw2LDcuNVoiLz48L3N2Zz4='); */
    /* --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMi43NUMxNCAyLjMzNTc5IDE0LjMzNTggMiAxNC43NSAySDE3LjI1QzE3LjY2NDIgMiAxOCAyLjMzNTc5IDE4IDIuNzVWNS4yNUMxOCA1LjY2NDIxIDE3LjY2NDIgNiAxNy4yNSA2QzE2LjgzNTggNiAxNi41IDUuNjY0MjEgMTYuNSA1LjI1VjQuNTYwNjZMMTIuMDMwMyA5LjAzMDMzQzExLjczNzQgOS4zMjMyMiAxMS4yNjI2IDkuMzIzMjIgMTAuOTY5NyA5LjAzMDMzTDguNSA2LjU2MDY2TDQuMjgwMzMgMTAuNzgwM0MzLjk4NzQ0IDExLjA3MzIgMy41MTI1NiAxMS4wNzMyIDMuMjE5NjcgMTAuNzgwM0MyLjkyNjc4IDEwLjQ4NzQgMi45MjY3OCAxMC4wMTI2IDMuMjE5NjcgOS43MTk2N0w3Ljk2OTY3IDQuOTY5NjdDOC4yNjI1NiA0LjY3Njc4IDguNzM3NDQgNC42NzY3OCA5LjAzMDMzIDQuOTY5NjdMMTEuNSA3LjQzOTM0TDE1LjQzOTMgMy41SDE0Ljc1QzE0LjMzNTggMy41IDE0IDMuMTY0MjEgMTQgMi43NVpNMy43NSAxNEM0LjE2NDIxIDE0IDQuNSAxNC4zMzU4IDQuNSAxNC43NVYxNy4yNUM0LjUgMTcuNjY0MiA0LjE2NDIxIDE4IDMuNzUgMThDMy4zMzU3OSAxOCAzIDE3LjY2NDIgMyAxNy4yNVYxNC43NUMzIDE0LjMzNTggMy4zMzU3OSAxNCAzLjc1IDE0Wk04LjUgMTEuNzVDOC41IDExLjMzNTggOC4xNjQyMSAxMSA3Ljc1IDExQzcuMzM1NzkgMTEgNyAxMS4zMzU4IDcgMTEuNzVWMTcuMjVDNyAxNy42NjQyIDcuMzM1NzkgMTggNy43NSAxOEM4LjE2NDIxIDE4IDguNSAxNy42NjQyIDguNSAxNy4yNVYxMS43NVpNMTEuNzUgMTNDMTIuMTY0MiAxMyAxMi41IDEzLjMzNTggMTIuNSAxMy43NVYxNy4yNUMxMi41IDE3LjY2NDIgMTIuMTY0MiAxOCAxMS43NSAxOEMxMS4zMzU4IDE4IDExIDE3LjY2NDIgMTEgMTcuMjVWMTMuNzVDMTEgMTMuMzM1OCAxMS4zMzU4IDEzIDExLjc1IDEzWk0xNi41IDkuNzVDMTYuNSA5LjMzNTc5IDE2LjE2NDIgOSAxNS43NSA5QzE1LjMzNTggOSAxNSA5LjMzNTc5IDE1IDkuNzVWMTcuMjVDMTUgMTcuNjY0MiAxNS4zMzU4IDE4IDE1Ljc1IDE4QzE2LjE2NDIgMTggMTYuNSAxNy42NjQyIDE2LjUgMTcuMjVWOS43NVoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4='); */
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcgMTYuMjVDMTcgMTYuNjY0MiAxNi42NjQyIDE3IDE2LjI1IDE3TDQuNzUgMTdDMy43ODM1IDE3IDMgMTYuMjE2NSAzIDE1LjI1VjMuNzVDMyAzLjMzNTc5IDMuMzM1NzkgMyAzLjc1IDNDNC4xNjQyMSAzIDQuNSAzLjMzNTc5IDQuNSAzLjc1TDQuNSAxNS4yNUM0LjUgMTUuMzg4MSA0LjYxMTkzIDE1LjUgNC43NSAxNS41TDE2LjI1IDE1LjVDMTYuNjY0MiAxNS41IDE3IDE1LjgzNTggMTcgMTYuMjVaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggZD0iTTEyIDUuNzVDMTIgNS4zMzU3OSAxMi4zMzU4IDUgMTIuNzUgNUgxNi4yNUMxNi42NjQyIDUgMTcgNS4zMzU3OSAxNyA1Ljc1VjkuMjVDMTcgOS42NjQyMSAxNi42NjQyIDEwIDE2LjI1IDEwQzE1LjgzNTggMTAgMTUuNSA5LjY2NDIxIDE1LjUgOS4yNVY3LjU2MDYzTDExLjUzMDMgMTEuNTMwM0MxMS4zODk3IDExLjY3MSAxMS4xOTg5IDExLjc1IDExIDExLjc1QzEwLjgwMTEgMTEuNzUgMTAuNjEwMyAxMS42NzEgMTAuNDY5NiAxMS41MzAzTDkgMTAuMDYwN0w2Ljc4MDMzIDEyLjI4MDNDNi40ODc0NCAxMi41NzMyIDYuMDEyNTYgMTIuNTczMiA1LjcxOTY3IDEyLjI4MDNDNS40MjY3OCAxMS45ODc0IDUuNDI2NzggMTEuNTEyNiA1LjcxOTY3IDExLjIxOTdMOC40Njk2NyA4LjQ2OTY3QzguNjEwMzIgOC4zMjkwMiA4LjgwMTA5IDguMjUgOSA4LjI1QzkuMTk4OTIgOC4yNSA5LjM4OTY4IDguMzI5MDIgOS41MzAzMyA4LjQ2OTY3TDExIDkuOTM5MzRMMTQuNDM5MyA2LjVIMTIuNzVDMTIuMzM1OCA2LjUgMTIgNi4xNjQyMSAxMiA1Ljc1WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-blocks {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA0Ljc1QzIgNC4zMzU3OSAyLjMzNTc5IDQgMi43NSA0SDE3LjI1QzE3LjY2NDIgNCAxOCA0LjMzNTc5IDE4IDQuNzVDMTggNS4xNjQyMSAxNy42NjQyIDUuNSAxNy4yNSA1LjVIMi43NUMyLjMzNTc5IDUuNSAyIDUuMTY0MjEgMiA0Ljc1WiIgZmlsbD0iIzIxMjEyMSIvPjxwYXRoIGQ9Ik0yIDkuNzVDMiA5LjMzNTc5IDIuMzM1NzkgOSAyLjc1IDlIMTcuMjVDMTcuNjY0MiA5IDE4IDkuMzM1NzkgMTggOS43NUMxOCAxMC4xNjQyIDE3LjY2NDIgMTAuNSAxNy4yNSAxMC41SDIuNzVDMi4zMzU3OSAxMC41IDIgMTAuMTY0MiAyIDkuNzVaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggZD0iTTIuNzUgMTRDMi4zMzU3OSAxNCAyIDE0LjMzNTggMiAxNC43NUMyIDE1LjE2NDIgMi4zMzU3OSAxNS41IDIuNzUgMTUuNUgxNy4yNUMxNy42NjQyIDE1LjUgMTggMTUuMTY0MiAxOCAxNC43NUMxOCAxNC4zMzU4IDE3LjY2NDIgMTQgMTcuMjUgMTRIMi43NVoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=');
}

.icon-layers {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTA0NSAzLjExNjYxQzEwLjE5MjQgMi45MzM3OSA5LjgwNTg1IDIuOTMzNzkgOS40OTM3MiAzLjExNjYxTDMuNDg0ODMgNi42MzYwOEMyLjgyNDU2IDcuMDIyODEgMi44MjU1NyA3Ljk3NzU5IDMuNDg2NjcgOC4zNjI5Mkw5LjQ5NTU2IDExLjg2NTJDOS44MDY3NiAxMi4wNDY2IDEwLjE5MTUgMTIuMDQ2NiAxMC41MDI3IDExLjg2NTJMMTYuNTExNiA4LjM2MjkyQzE3LjE3MjcgNy45Nzc1OSAxNy4xNzM3IDcuMDIyODEgMTYuNTEzNCA2LjYzNjA4TDEwLjUwNDUgMy4xMTY2MVoiIGZpbGw9IiMyMTIxMjEiLz48cGF0aCBkPSJNMy4wNzA3MyA5LjY1MDAyTDkuNTA4NzUgMTMuMjcyNEM5LjgxMzIyIDEzLjQ0MzggMTAuMTg1IDEzLjQ0MzggMTAuNDg5NSAxMy4yNzI0TDE2LjkyNzUgOS42NTAwM0MxNy4xMTQ1IDEwLjA4ODMgMTYuOTc1NyAxMC42Mzk1IDE2LjUxMTYgMTAuOTFMMTAuNTAyNyAxNC40MTIzQzEwLjE5MTUgMTQuNTkzNyA5LjgwNjc2IDE0LjU5MzcgOS40OTU1NiAxNC40MTIzTDMuNDg2NjcgMTAuOTFDMy4wMjI1NCAxMC42Mzk1IDIuODgzNzYgMTAuMDg4MyAzLjA3MDczIDkuNjUwMDJaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggZD0iTTMuMDcwNzMgMTIuMTAzTDkuNTA4NzUgMTUuNzI1NEM5LjgxMzIyIDE1Ljg5NjcgMTAuMTg1IDE1Ljg5NjcgMTAuNDg5NSAxNS43MjU0TDE2LjkyNzUgMTIuMTAzQzE3LjExNDUgMTIuNTQxMyAxNi45NzU3IDEzLjA5MjQgMTYuNTExNiAxMy4zNjNMMTAuNTAyNyAxNi44NjUzQzEwLjE5MTUgMTcuMDQ2NyA5LjgwNjc2IDE3LjA0NjcgOS40OTU1NiAxNi44NjUzTDMuNDg2NjcgMTMuMzYzQzMuMDIyNTQgMTMuMDkyNCAyLjg4Mzc2IDEyLjU0MTIgMy4wNzA3MyAxMi4xMDNaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-search {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41IDNDMTEuNTM3NiAzIDE0IDUuNDYyNDMgMTQgOC41QzE0IDkuNzQ4MzIgMTMuNTg0MSAxMC44OTk1IDEyLjg4MzQgMTEuODIyNkwxNy4wMzAzIDE1Ljk2OTdDMTcuMzIzMiAxNi4yNjI2IDE3LjMyMzIgMTYuNzM3NCAxNy4wMzAzIDE3LjAzMDNDMTYuNzY0MSAxNy4yOTY2IDE2LjM0NzQgMTcuMzIwOCAxNi4wNTM4IDE3LjEwMjlMMTUuOTY5NyAxNy4wMzAzTDExLjgyMjYgMTIuODgzNEMxMC44OTk1IDEzLjU4NDEgOS43NDgzMiAxNCA4LjUgMTRDNS40NjI0MyAxNCAzIDExLjUzNzYgMyA4LjVDMyA1LjQ2MjQzIDUuNDYyNDMgMyA4LjUgM1pNOC41IDQuNUM2LjI5MDg2IDQuNSA0LjUgNi4yOTA4NiA0LjUgOC41QzQuNSAxMC43MDkxIDYuMjkwODYgMTIuNSA4LjUgMTIuNUMxMC43MDkxIDEyLjUgMTIuNSAxMC43MDkxIDEyLjUgOC41QzEyLjUgNi4yOTA4NiAxMC43MDkxIDQuNSA4LjUgNC41WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-filter {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDJDMy4yMjM4NiAyIDMgMi4yMjM4NiAzIDIuNVYxNy41QzMgMTcuNzc2MSAzLjIyMzg2IDE4IDMuNSAxOEMzLjc3NjE0IDE4IDQgMTcuNzc2MSA0IDE3LjVWMi41QzQgMi4yMjM4NiAzLjc3NjE0IDIgMy41IDJaTTcgMTFDNS44OTU0MyAxMSA1IDExLjg5NTQgNSAxM0w1IDE0QzUgMTUuMTA0NiA1Ljg5NTQzIDE2IDcgMTZIMTJDMTMuMTA0NiAxNiAxNCAxNS4xMDQ2IDE0IDE0VjEzQzE0IDExLjg5NTQgMTMuMTA0NiAxMSAxMiAxMUg3Wk01IDZDNSA0Ljg5NTQzIDUuODk1NDMgNCA3IDRMMTUgNEMxNi4xMDQ2IDQgMTcgNC44OTU0MyAxNyA2VjdDMTcgOC4xMDQ1NyAxNi4xMDQ2IDkgMTUgOUw3IDlDNS44OTU0MyA5IDUgOC4xMDQ1NyA1IDdMNSA2WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-cross {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy44OTcwNSA0LjA1Mzc5TDMuOTY5NjcgMy45Njk2N0M0LjIzNTk0IDMuNzAzNCA0LjY1MjYgMy42NzkyIDQuOTQ2MjEgMy44OTcwNUw1LjAzMDMzIDMuOTY5NjdMMTAgOC45MzlMMTQuOTY5NyAzLjk2OTY3QzE1LjIzNTkgMy43MDM0IDE1LjY1MjYgMy42NzkyIDE1Ljk0NjIgMy44OTcwNUwxNi4wMzAzIDMuOTY5NjdDMTYuMjk2NiA0LjIzNTk0IDE2LjMyMDggNC42NTI2IDE2LjEwMjkgNC45NDYyMUwxNi4wMzAzIDUuMDMwMzNMMTEuMDYxIDEwTDE2LjAzMDMgMTQuOTY5N0MxNi4yOTY2IDE1LjIzNTkgMTYuMzIwOCAxNS42NTI2IDE2LjEwMjkgMTUuOTQ2MkwxNi4wMzAzIDE2LjAzMDNDMTUuNzY0MSAxNi4yOTY2IDE1LjM0NzQgMTYuMzIwOCAxNS4wNTM4IDE2LjEwMjlMMTQuOTY5NyAxNi4wMzAzTDEwIDExLjA2MUw1LjAzMDMzIDE2LjAzMDNDNC43NjQwNiAxNi4yOTY2IDQuMzQ3NCAxNi4zMjA4IDQuMDUzNzkgMTYuMTAyOUwzLjk2OTY3IDE2LjAzMDNDMy43MDM0IDE1Ljc2NDEgMy42NzkyIDE1LjM0NzQgMy44OTcwNSAxNS4wNTM4TDMuOTY5NjcgMTQuOTY5N0w4LjkzOSAxMEwzLjk2OTY3IDUuMDMwMzNDMy43MDM0IDQuNzY0MDYgMy42NzkyIDQuMzQ3NCAzLjg5NzA1IDQuMDUzNzlMMy45Njk2NyAzLjk2OTY3TDMuODk3MDUgNC4wNTM3OVoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=');
}

.icon-steam {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgNDk2IDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDk2IDI1NmMwIDEzNy0xMTEuMiAyNDgtMjQ4LjQgMjQ4LTExMy44IDAtMjA5LjYtNzYuMy0yMzktMTgwLjRsOTUuMiAzOS4zYzYuNCAzMi4xIDM0LjkgNTYuNCA2OC45IDU2LjQgMzkuMiAwIDcxLjktMzIuNCA3MC4yLTczLjVsODQuNS02MC4yYzUyLjEgMS4zIDk1LjgtNDAuOSA5NS44LTkzLjUgMC01MS42LTQyLTkzLjUtOTMuNy05My41cy05My43IDQyLTkzLjcgOTMuNXYxLjJMMTc2LjYgMjc5Yy0xNS41LS45LTMwLjcgMy40LTQzLjUgMTIuMUwwIDIzNi4xQzEwLjIgMTA4LjQgMTE3LjEgOCAyNDcuNiA4IDM4NC44IDggNDk2IDExOSA0OTYgMjU2ek0xNTUuNyAzODQuM2wtMzAuNS0xMi42YTUyLjc5IDUyLjc5IDAgMCAwIDI3LjIgMjUuOGMyNi45IDExLjIgNTcuOC0xLjYgNjktMjguNCA1LjQtMTMgNS41LTI3LjMuMS00MC4zLTUuNC0xMy0xNS41LTIzLjItMjguNS0yOC42LTEyLjktNS40LTI2LjctNS4yLTM4LjktLjZsMzEuNSAxM2MxOS44IDguMiAyOS4yIDMwLjkgMjAuOSA1MC43LTguMyAxOS45LTMxIDI5LjItNTAuOCAyMXptMTczLjgtMTI5LjljLTM0LjQgMC02Mi40LTI4LTYyLjQtNjIuM3MyOC02Mi4zIDYyLjQtNjIuMyA2Mi40IDI4IDYyLjQgNjIuMy0yNy45IDYyLjMtNjIuNCA2Mi4zem0uMS0xNS42YzI1LjkgMCA0Ni45LTIxIDQ2LjktNDYuOCAwLTI1LjktMjEtNDYuOC00Ni45LTQ2LjhzLTQ2LjkgMjEtNDYuOSA0Ni44Yy4xIDI1LjggMjEuMSA0Ni44IDQ2LjkgNDYuOHoiLz48L3N2Zz4=');
}

.icon-copy {
    /* --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNvcHkiIGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgaGVpZ2h0PSIxMyIgcng9IjIiIHJ5PSIyIiB3aWR0aD0iMTMiIHg9IjkiIHk9IjkiLz48cGF0aCBkPSJNNSAxNUg0YTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDlhMiAyIDAgMCAxIDIgMnYxIi8+PC9zdmc+'); */
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCAzQzcuNDQ3NzIgMyA3IDMuNDQ3NzIgNyA0VjQuNUM3IDQuNzc2MTQgNi43NzYxNCA1IDYuNSA1QzYuMjIzODYgNSA2IDQuNzc2MTQgNiA0LjVWNEM2IDIuODk1NDMgNi44OTU0MyAyIDggMkg4LjVDOC43NzYxNCAyIDkgMi4yMjM4NiA5IDIuNUM5IDIuNzc2MTQgOC43NzYxNCAzIDguNSAzSDhaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggZD0iTTcgMTJDNyAxMi41NTIzIDcuNDQ3NzIgMTMgOCAxM0g4LjVDOC43NzYxNCAxMyA5IDEzLjIyMzkgOSAxMy41QzkgMTMuNzc2MSA4Ljc3NjE0IDE0IDguNSAxNEg4QzYuODk1NDMgMTQgNiAxMy4xMDQ2IDYgMTJWMTEuNUM2IDExLjIyMzkgNi4yMjM4NiAxMSA2LjUgMTFDNi43NzYxNCAxMSA3IDExLjIyMzkgNyAxMS41VjEyWiIgZmlsbD0iIzIxMjEyMSIvPjxwYXRoIGQ9Ik03IDYuNUM3IDYuMjIzODYgNi43NzYxNCA2IDYuNSA2QzYuMjIzODYgNiA2IDYuMjIzODYgNiA2LjVWOS41QzYgOS43NzYxNCA2LjIyMzg2IDEwIDYuNSAxMEM2Ljc3NjE0IDEwIDcgOS43NzYxNCA3IDkuNVY2LjVaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggZD0iTTE2IDNDMTYuNTUyMyAzIDE3IDMuNDQ3NzIgMTcgNFY0LjVDMTcgNC43NzYxNCAxNy4yMjM5IDUgMTcuNSA1QzE3Ljc3NjEgNSAxOCA0Ljc3NjE0IDE4IDQuNVY0QzE4IDIuODk1NDMgMTcuMTA0NiAyIDE2IDJIMTUuNUMxNS4yMjM5IDIgMTUgMi4yMjM4NiAxNSAyLjVDMTUgMi43NzYxNCAxNS4yMjM5IDMgMTUuNSAzSDE2WiIgZmlsbD0iIzIxMjEyMSIvPjxwYXRoIGQ9Ik0xNiAxM0MxNi41NTIzIDEzIDE3IDEyLjU1MjMgMTcgMTJWMTEuNUMxNyAxMS4yMjM5IDE3LjIyMzkgMTEgMTcuNSAxMUMxNy43NzYxIDExIDE4IDExLjIyMzkgMTggMTEuNVYxMkMxOCAxMy4xMDQ2IDE3LjEwNDYgMTQgMTYgMTRIMTUuNUMxNS4yMjM5IDE0IDE1IDEzLjc3NjEgMTUgMTMuNUMxNSAxMy4yMjM5IDE1LjIyMzkgMTMgMTUuNSAxM0gxNloiIGZpbGw9IiMyMTIxMjEiLz48cGF0aCBkPSJNMTcuNSA2QzE3LjIyMzkgNiAxNyA2LjIyMzg2IDE3IDYuNVY5LjVDMTcgOS43NzYxNCAxNy4yMjM5IDEwIDE3LjUgMTBDMTcuNzc2MSAxMCAxOCA5Ljc3NjE0IDE4IDkuNVY2LjVDMTggNi4yMjM4NiAxNy43NzYxIDYgMTcuNSA2WiIgZmlsbD0iIzIxMjEyMSIvPjxwYXRoIGQ9Ik0xMC41IDJDMTAuMjIzOSAyIDEwIDIuMjIzODYgMTAgMi41QzEwIDIuNzc2MTQgMTAuMjIzOSAzIDEwLjUgM0gxMy41QzEzLjc3NjEgMyAxNCAyLjc3NjE0IDE0IDIuNUMxNCAyLjIyMzg2IDEzLjc3NjEgMiAxMy41IDJIMTAuNVoiIGZpbGw9IiMyMTIxMjEiLz48cGF0aCBkPSJNMTAgMTMuNUMxMCAxMy4yMjM5IDEwLjIyMzkgMTMgMTAuNSAxM0gxMy41QzEzLjc3NjEgMTMgMTQgMTMuMjIzOSAxNCAxMy41QzE0IDEzLjc3NjEgMTMuNzc2MSAxNCAxMy41IDE0SDEwLjVDMTAuMjIzOSAxNCAxMCAxMy43NzYxIDEwIDEzLjVaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggZD0iTTQgNkg1VjEyLjVDNSAxMy44ODA3IDYuMTE5MjkgMTUgNy41IDE1SDE0VjE2QzE0IDE3LjEwNDYgMTMuMTA0NiAxOCAxMiAxOEg1LjVDMy41NjcgMTggMiAxNi40MzMgMiAxNC41VjhDMiA2Ljg5NTQzIDIuODk1NDMgNiA0IDZaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-share {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcgNS41QzE3IDYuODgwNzEgMTUuODgwNyA4IDE0LjUgOEMxMy43MDE0IDggMTIuOTkwMyA3LjYyNTU5IDEyLjUzMjYgNy4wNDI3NUw3LjkxNTA4IDkuMzUxNTRDNy45NzA0NyA5LjU1ODM0IDggOS43NzU3MiA4IDEwQzggMTAuMjI0MyA3Ljk3MDQ2IDEwLjQ0MTcgNy45MTUwNSAxMC42NDg2TDEyLjUzMjYgMTIuOTU3M0MxMi45OTAzIDEyLjM3NDQgMTMuNzAxNCAxMiAxNC41IDEyQzE1Ljg4MDcgMTIgMTcgMTMuMTE5MyAxNyAxNC41QzE3IDE1Ljg4MDcgMTUuODgwNyAxNyAxNC41IDE3QzEzLjExOTMgMTcgMTIgMTUuODgwNyAxMiAxNC41QzEyIDE0LjI3NTcgMTIuMDI5NSAxNC4wNTgzIDEyLjA4NDkgMTMuODUxNUw3LjQ2NzM1IDExLjU0MjdDNy4wMDk2NiAxMi4xMjU2IDYuMjk4NTUgMTIuNSA1LjUgMTIuNUM0LjExOTI5IDEyLjUgMyAxMS4zODA3IDMgMTBDMyA4LjYxOTI5IDQuMTE5MjkgNy41IDUuNSA3LjVDNi4yOTg1OSA3LjUgNy4wMDk3MyA3Ljg3NDQ0IDcuNDY3NDIgOC40NTczNEwxMi4wODQ5IDYuMTQ4NTZDMTIuMDI5NSA1Ljk0MTczIDEyIDUuNzI0MzEgMTIgNS41QzEyIDQuMTE5MjkgMTMuMTE5MyAzIDE0LjUgM0MxNS44ODA3IDMgMTcgNC4xMTkyOSAxNyA1LjVaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-info {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggMTBDMTggNS41ODE3MiAxNC40MTgzIDIgMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThDMTQuNDE4MyAxOCAxOCAxNC40MTgzIDE4IDEwWk05LjUwODA2IDguOTEwMTJDOS41NTAzOSA4LjY3Njg3IDkuNzU0NTQgOC40OTk5OSAxMCA4LjQ5OTk5QzEwLjI0NTUgOC40OTk5OSAxMC40NDk2IDguNjc2ODcgMTAuNDkxOSA4LjkxMDEyTDEwLjUgOC45OTk5OVYxMy41MDIxTDEwLjQ5MTkgMTMuNTkyQzEwLjQ0OTYgMTMuODI1MyAxMC4yNDU1IDE0LjAwMjEgMTAgMTQuMDAyMUM5Ljc1NDU0IDE0LjAwMjEgOS41NTAzOSAxMy44MjUzIDkuNTA4MDYgMTMuNTkyTDkuNSAxMy41MDIxVjguOTk5OTlMOS41MDgwNiA4LjkxMDEyWk05LjI1IDYuNzQ5OTlDOS4yNSA2LjMzNTc4IDkuNTg1NzkgNS45OTk5OSAxMCA1Ljk5OTk5QzEwLjQxNDIgNS45OTk5OSAxMC43NSA2LjMzNTc4IDEwLjc1IDYuNzQ5OTlDMTAuNzUgNy4xNjQyMSAxMC40MTQyIDcuNDk5OTkgMTAgNy40OTk5OUM5LjU4NTc5IDcuNDk5OTkgOS4yNSA3LjE2NDIxIDkuMjUgNi43NDk5OVoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=');
}

.icon-game {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDRDNC40NjI0MyA0IDIgNi40NjI0MyAyIDkuNUMyIDEyLjUzNzYgNC40NjI0MyAxNSA3LjUgMTVIMTIuNUMxNS41Mzc2IDE1IDE4IDEyLjUzNzYgMTggOS41QzE4IDYuNDYyNDMgMTUuNTM3NiA0IDEyLjUgNEg3LjVaTTYgNy41QzYgNy4yMjM4NiA2LjIyMzg2IDcgNi41IDdDNi43NzYxNCA3IDcgNy4yMjM4NiA3IDcuNVY5SDguNUM4Ljc3NjE0IDkgOSA5LjIyMzg2IDkgOS41QzkgOS43NzYxNCA4Ljc3NjE0IDEwIDguNSAxMEg3VjExLjVDNyAxMS43NzYxIDYuNzc2MTQgMTIgNi41IDEyQzYuMjIzODYgMTIgNiAxMS43NzYxIDYgMTEuNVYxMEg0LjVDNC4yMjM4NiAxMCA0IDkuNzc2MTQgNCA5LjVDNCA5LjIyMzg2IDQuMjIzODYgOSA0LjUgOUg2VjcuNVpNMTUgOEMxNSA4LjU1MjI4IDE0LjU1MjMgOSAxNCA5QzEzLjQ0NzcgOSAxMyA4LjU1MjI4IDEzIDhDMTMgNy40NDc3MiAxMy40NDc3IDcgMTQgN0MxNC41NTIzIDcgMTUgNy40NDc3MiAxNSA4Wk0xMiAxMkMxMS40NDc3IDEyIDExIDExLjU1MjMgMTEgMTFDMTEgMTAuNDQ3NyAxMS40NDc3IDEwIDEyIDEwQzEyLjU1MjMgMTAgMTMgMTAuNDQ3NyAxMyAxMUMxMyAxMS41NTIzIDEyLjU1MjMgMTIgMTIgMTJaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-tag {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMDA2NSA0LjAzMzAyQzE4LjAwNDkgMi45MzQ3MSAxNy4xMTc5IDIuMDQzMjEgMTYuMDE5NiAyLjAzNjAxTDExLjEyOTIgMi4wMDM5NUMxMC41OTUxIDIuMDAwNDUgMTAuMDgxOCAyLjIxMDcxIDkuNzAzNyAyLjU4Nzg5TDMuMDIyMTYgOS4yNTI0M0MyLjIzOTQxIDEwLjAzMzIgMi4yMzg2IDExLjMwMDkgMy4wMjAzNiAxMi4wODI3TDcuOTY4NzUgMTcuMDMxMUM4Ljc0OTggMTcuODEyMSAxMC4wMTYxIDE3LjgxMjEgMTAuNzk3MiAxNy4wMzExTDE3LjQyOCAxMC40MDAyQzE3LjgwMzggMTAuMDI0NCAxOC4wMTQ2IDkuNTE0NTMgMTguMDEzOCA4Ljk4MzA4TDE4LjAwNjUgNC4wMzMwMlpNMTQgNi45OTk4NUMxMy40NDc3IDYuOTk5ODUgMTMgNi41NTIxMyAxMyA1Ljk5OTg1QzEzIDUuNDQ3NTYgMTMuNDQ3NyA0Ljk5OTg1IDE0IDQuOTk5ODVDMTQuNTUyMyA0Ljk5OTg1IDE1IDUuNDQ3NTYgMTUgNS45OTk4NUMxNSA2LjU1MjEzIDE0LjU1MjMgNi45OTk4NSAxNCA2Ljk5OTg1WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-style {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS43NzAwNyAzLjE2NjM2QzguMTQzMiAxLjcxMjQgMTAuOTQyNiAxLjU3NjYzIDEzLjY5NzIgMi45OTE2OUMxNy42NzI4IDUuMDMzOTQgMTkuMTk5MSA5LjE1Mzc3IDE3Ljg4NDIgMTMuNDI3MkMxNy40NjkxIDE0Ljc3NjEgMTYuNjM5MSAxNi4xMjUgMTUuNTEyNiAxNy4wMTY5QzE0LjM3MzEgMTcuOTE5MSAxMi45MDkzIDE4LjM2MzYgMTEuMzA3IDE3LjgxNThDMTAuMjA0NyAxNy40MzkgOS41MTc2NCAxNi44NDg4IDkuMTAzNjIgMTYuMTM1N0M4LjY5OTcxIDE1LjQ0MDEgOC41ODQzNiAxNC42NzQ0IDguNTI5NzQgMTQuMDAzN0M4LjUxNDM3IDEzLjgxNDkgOC41MDI1MiAxMy42MDk4IDguNDkxNDIgMTMuNDE3NkM4LjQ4Mzc5IDEzLjI4NTUgOC40NzY1MSAxMy4xNTk0IDguNDY4NjggMTMuMDQ5MUM4LjQ0NzY3IDEyLjc1MjcgOC40MTk1NSAxMi41MDE2IDguMzY3ODggMTIuMjg4NkM4LjMxNjYyIDEyLjA3NzQgOC4yNDc5MiAxMS45Mjg5IDguMTYyMTIgMTEuODIyOUM4LjA4MTYxIDExLjcyMzUgNy45NjY2MSAxMS42MzcgNy43NzU3OSAxMS41Nzg3QzcuMjU4MiAxMS40MjA1IDYuOTAxOTEgMTEuNDUzNCA2LjYyMDQ5IDExLjU0MjZDNi4zNzIwNSAxMS42MjE0IDYuMTczMzIgMTEuNzQyMSA1LjkzMTEzIDExLjg4OTJDNS44Njg5MSAxMS45MjcgNS44MDM4MiAxMS45NjY2IDUuNzM0MjkgMTIuMDA3NkM1LjQxODA0IDEyLjE5NDIgNS4wMTM3NSAxMi40MDQgNC40OTU3NCAxMi4zNzg0QzMuOTgxNjUgMTIuMzUzIDMuNDUwNTggMTIuMTAyNiAyLjg0MDM5IDExLjYwNTNDMi4xNjk4MyAxMS4wNTg3IDEuOTA1NjYgMTAuMjk0MSAxLjkwMjM4IDkuNDkzMThDMS44OTkxNSA4LjcwNDkyIDIuMTQ1NDIgNy44NTgxNiAyLjUxNjA1IDcuMDU4OTlDMy4yNTMzMSA1LjQ2OTI1IDQuNTU5MDkgMy45MDgzIDUuNzcwMDcgMy4xNjYzNlpNOS43NTAwMyA2Ljc1QzEwLjMwMjMgNi43NSAxMC43NSA2LjMwMjI4IDEwLjc1IDUuNzVDMTAuNzUgNS4xOTc3MiAxMC4zMDIzIDQuNzUgOS43NTAwMyA0Ljc1QzkuMTk3NzUgNC43NSA4Ljc1MDAzIDUuMTk3NzIgOC43NTAwMyA1Ljc1QzguNzUwMDMgNi4zMDIyOCA5LjE5Nzc1IDYuNzUgOS43NTAwMyA2Ljc1Wk0xMi43NSA3Ljc1QzEzLjMwMjMgNy43NSAxMy43NSA3LjMwMjI4IDEzLjc1IDYuNzVDMTMuNzUgNi4xOTc3MiAxMy4zMDIzIDUuNzUgMTIuNzUgNS43NUMxMi4xOTc3IDUuNzUgMTEuNzUgNi4xOTc3MiAxMS43NSA2Ljc1QzExLjc1IDcuMzAyMjggMTIuMTk3NyA3Ljc1IDEyLjc1IDcuNzVaTTE1LjUgOUMxNS41IDguNDQ3NzEgMTUuMDUyMyA4IDE0LjUgOEMxMy45NDc3IDggMTMuNSA4LjQ0NzcxIDEzLjUgOUMxMy41IDkuNTUyMjkgMTMuOTQ3NyAxMCAxNC41IDEwQzE1LjA1MjMgMTAgMTUuNSA5LjU1MjI5IDE1LjUgOVpNMTQuNSAxM0MxNS4wNTIzIDEzIDE1LjUgMTIuNTUyMyAxNS41IDEyQzE1LjUgMTEuNDQ3NyAxNS4wNTIzIDExIDE0LjUgMTFDMTMuOTQ3NyAxMSAxMy41IDExLjQ0NzcgMTMuNSAxMkMxMy41IDEyLjU1MjMgMTMuOTQ3NyAxMyAxNC41IDEzWk0xMy41IDE0QzEzLjUgMTMuNDQ3NyAxMy4wNTIzIDEzIDEyLjUgMTNDMTEuOTQ3NyAxMyAxMS41IDEzLjQ0NzcgMTEuNSAxNEMxMS41IDE0LjU1MjMgMTEuOTQ3NyAxNSAxMi41IDE1QzEzLjA1MjMgMTUgMTMuNSAxNC41NTIzIDEzLjUgMTRaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-series {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCAzQzIuODk1NDMgMyAyIDMuODk1NDMgMiA1VjExQzIgMTIuMTA0NiAyLjg5NTQzIDEzIDQgMTNIMTJDMTMuMTA0NiAxMyAxNCAxMi4xMDQ2IDE0IDExVjVDMTQgMy44OTU0MyAxMy4xMDQ2IDMgMTIgM0g0Wk00LjI2NzU4IDE0QzQuNjEzMzkgMTQuNTk3OCA1LjI1OTczIDE1IDYuMDAwMDEgMTVIMTJDMTQuMjA5MiAxNSAxNiAxMy4yMDkyIDE2IDExVjcuMDAwMDFDMTYgNi4yNTk3MyAxNS41OTc4IDUuNjEzMzkgMTUgNS4yNjc1OFYxMUMxNSAxMi42NTY5IDEzLjY1NjkgMTQgMTIgMTRINC4yNjc1OFpNNi4yNjc1OCAxNkM2LjYxMzM5IDE2LjU5NzggNy4yNTk3MyAxNyA4LjAwMDAxIDE3SDEyQzE1LjMxMzcgMTcgMTggMTQuMzEzNyAxOCAxMVY5LjAwMDAxQzE4IDguMjU5NzMgMTcuNTk3OCA3LjYxMzM5IDE3IDcuMjY3NThWMTFDMTcgMTMuNzYxNCAxNC43NjE0IDE2IDEyIDE2SDYuMjY3NThaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-diamond {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS41MDAwMSAyLjc1QzUuMjI2NDkgMi43NSA0Ljk3NDY2IDIuODk4OSA0Ljg0Mjg0IDMuMTM4NTZMMi4wOTI4NCA4LjEzODU2QzEuOTQ0NDYgOC40MDgzNSAxLjk3NjA0IDguNzQxNDIgMi4xNzI0OSA4Ljk3ODUxTDkuNDIyNDkgMTcuNzI4NUM5LjU2NDk4IDE3LjkwMDUgOS43NzY2OCAxOCAxMCAxOEMxMC4yMjMzIDE4IDEwLjQzNSAxNy45MDA1IDEwLjU3NzUgMTcuNzI4NUwxNy44Mjc1IDguOTc4NTFDMTguMDI0IDguNzQxNDIgMTguMDU1NiA4LjQwODM1IDE3LjkwNzIgOC4xMzg1NkwxNS4xNTcyIDMuMTM4NTZDMTUuMDI1NCAyLjg5ODkgMTQuNzczNSAyLjc1IDE0LjUgMi43NUg1LjUwMDAxWk00LjE1NTk2IDcuNUw1Ljk0MzQ2IDQuMjVINy40NDI4N0w2LjMwNTM3IDcuNUg0LjE1NTk2Wk02LjE0MzU3IDlMOC4wNzI1NCAxMy43NDgyTDQuMTM4MjkgOUg2LjE0MzU3Wk05Ljk4OTMgMTQuNDgxTDcuNzYyNjIgOUgxMi4xNDg1TDkuOTg5MyAxNC40ODFaTTcuODk0NTkgNy41TDkuMDMyMDkgNC4yNUgxMC45NzcxTDEyLjE3NDUgNy41SDcuODk0NTlaTTEzLjc3MyA3LjVMMTIuNTc1NiA0LjI1SDE0LjA1NjZMMTUuODQ0MSA3LjVIMTMuNzczWk0xMy43NjA3IDlIMTUuODYxN0wxMS44NTY0IDEzLjgzNEwxMy43NjA3IDlaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-protected {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMjc3NCAyLjA4Mzk3QzEwLjEwOTQgMS45NzIwMSA5Ljg5MDYgMS45NzIwMSA5LjcyMjY1IDIuMDgzOTdDNy43ODQ0NiAzLjM3NjEgNS42ODgzMyA0LjE4MjMxIDMuNDI5MjkgNC41MDUwM0MzLjE4Mjk2IDQuNTQwMjEgMyA0Ljc1MTE4IDMgNVY5LjVDMyAxMy4zOTEzIDUuMzA2OTkgMTYuMjMwNyA5LjgyMDUxIDE3Ljk2NjdDOS45MzYwNSAxOC4wMTExIDEwLjA2NCAxOC4wMTExIDEwLjE3OTUgMTcuOTY2N0MxNC42OTMgMTYuMjMwNyAxNyAxMy4zOTEzIDE3IDkuNVY1QzE3IDQuNzUxMTggMTYuODE3IDQuNTQwMjEgMTYuNTcwNyA0LjUwNTAzQzE0LjMxMTcgNC4xODIzMSAxMi4yMTU1IDMuMzc2MSAxMC4yNzc0IDIuMDgzOTdaTTEzLjg1MzYgNy44NTM1NUw5Ljg1MzU1IDExLjg1MzZDOS42NTgyOSAxMi4wNDg4IDkuMzQxNzEgMTIuMDQ4OCA5LjE0NjQ1IDExLjg1MzZMNy4xNDY0NSA5Ljg1MzU1QzYuOTUxMTggOS42NTgyOSA2Ljk1MTE4IDkuMzQxNzEgNy4xNDY0NSA5LjE0NjQ1QzcuMzQxNzEgOC45NTExOSA3LjY1ODI5IDguOTUxMTkgNy44NTM1NSA5LjE0NjQ1TDkuNSAxMC43OTI5TDEzLjE0NjQgNy4xNDY0NUMxMy4zNDE3IDYuOTUxMTggMTMuNjU4MyA2Ljk1MTE4IDEzLjg1MzYgNy4xNDY0NUMxNC4wNDg4IDcuMzQxNzEgMTQuMDQ4OCA3LjY1ODI5IDEzLjg1MzYgNy44NTM1NVoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=');
}

.icon-group {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyAxNC41TDMgMTUuNUMzIDE2LjMyODQgMy42NzE1NyAxNyA0LjUgMTdINy41QzguMzI4NDMgMTcgOSAxNi4zMjg0IDkgMTUuNVYxNC41QzkgMTMuNjcxNiA4LjMyODQzIDEzIDcuNSAxM0g0LjVDMy42NzE1NyAxMyAzIDEzLjY3MTYgMyAxNC41Wk0zIDQuNUwzIDkuNUMzIDEwLjMyODQgMy42NzE1NyAxMSA0LjUgMTFINy41QzguMzI4NDMgMTEgOSAxMC4zMjg0IDkgOS41VjQuNUM5IDMuNjcxNTcgOC4zMjg0MyAzIDcuNSAzTDQuNSAzQzMuNjcxNTcgMyAzIDMuNjcxNTcgMyA0LjVaTTExIDQuNUwxMSA1LjVDMTEgNi4zMjg0MyAxMS42NzE2IDcgMTIuNSA3SDE1LjVDMTYuMzI4NCA3IDE3IDYuMzI4NDMgMTcgNS41TDE3IDQuNUMxNyAzLjY3MTU3IDE2LjMyODQgMyAxNS41IDNMMTIuNSAzQzExLjY3MTYgMyAxMSAzLjY3MTU3IDExIDQuNVpNMTIuNSA5QzExLjY3MTYgOSAxMSA5LjY3MTU3IDExIDEwLjVWMTUuNUMxMSAxNi4zMjg0IDExLjY3MTYgMTcgMTIuNSAxN0wxNS41IDE3QzE2LjMyODQgMTcgMTcgMTYuMzI4NCAxNyAxNS41VjEwLjVDMTcgOS42NzE1NyAxNi4zMjg0IDkgMTUuNSA5SDEyLjVaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+');
}

.icon-category {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTY1IDQuNUgxNS41QzE2Ljc3MDMgNC41IDE3LjgxOTIgNS40NDczNyAxNy45Nzg5IDYuNjc0MDlMMTcuOTk0NyA2LjgzNTYyTDE4IDdWMTQuNUMxOCAxNS44MjU1IDE2Ljk2ODUgMTYuOTEgMTUuNjY0NCAxNi45OTQ3TDE1LjUgMTdINC41QzMuMTc0NTIgMTcgMi4wODk5NiAxNS45Njg1IDIuMDA1MzIgMTQuNjY0NEwyIDE0LjVWNy41SDcuMDcwNjlMNy4yMjM4NSA3LjQ5MjE3QzcuNTI3NzcgNy40NjA5OCA3LjgxNTA5IDcuMzM3NjMgOC4wNDcwMiA3LjEzODc3TDguMTU4MTkgNy4wMzMxMkwxMC41NjUgNC41Wk03LjE2NjY3IDNDNy40MzcxMyAzIDcuNzAxNTEgMy4wNzMxIDcuOTMyMzggMy4yMTAxNkw4LjA2NjY3IDMuM0w5LjM4NSA0LjI4OUw3LjQzMzE5IDYuMzQ0MzdMNy4zNzI0IDYuMzk4NzJDNy4zMDc3IDYuNDQ3NjcgNy4yMzIwMSA2LjQ4MDE3IDcuMTUxOTYgNi40OTMzNUw3LjA3MDY5IDYuNUgyVjUuNUMyIDQuMTc0NTIgMy4wMzE1NCAzLjA4OTk2IDQuMzM1NjIgMy4wMDUzMkw0LjUgM0g3LjE2NjY3WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-skin {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMkM3Ljc5MDg2IDIgNiAzLjc5MDg2IDYgNkM2IDguMjA5MTQgNy43OTA4NiAxMCAxMCAxMEMxMS4yNjMyIDEwIDEyLjM4OTYgOS40MTQ0NiAxMy4xMjI3IDguNUgxMFY3LjVIMTMuNzA5MkMxMy44MzY5IDcuMTg0NjYgMTMuOTI1NSA2Ljg0OTMyIDEzLjk2OTEgNi41SDEwVjUuNUgxMy45NjkxQzEzLjkyNTUgNS4xNTA2OCAxMy44MzY5IDQuODE1MzUgMTMuNzA5MiA0LjVIMTBWMy41SDEzLjEyMjdDMTIuMzg5NiAyLjU4NTU0IDExLjI2MzIgMiAxMCAyWiIgZmlsbD0iIzIxMjEyMSIvPjxwYXRoIGQ9Ik01LjAwODczIDExQzMuOTAzMTUgMTEgMyAxMS44ODY5IDMgMTNDMyAxNC42OTEyIDMuODMyODEgMTUuOTY2MyA1LjEzNDk5IDE2Ljc5NjZDNi40MTY5NyAxNy42MTQgOC4xNDUyNiAxOCAxMCAxOEMxMS42OTM1IDE4IDEzLjI4MTYgMTcuNjc4MiAxNC41MjA4IDE3SDEwVjE2SDE1LjgzNTlDMTYuMTE5MSAxNS42OTkxIDE2LjM1NzcgMTUuMzY0IDE2LjU0MzcgMTQuOTk1NEgxMFYxMy45OTU0SDE2Ljg5NjRDMTYuOTY0NCAxMy42ODE1IDE3IDEzLjM0OTcgMTcgMTNMMTcgMTIuOTk1NEgxMFYxMS45OTU0SDE2LjcyOTdDMTYuMzgzMiAxMS40MDAyIDE1LjczODMgMTEgMTUgMTFMNS4wMDg3MyAxMVoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=');
}

.icon-team {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNDc0NyA4LjAxNDMxQzEyLjk4NzYgOC4wMTQzMSAxMy40MTAyIDguNDAwMzUgMTMuNDY4IDguODk3NjlMMTMuNDc0NyA5LjAxNDMxVjEzLjM4MTdDMTMuNDc0NyAxNS4zMDYgMTEuOTE0OCAxNi44NjYgOS45OTA0NCAxNi44NjZDOC4xMzAyNyAxNi44NjYgNi42MTA1NiAxNS40MDgzIDYuNTExMzEgMTMuNTcyOEw2LjUwNjE2IDEzLjM4MTdWOS4wMTQzMUM2LjUwNjE2IDguNTAxNDggNi44OTIyIDguMDc4OCA3LjM4OTU0IDguMDIxMDRMNy41MDYxNiA4LjAxNDMxSDEyLjQ3NDdaTTUuNzc0MDcgOC4wMTM3MkM1LjYzMjA4IDguMjU4OTcgNS41NDA2OSA4LjUzNzE4IDUuNTE0MTcgOC44MzQwNkw1LjUwNjE2IDkuMDE0MzFWMTMuMzgxN0w1LjUxMTA0IDEzLjU5MjhDNS41NDA4MiAxNC4yMzU1IDUuNzA1OTIgMTQuODQyOSA1Ljk3ODUgMTUuMzg3MUM1LjYzODg3IDE1LjUzMDcgNS4yNjUyMiAxNS42MDk3IDQuODczMTIgMTUuNjA5N0MzLjM1MTk4IDE1LjYwOTcgMi4xMDg1NyAxNC40MjA2IDIuMDIxNjkgMTIuOTIxMkwyLjAxNjg1IDEyLjc1MzRWOS4wMTQzMUMyLjAxNjg1IDguNTAxNDggMi40MDI4OSA4LjA3ODggMi45MDAyMiA4LjAyMTA0TDMuMDE2ODUgOC4wMTQzMUw1Ljc3NDA3IDguMDEzNzJaTTE0LjIwNjggOC4wMTM3MkwxNi45OTEyIDguMDE0MzFDMTcuNTA0IDguMDE0MzEgMTcuOTI2NyA4LjQwMDM1IDE3Ljk4NDQgOC44OTc2OUwxNy45OTEyIDkuMDE0MzFWMTIuNzU0MkMxNy45OTEyIDE0LjMzMTIgMTYuNzEyNyAxNS42MDk3IDE1LjEzNTcgMTUuNjA5N0MxNC43MzQ4IDE1LjYwOTcgMTQuMzUzMiAxNS41MjcxIDE0LjAwNjkgMTUuMzc3OUMxNC4yNjkxIDE0Ljg1MTMgMTQuNDMwNiAxNC4yNjY3IDE0LjQ2NjkgMTMuNjQ4NkwxNC40NzQ3IDEzLjM4MTdWOS4wMTQzMUwxNC40NjkyIDguODY1MDVDMTQuNDQ2NSA4LjU1NjU0IDE0LjM1MzcgOC4yNjc0OSAxNC4yMDY4IDguMDEzNzJaTTkuOTg4NTcgMi45ODkyNkMxMS4yMTg3IDIuOTg5MjYgMTIuMjE1OSAzLjk4NjQ4IDEyLjIxNTkgNS4yMTY2MkMxMi4yMTU5IDYuNDQ2NzYgMTEuMjE4NyA3LjQ0Mzk4IDkuOTg4NTcgNy40NDM5OEM4Ljc1ODQzIDcuNDQzOTggNy43NjEyMSA2LjQ0Njc2IDcuNzYxMjEgNS4yMTY2MkM3Ljc2MTIxIDMuOTg2NDggOC43NTg0MyAyLjk4OTI2IDkuOTg4NTcgMi45ODkyNlpNMTQuOTc1NyAzLjYxNzM5QzE2LjAzMjQgMy42MTczOSAxNi44ODkgNC40NzQgMTYuODg5IDUuNTMwNjlDMTYuODg5IDYuNTg3MzcgMTYuMDMyNCA3LjQ0Mzk4IDE0Ljk3NTcgNy40NDM5OEMxMy45MTkxIDcuNDQzOTggMTMuMDYyNCA2LjU4NzM3IDEzLjA2MjQgNS41MzA2OUMxMy4wNjI0IDQuNDc0IDEzLjkxOTEgMy42MTczOSAxNC45NzU3IDMuNjE3MzlaTTUuMDE3MTcgMy42MTczOUM2LjA3Mzg2IDMuNjE3MzkgNi45MzA0NyA0LjQ3NCA2LjkzMDQ3IDUuNTMwNjlDNi45MzA0NyA2LjU4NzM3IDYuMDczODYgNy40NDM5OCA1LjAxNzE3IDcuNDQzOThDMy45NjA0OSA3LjQ0Mzk4IDMuMTAzODggNi41ODczNyAzLjEwMzg4IDUuNTMwNjlDMy4xMDM4OCA0LjQ3NCAzLjk2MDQ5IDMuNjE3MzkgNS4wMTcxNyAzLjYxNzM5WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-clock {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMkMxNC40MTgzIDIgMTggNS41ODE3MiAxOCAxMEMxOCAxNC40MTgzIDE0LjQxODMgMTggMTAgMThDNS41ODE3MiAxOCAyIDE0LjQxODMgMiAxMEMyIDUuNTgxNzIgNS41ODE3MiAyIDEwIDJaTTkuNSA1QzkuMjIzODYgNSA5IDUuMjIzODYgOSA1LjVWMTAuNUw5LjAwODA2IDEwLjU4OTlDOS4wNTAzOSAxMC44MjMxIDkuMjU0NTQgMTEgOS41IDExSDEyLjVMMTIuNTg5OSAxMC45OTE5QzEyLjgyMzEgMTAuOTQ5NiAxMyAxMC43NDU1IDEzIDEwLjVDMTMgMTAuMjIzOSAxMi43NzYxIDEwIDEyLjUgMTBIMTBWNS41TDkuOTkxOTQgNS40MTAxMkM5Ljk0OTYxIDUuMTc2ODggOS43NDU0NiA1IDkuNSA1WiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==');
}

.icon-copy {
    /* --icon: url('data:image/svg+xml;base64,'); */
}

.icon-copy {
    /* --icon: url('data:image/svg+xml;base64,'); */
}


.icon-copy {
    /* --icon: url('data:image/svg+xml;base64,'); */
}

/* ITEMS */

.items-and-filter-wrapper {
    display: flex;
    gap: var(--gap);
}

.items-and-filter-wrapper .items-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.item-card {
    border-top: 3px solid var(--rarity-color);
    /* padding: 0; */
    /* aspect-ratio: 1 / 1.3; */
    scale: 1;
    box-shadow: 0px 0px 0px transparent;
    transition: var(--transition);
}


main:not(.item-page) .item-card:hover {
    scale: 1.02;
    box-shadow: var(--active-shadow);
    z-index: 2;
}

.item-card .card-content {
    /* height: 100%; */
    text-decoration: none;
    color: var(--main-color);
}

.item-card--img-wrapper {
    width: 100%;
}

.item-card--img-wrapper img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    filter: drop-shadow(0px 0px 2px black);
}

.item-card--main-info {
    display: flex;
    flex-direction: column;
    gap: var(--half-gap);
    justify-content: space-between;

    text-align: center;
}

main:not(.item-page) .item-card--main-info {
    height: 55px;
}

main:not(.item-page) .item-card--title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main.item-page .item-card--title {
    font-weight: bold;
    padding-bottom: var(--gap);
    /* font-size: var(--title-font-size); */
}

.item-card--btn-line {
    display: flex;
    gap: var(--half-gap);
    flex-wrap: wrap;
}

.item-card--btn-line .separator {
    flex-grow: 1;
}

.ratity-color {
    color: var(--rarity-color);
}

.item-card--main-info-line {
    text-align: left;
}

.item-card--main-info-name {
    color: var(--secondary-color);
}

.item-card--main-info-name::after {
    content: ":";
}

.item-card--main-info-value {
    float: right;
}

.item-card--price {
    color: var(--important-color);
    font-weight: bold;
}

.pagination {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: fit-content;
    padding: 0;
    align-self: center;
    border-radius: 22.5px;
}

.pagination-left-button,
.pagination-right-button {
    display: block;
    color: var(--secondary-color);
    transition: var(--transition);
    cursor: pointer;
    padding: var(--gap);
    border-radius: 50%;
}

.pagination-left-button:hover,
.pagination-right-button:hover {
    color: var(--main-color);
    background-color: var(--focused-background);
}

.pagination-left-button::after {
    rotate: 180deg;
}

.pagination-current-page {

}

.filter-wrapper {
    width: var(--side-column-width);
}

.filter-mobile-btns-card {
    padding: 0;
}

.filter-mobile-btns-card .btn {
    margin: var(--gap);
}

.filter-card {
    position: sticky;
    top: var(--gap);
    max-height: calc(100dvh - 2 * var(--gap));
}

.filter-item {

}

.filter-item-title {
    /* font-size: var(--title-font-size); */
    color: var(--secondary-color);
    font-weight: bold;
}

/* doesn't work in old browsers */
.filter-item:has(input:checked) .filter-item-title {
    color: var(--main-color);
}

.filter-item.collapsible .filter-item-title {
    padding-right: 1.6em;
    position: relative;
    transition: var(--transition);
    cursor: pointer;
}

.filter-item.collapsible .filter-item-title:hover {
    color: var(--important-color);
}

.filter-item.collapsible .filter-item-title::after {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    right: 0.2em;
    rotate: 90deg;
    transition: var(--transition);
}

.filter-item.collapsible.open .filter-item-title::after {
    rotate: -90deg;
}

.filter-item-content {
    /* display: block; */
    display: flex;
    flex-direction: column;
    gap: var(--half-gap);
    padding: var(--gap) 0 0 var(--gap);
    margin: unset;
}

.filter-item.collapsible .filter-item-content {
    display: none;
    border: none;
}

.filter-item.collapsible.open .filter-item-content {
    display: flex;
}

.price-card {
    transition: var(--transition);
}

.price-card:hover {
    scale: 1.01;
    box-shadow: var(--active-shadow);
    z-index: 2;
}

.price-card .card-content {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.price-market {
    display: flex;
    align-items: center;
    gap: var(--gap);
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.price-market-logo {
    width: 220px;
    height: 100px;
}

.price-market-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.price-market-name-wrapper {
    width: 150px;
    display: flex;
    flex-direction: column;
    gap: var(--half-gap);
    align-items: flex-start;
}


.price-market-name {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.price-market-name .subline {
    /* color: var(--secondary-color); */
}

.secure-shield {
    display: flex;
    gap: var(--half-gap);
    color: var(--green-color);
    background: var(--green-color-20);
    border-radius: var(--radius-tiny);
    padding: var(--half-gap);
    align-items: center;
    justify-content: center;
}

.price-info {
    flex-grow: 1;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.price-info-piece {

}

.price-info-piece-title {
    font-size: var(--small-font-size);
    color: var(--secondary-color);
}

.price-info-piece-value {
    font-weight: bold;
}

.price-info-piece-value.big {
    font-size: var(--big-title-font-size);
}

.price-btn {
    margin-right: 30px;
}

.other-exteriors-card {

}

.other-exteriors-card .internal-card {
    align-items: center;
    gap: var(--gap);
}

.other-exteriors-name {
    /* flex-basis: 0; */
    /* flex-grow: 1; */
    text-align: left;
}

.other-exteriors-price {
    color: var(--secondary-color);
    flex-basis: 0;
    flex-grow: 1;
    text-align: right;
}

header {
    width: 100%;
    max-width: var(--max-site-width);
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 var(--gap);
    box-sizing: border-box;
}

.logo {
    height: 80px;
    /* width: 250px; */
    display: flex;
    align-items: center;
    gap: var(--gap);
    color: var(--main-color);
    text-decoration: none;
    transition: var(--transition);
}

.logo:hover {
    color: var(--important-color);
}

.logo .icon {
    height: 100%;
    width: unset;
    aspect-ratio: 1 / 1;
}

.logo-text {
    font-size: 18px;
    font-weight: 900;
}

.header-settings {
    display: flex;
    gap: var(--gap);
}

footer {
    width: 100%;
    max-width: var(--max-site-width);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    padding: var(--gap);
    padding-top: var(--double-gap);
}

.footer-short-description {
    
}

.footer-legal-text {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    padding: var(--gap);
    color: var(--secondary-color);
    font-size: var(--small-font-size);
}



@media (width > 650px) { 
    .mobile-only {
        display: none;
    }
}

@media (max-width: 650px) {
    :root{
        --side-column-width: unset;
    }
    
    main {
        flex-direction: column;
    }

    .mobile-column {
        display: flex;
    }

    /* .mobile-only {
        display: ;
    } */

    .items-and-filter-wrapper {
        flex-direction: column;
    }

    .filter-card {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        transition: var(--transition);

        border-radius: 0;
        
        left: 0;
        top: 0;
        width: 100%;
        height: 100dvh;
        z-index: 100;
        box-sizing: border-box;
        gap: var(--double-gap);
        max-height: unset;
    }

    body:has(.filter-card.open) {
        overflow: hidden;
    }

    .filter-card.open {
        visibility: visible;
        opacity: 1;
    }

    .filter-card .card-title {
        position: relative;
    }

    .filter-card .card-title .btn-icon {
        position: absolute;
        right: 0;
        top: 50%;
        translate: 0 -50%;
    }
}