:root {
    /* colors */

    --color-black: #000000;
    --color-black-light: #222222;
    --color-grey-dark: #565656;
    --color-grey-medium: #999999;
    --color-grey: #dddddd;
    --color-grey-light: #f4f4f4;
    --color-white: #ffffff;
    --color-red: #A42E2E;
    --color-red-light: #E05656;
    --color-red-dark: #6F061F;
    --color-green: #3bb200;
    --color-blue: #007AFF;

    --btn-black-light: #222;
    --btn-grey-default: #eee;
    --btn-grey-default-dark: #ccc;

    --color-background-gardient-top: linear-gradient(0deg, 
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 65%,
    rgba(0, 0, 0, 1) 100%);
    --color-background-gardient-right: linear-gradient(to right, 
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 65%,
    rgba(0, 0, 0, 1) 100%);

    --color-control-panel-overlay: rgba(0, 0, 0, 0.8);
    --color-control-panel: rgba(0, 0, 0, 0.2);
    --color-dashboard-btn: rgba(0, 0, 0, 0.1);
    --color-control-overlay-input: rgba(244, 244, 244, 0.2);
    --color-control-overlay-input-hover: rgba(244, 244, 244, 0.4);



    /* font sizes */

    --font-size-scale: 16px;

    --font-size-text: calc(var(--font-size-scale) * 1);
    --font-size-text-s: calc(var(--font-size-scale) - 1px);
    --font-size-button: calc(var(--font-size-scale) - 2px);
    --font-size-title: calc(var(--font-size-scale) * 1.125);
    --font-size-h1: calc(var(--font-size-scale) * 2.15);
    --font-size-h2: calc(var(--font-size-scale) * 2);
    --font-size-h3: calc(var(--font-size-scale) * 1.75);
    --font-size-h4: calc(var(--font-size-scale) * 1.5);
    --font-size-h5: calc(var(--font-size-scale) * 1.15);

    --line-height-text: 1.5;
    --line-height-headline: 1.3;
    --letter-spacing: -.325px;



    /* border radiuses */

    --border-radius-base: 10px;
    --border-radius-small: 5px;
    --border-radius-circle: 100%;



    /* layout */

    --layout-header-height: 80px;

    --layout-padding: 1.25rem;
    --layout-padding-m: 1.125rem;
    --layout-padding-s: 1rem;

    --layout-space: 2rem;
    --layout-space-s: .625rem;



    --layout-grid-12: repeat(12, 1fr);



    --icon-size: 1.5rem;
    --media-list-height: 3.5rem;
    --menu-item-height: 3.25rem;
    --input-height-adnimistration: 3rem;
    --input-height-showroom: 2.75rem;

    --control-icon-size: 3rem;

    --navigation-width: 20rem;
    --transition: all ease-out .3s;

    --btn-width: 12rem;
    --btn-height: 3rem;
    --btn-edit-height: 2rem;
    --breadcrumb-max-width: 20vw;



    /* icons */

    --icon-profile: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.14341 29H23.8565C24.6317 29 25 28.4566 25 27.7319C25 25.5178 21.8023 19.8014 15 19.8014C8.19767 19.8014 5 25.5178 5 27.7319C5 28.4566 5.36822 29 6.14341 29ZM15 18.1711C17.7519 18.1913 19.9806 15.7355 19.9806 12.5151C19.9806 9.49588 17.7519 7 15 7C12.2481 7 10.0194 9.49588 10.0194 12.5151C10.0194 15.7355 12.2481 18.151 15 18.1711Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-breadcrumb-arrow: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.9502L12.2426 10.7076C12.6332 10.317 12.6332 9.68386 12.2426 9.29334L8 5.0507' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E%0A");

    --icon-menu-portal-admin: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.61765 16.6331H14.3823C15.0817 16.6331 15.5 16.3374 15.5 15.8466C15.5 14.3208 13.3889 12.2155 9.99672 12.2155C6.61111 12.2155 4.5 14.3208 4.5 15.8466C4.5 16.3374 4.9183 16.6331 5.61765 16.6331ZM10.0033 11.1569C11.402 11.1569 12.6176 10.0214 12.6176 8.54296C12.6176 7.08224 11.402 6 10.0033 6C8.60457 6 7.38888 7.10589 7.38888 8.55479C7.38888 10.0214 8.59803 11.1569 10.0033 11.1569Z' fill='black'/%3E%3Cpath d='M16.8 7.1L11.8 3.35C10.7333 2.55 9.26667 2.55 8.2 3.35L3.2 7.1C2.44458 7.66656 2 8.55573 2 9.5V14C2 15.6569 3.34315 17 5 17H15C16.6569 17 18 15.6569 18 14V9.5C18 8.55573 17.5554 7.66656 16.8 7.1Z' stroke='black' stroke-width='0.8'/%3E%3C/svg%3E%0A");
    --icon-menu-user: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.36643 16.5H13.082C13.9371 16.5 14.4485 16.1385 14.4485 15.5384C14.4485 13.673 11.8675 11.099 7.72025 11.099C3.58103 11.099 1 13.673 1 15.5384C1 16.1385 1.51141 16.5 2.36643 16.5ZM7.72825 9.80479C9.43828 9.80479 10.9246 8.41658 10.9246 6.60901C10.9246 4.82314 9.43828 3.5 7.72825 3.5C6.01822 3.5 4.53192 4.85206 4.53192 6.62347C4.53192 8.41658 6.01022 9.80479 7.72825 9.80479Z' fill='black'/%3E%3Cpath d='M11.8128 11.2332H18.1871C18.6958 11.2332 19 11.0181 19 10.6611C19 9.55151 17.4646 8.02035 14.9976 8.02035C12.5354 8.02035 11 9.55151 11 10.6611C11 11.0181 11.3042 11.2332 11.8128 11.2332ZM15.0024 7.25048C16.0196 7.25048 16.9037 6.42468 16.9037 5.34943C16.9037 4.28709 16.0196 3.5 15.0024 3.5C13.9851 3.5 13.101 4.30429 13.101 5.35803C13.101 6.42468 13.9804 7.25048 15.0024 7.25048Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-menu-category: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1238_30855)'%3E%3Crect x='3.25' y='3.25' width='6' height='6' rx='1.5' fill='black' stroke='black' stroke-width='0.8'/%3E%3Crect x='10.75' y='3.25' width='6' height='6' rx='1.5' stroke='black' stroke-width='0.8'/%3E%3Crect x='3.25' y='10.75' width='6' height='6' rx='1.5' stroke='black' stroke-width='0.8'/%3E%3Crect x='10.75' y='10.75' width='6' height='6' rx='1.5' stroke='black' stroke-width='0.8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1238_30855'%3E%3Crect width='16' height='16' fill='white' transform='translate(2 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --icon-menu-media: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9217 10.3029L9.11957 15.1051C7.87167 16.3595 6.19255 16.2354 5.12105 15.1508C4.04302 14.0793 3.91888 12.4133 5.16679 11.1588L11.7199 4.61218C12.4713 3.86082 13.5754 3.75629 14.2942 4.46844C15.0063 5.19366 14.9017 6.2913 14.1569 7.04266L7.75407 13.4455C7.43392 13.7788 7.04191 13.6807 6.81977 13.4586C6.59763 13.23 6.50616 12.851 6.82631 12.5177L11.3018 8.05535C11.4978 7.85282 11.5109 7.56533 11.3214 7.37586C11.1319 7.19293 10.8444 7.206 10.6484 7.402L6.15988 11.8905C5.49347 12.557 5.5196 13.5762 6.10761 14.1642C6.74791 14.8045 7.71487 14.7914 8.38782 14.1184L14.8169 7.68948C16.0386 6.46771 15.9863 4.86046 14.9213 3.79549C13.8825 2.75665 12.2491 2.67825 11.0274 3.90002L4.44156 10.4924C2.82778 12.1061 2.95192 14.4125 4.40889 15.8695C5.86588 17.3199 8.17221 17.444 9.786 15.8368L14.6208 11.002C14.8103 10.8125 14.8103 10.4662 14.6142 10.2898C14.4248 10.0873 14.1177 10.1134 13.9217 10.3029Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-menu-spaces: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.89232 3.77323C6.39104 3.43237 6.98106 3.25 7.58514 3.25H15.5C16.6046 3.25 17.5 4.14543 17.5 5.25V12.8874C17.5 13.8781 17.0108 14.805 16.1928 15.3641L13.8525 16.9637C13.52 17.1909 13.1267 17.3125 12.724 17.3125H4.5C3.39543 17.3125 2.5 16.4171 2.5 15.3125V7.14737C2.5 6.48684 2.82613 5.86891 3.37146 5.49619L5.89232 3.77323ZM7.85229 4.15461C7.24821 4.15461 6.6582 4.33697 6.15948 4.67784L4.79894 5.60774C4.67715 5.69098 4.73606 5.88158 4.88358 5.88158H12.4568C12.8595 5.88158 13.2529 5.76 13.5853 5.53276L15.2011 4.42844C15.3229 4.3452 15.2639 4.15461 15.1164 4.15461H7.85229ZM16.6176 5.02112C16.6176 4.82014 16.3925 4.70132 16.2266 4.81473L14.0855 6.27814C13.8128 6.4645 13.6497 6.77346 13.6497 7.10372V15.0677C13.6497 15.4697 14.1 15.7073 14.4319 15.4805L15.7462 14.5822C16.2915 14.2095 16.6176 13.5915 16.6176 12.931V5.02112ZM12.2674 16.4079C12.5435 16.4079 12.7674 16.184 12.7674 15.9079V7.28618C12.7674 7.01004 12.5435 6.78618 12.2674 6.78618H3.88235C3.60621 6.78618 3.38235 7.01004 3.38235 7.28618V15.9079C3.38235 16.184 3.60621 16.4079 3.88235 16.4079H12.2674Z' fill='black'/%3E%3Cpath d='M11.2088 16.8603C12.3134 16.8603 13.2088 15.9649 13.2088 14.8603V8.33398C13.2088 7.22941 12.3134 6.33398 11.2088 6.33398H4.94141C3.83684 6.33398 2.94141 7.22942 2.94141 8.33399V14.8603C2.94141 15.9649 3.83683 16.8603 4.9414 16.8603H11.2088Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-menu-showcases: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78543 15.1966L9.13189 18.2901C9.62796 18.5795 10.1998 18.5795 10.7028 18.2901L16.0423 15.1966C16.5384 14.9141 16.8278 14.4112 16.8278 13.8393V7.66609C16.8278 7.09424 16.5384 6.59129 16.0423 6.30192L10.7028 3.2222C10.1998 2.92593 9.62796 2.92593 9.13189 3.2222L3.78543 6.30192C3.28937 6.59129 3 7.09424 3 7.66609V13.8393C3 14.4112 3.28937 14.9141 3.78543 15.1966ZM9.35925 17.1326C9.31104 17.112 9.30413 17.1051 9.24901 17.0706L4.51575 14.3354C4.26083 14.1838 4.10925 13.9289 4.10925 13.6395V8.34129L9.35925 11.3246V17.1326ZM9.91731 10.3393L4.45374 7.23204C4.48819 7.19759 4.50197 7.17692 4.56398 7.14247L9.51085 4.28322C9.76577 4.13165 10.062 4.13165 10.3169 4.28322L15.2707 7.14247C15.3258 7.17692 15.3396 7.19759 15.374 7.23204L9.91731 10.3393ZM10.4685 17.1326V11.3246L15.7185 8.34129V13.6395C15.7185 13.9289 15.5738 14.1838 15.3189 14.3354L10.6201 17.0499C10.5443 17.0913 10.5374 17.0982 10.4685 17.1326Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-menu-information: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7.5' stroke='black' stroke-width='1.1'/%3E%3Cpath d='M9.3608 11.9545V11.9119C9.36553 11.4598 9.41288 11.0999 9.50284 10.8324C9.5928 10.5649 9.72064 10.3482 9.88636 10.1825C10.0521 10.0168 10.2509 9.86411 10.483 9.72443C10.6226 9.6392 10.7481 9.53859 10.8594 9.42259C10.9706 9.30421 11.0582 9.16809 11.1222 9.0142C11.1884 8.86032 11.2216 8.68987 11.2216 8.50284C11.2216 8.27083 11.1671 8.0696 11.0582 7.89915C10.9493 7.72869 10.8037 7.5973 10.6214 7.50497C10.4392 7.41264 10.2367 7.36648 10.0142 7.36648C9.82008 7.36648 9.63305 7.40672 9.45312 7.48722C9.2732 7.56771 9.12287 7.69437 9.00213 7.86719C8.88139 8.04001 8.81155 8.2661 8.79261 8.54545H7.89773C7.91667 8.14299 8.02083 7.79853 8.21023 7.51207C8.40199 7.22562 8.65412 7.00663 8.96662 6.85511C9.28149 6.7036 9.63068 6.62784 10.0142 6.62784C10.4309 6.62784 10.7931 6.7107 11.1009 6.87642C11.411 7.04214 11.6501 7.26941 11.8182 7.55824C11.9886 7.84706 12.0739 8.17614 12.0739 8.54545C12.0739 8.80587 12.0336 9.04143 11.9531 9.25213C11.875 9.46283 11.7614 9.65104 11.6122 9.81676C11.4654 9.98248 11.2879 10.1293 11.0795 10.2571C10.8712 10.3873 10.7043 10.5246 10.5788 10.669C10.4534 10.8111 10.3622 10.9804 10.3054 11.1768C10.2486 11.3733 10.2178 11.6184 10.2131 11.9119V11.9545H9.3608ZM9.81534 14.0568C9.64015 14.0568 9.48982 13.9941 9.36435 13.8686C9.23887 13.7431 9.17614 13.5928 9.17614 13.4176C9.17614 13.2424 9.23887 13.0921 9.36435 12.9666C9.48982 12.8411 9.64015 12.7784 9.81534 12.7784C9.99053 12.7784 10.1409 12.8411 10.2663 12.9666C10.3918 13.0921 10.4545 13.2424 10.4545 13.4176C10.4545 13.5336 10.425 13.6402 10.3658 13.7372C10.3089 13.8343 10.232 13.9124 10.1349 13.9716C10.0402 14.0284 9.93371 14.0568 9.81534 14.0568Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-menu-lock: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.96875 4.88235V6.97059C7.96875 7.52287 8.41647 7.97059 8.96875 7.97059H11.0312C11.5835 7.97059 12.0312 7.52287 12.0312 6.97059V4.88235C12.0312 4.44377 11.6675 4.08824 11.2188 4.08824H8.78125C8.33252 4.08824 7.96875 4.44377 7.96875 4.88235ZM13.6562 7.56434C13.6562 7.7887 13.8381 7.97059 14.0625 7.97059V7.97059C15.4087 7.97059 16.5 9.0372 16.5 10.3529V15.1176C16.5 16.4334 15.4087 17.5 14.0625 17.5H5.9375C4.59131 17.5 3.5 16.4334 3.5 15.1176V10.3529C3.5 9.0372 4.59131 7.97059 5.9375 7.97059V7.97059C6.16187 7.97059 6.34375 7.7887 6.34375 7.56434V4.88235C6.34375 3.56662 7.43506 2.5 8.78125 2.5H11.2188C12.5649 2.5 13.6562 3.56662 13.6562 4.88235V7.56434Z' fill='black'/%3E%3C/svg%3E%0A");

    --icon-control-settings: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1968 14.5787C20.7193 14.2041 20.4971 13.6069 20.4971 13C20.4971 12.3932 20.7196 11.7961 21.1975 11.4222L22.5421 10.37C22.7321 10.22 22.7871 9.95 22.6621 9.73L20.6621 6.265C20.5371 6.05 20.2771 5.96 20.0521 6.05L18.4736 6.68714C17.9088 6.9151 17.2767 6.81649 16.751 6.50895C16.2272 6.20254 15.82 5.70179 15.735 5.10095L15.4971 3.42C15.4521 3.185 15.2471 3 14.9971 3H10.9971C10.7471 3 10.5421 3.185 10.5021 3.42L10.2638 5.10424C10.1791 5.70304 9.77394 6.20108 9.25129 6.50535C8.72349 6.8126 8.08872 6.91437 7.52239 6.68579L5.94714 6.05C5.72214 5.965 5.46214 6.05 5.33714 6.265L3.33714 9.73C3.21214 9.945 3.26714 10.215 3.45714 10.37L4.7975 11.4213C5.27501 11.7959 5.49714 12.3931 5.49714 13C5.49714 13.6069 5.27501 14.2041 4.7975 14.5787L3.45714 15.63C3.26714 15.78 3.21214 16.05 3.33714 16.27L5.33714 19.735C5.46214 19.95 5.72214 20.04 5.94714 19.95L7.52573 19.3129C8.09052 19.0849 8.72259 19.1835 9.24831 19.491C9.77209 19.7975 10.1792 20.2982 10.2643 20.899L10.5021 22.58C10.5421 22.815 10.7471 23 10.9971 23H14.9971C15.2471 23 15.4521 22.815 15.4921 22.58L15.7305 20.8958C15.8152 20.297 16.2203 19.7989 16.743 19.4947C17.2708 19.1874 17.9056 19.0856 18.4719 19.3142L20.0471 19.95C20.2721 20.035 20.5321 19.95 20.6571 19.735L22.6571 16.27C22.7821 16.055 22.7271 15.785 22.5371 15.63L21.1968 14.5787ZM12.9971 16.5C11.0621 16.5 9.49714 14.935 9.49714 13C9.49714 11.065 11.0621 9.5 12.9971 9.5C14.9321 9.5 16.4971 11.065 16.4971 13C16.4971 14.935 14.9321 16.5 12.9971 16.5Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-exposed_data: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='10' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M11.2153 18.6953H15.2035C15.6053 18.6953 15.9189 18.4014 15.9189 17.9996C15.9189 17.6174 15.6053 17.3137 15.2035 17.3137H13.9885V12.3259C13.9885 11.7968 13.7239 11.444 13.2242 11.444H11.3819C10.9802 11.444 10.6666 11.7478 10.6666 12.13C10.6666 12.5317 10.9802 12.8257 11.3819 12.8257H12.4304V17.3137H11.2153C10.8135 17.3137 10.5 17.6174 10.5 17.9996C10.5 18.4014 10.8135 18.6953 11.2153 18.6953ZM12.842 9.81737C13.5573 9.81737 14.1159 9.24902 14.1159 8.53368C14.1159 7.81835 13.5573 7.25 12.842 7.25C12.1365 7.25 11.5681 7.81835 11.5681 8.53368C11.5681 9.24902 12.1365 9.81737 12.842 9.81737Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-tag: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4199 4.75301C12.1114 4.84943 11.8308 5.01919 11.6022 5.24776L2.56497 14.285C1.78392 15.0661 1.78392 16.3324 2.56497 17.1135L9.28249 23.831C10.0635 24.612 11.3299 24.612 12.1109 23.831L21.1482 14.7937C21.3768 14.5651 21.5465 14.2846 21.6429 13.976L23.0637 9.42968C23.2856 8.71958 23.095 7.94499 22.5689 7.41892L20.773 5.62297L18.977 3.82702C18.451 3.30096 17.6764 3.11037 16.9663 3.33228L12.4199 4.75301ZM16.53 9.86594C17.1158 10.4517 18.0655 10.4517 18.6513 9.86594C19.2371 9.28015 19.2371 8.33041 18.6513 7.74462C18.0655 7.15883 17.1158 7.15883 16.53 7.74462C15.9442 8.33041 15.9442 9.28015 16.53 9.86594Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-media: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6906 13.3894L12.5165 19.5637C10.912 21.1765 8.75314 21.0169 7.37551 19.6224C5.98946 18.2448 5.82986 16.1028 7.43431 14.4899L15.8598 6.0728C16.8258 5.10677 18.2454 4.97237 19.1695 5.888C20.0851 6.82043 19.9507 8.23167 18.993 9.1977L10.7608 17.4299C10.3492 17.8584 9.84518 17.7323 9.55957 17.4467C9.27396 17.1528 9.15636 16.6656 9.56797 16.2371L15.3222 10.4997C15.5742 10.2393 15.591 9.86972 15.3474 9.62611C15.1037 9.39091 14.7341 9.40771 14.4821 9.65972L8.71114 15.4307C7.85432 16.2876 7.88792 17.598 8.64394 18.354C9.46717 19.1772 10.7104 19.1604 11.5756 18.2951L19.8415 10.0293C21.4124 8.45848 21.3452 6.39202 19.9759 5.02277C18.6402 3.68713 16.5402 3.58632 14.9693 5.15717L6.50187 13.633C4.42701 15.7079 4.58662 18.6733 6.45987 20.5465C8.33314 22.4113 11.2984 22.5709 13.3733 20.5045L19.5895 14.2883C19.8331 14.0447 19.8331 13.5994 19.581 13.3726C19.3375 13.1122 18.9426 13.1458 18.6906 13.3894Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-category: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.75' y='4.75' width='7' height='7' rx='1.5' fill='white' stroke='white' stroke-width='1.5'/%3E%3Crect x='14.25' y='4.75' width='7' height='7' rx='1.5' stroke='white' stroke-width='1.5'/%3E%3Crect x='4.75' y='14.25' width='7' height='7' rx='1.5' stroke='white' stroke-width='1.5'/%3E%3Crect x='14.25' y='14.25' width='7' height='7' rx='1.5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --icon-control-spaces: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1767_28321)'%3E%3Cpath d='M4.18619 19.2976L11.7687 23.6848C12.4722 24.0953 13.2832 24.0953 13.9966 23.6848L21.5693 19.2976C22.2728 18.8969 22.6832 18.1836 22.6832 17.3726V8.61758C22.6832 7.80656 22.2728 7.09327 21.5693 6.68287L13.9966 2.31512C13.2832 1.89496 12.4722 1.89496 11.7687 2.31512L4.18619 6.68287C3.48266 7.09327 3.07227 7.80656 3.07227 8.61758V17.3726C3.07227 18.1836 3.48266 18.8969 4.18619 19.2976ZM12.0911 22.0433C12.0228 22.014 12.0129 22.0042 11.9348 21.9554L5.22194 18.0761C4.8604 17.8612 4.64544 17.4997 4.64544 17.0892V9.57516L12.0911 13.8061V22.0433ZM12.8826 12.4088L5.134 8.00199C5.18285 7.95313 5.2024 7.92382 5.29034 7.87496L12.3061 3.81989C12.6677 3.60493 13.0878 3.60493 13.4493 3.81989L20.4749 7.87496C20.5531 7.92382 20.5726 7.95313 20.6214 8.00199L12.8826 12.4088ZM13.6643 22.0433V13.8061L21.11 9.57516V17.0892C21.11 17.4997 20.9048 17.8612 20.5433 18.0761L13.8793 21.926C13.7718 21.9846 13.762 21.9944 13.6643 22.0433Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1767_28321'%3E%3Crect width='19.8552' height='22' fill='white' transform='translate(3.07227 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

    --icon-control-user: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.51709 17.5952C4.20151 18.1887 4.67964 18.8421 5.35181 18.8421H16.8586C17.5308 18.8421 18.0089 18.1887 17.6934 17.5952C16.4609 15.2775 13.9733 13.6934 11.1052 13.6934C8.23713 13.6934 5.74951 15.2775 4.51709 17.5952Z' fill='white'/%3E%3Cellipse cx='11.1049' cy='10.0893' rx='3.17664' ry='3.08926' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0671 12.8969C13.6796 13.4461 14.1533 14.1053 14.8254 14.1053H20.6481C21.3203 14.1053 21.7939 13.4461 21.4064 12.8969C20.6049 11.761 19.2603 11.016 17.7368 11.016C16.2132 11.016 14.8686 11.761 14.0671 12.8969Z' fill='white'/%3E%3Cellipse cx='17.7366' cy='8.85355' rx='1.90599' ry='1.85355' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-restricted_area: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9966 3C15.7691 3 18.3725 4.86544 18.3726 8.69824V11.1689C19.5854 11.3393 20.2241 12.1338 20.2241 13.5508V20.5742C20.224 22.1845 19.3987 23 17.8433 23H8.16064C6.60522 23 5.77987 22.1845 5.77979 20.5742V13.5508C5.77979 12.1338 6.41854 11.3393 7.63135 11.1689V8.69824C7.63136 4.8655 10.2347 3.00006 12.9966 3ZM13.0024 15.2227C12.3889 15.2227 11.8913 15.7195 11.8911 16.333V17.4443C11.8911 18.058 12.3888 18.5557 13.0024 18.5557C13.6161 18.5557 14.1138 18.058 14.1138 17.4443V16.333C14.1136 15.7195 13.616 15.2227 13.0024 15.2227ZM12.9966 4.53906C11.0179 4.53913 9.31413 5.90512 9.31396 8.47363V11.1348H16.7007V8.47363C16.7005 5.90506 14.9753 4.53906 12.9966 4.53906Z' fill='white'/%3E%3C/svg%3E%0A");
    
    --icon-control-floor: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 16.9099C22.5 17.4639 22.2117 17.8436 21.4584 18.3258L14.1857 22.9841C13.7301 23.2714 13.3859 23.4048 12.9953 23.4048C12.614 23.4048 12.2606 23.2714 11.8142 22.9841L4.5416 18.3258C3.7883 17.8436 3.5 17.4639 3.5 16.9099C3.5 16.5377 3.62538 16.2458 3.928 15.9519L12.5304 21.4655C12.6885 21.5579 12.8558 21.6194 12.9953 21.6194C13.1441 21.6194 13.3115 21.5579 13.4696 21.4655L22.0719 15.9519C22.3746 16.2458 22.5 16.5377 22.5 16.9099Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M22.5 13.4516C22.5 14.0159 22.2117 14.3853 21.4584 14.8674L14.1857 19.536C13.7301 19.8233 13.3859 19.9567 12.9953 19.9567C12.614 19.9567 12.2606 19.8233 11.8142 19.536L4.5416 14.8674C3.7883 14.3853 3.5 14.0159 3.5 13.4516C3.5 13.0782 3.62616 12.7903 3.93079 12.4954L12.5304 18.0072C12.6885 18.0996 12.8558 18.1611 12.9953 18.1611C13.1441 18.1611 13.3115 18.0996 13.4696 18.0072L22.0692 12.4954C22.3738 12.7903 22.5 13.0782 22.5 13.4516Z' fill='white' fill-opacity='0.8'/%3E%3Cpath d='M4.5416 11.4211L11.8142 16.0794C12.2606 16.3667 12.614 16.5 12.9953 16.5C13.3859 16.5 13.7301 16.3667 14.1857 16.0794L21.4584 11.4211C22.2117 10.9389 22.5 10.5593 22.5 9.9949C22.5 9.44083 22.2117 9.0612 21.4584 8.57896L14.1857 3.92067C13.7301 3.63338 13.3859 3.5 12.9953 3.5C12.614 3.5 12.2606 3.63338 11.8142 3.92067L4.5416 8.57896C3.7883 9.0612 3.5 9.44083 3.5 9.9949C3.5 10.5593 3.7883 10.9389 4.5416 11.4211Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-floor-black: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 16.9099C22.5 17.4639 22.2117 17.8436 21.4584 18.3258L14.1857 22.9841C13.7301 23.2714 13.3859 23.4048 12.9953 23.4048C12.614 23.4048 12.2606 23.2714 11.8142 22.9841L4.5416 18.3258C3.7883 17.8436 3.5 17.4639 3.5 16.9099C3.5 16.5377 3.62538 16.2458 3.928 15.9519L12.5304 21.4655C12.6885 21.5579 12.8558 21.6194 12.9953 21.6194C13.1441 21.6194 13.3115 21.5579 13.4696 21.4655L22.0719 15.9519C22.3746 16.2458 22.5 16.5377 22.5 16.9099Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M22.5 13.4516C22.5 14.0159 22.2117 14.3853 21.4584 14.8674L14.1857 19.536C13.7301 19.8233 13.3859 19.9567 12.9953 19.9567C12.614 19.9567 12.2606 19.8233 11.8142 19.536L4.5416 14.8674C3.7883 14.3853 3.5 14.0159 3.5 13.4516C3.5 13.0782 3.62616 12.7903 3.93079 12.4954L12.5304 18.0072C12.6885 18.0996 12.8558 18.1611 12.9953 18.1611C13.1441 18.1611 13.3115 18.0996 13.4696 18.0072L22.0692 12.4954C22.3738 12.7903 22.5 13.0782 22.5 13.4516Z' fill='black' fill-opacity='0.8'/%3E%3Cpath d='M4.5416 11.4211L11.8142 16.0794C12.2606 16.3667 12.614 16.5 12.9953 16.5C13.3859 16.5 13.7301 16.3667 14.1857 16.0794L21.4584 11.4211C22.2117 10.9389 22.5 10.5593 22.5 9.9949C22.5 9.44083 22.2117 9.0612 21.4584 8.57896L14.1857 3.92067C13.7301 3.63338 13.3859 3.5 12.9953 3.5C12.614 3.5 12.2606 3.63338 11.8142 3.92067L4.5416 8.57896C3.7883 9.0612 3.5 9.44083 3.5 9.9949C3.5 10.5593 3.7883 10.9389 4.5416 11.4211Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-control-floor-plan-view: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7744 4C20.6994 4.00005 21.4492 4.74976 21.4492 5.6748V13.3369H18.1807C17.8082 13.3371 17.5061 13.6392 17.5059 14.0117C17.5059 14.3844 17.808 14.6863 18.1807 14.6865H21.4492V20.2744C21.4492 21.1994 20.6994 21.9492 19.7744 21.9492H14.1865V18.6807C14.1863 18.308 13.8844 18.0059 13.5117 18.0059C13.1392 18.0061 12.8371 18.3082 12.8369 18.6807V21.9492H5.1748C4.24976 21.9492 3.50005 21.1994 3.5 20.2744V14.0117C3.50026 13.0869 4.24988 12.3369 5.1748 12.3369H11.5117C11.6911 12.3369 11.8369 12.1911 11.8369 12.0117V5.6748C11.8369 4.74989 12.5869 4.00026 13.5117 4H19.7744Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-3d-view: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.52599 14.9001C9.49806 14.2853 9.47943 13.652 9.47943 13C9.47943 8.88335 10.0941 5.54902 11.0534 3.7049C6.77844 4.60833 3.5 8.46422 3.5 13C3.5 13.8941 5.84706 14.6206 9.52599 14.9001ZM11.0162 14.9745C11.6495 14.9931 12.3108 15.0118 13 15.0118C18.6162 15.0118 22.5 14.1549 22.5 13C22.5 7.80295 18.1878 3.5 12.9907 3.5C11.8358 3.5 10.9789 7.38383 10.9789 13C10.9789 13.6799 10.9976 14.3412 11.0162 14.9745ZM9.61913 16.3716C7.05785 16.1387 5.00883 15.6172 3.71422 14.9373C4.47794 18.5883 7.40246 21.5128 11.0534 22.2858C10.3735 20.9912 9.85198 18.9329 9.61913 16.3716ZM11.0907 16.4647C11.3701 20.1437 12.0873 22.4907 12.9907 22.5C17.5358 22.5 21.3917 19.2123 22.2858 14.9373C20.451 15.8966 17.1167 16.5113 13 16.5113C12.3387 16.5113 11.7054 16.4927 11.0907 16.4647Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-control-measurement: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0077 3.47912C17.8668 2.33815 16.6742 2.34459 15.5204 3.49843L3.24682 15.772C2.09295 16.9258 2.0994 18.1055 3.24037 19.2465L6.75999 22.7661C7.90096 23.9071 9.08706 23.9071 10.2409 22.7532L22.5144 10.4797C23.6683 9.32578 23.6683 8.13971 22.5273 6.99874L19.0077 3.47912ZM18.1504 4.71032L21.2961 7.85606C21.8763 8.43621 21.8698 9.04864 21.309 9.60945L9.3578 21.5607C8.80988 22.1086 8.19104 22.1215 7.61089 21.5413L4.46515 18.3956C3.885 17.8154 3.89788 17.1966 4.45225 16.6422L16.4035 4.69099C16.9578 4.13664 17.5703 4.13017 18.1504 4.71032ZM4.64564 15.7269L4.1235 16.249L7.52063 19.6461C7.6689 19.7944 7.89452 19.788 8.04278 19.6397C8.19749 19.485 8.18459 19.2658 8.03634 19.1176L4.64564 15.7269ZM5.78661 14.5859L5.26448 15.108L7.52708 17.3706C7.6818 17.5253 7.90096 17.5125 8.04278 17.3706C8.20393 17.2095 8.19748 16.9968 8.04277 16.842L5.78661 14.5859ZM6.92114 13.4514L6.39256 13.9799L8.65516 16.2426C8.80987 16.3973 9.03549 16.3779 9.17731 16.2361C9.33202 16.0814 9.33201 15.8622 9.1773 15.7075L6.92114 13.4514ZM8.04923 12.3233L7.52708 12.8454L9.78969 15.108C9.9444 15.2627 10.1636 15.2498 10.3118 15.1016C10.4665 14.9469 10.4601 14.7341 10.3054 14.5794L8.04923 12.3233ZM9.19018 11.1823L8.66806 11.7044L10.9307 13.967C11.0854 14.1218 11.3046 14.1089 11.4463 13.9671C11.6075 13.8059 11.601 13.5932 11.4463 13.4385L9.19018 11.1823ZM10.3312 10.0413L9.80901 10.5635L13.2061 13.9606C13.3544 14.1089 13.58 14.1024 13.7219 13.9606C13.883 13.7995 13.8702 13.5802 13.7219 13.432L10.3312 10.0413ZM11.4657 8.9068L10.9436 9.42893L13.2062 11.6915C13.3609 11.8462 13.5801 11.8333 13.7219 11.6916C13.8766 11.5368 13.8766 11.3177 13.7219 11.163L11.4657 8.9068ZM12.6002 7.7723L12.0781 8.29443L14.3407 10.557C14.4954 10.7118 14.7146 10.6988 14.8628 10.5506C15.0176 10.3959 15.0111 10.1832 14.8564 10.0285L12.6002 7.7723ZM13.7348 6.63774L13.2126 7.15987L15.4752 9.42248C15.63 9.57719 15.8491 9.56429 15.9909 9.4225C16.1521 9.26131 16.1456 9.04861 15.9909 8.8939L13.7348 6.63774ZM14.8757 5.49678L14.3536 6.01891L16.6162 8.28151C16.7709 8.43623 16.9901 8.42332 17.1319 8.28153C17.2866 8.12681 17.2866 7.90765 17.1319 7.75294L14.8757 5.49678ZM16.0103 4.36222L15.4881 4.88441L18.8852 8.28155C19.0335 8.42981 19.2591 8.42335 19.4074 8.2751C19.5621 8.12037 19.5492 7.90116 19.401 7.75291L16.0103 4.36222Z' fill='white'/%3E%3C/svg%3E%0A");

    --icon-btn-add-file: url("data:image/svg+xml,%0A%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70431 5.46311C9.70431 6.41581 10.1584 6.86983 11.1111 6.86983H16.4998V13.628C16.4998 15.1761 15.7332 15.9577 14.1924 15.9577H8.13327C8.54593 15.2568 8.78136 14.4442 8.78136 13.5833C8.78136 10.9485 6.61544 8.78261 3.98059 8.78261V2.33709C3.98059 0.788952 4.75467 0 6.28794 0H9.70431V5.46311ZM11.6916 0.707085L15.7928 4.88257C16.15 5.24727 16.3658 5.54499 16.4105 5.85015H11.1334C10.858 5.85015 10.724 5.71617 10.724 5.44823V0.0818774C11.0366 0.133976 11.3418 0.349819 11.6916 0.707085Z' fill='white'/%3E%3Cpath d='M7.7621 13.5827C7.7621 15.6444 6.03531 17.3638 3.98102 17.3638C1.91185 17.3638 0.199951 15.6594 0.199951 13.5827C0.199951 11.5062 1.91185 9.80176 3.98102 9.80176C6.05764 9.80176 7.7621 11.5062 7.7621 13.5827ZM3.527 11.6699V13.1213H2.06816C1.8002 13.1213 1.61414 13.3074 1.61414 13.5827C1.61414 13.8582 1.8002 14.0367 2.06816 14.0367H3.527V15.4956C3.527 15.7636 3.70563 15.9496 3.98102 15.9496C4.26386 15.9496 4.44249 15.7636 4.44249 15.4956V14.0367H5.89389C6.16928 14.0367 6.34791 13.8582 6.34791 13.5827C6.34791 13.3074 6.16928 13.1213 5.89389 13.1213H4.44249V11.6699C4.44249 11.402 4.26386 11.2159 3.98102 11.2159C3.70563 11.2159 3.527 11.402 3.527 11.6699Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-btn-add-directory: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.98 5.51968C12.6557 7.34524 14.4173 8.65085 16.4716 8.65085C16.6989 8.65085 16.923 8.63432 17.141 8.59677V11.6184C17.141 13.1505 16.36 13.924 15.0287 13.924H2.58544C1.03096 13.924 0.25 13.1579 0.25 11.6184V5.51968H11.98ZM6.02908 0.863848L6.48278 1.23571C6.85466 1.55553 7.1596 1.67452 7.66534 1.67452H12.2105C11.8669 2.32845 11.6743 3.07056 11.6743 3.85369C11.6743 4.0891 11.6915 4.32067 11.7303 4.54538H0.25V2.55214C0.25 1.05722 1.00121 0.313477 2.3028 0.313477H4.42253C5.15887 0.313477 5.5382 0.447343 6.02908 0.863848Z' fill='white'/%3E%3Cpath d='M20.25 3.85341C20.25 5.92102 18.5171 7.63164 16.4717 7.63164C14.3966 7.63164 12.6934 5.93591 12.6934 3.85341C12.6934 1.7858 14.3966 0.0751953 16.4717 0.0751953C18.5394 0.0751953 20.25 1.7858 20.25 3.85341ZM16.0105 1.94943V3.39973H14.5602C14.285 3.39973 14.1065 3.57823 14.1065 3.85341C14.1065 4.13604 14.285 4.31454 14.5602 4.31454H16.0105V5.76484C16.0105 6.04003 16.1891 6.22596 16.4717 6.22596C16.7469 6.22596 16.9255 6.04003 16.9255 5.76484V4.31454H18.3758C18.651 4.31454 18.8369 4.13604 18.8369 3.85341C18.8369 3.57823 18.651 3.39973 18.3758 3.39973H16.9255V1.94943C16.9255 1.67424 16.7469 1.49574 16.4717 1.49574C16.1891 1.49574 16.0105 1.67424 16.0105 1.94943Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-btn-delete: url("data:image/svg+xml,%0A%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16528 11.9758C4.40082 11.9758 4.55577 11.8249 4.54958 11.6048L4.35743 4.87832C4.35123 4.65829 4.19627 4.5137 3.97314 4.5137C3.7376 4.5137 3.58264 4.66459 3.58884 4.88461L3.77479 11.6048C3.78098 11.8312 3.93594 11.9758 4.16528 11.9758ZM5.99999 11.9758C6.23552 11.9758 6.40288 11.8249 6.40288 11.6048V4.88461C6.40288 4.66459 6.23552 4.5137 5.99999 4.5137C5.76445 4.5137 5.6033 4.66459 5.6033 4.88461V11.6048C5.6033 11.8249 5.76445 11.9758 5.99999 11.9758ZM7.84089 11.9758C8.06403 11.9758 8.21899 11.8312 8.22519 11.6048L8.41114 4.88461C8.41734 4.66459 8.26238 4.5137 8.02684 4.5137C7.80371 4.5137 7.64875 4.65829 7.64255 4.88461L7.45659 11.6048C7.4504 11.8249 7.60536 11.9758 7.84089 11.9758ZM3.27892 2.87293H4.26445V1.52762C4.26445 1.16928 4.51239 0.936684 4.88429 0.936684H7.10329C7.47519 0.936684 7.72313 1.16928 7.72313 1.52762V2.87293H8.70866V1.46475C8.70866 0.553211 8.12601 0 7.17147 0H4.8161C3.86156 0 3.27892 0.553211 3.27892 1.46475V2.87293ZM0.464875 3.37585H11.5413C11.7954 3.37585 12 3.15582 12 2.89808C12 2.64033 11.7954 2.42659 11.5413 2.42659H0.464875C0.216942 2.42659 0 2.64033 0 2.89808C0 3.16211 0.216942 3.37585 0.464875 3.37585ZM3.16115 14H8.84502C9.73137 14 10.3265 13.4154 10.3698 12.5165L10.8037 3.25641H9.80581L9.39044 12.4095C9.37811 12.7867 9.11153 13.0508 8.74585 13.0508H3.24793C2.89462 13.0508 2.6281 12.7805 2.6095 12.4095L2.16942 3.25641H1.19628L1.63636 12.5227C1.67975 13.4216 2.26239 14 3.16115 14Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-btn-delete-file: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.975357 1.75H9.03493C9.60995 1.75 10 1.48214 10 1.00893C10 0.526793 9.63038 0.25 9.03493 0.25H0.975357C0.379879 0.25 0 0.526793 0 1.00893C0 1.48214 0.40041 1.75 0.975357 1.75Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-btn-edit: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1069 5.58187H5.2431C4.5355 5.58187 4.13925 5.9646 4.13925 6.70169V14.7459C4.13925 15.483 4.5355 15.8587 5.2431 15.8587H13.3027C14.0103 15.8587 14.3995 15.483 14.3995 14.7459V7.93349L15.5387 6.79033V14.8027C15.5387 16.2697 14.7957 16.9997 13.3169 16.9997H5.22187C3.75006 16.9997 3 16.2697 3 14.8027V6.63791C3 5.17789 3.75006 4.4408 5.22187 4.4408H13.2462L12.1069 5.58187Z' fill='black'/%3E%3Cpath d='M7.7976 12.4068L9.17742 11.8044L15.7865 5.19176L14.817 4.23496L8.21509 10.8476L7.57824 12.18C7.52163 12.3005 7.66315 12.4635 7.7976 12.4068ZM16.3101 4.67437L16.8195 4.14991C17.0601 3.89476 17.0601 3.55456 16.8195 3.32067L16.6568 3.15058C16.4375 2.93086 16.0907 2.95921 15.8572 3.18601L15.3407 3.69631L16.3101 4.67437Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-btn-plus: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6H10.5' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 10.5L6 1.5' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --icon-btn-eye: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye' role='img'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E%0A");
    --icon-btn-eye: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9685 4C12.5522 4.00006 14.5421 5.47492 15.8484 6.86816C16.5067 7.5704 17.0099 8.27094 17.3484 8.79492C17.5178 9.0573 17.6474 9.27774 17.7351 9.43359C17.7788 9.51136 17.8127 9.57367 17.8357 9.61719C17.847 9.63852 17.8558 9.65583 17.8621 9.66797C17.865 9.67379 17.8681 9.67908 17.8699 9.68262C17.8707 9.68424 17.8713 9.68633 17.8718 9.6875L17.8728 9.68848V9.68945L17.9011 9.75488C17.9484 9.88632 17.9485 10.0307 17.9011 10.1621L17.8728 10.2266L17.8718 10.2285C17.8713 10.2296 17.8707 10.2317 17.8699 10.2334C17.8681 10.237 17.8652 10.242 17.8621 10.248C17.8558 10.2602 17.8471 10.2773 17.8357 10.2988C17.8127 10.3423 17.7789 10.4045 17.7351 10.4824C17.6474 10.6383 17.518 10.8585 17.3484 11.1211C17.0099 11.6451 16.507 12.3454 15.8484 13.0479C14.5421 14.4412 12.5525 15.9169 9.9685 15.917C7.38469 15.9169 5.39489 14.4412 4.08862 13.0479C3.43025 12.3455 2.92702 11.645 2.58862 11.1211C2.41913 10.8586 2.28955 10.6382 2.2019 10.4824C2.15813 10.4046 2.12432 10.3423 2.10131 10.2988C2.09 10.2774 2.08116 10.2601 2.07495 10.248C2.0719 10.2421 2.06891 10.2369 2.06713 10.2334C2.06634 10.2317 2.06572 10.2296 2.06518 10.2285L2.0642 10.2275C2.06459 10.227 2.08069 10.2178 2.60034 9.95801C2.10627 9.71098 2.06716 9.69118 2.0642 9.68945L2.06518 9.6875C2.06574 9.68635 2.06626 9.68435 2.06713 9.68262C2.06894 9.67907 2.07192 9.67385 2.07495 9.66797C2.08119 9.65582 2.08999 9.63859 2.10131 9.61719C2.12435 9.57367 2.15811 9.51144 2.2019 9.43359C2.28958 9.27773 2.41912 9.05737 2.58862 8.79492C2.92707 8.27092 3.43022 7.57046 4.08862 6.86816C5.39489 5.47491 7.38479 4.00012 9.9685 4ZM9.9685 5.19922C7.86399 5.19934 6.16906 6.40365 4.96362 7.68945C4.36652 8.32639 3.90683 8.9657 3.59643 9.44629C3.46425 9.65096 3.35965 9.82591 3.28393 9.95801C3.35961 10.0901 3.46427 10.2651 3.59643 10.4697C3.90681 10.9503 4.36648 11.5905 4.96362 12.2275C6.16905 13.5133 7.86408 14.7167 9.9685 14.7168C12.0728 14.7167 13.767 13.5132 14.9724 12.2275C15.5697 11.5904 16.0301 10.9504 16.3406 10.4697C16.4725 10.2654 16.5755 10.09 16.6511 9.95801C16.5754 9.82602 16.4724 9.65045 16.3406 9.44629C16.0301 8.96566 15.5695 8.3264 14.9724 7.68945C13.767 6.40378 12.0728 5.19928 9.9685 5.19922ZM9.9685 7.34961C11.4095 7.34978 12.5779 8.51793 12.5779 9.95898C12.5776 11.3998 11.4093 12.5682 9.9685 12.5684C8.52769 12.5682 7.35943 11.3998 7.35913 9.95898C7.35913 8.51795 8.52751 7.34981 9.9685 7.34961ZM9.9685 8.54883C9.19025 8.54903 8.55835 9.18069 8.55835 9.95898C8.55864 10.737 9.19044 11.368 9.9685 11.3682C10.7466 11.368 11.3774 10.737 11.3777 9.95898C11.3777 9.18067 10.7468 8.549 9.9685 8.54883ZM2.60034 9.95801L2.06323 10.2266C1.979 10.0577 1.97885 9.85822 2.06323 9.68945L2.60034 9.95801Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-btn-download: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' role='img' aria-label='Download icon'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M12 4v10' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10l4 4 4-4' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 20H3v-2a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2z' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-btn-download: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4453 15.4199C17.7765 15.4201 18.0449 15.6883 18.0449 16.0195C18.0449 16.3507 17.7765 16.619 17.4453 16.6191H2.59961C2.26835 16.619 2.00006 16.3508 2 16.0195C2 15.6882 2.26832 15.42 2.59961 15.4199H17.4453ZM10.0225 4C10.3537 4 10.6219 4.26837 10.6221 4.59961V12.2861L13.252 9.65723C13.4862 9.42299 13.8663 9.42314 14.1006 9.65723C14.3348 9.89153 14.3348 10.2706 14.1006 10.5049L10.4502 14.1543C10.4212 14.184 10.3891 14.2103 10.3545 14.2334C10.3418 14.2419 10.3276 14.2475 10.3145 14.2549C10.2932 14.2668 10.2727 14.2797 10.25 14.2891C10.2386 14.2937 10.2264 14.2959 10.2148 14.2998C10.1895 14.3084 10.1644 14.318 10.1377 14.3232C10.0612 14.3382 9.98268 14.3383 9.90625 14.3232C9.87954 14.318 9.85441 14.3085 9.8291 14.2998C9.81752 14.2958 9.80531 14.2938 9.79395 14.2891C9.77075 14.2795 9.74916 14.2672 9.72754 14.2549C9.71515 14.2478 9.7024 14.2414 9.69043 14.2334C9.65562 14.2101 9.62289 14.1842 9.59375 14.1543L5.94434 10.5049C5.71025 10.2706 5.71011 9.89147 5.94434 9.65723C6.17858 9.42299 6.55766 9.42314 6.79199 9.65723L9.42285 12.2881V4.59961C9.423 4.26844 9.69129 4.00013 10.0225 4Z' fill='black'/%3E%3C/svg%3E%0A");

    --icon-list-viewing: url("data:image/svg+xml,%0A%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1H13' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M4 6H13' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M4 11H13' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3Ccircle cx='1' cy='1' r='1' fill='black'/%3E%3Ccircle cx='1' cy='6' r='1' fill='black'/%3E%3Ccircle cx='1' cy='11' r='1' fill='black'/%3E%3C/svg%3E%0A");
    --icon-list-viewing-card: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='6' rx='1.5' fill='black' stroke='black'/%3E%3Crect x='9' y='1' width='6' height='6' rx='1.5' stroke='black'/%3E%3Crect x='1' y='9' width='6' height='6' rx='1.5' stroke='black'/%3E%3Crect x='9' y='9' width='6' height='6' rx='1.5' stroke='black'/%3E%3C/svg%3E%0A");
    --icon-list-viewing-map: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='5' fill='white'/%3E%3Cpath d='M8.92243 21.7232C9.09983 21.7232 9.28431 21.6594 9.51138 21.5316L13.1231 19.5874L17.0471 21.7871C17.3025 21.929 17.5793 22 17.8418 22C18.0902 22 18.3385 21.9361 18.5514 21.8155L22.2625 19.7081C22.6882 19.4739 22.8798 19.1333 22.8798 18.6579V9.09985C22.8798 8.57476 22.5889 8.28383 22.078 8.28383C21.9006 8.28383 21.7161 8.3406 21.482 8.46832L17.7212 10.5616L13.8682 8.19868C13.6482 8.07096 13.3999 8 13.1515 8C12.8961 8 12.6406 8.07096 12.4207 8.19868L8.73084 10.299C8.31219 10.5403 8.12061 10.8809 8.12061 11.3563V20.9001C8.12061 21.4253 8.41153 21.7232 8.92243 21.7232ZM12.6619 18.4592L9.46171 20.2189C9.42623 20.2331 9.39075 20.2544 9.35527 20.2544C9.2985 20.2544 9.26303 20.2118 9.26303 20.1409V11.633C9.26303 11.4627 9.32689 11.3421 9.49719 11.2428L12.4065 9.53979C12.4987 9.49011 12.5768 9.44754 12.6619 9.39787V18.4592ZM13.8043 18.5727V9.54688C13.8753 9.58946 13.9604 9.63203 14.0314 9.67461L17.1961 11.6047V20.4744C17.0968 20.4176 16.9903 20.368 16.8839 20.3112L13.8043 18.5727ZM18.3385 20.6022V11.5337L21.5387 9.78814C21.5742 9.76685 21.6097 9.75266 21.6381 9.75266C21.7019 9.75266 21.7374 9.79523 21.7374 9.86619V18.374C21.7374 18.5514 21.6665 18.6721 21.5033 18.7714L18.6579 20.4247C18.5514 20.4886 18.445 20.5525 18.3385 20.6022Z' fill='black'/%3E%3C/svg%3E%0A");

    --icon-information-arrow: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.9502L12.2426 10.7076C12.6332 10.317 12.6332 9.68386 12.2426 9.29334L8 5.0507' stroke='%23ffffff' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --icon-checkbox: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.13725 7.72542C3.39608 7.72542 3.61569 7.60002 3.77254 7.35683L7.35687 1.71761C7.44314 1.56074 7.5451 1.3882 7.5451 1.21565C7.5451 0.862702 7.23137 0.635254 6.90196 0.635254C6.70588 0.635254 6.50981 0.760739 6.36078 0.988199L3.10588 6.21173L1.56078 4.21173C1.37255 3.96075 1.2 3.898 0.98039 3.898C0.643141 3.898 0.376465 4.17251 0.376465 4.51761C0.376465 4.69016 0.447061 4.85486 0.556861 5.00389L2.47059 7.35683C2.66667 7.61562 2.87843 7.72542 3.13725 7.72542Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-x-input: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1709 6.82832L6.82775 1.17147' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M6.82812 6.82832L1.17127 1.17147' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --slide-arrow: url("data:image/svg+xml,%0A%3Csvg width='19' height='34' viewBox='0 0 19 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.85791 31.14L16.2929 17.705C16.6835 17.3145 16.6835 16.6813 16.2929 16.2908L2.85791 2.85574' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --icon-access-date: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='10' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M13 13H18' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M13 13V8' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --icon-download: url("data:image/svg+xml,%0A%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4547 5.5114V11.9715C11.4547 13.3197 10.7771 14.0004 9.42834 14.0004H2.02635C0.6776 14.0004 0 13.3263 0 11.9715V5.5114C0 4.15657 0.684057 3.48242 2.02635 3.48242H4.00107V4.53619H2.04571C1.40037 4.53619 1.03899 4.88308 1.03899 5.56375V11.9191C1.03899 12.5998 1.39392 12.9467 2.03926 12.9467H9.40898C10.0479 12.9467 10.4157 12.5998 10.4157 11.9191V5.56375C10.4157 4.88308 10.0479 4.53619 9.40898 4.53619H7.44713V3.48242H9.42834C10.7771 3.48242 11.4547 4.16312 11.4547 5.5114Z' fill='white'/%3E%3Cpath d='M5.73056 0C5.45306 0 5.21428 0.229082 5.21428 0.503973V7.1604L5.25301 8.14214L4.89162 7.75596L3.89135 6.67603C3.801 6.57127 3.66549 6.51893 3.53641 6.51893C3.26538 6.51893 3.07178 6.70874 3.07178 6.97709C3.07178 7.12112 3.12986 7.22581 3.22665 7.324L5.35626 9.40537C5.48532 9.53626 5.59503 9.57554 5.73056 9.57554C5.85962 9.57554 5.96932 9.53626 6.0984 9.40537L8.22801 7.324C8.32482 7.22581 8.38284 7.12112 8.38284 6.97709C8.38284 6.70874 8.17634 6.51893 7.91181 6.51893C7.78269 6.51893 7.65363 6.57127 7.56329 6.67603L6.56303 7.75596L6.20165 8.14214L6.24037 7.1604V0.503973C6.24037 0.229082 6.00805 0 5.73056 0Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-search: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.14781' cy='8.64781' r='5.64781' stroke='black'/%3E%3Cpath d='M15.1464 16.3535C15.3417 16.5488 15.6583 16.5488 15.8535 16.3535C16.0488 16.1583 16.0488 15.8417 15.8535 15.6464L15.1464 16.3535ZM11.6709 12.878L15.1464 16.3535L15.8535 15.6464L12.378 12.1709L11.6709 12.878Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-calendar: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_830_10296)'%3E%3Cpath d='M2.20572 13.4664H11.8014C13.2695 13.4664 14 12.7359 14 11.2888V2.7118C14 1.26474 13.2695 0.53418 11.8014 0.53418H2.20572C0.737582 0.53418 0 1.25771 0 2.7118V11.2888C0 12.7429 0.737582 13.4664 2.20572 13.4664ZM2.10036 12.3355C1.47517 12.3355 1.13096 12.0054 1.13096 11.352V4.72787C1.13096 4.0816 1.47517 3.74443 2.10036 3.74443H11.8926C12.5178 3.74443 12.869 4.0816 12.869 4.72787V11.352C12.869 12.0054 12.5178 12.3355 11.8926 12.3355H2.10036ZM5.63373 6.26626H6.04818C6.29404 6.26626 6.37132 6.19601 6.37132 5.95015V5.53569C6.37132 5.28983 6.29404 5.21257 6.04818 5.21257H5.63373C5.38786 5.21257 5.30357 5.28983 5.30357 5.53569V5.95015C5.30357 6.19601 5.38786 6.26626 5.63373 6.26626ZM7.96589 6.26626H8.38034C8.6262 6.26626 8.7105 6.19601 8.7105 5.95015V5.53569C8.7105 5.28983 8.6262 5.21257 8.38034 5.21257H7.96589C7.72004 5.21257 7.63573 5.28983 7.63573 5.53569V5.95015C7.63573 6.19601 7.72004 6.26626 7.96589 6.26626ZM10.2981 6.26626H10.7125C10.9584 6.26626 11.0427 6.19601 11.0427 5.95015V5.53569C11.0427 5.28983 10.9584 5.21257 10.7125 5.21257H10.2981C10.0522 5.21257 9.97493 5.28983 9.97493 5.53569V5.95015C9.97493 6.19601 10.0522 6.26626 10.2981 6.26626ZM3.30156 8.5633H3.70899C3.96187 8.5633 4.03914 8.49305 4.03914 8.24719V7.83274C4.03914 7.58687 3.96187 7.51663 3.70899 7.51663H3.30156C3.04868 7.51663 2.9714 7.58687 2.9714 7.83274V8.24719C2.9714 8.49305 3.04868 8.5633 3.30156 8.5633ZM5.63373 8.5633H6.04818C6.29404 8.5633 6.37132 8.49305 6.37132 8.24719V7.83274C6.37132 7.58687 6.29404 7.51663 6.04818 7.51663H5.63373C5.38786 7.51663 5.30357 7.58687 5.30357 7.83274V8.24719C5.30357 8.49305 5.38786 8.5633 5.63373 8.5633ZM7.96589 8.5633H8.38034C8.6262 8.5633 8.7105 8.49305 8.7105 8.24719V7.83274C8.7105 7.58687 8.6262 7.51663 8.38034 7.51663H7.96589C7.72004 7.51663 7.63573 7.58687 7.63573 7.83274V8.24719C7.63573 8.49305 7.72004 8.5633 7.96589 8.5633ZM10.2981 8.5633H10.7125C10.9584 8.5633 11.0427 8.49305 11.0427 8.24719V7.83274C11.0427 7.58687 10.9584 7.51663 10.7125 7.51663H10.2981C10.0522 7.51663 9.97493 7.58687 9.97493 7.83274V8.24719C9.97493 8.49305 10.0522 8.5633 10.2981 8.5633ZM3.30156 10.8673H3.70899C3.96187 10.8673 4.03914 10.7901 4.03914 10.5442V10.1298C4.03914 9.88391 3.96187 9.81368 3.70899 9.81368H3.30156C3.04868 9.81368 2.9714 9.88391 2.9714 10.1298V10.5442C2.9714 10.7901 3.04868 10.8673 3.30156 10.8673ZM5.63373 10.8673H6.04818C6.29404 10.8673 6.37132 10.7901 6.37132 10.5442V10.1298C6.37132 9.88391 6.29404 9.81368 6.04818 9.81368H5.63373C5.38786 9.81368 5.30357 9.88391 5.30357 10.1298V10.5442C5.30357 10.7901 5.38786 10.8673 5.63373 10.8673ZM7.96589 10.8673H8.38034C8.6262 10.8673 8.7105 10.7901 8.7105 10.5442V10.1298C8.7105 9.88391 8.6262 9.81368 8.38034 9.81368H7.96589C7.72004 9.81368 7.63573 9.88391 7.63573 10.1298V10.5442C7.63573 10.7901 7.72004 10.8673 7.96589 10.8673Z' fill='%23F4F4F4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_830_10296'%3E%3Crect width='14' height='13' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --icon-data-drop: url("data:image/svg+xml,%0A%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1188 3.68483V10.0987L15.9841 8.93501V3.74121C15.9841 3.00824 15.5894 2.6347 14.8916 2.6347H2.72711C2.02233 2.6347 1.6347 3.00824 1.6347 3.74121V12.2339C1.6347 12.9668 2.03642 13.3404 2.72711 13.3404H12.7398L12.728 14.2848C12.7271 14.3503 12.7309 14.4138 12.7392 14.4751H2.71301C1.23298 14.4751 0.5 13.7492 0.5 12.2903V3.68483C0.5 2.22593 1.24002 1.5 2.71301 1.5H14.9057C16.3858 1.5 17.1188 2.22593 17.1188 3.68483Z' fill='%23565656'/%3E%3Cpath d='M10.8247 10.754C10.8247 10.9936 10.6415 11.1769 10.3948 11.1769H3.74871C3.48794 11.1769 3.30469 10.9936 3.30469 10.754C3.30469 10.5074 3.48794 10.3101 3.74871 10.3101H10.3948C10.6415 10.3101 10.8247 10.5074 10.8247 10.754Z' fill='%23565656'/%3E%3Cpath d='M9.04162 7.97731C9.04162 8.23104 8.85837 8.42133 8.61169 8.42133H3.74871C3.48794 8.42133 3.30469 8.23104 3.30469 7.97731C3.30469 7.73768 3.48794 7.55444 3.74871 7.55444H8.61169C8.85837 7.55444 9.04162 7.73768 9.04162 7.97731Z' fill='%23565656'/%3E%3Cpath d='M12.4175 5.22118C12.4175 5.46785 12.2343 5.65814 11.9806 5.65814H3.74871C3.48794 5.65814 3.30469 5.46785 3.30469 5.22118C3.30469 4.98155 3.48794 4.79126 3.74871 4.79126H11.9806C12.2343 4.79126 12.4175 4.98155 12.4175 5.22118Z' fill='%23565656'/%3E%3Cpath d='M13.6935 14.3054C13.6865 14.5803 14.0106 14.6649 14.1868 14.4887L15.2581 13.4104L16.4421 16.3352C16.4985 16.4692 16.6394 16.5326 16.7664 16.4832L17.4711 16.2013C17.598 16.1379 17.6473 15.9899 17.5839 15.863L16.3434 12.9875L17.8588 12.9241C18.1265 12.91 18.2535 12.6562 18.0631 12.4519L14.2151 8.49802C14.0317 8.31478 13.764 8.4205 13.7569 8.67422L13.6935 14.3054Z' fill='%23565656'/%3E%3C/svg%3E%0A");

    /* box shadow */

    --box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);



    /* showroom */

    --showroom-overlay-width: 25vw;


    /* aspect-ratio */

    --aspect-ratio-default: 50%; /* for 2:1 */
    --aspect-ratio-medium: 56.25%; /* for 16:9 */
}

