.tree-view__checkbox > input[type=checkbox]:focus, .tree-view__tree-item:focus {
    outline: 0
}

    .tree-view__text:hover::after, .tree-view__tree-item:focus > .tree-view__item-layout > .tree-view__text:before, .tree-view__tree-item[aria-selected=true] > .tree-view__item-layout > .tree-view__text:before {
        position: absolute;
        top: 0;
        left: -.25rem;
        content: "";
        border-radius: .25rem;
        width: calc(100% + .5rem);
        height: 100%
    }

:root {
    --focus-clr-val: 0,0,128;
    --focus-clr: rgb(0,0,128)
}

.tree-view__expander {
    display: inline-block;
    --svg-cheveron-righ: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -5 24 24'%3E%3Cpath fill='%23000' d='m5.314 7.071l-4.95-4.95A1 1 0 0 1 1.778.707l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg-cheveron-righ);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: var(--svg-cheveron-righ);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.chevron-down-icon, .keyboard-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%
}

.chevron-down-icon {
    --svg-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -8 24 24'%3E%3Cpath fill='%23000' d='m7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-chevron-down);
    mask-image: var(--svg-chevron-down);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.keyboard-icon {
    --svg-keyboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath fill='%23000' d='M6.196 44.09h43.628c4.104 0 6.176-2.051 6.176-6.097V19.031c0-4.065-2.072-6.117-6.176-6.117H6.196C2.072 12.914 0 14.966 0 19.03v18.963c0 4.064 2.072 6.097 6.196 6.097m.06-3.176c-1.974 0-3.08-1.046-3.08-3.098V19.208c0-2.052 1.106-3.117 3.08-3.117h43.509c1.953 0 3.058 1.065 3.058 3.117v18.608c0 2.052-1.105 3.098-3.058 3.098Zm40.056-17.246h1.4c.573 0 .83-.257.83-.829v-1.4c0-.553-.257-.83-.83-.83h-1.4c-.572 0-.83.277-.83.83v1.4c0 .572.258.829.83.829m-6.354 0h1.4c.573 0 .85-.257.85-.829v-1.4c0-.553-.277-.83-.85-.83h-1.4q-.83 0-.83.83v1.4c0 .572.277.829.83.829m-6.354 0h1.42c.553 0 .83-.257.83-.829v-1.4q0-.83-.83-.83h-1.42q-.83 0-.829.83v1.4c0 .572.276.829.829.829m-6.334 0h1.401c.572 0 .829-.257.829-.829v-1.4c0-.553-.257-.83-.829-.83H27.27c-.572 0-.829.277-.829.83v1.4c0 .572.257.829.829.829m-6.354 0h1.42c.553 0 .83-.257.83-.829v-1.4q0-.83-.83-.83h-1.42q-.828 0-.829.83v1.4c0 .572.277.829.83.829m-6.354 0h1.421c.553 0 .829-.257.829-.829v-1.4q0-.83-.829-.83h-1.42q-.83 0-.83.83v1.4c0 .572.277.829.83.829m-6.334 0h1.4c.573 0 .83-.257.83-.829v-1.4c0-.553-.257-.83-.83-.83h-1.4c-.573 0-.83.277-.83.83v1.4c0 .572.257.829.83.829m12.688 6.354h1.42q.83 0 .83-.83v-1.4c0-.572-.277-.829-.83-.829h-1.42c-.552 0-.829.257-.829.829v1.4q0 .83.83.83m6.354 0h1.401c.572 0 .829-.277.829-.83v-1.4c0-.572-.257-.829-.829-.829H27.27c-.572 0-.829.257-.829.829v1.4c0 .553.257.83.829.83m6.334 0h1.42q.83 0 .83-.83v-1.4c0-.572-.277-.829-.83-.829h-1.42c-.553 0-.829.257-.829.829v1.4q0 .83.829.83m6.354 0h1.4c.573 0 .85-.277.85-.83v-1.4c0-.572-.277-.829-.85-.829h-1.4c-.553 0-.83.257-.83.829v1.4q0 .83.83.83m-25.396 0h1.421q.83 0 .829-.83v-1.4c0-.572-.276-.829-.829-.829h-1.42c-.553 0-.83.257-.83.829v1.4q0 .83.83.83m31.75 0h1.4c.573 0 .83-.277.83-.83v-1.4c0-.572-.257-.829-.83-.829h-1.4c-.572 0-.83.257-.83.829v1.4c0 .553.258.83.83.83m-38.084 0H9.63c.573 0 .83-.277.83-.83v-1.4c0-.572-.257-.829-.83-.829h-1.4c-.573 0-.83.257-.83.829v1.4c0 .553.257.83.83.83m6.334 6.353H41.36c.572 0 .849-.276.849-.828v-1.421c0-.552-.277-.829-.85-.829H14.563q-.828 0-.828.829v1.42q0 .83.828.83m31.75 0h1.4c.573 0 .83-.276.83-.828v-1.421c0-.552-.257-.829-.83-.829h-1.4c-.572 0-.83.277-.83.829v1.42c0 .553.258.83.83.83m-38.084 0H9.63c.573 0 .83-.276.83-.828v-1.421c0-.552-.257-.829-.83-.829h-1.4c-.573 0-.83.277-.83.829v1.42c0 .553.257.83.83.83'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-keyboard);
    mask-image: var(--svg-keyboard);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.accessibility-icon, .dairy-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%
}

