.icon-add-image {
    width: 17px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15' fill='none'%3E%3Cpath fill='%232878B8' d='M14.25 9V11.25H16.5V12.75H14.25V15H12.75V12.75H10.5V11.25H12.75V9H14.25ZM14.256 0C14.667 0 15 0.33375 15 0.74475V7.7565C14.5182 7.58632 14.0109 7.49958 13.5 7.5V1.5H1.5L1.50075 12L8.46975 5.03025C8.59872 4.90086 8.77051 4.82305 8.95283 4.81145C9.13515 4.79984 9.31542 4.85525 9.45975 4.96725L9.5295 5.031L12.189 7.6935C11.6075 7.8707 11.0679 8.16383 10.6027 8.55522C10.1375 8.94661 9.75646 9.42815 9.48244 9.9708C9.20841 10.5135 9.04712 11.106 9.00829 11.7127C8.96946 12.3193 9.05389 12.9276 9.2565 13.5007L0.744 13.5C0.54661 13.4998 0.357373 13.4212 0.217867 13.2816C0.0783615 13.142 -1.00091e-07 12.9526 0 12.7552V0.74475C0.00137253 0.547784 0.0801752 0.359263 0.219385 0.219913C0.358594 0.0805634 0.547035 0.00157099 0.744 0H14.256ZM4.5 3C4.89782 3 5.27936 3.15804 5.56066 3.43934C5.84196 3.72064 6 4.10218 6 4.5C6 4.89782 5.84196 5.27936 5.56066 5.56066C5.27936 5.84196 4.89782 6 4.5 6C4.10218 6 3.72064 5.84196 3.43934 5.56066C3.15804 5.27936 3 4.89782 3 4.5C3 4.10218 3.15804 3.72064 3.43934 3.43934C3.72064 3.15804 4.10218 3 4.5 3V3Z'/%3E%3C/svg%3E");
}

.fa-search-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #101828;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5232 13.4627L17.7355 16.6742L16.6742 17.7355L13.4627 14.5232C12.2678 15.4812 10.7815 16.0022 9.25 16C5.524 16 2.5 12.976 2.5 9.25C2.5 5.524 5.524 2.5 9.25 2.5C12.976 2.5 16 5.524 16 9.25C16.0022 10.7815 15.4812 12.2678 14.5232 13.4627ZM13.0187 12.9062C13.9706 11.9274 14.5021 10.6153 14.5 9.25C14.5 6.349 12.1502 4 9.25 4C6.349 4 4 6.349 4 9.25C4 12.1502 6.349 14.5 9.25 14.5C10.6153 14.5021 11.9274 13.9706 12.9062 13.0187L13.0187 12.9062V12.9062Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5232 13.4627L17.7355 16.6742L16.6742 17.7355L13.4627 14.5232C12.2678 15.4812 10.7815 16.0022 9.25 16C5.524 16 2.5 12.976 2.5 9.25C2.5 5.524 5.524 2.5 9.25 2.5C12.976 2.5 16 5.524 16 9.25C16.0022 10.7815 15.4812 12.2678 14.5232 13.4627ZM13.0187 12.9062C13.9706 11.9274 14.5021 10.6153 14.5 9.25C14.5 6.349 12.1502 4 9.25 4C6.349 4 4 6.349 4 9.25C4 12.1502 6.349 14.5 9.25 14.5C10.6153 14.5021 11.9274 13.9706 12.9062 13.0187L13.0187 12.9062V12.9062Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}