@media (min-width: 1920px) {
    :root {

        --font-size-scale: 17px;

        --layout-padding: 1.5rem;
        --layout-padding-m: 1.25rem;
        --layout-padding-s: 1.125rem;
    
        --layout-space: 2.25rem;
        --layout-space-s: .75rem;
    
        --icon-size: 1.75rem;
        --media-list-height: 3.75rem;
        --menu-item-height: 3.5rem;
        --input-height-adnimistration: 3.25rem;
        --input-height-showroom: 3rem;
    
        --control-icon-size: 3.25rem;
    
        --navigation-width: 18vw;
    
        --btn-width: 13rem;
        --btn-height: 3.25rem;
        --btn-edit-height: 2.25rem;

        --aspect-ratio-default: 47.62%; /* for 21:9 */
        --aspect-ratio-medium: 50%; /* for 2:1 */
    }
}

@media (max-width: 1440px) {
    :root {
        --font-size-scale: 14px;
        --layout-padding-m: 1rem;
        --layout-padding-s: .75rem;

        --navigation-width: 18rem;
        --media-list-height: 3.25rem;
        --menu-item-height: 3rem;
        --input-height-adnimistration: 2.75rem;
        --input-height-showroom: 2.5rem;

        --icon-size: 1.25rem;
        --control-icon-size: 2.5rem;

        --btn-height: 2.75rem;
        --btn-edit-height: 1.875rem;

        --showroom-overlay-width: 22rem;

        --aspect-ratio-default: 56.25%; /* for 16:9 */
    }
}

