@mixin close-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43253 4.43239C3.85599 5.00893 3.85599 5.94369 4.43253 6.52023L7.91221 9.99991L4.4324 13.4797C3.85586 14.0563 3.85586 14.991 4.4324 15.5676C5.00894 16.1441 5.94369 16.1441 6.52023 15.5676L10 12.0877L13.4798 15.5675C14.0563 16.144 14.9911 16.144 15.5676 15.5675C16.1442 14.991 16.1442 14.0562 15.5676 13.4797L12.0879 9.99991L15.5675 6.52028C16.1441 5.94374 16.1441 5.00898 15.5675 4.43244C14.991 3.8559 14.0562 3.8559 13.4797 4.43244L10 7.91208L6.52036 4.43239C5.94382 3.85585 5.00907 3.85585 4.43253 4.43239Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin check-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.63388 0.616117C10.122 1.10427 10.122 1.89573 9.63388 2.38388L4.63388 7.38388C4.14573 7.87204 3.35427 7.87204 2.86612 7.38388L0.366117 4.88388C-0.122039 4.39573 -0.122039 3.60427 0.366117 3.11612C0.854272 2.62796 1.64573 2.62796 2.13388 3.11612L3.75 4.73223L7.86612 0.616117C8.35427 0.127961 9.14573 0.127961 9.63388 0.616117Z' /%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin arrow-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.67278 0.712862L13.1171 5.39917C13.6008 5.90919 13.5685 6.71776 13.0456 7.18754C12.5423 7.63975 11.7704 7.60888 11.3048 7.11793L7 2.57876L2.69518 7.11793C2.22957 7.60888 1.45768 7.63975 0.954362 7.18754C0.431494 6.71777 0.399162 5.9092 0.882852 5.39917L5.32722 0.712864C6.22863 -0.237617 7.77137 -0.237622 8.67278 0.712862Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin plus-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3C9.27513 3 8.6875 3.58763 8.6875 4.3125V8.6875H4.3125C3.58763 8.6875 3 9.27513 3 10C3 10.7249 3.58763 11.3125 4.3125 11.3125H8.6875V15.6875C8.6875 16.4124 9.27513 17 10 17C10.7249 17 11.3125 16.4124 11.3125 15.6875V11.3125H15.6875C16.4124 11.3125 17 10.7249 17 10C17 9.27513 16.4124 8.6875 15.6875 8.6875H11.3125V4.3125C11.3125 3.58763 10.7249 3 10 3Z' /%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin minus-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.125 11.125C4.50368 11.125 4 10.6213 4 10C4 9.37868 4.50368 8.875 5.125 8.875L14.875 8.875C15.4963 8.875 16 9.37868 16 10C16 10.6213 15.4963 11.125 14.875 11.125L5.125 11.125Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin arrow-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.67278 0.712862L13.1171 5.39917C13.6008 5.90919 13.5685 6.71776 13.0456 7.18754C12.5423 7.63975 11.7704 7.60888 11.3048 7.11793L7 2.57876L2.69518 7.11793C2.22957 7.60888 1.45768 7.63975 0.954362 7.18754C0.431494 6.71777 0.399162 5.9092 0.882852 5.39917L5.32722 0.712864C6.22863 -0.237617 7.77137 -0.237622 8.67278 0.712862Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin password-icon-show($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 9.72728C17.4362 13.1072 13.9945 15.4546 10 15.4546C6.00558 15.4546 2.56381 13.1072 1 9.72728C2.56381 6.34732 6.00558 4 10 4C13.9945 4 17.4362 6.34732 19 9.72728ZM9.9999 13C11.8074 13 13.2726 11.5348 13.2726 9.7273C13.2726 7.91982 11.8074 6.45457 9.9999 6.45457C8.19242 6.45457 6.72717 7.91982 6.72717 9.7273C6.72717 11.5348 8.19242 13 9.9999 13ZM9.99995 11.3636C10.9037 11.3636 11.6363 10.631 11.6363 9.72724C11.6363 8.8235 10.9037 8.09088 9.99995 8.09088C9.09621 8.09088 8.36358 8.8235 8.36358 9.72724C8.36358 10.631 9.09621 11.3636 9.99995 11.3636Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin password-icon-hide($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9147 15.8444C16.1321 15.6302 16.118 15.3261 15.9147 15.1257L4.7725 4.15032C4.56915 3.94989 4.23958 3.94989 4.03623 4.15032C3.83989 4.34384 3.83989 4.67559 4.03623 4.86911L15.1854 15.8444C15.3888 16.0449 15.7113 16.0587 15.9147 15.8444ZM15.8095 13.9162C17.7448 12.6514 19 10.9166 19 10.1425C19 8.81553 15.3327 4.57192 10.0035 4.57192C8.87456 4.57192 7.82275 4.75853 6.8621 5.07645L8.61512 6.80431C9.04285 6.62461 9.51266 6.52785 10.0035 6.52785C12.044 6.52785 13.6919 8.12439 13.6919 10.1425C13.6919 10.6263 13.5867 11.0963 13.3903 11.5041L15.8095 13.9162ZM10.0035 15.7131C11.2306 15.7131 12.3596 15.4989 13.3623 15.1326L11.5952 13.3909C11.1184 13.6328 10.5785 13.7641 10.0035 13.7641C7.95598 13.7641 6.32217 12.1123 6.31515 10.1425C6.31515 9.56888 6.44838 9.02979 6.68679 8.5529L4.37982 6.26522C2.29723 7.55765 1 9.36154 1 10.1425C1 11.4626 4.73744 15.7131 10.0035 15.7131ZM12.1071 10.2462C12.1141 10.1702 12.1212 10.0872 12.1212 10.0043C12.1212 8.86391 11.1885 7.93778 10.0175 7.93778C9.93339 7.93778 9.84924 7.93778 9.77912 7.95161L12.1071 10.2462ZM10.0035 12.0846C10.0877 12.0846 10.1718 12.0777 10.263 12.0708L7.89988 9.74166C7.89287 9.83151 7.88586 9.92136 7.88586 10.0112C7.88586 11.1516 8.84651 12.0846 10.0035 12.0846Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin table-order-up($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L4 1L7 4' stroke='" + $fill + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin table-order-down($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='" + $fill + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

@mixin search-icon($fill: "%23979797") {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='" + $fill + "' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8045 16.862L13.2545 12.312C14.1359 11.2233 14.6665 9.84 14.6665 8.33334C14.6665 4.84134 11.8252 2 8.33324 2C4.84128 2 2 4.84131 2 8.33331C2 11.8253 4.84131 14.6667 8.33327 14.6667C9.83991 14.6667 11.2232 14.136 12.3119 13.2547L16.8618 17.8047C16.9918 17.9347 17.1625 18 17.3332 18C17.5039 18 17.6745 17.9347 17.8045 17.8047C18.0652 17.544 18.0652 17.1227 17.8045 16.862ZM8.33327 13.3333C5.57596 13.3333 3.33333 11.0907 3.33333 8.33331C3.33333 5.57597 5.57596 3.33331 8.33327 3.33331C11.0906 3.33331 13.3332 5.57597 13.3332 8.33331C13.3332 11.0907 11.0906 13.3333 8.33327 13.3333Z' stroke-width='0.75' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}