.accessibility-icon {
    --svg-accessibility: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 6q-.825 0-1.412-.587T10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6M9 22V9H3V7h18v2h-6v13h-2v-6h-2v6z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-accessibility);
    mask-image: var(--svg-accessibility);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.dairy-icon {
    --svg-dairy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M21.675 6L18 21.623v18.899c0 .913.68 1.478 1.306 1.478h10.388c.627 0 1.306-.565 1.306-1.478V21.623L27.325 6zm-2.37 1.34s-.53.044-.99-.234c-.352-.212-.662-.613-.662-1.367C17.653 4 18.479 4 20.958 4h7.084c2.479 0 3.305 0 3.305 1.74c0 .753-.31 1.154-.662 1.367c-.46.277-.99.232-.99.232L33 21.391v19.13C33 42.444 31.52 44 29.694 44H19.306C17.48 44 16 42.443 16 40.522v-19.13z' clip-rule='evenodd'/%3E%3Cpath d='M24 23.814c-2.333-2.186-7 0-7 0L20.5 6h8L31 16.526l1 7.895L31 26s-4.667 0-7-2.186'/%3E%3Cpath d='M19 5h11l-1 2h-9z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-dairy);
    mask-image: var(--svg-dairy);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.fish-icon, .meat-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%
}

.fish-icon {
    --svg-fish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.69 7.44A6.97 6.97 0 0 0 15 12a6.97 6.97 0 0 0 1.699 4.571'/%3E%3Cpath d='M2 9.504c7.715 8.647 14.75 10.265 20 2.498C16.75 4.241 9.715 5.86 2 14.506M18 11v.01'/%3E%3Cpath d='M11.5 10.5q-1 1.5 0 3'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-fish);
    mask-image: var(--svg-fish);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.meat-icon {
    --svg-meat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m13.62 8.382l1.966-1.967A2 2 0 1 1 19 5a2 2 0 1 1-1.413 3.414l-1.82 1.821m-9.863 8.361c2.733 2.734 5.9 4 7.07 2.829c1.172-1.172-.094-4.338-2.828-7.071c-2.733-2.734-5.9-4-7.07-2.829c-1.172 1.172.094 4.338 2.828 7.071M7.5 16l1 1'/%3E%3Cpath d='M12.975 21.425c3.905-3.906 4.855-9.288 2.121-12.021c-2.733-2.734-8.115-1.784-12.02 2.121'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-meat);
    mask-image: var(--svg-meat);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.basedb-icon, .veg-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%
}

.veg-icon {
    --svg-veg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.063 3 9'/%3E%3Cpath d='m20.496 5.577l.426 4.424c.276 2.87-1.875 5.425-4.745 5.702c-2.816.27-5.367-1.788-5.638-4.604a5.12 5.12 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-veg);
    mask-image: var(--svg-veg);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.basedb-icon {
    --svg-basedb: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='87.000000pt' height='86.000000pt' viewBox='0 0 87.000000 86.000000' preserveAspectRatio='xMidYMid meet'%3e%3cg transform='translate(0.000000,86.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3e%3cpath d='M325 710 c-60 -13 -97 -29 -122 -52 -22 -21 -23 -28 -23 -198 0 -207 4 -219 92 -245 68 -20 277 -20 342 -1 87 26 86 23 86 241 0 216 2 211 -80 241 -52 18 -235 28 -295 14z m265 -50 c124 -37 69 -101 -101 -116 -115 -11 -259 25 -259 64 0 58 231 91 360 52z m-145 -154 c98 0 141 4 173 17 l43 17 -3 -32 c-2 -25 -11 -35 -43 -52 -35 -18 -58 -21 -170 -21 -110 0 -136 3 -170 20 -33 16 -41 26 -43 52 l-3 33 43 -17 c32 -13 75 -17 173 -17z m-145 -89 c55 -17 257 -13 309 7 55 20 51 21 51 -15 0 -26 -6 -33 -47 -52 -41 -18 -66 -22 -168 -22 -102 0 -127 4 -167 22 -43 19 -48 25 -48 54 0 26 3 30 18 24 9 -4 33 -12 52 -18z m346 -135 c-15 -15 -16 -14 -16 6 0 15 -6 22 -20 22 -24 0 -26 -25 -4 -38 31 -17 -54 -36 -161 -36 -141 0 -215 28 -215 81 0 25 11 29 41 13 58 -32 294 -29 356 4 27 14 28 13 31 -11 2 -14 -4 -33 -12 -41z'/%3e%3cpath d='M597 503 c-14 -13 -6 -33 13 -33 13 0 20 7 20 20 0 19 -20 27 -33 13z'/%3e%3cpath d='M590 390 c0 -13 7 -20 20 -20 13 0 20 7 20 20 0 13 -7 20 -20 20 -13 0 -20 -7 -20 -20z'/%3e%3c/g%3e%3c/svg%3e  ");
    -webkit-mask-image: var(--svg-basedb);
    mask-image: var(--svg-basedb);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.detal-icon, .sborka-icon, .standart-icon, .proch-icon {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor
}

.sborka-icon {
    --svg-sborka: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='76.000000pt' height='75.000000pt' viewBox='0 0 76.000000 75.000000' preserveAspectRatio='xMidYMid meet'%3e%3cg transform='translate(0.000000,75.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3e%3cpath d='M118 641 l-38 -39 0 -261 0 -261 259 0 259 0 41 41 c39 40 41 44 41 105 l0 64 -45 0 -45 0 0 94 0 93 -57 57 -56 56 -99 0 -98 0 0 45 0 45 -62 0 c-60 -1 -65 -3 -100 -39z m122 9 c-15 -28 -42 -40 -93 -40 l-45 0 27 30 c22 24 34 29 74 30 44 0 47 -1 37 -20z m-50 -250 l0 -190 200 0 200 0 0 -60 0 -60 -250 0 -250 0 0 250 0 250 50 0 50 0 0 -190z m331 131 l50 -49 -30 -33 -31 -33 -46 48 c-45 47 -45 48 -27 69 10 12 23 25 28 29 6 5 6 8 0 8 -5 0 -18 -11 -30 -25 -19 -25 -23 -26 -119 -23 l-98 3 26 28 c24 26 29 27 126 27 l101 0 50 -49z m-66 -68 l45 -48 0 -97 0 -98 -150 0 -150 0 0 145 0 145 105 0 104 0 46 -47z m179 -208 c-17 -27 -48 -39 -84 -33 -22 3 -22 3 5 31 19 19 38 27 62 27 l33 0 -16 -25z'/%3e%3cpath d='M321 419 c-13 -11 -21 -22 -17 -26 3 -4 13 3 22 15 19 28 54 28 82 2 27 -26 27 -30 -2 -57 -28 -27 -36 -29 -36 -9 0 8 -17 21 -37 29 -34 13 -40 13 -60 -2 -40 -29 -41 -94 -2 -106 10 -4 19 -11 19 -16 0 -13 28 -11 46 4 8 6 36 31 61 54 42 39 45 44 39 78 -11 54 -70 72 -115 34z m25 -75 c13 -14 24 -30 24 -35 0 -15 -42 -48 -60 -48 -18 0 -60 33 -60 47 0 16 44 62 59 62 7 0 24 -11 37 -26z'/%3e%3c/g%3e%3c/svg%3e ");
    -webkit-mask-image: var(--svg-sborka);
    mask-image: var(--svg-sborka);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.detal-icon {
    --svg-detal: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='86.000000pt' height='82.000000pt' viewBox='0 0 86.000000 82.000000' preserveAspectRatio='xMidYMid meet'%3e%3cg transform='translate(0.000000,82.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3e%3cpath d='M238 590 l-58 -58 0 -186 0 -186 184 0 183 0 62 61 61 61 0 109 0 109 -74 75 -74 75 -114 -1 -113 0 -57 -59z m262 43 c0 -3 -19 -26 -42 -50 l-43 -43 -107 0 -107 0 47 49 47 49 103 1 c56 1 102 -2 102 -6z m138 -114 c11 -14 5 -24 -39 -69 l-50 -52 -67 66 -66 66 54 53 53 52 51 -50 c28 -28 57 -58 64 -66z m-160 -63 l62 -63 0 -112 0 -111 -175 0 -175 0 0 175 0 175 113 0 112 0 63 -64z'/%3e%3cpath d='M312 444 c-7 -3 -25 -18 -40 -33 -22 -21 -27 -35 -27 -77 0 -43 4 -55 25 -73 14 -11 31 -20 38 -21 6 0 12 -4 12 -10 0 -5 16 -10 35 -10 19 0 35 3 35 8 0 4 10 12 23 17 12 6 26 20 32 33 5 12 13 22 17 22 5 0 8 16 8 35 0 19 -4 35 -10 35 -5 0 -10 6 -10 13 -1 29 -41 60 -83 63 -23 2 -48 1 -55 -2z m28 -19 c0 -8 18 -33 39 -56 38 -39 39 -41 23 -61 -54 -66 -60 -70 -89 -61 -15 5 -32 19 -38 31 -5 12 -13 22 -17 22 -15 0 -8 50 10 69 9 11 26 31 37 45 23 29 35 33 35 11z m50 6 c0 -5 9 -11 20 -14 18 -5 46 -54 36 -64 -11 -11 -59 12 -68 33 -6 13 -15 24 -20 24 -4 0 -8 7 -8 15 0 8 9 15 20 15 11 0 20 -4 20 -9z'/%3e%3c/g%3e%3c/svg%3e ");
    -webkit-mask-image: var(--svg-detal);
    mask-image: var(--svg-detal);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.material-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    --svg-material: url("data:image/svg+xml,%3C!-- icon666.com - MILLIONS OF FREE VECTOR ICONS --%3E%3Csvg id='Layer_1' enable-background='new 0 0 53 53' viewBox='0 0 53 53' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x31_50'%3E%3Cpath d='m18.9234047 40.4634933c.0038452.0021973.0073242.0055542.0111694.0077515 1.1160297.6441383 2.4311581.9494858 3.5543823.3165283.3153286-.151947-2.7661572 1.6081963 26.4905396-15.3887939.9667969-.5668945 1.5068359-1.7138672 1.5205078-3.2333984 0-2.9594727-2.0117188-6.4360342-4.5800781-7.9140615-1.3300781-.7685547-2.6083984-.8789063-3.5976563-.3071289l-2.329834 1.3544312-5.8117676-3.3671265c-.15625-.0898438-.3466797-.090332-.5029297.0004883l-3.0996094 1.8051758c-.2382813.1391602-.3193359.4453125-.1796875.6835938.1386719.2392578.4453125.3183594.6835938.1806641l2.8486328-1.6591797 5.0634766 2.934082c-24.6380119 14.3226517-23.0450544 13.4005764-23.1577758 13.4685047-.6599522.3967381-1.1961222 1.105196-1.3980103 2.2640991-.3401814 1.9610443.44767 4.2550201 1.5391846 5.9363403l-11.9931641-7.1645507 21.5107422-12.5258789c.2382813-.1391602.3193359-.4453125.1796875-.6835938-.1396484-.2392578-.4472656-.3183594-.6835938-.1806641l-22.243164 12.9526368c-.1523438.0888672-.2470703.2524605-.2480469.4291992-.0009766.1772461.0917969.3413086.2431641.4321289.1003093.0598831 16.2805614 9.7160797 16.1802368 9.6587524zm.5111694-.8584594c-2.5435638-1.4678001-4.5034246-5.3102379-4.0044556-7.9068604.3525867-1.8074703 1.867239-2.1727123 3.5327759-1.2103271 2.3384743 1.3495655 4.0832424 4.6388016 4.0722656 7.0556641.0000001 2.2647056-1.4524803 3.3011398-3.6005859 2.0615234zm23.3886719-24.7954092c.6640625-.3833008 1.5878906-.2753906 2.5976563.3085938 2.2490234 1.2944326 4.0791016 4.4560537 4.0791016 7.0429678-.0107422 1.1494141-.375 1.9931641-1.0244141 2.3745117l-24.5888672 14.2944335c.0816193-.3264809.1506958-.9779053.1513672-1.28125.0084991-2.8523521-1.9434853-6.4060268-4.5722656-7.934082-.3427658-.1956749-.9451408-.4424992-1.2165527-.5172729 33.7359427-19.6148921 22.0256156-12.8062268 24.5739745-14.2879019z'/%3E%3Cpath d='m27.4277382 16.7295456 1.7685547-1.0297842c.2382813-.1391602.3193359-.4453125.1796875-.6835938-.1396484-.2397461-.4462891-.3193359-.6835938-.1806641l-1.7685547 1.0297852c-.2382813.1391592-.3193359.4453115-.1796875.6835928.1400757.2410775.4465619.3182011.6835938.1806641z'/%3E%3Cpath d='m19.452137 32.5542526c-1.3010387-.750761-2.5456619-.0927353-2.5497894 1.4521484-.0048828 1.3188477.890625 2.8701172 2.0380859 3.5322266 1.3329868.7688942 2.5398598.0583878 2.5458984-1.4594727.0029297-1.3164062-.890625-2.8642577-2.0341949-3.5249023zm-.0117035 4.1181641c-.8369141-.4829102-1.5410156-1.7021484-1.5380859-2.6625977.0021019-.7638435.4107323-.9591026 1.0497894-.5893555.8339996.4814453 1.5371246 1.6977539 1.5341949 2.6552734-.0020427.7514268-.3926048.9743653-1.0458984.5966798z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg-material);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: var(--svg-material);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}


.standart-icon {
    --svg-standart: url('data:image/svg+xml,<!-- icon666.com - MILLIONS OF FREE VECTOR ICONS --><svg id="Layer_1" enable-background="new 0 0 64 64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g><path d="m53.1 31.4c-.3 0-.5-.1-.7-.3l-17.6-17.6c-.4-.4-.4-1 0-1.4l5.3-5.3c.4-.4 1-.4 1.4 0l17.6 17.6c.4.4.4 1 0 1.4l-5.3 5.3c-.2.2-.4.3-.7.3zm-16.2-18.6 16.2 16.2 3.9-3.9-16.2-16.1z"/></g><g><path d="m22.2 53.4h-.1c-1.2-.2-2.5-.4-3.8-.6s-2.5-.4-3.8-.6c-.4-.1-.8-.4-.9-.8-.2-1.3-.4-2.6-.6-3.8s-.3-2.5-.6-3.8c-.1-.3 0-.6.3-.9l26.4-26.4c.4-.4 1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4l-26.3 26.5c-.1.2-.4.3-.7.3zm-6.7-3c1 .1 2 .3 3.1.5s2.2.3 3.3.5l25.3-25.3-7.3-7.3-25.3 25.3c.2 1.1.3 2.2.5 3.3.1 1 .3 2 .4 3z"/></g><g><g><path d="m45.3 30.4c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3z"/></g><g><path d="m42.4 33.2c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z"/></g><g><path d="m39.6 36.1c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z"/></g><g><path d="m36.8 38.9c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3z"/></g><g><path d="m33.9 41.7c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3z"/></g><g><path d="m31.1 44.5c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.3-.4.3-.7.3z"/></g><g><path d="m28.3 47.4c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3z"/></g><g><path d="m25.5 50.2c-.3 0-.5-.1-.7-.3l-8.7-8.7c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l8.7 8.7c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3z"/></g></g></svg>');
    -webkit-mask-image: var(--svg-standart);
    mask-image: var(--svg-standart);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}


.proch-icon {
    --svg-proch: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!-- The Best Svg Icon site in the world: iconSvg.co, Visit us! https://iconsvg.co --%3E%3Csvg id='svg' fill='%23000000' stroke='%23000000' width='200px' height='200px' version='1.1' viewBox='144 144 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='IconSvg_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='IconSvg_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC'%3E%3C/g%3E%3Cg id='IconSvg_iconCarrier'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m620.41 333.09h-94.465l-4.5664-44.555h0.003907c-0.67969-5.7617-5.3906-10.207-11.18-10.551h-19.68v-66.91c-0.011719-4.1953-2.2227-8.082-5.8242-10.234-3.6367-1.9609-8.0156-1.9609-11.652 0l-141.7 78.719-1.2578 0.94531-1.418 1.1016-1.418 1.8906c-0.32031 0.4375-0.58594 0.91406-0.78906 1.418-0.45312 0.89062-0.76953 1.8477-0.94531 2.832 0.070312 0.3125 0.070312 0.63281 0 0.94531l-5.668 53.844-85.172-77.301c-0.75781-0.65234-1.6055-1.1836-2.5195-1.5742-4.8203-9.8477-12.301-18.148-21.594-23.965-9.293-5.8125-20.031-8.9102-30.992-8.9414-6.4844 0.085938-11.723 5.3203-11.809 11.809v94.465c0.085937 6.4844 5.3242 11.723 11.809 11.809 15.059 0.15234 29.598-5.4844 40.621-15.746l87.066 126.74-13.539 128.47h-0.003907c-0.30469 3.3281 0.77734 6.6289 2.9922 9.1328 2.2422 2.5078 5.4492 3.9414 8.8164 3.9336h236.16c3.3633 0.007813 6.5742-1.4258 8.8164-3.9336 2.2109-2.5039 3.293-5.8047 2.9922-9.1328l-4.5664-42.98c23.051-3.1875 44.176-14.602 59.48-32.133 15.305-17.531 23.758-40.004 23.805-63.277v-105.01c-0.085937-6.4844-5.3203-11.723-11.809-11.809zm-87.223 62.977h36.055v53.215c-0.027344 7.8203-2.8008 15.387-7.8359 21.371-5.0352 5.9844-12.012 10.012-19.715 11.375zm-66.281-165v47.23h-84.387zm-275.52 92.102v-66.754c9.2461 3.2852 16.715 10.262 20.625 19.266 3.9102 9 3.9102 19.219 0 28.223-3.9102 9-11.379 15.977-20.625 19.266zm119.66 99.977-72.422-105.48-0.003906-16.848 77.934 70.691-4.7227 45.184zm7.5586 153.98 13.383-127.05 8.6562-81.555 7.0859-66.441h151.77l4.7227 44.555 3.6211 33.379 12.121 116.19 4.25 39.359 4.4102 42.035zm290-127.84-0.003906-0.003906c-0.003907 17.461-6.2891 34.336-17.707 47.547-11.418 13.211-27.203 21.871-44.48 24.402l-1.5742-15.742c13.379-2.1992 25.543-9.0664 34.336-19.387 8.7891-10.32 13.641-23.422 13.684-36.977v-64.867c-0.085937-6.4844-5.3242-11.723-11.809-11.809h-50.223l-1.1016-9.7617v-5.9844h79.508z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg-proch);
    mask-image: var(--svg-proch);
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}




.tree-view__expander, .tree-view__icon {
    height: 1.5rem;
    width: 1.5rem
}

.tree-view {
    --focus-bg-clr: rgba(var(--focus-clr-val),0.05);
    --focus-border-clr: rgba(var(--focus-clr-val),0.25);
    overflow-x: auto;
    padding-right: 1rem
}

    .tree-view li, .tree-view ul {
        list-style-type: none;
        position: relative;
        max-width: fit-content;
        pointer-events: none
    }

    .tree-view > ul {
        margin: 0;
        padding: 0
    }

.tree-view__branch {
    margin: 0;
    padding-left: 2rem;
    display: none
}

.tree-view__tree-item {
    margin-block: 0.5rem;
    pointer-events: all
}

.tree-view__tree-item--childless {
    margin-left: 2rem
}

.tree-view__item-layout {
    display: flex;
    align-items: center;
    gap: .5rem
}

.tree-view__text {
    position: relative;
    font-size: .875rem;
    pointer-events: auto;
    user-select: none
}

    .tree-view__text:hover::after {
        outline: 3px solid var(--focus-clr)
    }

.tree-view__checkbox {
    display: flex;
    align-items: center;
    pointer-events: auto
}

    .tree-view__checkbox > input[type=checkbox] {
        accent-color: var(--focus-clr);
        min-height: 1rem;
        min-width: 1rem;
        cursor: pointer
    }

.tree-view__expander {
    background-color: var(--focus-clr);
    transition: transform .1s;
    cursor: pointer;
    pointer-events: auto
}

.tree-view__tree-item[aria-expanded=true] > .tree-view__branch {
    display: block
}

li[aria-expanded=true] > .tree-view__item-layout > .tree-view__expander {
    transform: rotate(90deg)
}

.tree-view__tree-item[aria-selected] > .tree-view__item-layout > .tree-view__text {
    cursor: pointer
}

.tree-view__tree-item[aria-selected=true] > .tree-view__item-layout > .tree-view__text:before {
    background-color: var(--focus-bg-clr);
    outline: 2px solid var(--focus-border-clr)
}

.tree-view__tree-item:focus > .tree-view__item-layout > .tree-view__text:before {
    outline: 2px solid var(--focus-clr)
}