@media (max-width: 1120px) {
    :root {
        /* font sizes */

        --font-size-h1: calc(var(--font-size-scale) * 2);
        --font-size-h2: calc(var(--font-size-scale) * 1.825);
        --font-size-h3: calc(var(--font-size-scale) * 1.65);
        --font-size-h4: calc(var(--font-size-scale) * 1.325);

        --layout-padding: 1rem;
        --layout-padding-m: .75rem;
        --layout-padding-s: .5rem;

        --layout-space: 1.5rem;
        --layout-space-s: .5rem;

        --navigation-width: 16rem;
        --media-list-height: 3rem;
        --menu-item-height: 2.75rem;
        --input-height-adnimistration: 2.5rem;
        --input-height-showroom: 2.25rem;

        --control-icon-size: 2.25rem;

        --btn-height: 2.5rem;

        --showroom-overlay-width: 18rem;
        --breadcrumb-max-width: 16vw;
    }
}

@media (max-width: 991px) {
    :root {
        --navigation-width: 15rem;
    }
}

@media (max-width: 600px) {

    :root {
        --font-size-scale: 15px;
        --font-size-title: calc(var(--font-size-scale) * 1.125);
        --font-size-h1: calc(var(--font-size-scale) * 1.825);
        --font-size-h2: calc(var(--font-size-scale) * 1.65);
        --font-size-h3: calc(var(--font-size-scale) * 1.325);
        --font-size-h4: calc(var(--font-size-scale) * 1.15);

        --layout-header-height: 64px;

        --input-height-adnimistration: 2.75rem;
        --input-height-showroom: 2.5rem;

        --control-icon-size: 2.75rem;
        --breadcrumb-max-width: 3.25rem;
        --navigation-width: calc(100vw - (var(--layout-space-s) * 2));
        --showroom-overlay-width: calc(100vw - (var(--layout-padding) * 2) - (var(--layout-space-s) * 2) - var(--menu-item-height));
    }
}