.fa-trash-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #B91C1C;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.99984H4.16667M4.16667 4.99984H17.5M4.16667 4.99984V16.6665C4.16667 17.1085 4.34226 17.5325 4.65482 17.845C4.96738 18.1576 5.39131 18.3332 5.83333 18.3332H14.1667C14.6087 18.3332 15.0326 18.1576 15.3452 17.845C15.6577 17.5325 15.8333 17.1085 15.8333 16.6665V4.99984H4.16667ZM6.66667 4.99984V3.33317C6.66667 2.89114 6.84226 2.46722 7.15482 2.15466C7.46738 1.8421 7.89131 1.6665 8.33333 1.6665H11.6667C12.1087 1.6665 12.5326 1.8421 12.8452 2.15466C13.1577 2.46722 13.3333 2.89114 13.3333 3.33317V4.99984M8.33333 9.1665V14.1665M11.6667 9.1665V14.1665' stroke='black' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.99984H4.16667M4.16667 4.99984H17.5M4.16667 4.99984V16.6665C4.16667 17.1085 4.34226 17.5325 4.65482 17.845C4.96738 18.1576 5.39131 18.3332 5.83333 18.3332H14.1667C14.6087 18.3332 15.0326 18.1576 15.3452 17.845C15.6577 17.5325 15.8333 17.1085 15.8333 16.6665V4.99984H4.16667ZM6.66667 4.99984V3.33317C6.66667 2.89114 6.84226 2.46722 7.15482 2.15466C7.46738 1.8421 7.89131 1.6665 8.33333 1.6665H11.6667C12.1087 1.6665 12.5326 1.8421 12.8452 2.15466C13.1577 2.46722 13.3333 2.89114 13.3333 3.33317V4.99984M8.33333 9.1665V14.1665M11.6667 9.1665V14.1665' stroke='black' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.fa-print-icon {
    width: 19px;
    height: 19px;
    display: inline-block;
    background-color: #000000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16829 6.66829V0.834961H14.1683V6.66829M4.16829 14.1683H2.50163C2.0596 14.1683 1.63568 13.9927 1.32312 13.6801C1.01056 13.3676 0.834961 12.9437 0.834961 12.5016V8.33496C0.834961 7.89293 1.01056 7.46901 1.32312 7.15645C1.63568 6.84389 2.0596 6.66829 2.50163 6.66829H15.835C16.277 6.66829 16.7009 6.84389 17.0135 7.15645C17.326 7.46901 17.5016 7.89293 17.5016 8.33496V12.5016C17.5016 12.9437 17.326 13.3676 17.0135 13.6801C16.7009 13.9927 16.277 14.1683 15.835 14.1683H14.1683M4.16829 10.835H14.1683V17.5016H4.16829V10.835Z' stroke='black' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16829 6.66829V0.834961H14.1683V6.66829M4.16829 14.1683H2.50163C2.0596 14.1683 1.63568 13.9927 1.32312 13.6801C1.01056 13.3676 0.834961 12.9437 0.834961 12.5016V8.33496C0.834961 7.89293 1.01056 7.46901 1.32312 7.15645C1.63568 6.84389 2.0596 6.66829 2.50163 6.66829H15.835C16.277 6.66829 16.7009 6.84389 17.0135 7.15645C17.326 7.46901 17.5016 7.89293 17.5016 8.33496V12.5016C17.5016 12.9437 17.326 13.3676 17.0135 13.6801C16.7009 13.9927 16.277 14.1683 15.835 14.1683H14.1683M4.16829 10.835H14.1683V17.5016H4.16829V10.835Z' stroke='black' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.fa-chevron-down-icon {
    width: 10px;
    height: 6px;
    display: inline-block;
    background-color: #101828;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.773 3.7125L8.4855 0L9.546 1.0605L4.773 5.8335L0 1.0605L1.0605 0L4.773 3.7125Z' fill='%23101828'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.773 3.7125L8.4855 0L9.546 1.0605L4.773 5.8335L0 1.0605L1.0605 0L4.773 3.7125Z' fill='%23101828'/%3E%3C/svg%3E") center/contain no-repeat;
}

.fa-edit-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.546 4.99259L8.4855 3.93209L1.5 10.9176V11.9781H2.5605L9.546 4.99259ZM10.6065 3.93209L11.667 2.87159L10.6065 1.81109L9.546 2.87159L10.6065 3.93209ZM3.1815 13.4781H0V10.2958L10.0762 0.21959C10.2169 0.0789867 10.4076 0 10.6065 0C10.8054 0 10.9961 0.0789867 11.1368 0.21959L13.2585 2.34134C13.3991 2.48199 13.4781 2.67272 13.4781 2.87159C13.4781 3.07046 13.3991 3.26119 13.2585 3.40184L3.18225 13.4781H3.1815Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.546 4.99259L8.4855 3.93209L1.5 10.9176V11.9781H2.5605L9.546 4.99259ZM10.6065 3.93209L11.667 2.87159L10.6065 1.81109L9.546 2.87159L10.6065 3.93209ZM3.1815 13.4781H0V10.2958L10.0762 0.21959C10.2169 0.0789867 10.4076 0 10.6065 0C10.8054 0 10.9961 0.0789867 11.1368 0.21959L13.2585 2.34134C13.3991 2.48199 13.4781 2.67272 13.4781 2.87159C13.4781 3.07046 13.3991 3.26119 13.2585 3.40184L3.18225 13.4781H3.1815Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
}

.upload-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-color: #3b82f6;
    /* bentuk SVG */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1.5 35 35'%3E%3Cpath d='M29.426 15.535c0 0 0.649-8.743-7.361-9.74-6.865-0.701-8.955 5.679-8.955 5.679s-2.067-1.988-4.872-0.364c-2.511 1.55-2.067 4.388-2.067 4.388s-5.576 1.084-5.576 6.768c0.124 5.677 6.054 5.734 6.054 5.734h9.351v-6h-3l5-5 5 5h-3v6h8.467c0 0 5.52 0.006 6.295-5.395 0.369-5.906-5.336-7.070-5.336-7.070z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1.5 35 35'%3E%3Cpath d='M29.426 15.535c0 0 0.649-8.743-7.361-9.74-6.865-0.701-8.955 5.679-8.955 5.679s-2.067-1.988-4.872-0.364c-2.511 1.55-2.067 4.388-2.067 4.388s-5.576 1.084-5.576 6.768c0.124 5.677 6.054 5.734 6.054 5.734h9.351v-6h-3l5-5 5 5h-3v6h8.467c0 0 5.52 0.006 6.295-5.395 0.369-5.906-5.336-7.070-5.336-7.070z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}