:root{
   /* Convert setiap SVG pakai URL-encoded (bisa pakai salah satu tool kaya ini https://yoksel.github.io/url-encoder/) */
   --svg-home           : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.64 33.5"%3E%3Cpath d="M8,39V19.5a3,3,0,0,1,.32-1.35,2.82,2.82,0,0,1,.88-1l13-9.75A2.86,2.86,0,0,1,24,6.75a2.94,2.94,0,0,1,1.81.6l13,9.75a2.73,2.73,0,0,1,.88,1A3,3,0,0,1,40,19.5V39a3,3,0,0,1-3,3H29.5A1.47,1.47,0,0,1,28,40.5v-11A1.47,1.47,0,0,0,26.5,28h-5a1.46,1.46,0,0,0-1.07.43A1.44,1.44,0,0,0,20,29.5v11a1.46,1.46,0,0,1-.43,1.07A1.44,1.44,0,0,1,18.5,42H11a3,3,0,0,1-3-3Z" transform="translate(-8 -6.75)"/%3E%3C/svg%3E');
   --svg-user           : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 31.05"%3E%3Cpath d="M24,24a7.19,7.19,0,0,1-7.5-7.5A7.19,7.19,0,0,1,24,9a7.19,7.19,0,0,1,7.5,7.5A7.19,7.19,0,0,1,24,24ZM8,37V35.3A5.52,5.52,0,0,1,9,32.05a6.1,6.1,0,0,1,2.45-2,37.53,37.53,0,0,1,6.43-2.25A25.91,25.91,0,0,1,24,27a25.15,25.15,0,0,1,6.15.77A42.64,42.64,0,0,1,36.55,30a6.05,6.05,0,0,1,2.5,2,5.52,5.52,0,0,1,1,3.25V37a3,3,0,0,1-3,3H11a3,3,0,0,1-3-3Z" transform="translate(-8 -8.95)"/%3E%3C/svg%3E');
   --svg-email          : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 32"%3E%3Cpath d="M7,40a2.88,2.88,0,0,1-2.1-.9A2.88,2.88,0,0,1,4,37V11a2.88,2.88,0,0,1,.9-2.1A2.88,2.88,0,0,1,7,8H41a2.88,2.88,0,0,1,2.1.9A2.88,2.88,0,0,1,44,11V37a3.08,3.08,0,0,1-3,3ZM24,24.6a1.1,1.1,0,0,0,.43-.08c.11-.05.24-.1.37-.17L40.5,14.1a1,1,0,0,0,.38-.4,1.26,1.26,0,0,0,.12-.55,1.18,1.18,0,0,0-.57-1,1,1,0,0,0-1.18,0L24,21.9,8.8,12.15a1.06,1.06,0,0,0-1.2-.05,1.1,1.1,0,0,0-.6,1,1.16,1.16,0,0,0,.15.57,1.29,1.29,0,0,0,.35.43L23.2,24.35a4.07,4.07,0,0,0,.38.17A1,1,0,0,0,24,24.6Z" transform="translate(-4 -8)"/%3E%3C/svg%3E');
   --svg-password       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 39.65"%3E%3Cpath d="M22.35,30h3.3a.76.76,0,0,0,.59-.28.61.61,0,0,0,.16-.62l-1.1-6.35a3.77,3.77,0,0,0,1.61-1.33A3.5,3.5,0,0,0,24,16a3.52,3.52,0,0,0-3.5,3.5,3.37,3.37,0,0,0,.59,1.92,3.77,3.77,0,0,0,1.61,1.33L21.6,29.1a.61.61,0,0,0,.16.62A.77.77,0,0,0,22.35,30ZM24,43.8a2.46,2.46,0,0,1-.49,0,1.9,1.9,0,0,1-.46-.15,21,21,0,0,1-11-8.43A23.53,23.53,0,0,1,8,21.84V12.05a2.93,2.93,0,0,1,.54-1.73A3.14,3.14,0,0,1,10,9.2L23,4.35a2.86,2.86,0,0,1,2.1,0l13,4.85a3.09,3.09,0,0,1,1.41,1.12A2.93,2.93,0,0,1,40,12.05v9.79a23.53,23.53,0,0,1-4,13.33A21,21,0,0,1,25,43.6a1.9,1.9,0,0,1-.46.15A2.46,2.46,0,0,1,24,43.8Z" transform="translate(-8 -4.15)"/%3E%3C/svg%3E');
   --svg-hex-check      : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.8 20.23"%3E%3Cpath d="M12,21,8.63,22.12a2.61,2.61,0,0,1-.33.08,1.51,1.51,0,0,1-.3,0,2,2,0,0,1-1.4-.56A1.87,1.87,0,0,1,6,20.22V14.77L3.4,10.55A2.25,2.25,0,0,1,3.18,10,1.86,1.86,0,0,1,3.18,9a2.25,2.25,0,0,1,.22-.51L6.8,3a2,2,0,0,1,.73-.7A1.92,1.92,0,0,1,8.5,2h7a2,2,0,0,1,1,.25,1.93,1.93,0,0,1,.72.7l3.4,5.5a2.3,2.3,0,0,1,.23.51,2.12,2.12,0,0,1,0,1.08,2.3,2.3,0,0,1-.23.51L18,14.77v5.45a1.87,1.87,0,0,1-.6,1.44,2,2,0,0,1-1.4.56,1.51,1.51,0,0,1-.3,0,2.14,2.14,0,0,1-.32-.08ZM8.5,15h7l3.4-5.5L15.5,4h-7L5.1,9.5ZM11,10.75,14.48,7.2a.84.84,0,0,1,.68-.29,1.11,1.11,0,0,1,.72.29,1,1,0,0,1,.31.71.91.91,0,0,1-.29.71l-4.25,4.25a1,1,0,0,1-1.4,0L8.13,10.75a1,1,0,0,1,0-1.43A1,1,0,0,1,8.84,9a1,1,0,0,1,.71.3Z" transform="translate(-3.1 -2)"/%3E%3C/svg%3E');
   --svg-lab-file       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20"%3E%3Cpath d="M9,12h6a1,1,0,1,0,0-2H9a1,1,0,1,0,0,2ZM9,8h6a1,1,0,1,0,0-2H9A1,1,0,1,0,9,8ZM20,20.47l-4-5.27a2.91,2.91,0,0,0-1.05-.89A3,3,0,0,0,13.5,14H4V4a1.93,1.93,0,0,1,.59-1.41A1.93,1.93,0,0,1,6,2H18a1.93,1.93,0,0,1,1.41.59A1.93,1.93,0,0,1,20,4V20a1.93,1.93,0,0,1,0,.24A2.23,2.23,0,0,1,20,20.47ZM6,22a2,2,0,0,1-2-2V16h9.5a1,1,0,0,1,.46.11,1.23,1.23,0,0,1,.37.31l4.2,5.5a.9.9,0,0,1-.27.07H6Z" transform="translate(-4 -2)"/%3E%3C/svg%3E');
   --svg-finance        : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19.05"%3E%3Cpath d="M8,11.75V7.5a1.5,1.5,0,0,1,2.56-1.06A1.44,1.44,0,0,1,11,7.5v4.25a1.5,1.5,0,0,1-2.56,1.06A1.44,1.44,0,0,1,8,11.75Zm5-.23v-8a1.44,1.44,0,0,1,.44-1.06,1.5,1.5,0,0,1,2.12,0A1.44,1.44,0,0,1,16,3.5v8a1.37,1.37,0,0,1-.46,1.13,1.65,1.65,0,0,1-2.08,0A1.37,1.37,0,0,1,13,11.52ZM3,15V11.5A1.5,1.5,0,0,1,4.5,10,1.5,1.5,0,0,1,6,11.5V15a1.37,1.37,0,0,1-.46,1.13,1.65,1.65,0,0,1-2.08,0A1.37,1.37,0,0,1,3,15Zm2.4,6.08a.92.92,0,0,1-.91-.61.9.9,0,0,1,.21-1.09l4.1-4.1a1,1,0,0,1,.66-.3.9.9,0,0,1,.69.25L13,17.65l5.6-5.6H18a1,1,0,1,1,0-2h3a1,1,0,0,1,1,1v3a1,1,0,1,1-2,0v-.6L13.75,19.7a1,1,0,0,1-.66.3.9.9,0,0,1-.69-.25L9.55,17.3,6.1,20.75a1.2,1.2,0,0,1-.31.21A.92.92,0,0,1,5.4,21.05Z" transform="translate(-3 -2)"/%3E%3C/svg%3E');
   --svg-campaign       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 15.22"%3E%3Cpath d="M21,13H19a1,1,0,1,1,0-2h2a1,1,0,1,1,0,2Zm-4.4,3.8a.91.91,0,0,1,.65-.4,1,1,0,0,1,.75.2l1.6,1.2a.91.91,0,0,1,.4.65,1,1,0,0,1-.2.75.91.91,0,0,1-.65.4,1,1,0,0,1-.75-.2l-1.6-1.2a.91.91,0,0,1-.4-.65A1,1,0,0,1,16.6,16.8Zm3-10.6L18,7.4a1,1,0,0,1-.75.2.91.91,0,0,1-.65-.4,1,1,0,0,1-.2-.75.91.91,0,0,1,.4-.65l1.6-1.2a1,1,0,0,1,.75-.2.91.91,0,0,1,.65.4,1,1,0,0,1,.2.75A.91.91,0,0,1,19.6,6.2ZM5,15H4a1.93,1.93,0,0,1-1.41-.59A1.93,1.93,0,0,1,2,13V11a1.93,1.93,0,0,1,.59-1.41A1.93,1.93,0,0,1,4,9H8l3.48-2.1a.93.93,0,0,1,1,0,1,1,0,0,1,.51.87v8.45a1,1,0,0,1-.51.88.93.93,0,0,1-1,0L8,15H7v3a1,1,0,1,1-2,0Zm9,.35V8.65a4.69,4.69,0,0,1,1.09,1.46,4.56,4.56,0,0,1,0,3.78A4.69,4.69,0,0,1,14,15.35Z" transform="translate(-2 -4.39)"/%3E%3C/svg%3E');
   --svg-qrcode-2       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"%3E%3Cpath d="M13,21V19h2v2Zm-2-2V14h2v5Zm8-3V12h2v4Zm-2-4V10h2v2ZM5,14V12H7v2ZM3,12V10H5v2Zm9-7V3h2V5ZM4.5,7.5h3v-3h-3ZM3,8V4A1,1,0,0,1,4,3H8A1,1,0,0,1,9,4V8A1,1,0,0,1,8,9H4A1,1,0,0,1,3,8ZM4.5,19.5h3v-3h-3ZM3,20V16a1,1,0,0,1,1-1H8a1,1,0,0,1,1,1v4a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1ZM16.5,7.5h3v-3h-3ZM15,8V4a1,1,0,0,1,1-1h4a1,1,0,0,1,1,1V8a1,1,0,0,1-1,1H16a1,1,0,0,1-1-1Zm2,13V18H15V16h4v3h2v2Zm-4-7V12h4v2ZM9,14V12H7V10h6v2H11v2Zm1-5V5h2V7h2V9ZM5.25,6.75V5.25h1.5v1.5Zm0,12v-1.5h1.5v1.5Zm12-12V5.25h1.5v1.5Z" transform="translate(-3 -3)"/%3E%3C/svg%3E');
   --svg-group-1        : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"%3E%3Cpath d="M1,17.2a3,3,0,0,1,1.6-2.65,14.62,14.62,0,0,1,3.15-1.16,13.74,13.74,0,0,1,6.5,0,14.62,14.62,0,0,1,3.15,1.16A3,3,0,0,1,17,17.2V18a2,2,0,0,1-2,2H3a1.93,1.93,0,0,1-1.41-.59A1.93,1.93,0,0,1,1,18ZM18.45,20a3.71,3.71,0,0,0,.41-1A4.07,4.07,0,0,0,19,18V17a4,4,0,0,0-.61-2.11,5.35,5.35,0,0,0-1.74-1.74,12.75,12.75,0,0,1,2.4.51,12.38,12.38,0,0,1,2.1.89,4.42,4.42,0,0,1,1.38,1.11A2.19,2.19,0,0,1,23,17v1a2,2,0,0,1-2,2ZM9,12a3.81,3.81,0,0,1-2.82-1.18A3.81,3.81,0,0,1,5,8,3.85,3.85,0,0,1,6.18,5.17,3.84,3.84,0,0,1,9,4a4,4,0,0,1,4,4,3.84,3.84,0,0,1-1.17,2.82A3.85,3.85,0,0,1,9,12ZM19,8a3.84,3.84,0,0,1-1.17,2.82A3.85,3.85,0,0,1,15,12a5.2,5.2,0,0,1-.7-.06,5.72,5.72,0,0,1-.7-.14,5.9,5.9,0,0,0,1-1.78,5.88,5.88,0,0,0,0-4,5.85,5.85,0,0,0-1-1.77A3,3,0,0,1,14.3,4,5.48,5.48,0,0,1,15,4a4,4,0,0,1,4,4Z" transform="translate(-1 -4)"/%3E%3C/svg%3E');
   --svg-group-2        : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.83 20"%3E%3Cpath d="M4.63,22a1,1,0,0,1-.73-.33A1,1,0,0,1,3.58,21V18.32a6.08,6.08,0,0,1,1.4-4,6.18,6.18,0,0,1,3.6-2.2A4.76,4.76,0,0,0,7,13.91a4.87,4.87,0,0,0-.55,2.29V21a2.08,2.08,0,0,0,.07.55,1.38,1.38,0,0,0,.25.5ZM8.3,22A1.06,1.06,0,0,1,7.25,21V16.2a4,4,0,0,1,1.24-3,4.11,4.11,0,0,1,3-1.22H16.2a4.17,4.17,0,0,1,4.2,4.2v1.6A4.18,4.18,0,0,1,16.2,22ZM12,9.9A3.8,3.8,0,0,1,9.2,8.75,3.8,3.8,0,0,1,8.05,6,3.8,3.8,0,0,1,9.2,3.15,3.8,3.8,0,0,1,12,2a3.8,3.8,0,0,1,2.8,1.15A3.8,3.8,0,0,1,16,6a3.8,3.8,0,0,1-1.15,2.8A3.8,3.8,0,0,1,12,9.9Z" transform="translate(-3.58 -2)"/%3E%3C/svg%3E');
   --svg-add-circle     : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath d="M11,13v3a1,1,0,1,0,2,0V13h3a1,1,0,1,0,0-2H13V8a1,1,0,1,0-2,0v3H8a1,1,0,1,0,0,2Zm1,9a9.68,9.68,0,0,1-3.9-.79A10,10,0,0,1,2.79,15.9,9.68,9.68,0,0,1,2,12a9.68,9.68,0,0,1,.79-3.9A10,10,0,0,1,8.1,2.79,9.68,9.68,0,0,1,12,2a9.68,9.68,0,0,1,3.9.79A9.87,9.87,0,0,1,21.21,8.1,9.68,9.68,0,0,1,22,12a9.68,9.68,0,0,1-.79,3.9,10,10,0,0,1-5.31,5.31A9.68,9.68,0,0,1,12,22Z" transform="translate(-2 -2)"/%3E%3C/svg%3E');
   --svg-check-circle   : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath d="M10.6,13.8,8.45,11.65a1,1,0,0,0-1.4,1.4L9.9,15.9a1,1,0,0,0,1.4,0L17,10.25a1,1,0,0,0-1.4-1.4ZM12,22a9.68,9.68,0,0,1-3.9-.79A10,10,0,0,1,2.79,15.9,9.68,9.68,0,0,1,2,12a9.68,9.68,0,0,1,.79-3.9A10,10,0,0,1,8.1,2.79,9.68,9.68,0,0,1,12,2a9.68,9.68,0,0,1,3.9.79A9.87,9.87,0,0,1,21.21,8.1,9.68,9.68,0,0,1,22,12a9.68,9.68,0,0,1-.79,3.9,10,10,0,0,1-5.31,5.31A9.68,9.68,0,0,1,12,22Z" transform="translate(-2 -2)"/%3E%3C/svg%3E');
   --svg-error-circle   : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath d="M12,17a1,1,0,1,0-.71-.29A1,1,0,0,0,12,17Zm0-4a1,1,0,0,0,1-1V8a1,1,0,1,0-2,0v4a1,1,0,0,0,1,1Zm0,9a9.68,9.68,0,0,1-3.9-.79A10,10,0,0,1,2.79,15.9,9.68,9.68,0,0,1,2,12a9.68,9.68,0,0,1,.79-3.9A10,10,0,0,1,8.1,2.79,9.68,9.68,0,0,1,12,2a9.68,9.68,0,0,1,3.9.79A9.87,9.87,0,0,1,21.21,8.1,9.68,9.68,0,0,1,22,12a9.68,9.68,0,0,1-.79,3.9,10,10,0,0,1-5.31,5.31A9.68,9.68,0,0,1,12,22Z" transform="translate(-2 -2)"/%3E%3C/svg%3E');
   --svg-update         : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M200-200h57l391-391-57-57-391 391v57Zm-40 80q-17 0-28.5-11.5T120-160v-97q0-16 6-30.5t17-25.5l505-504q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L313-143q-11 11-25.5 17t-30.5 6h-97Zm600-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"/%3E%3C/svg%3E');
   --svg-delete         : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M280-120q-33 0-56.5-23.5T200-200v-520q-17 0-28.5-11.5T160-760q0-17 11.5-28.5T200-800h160q0-17 11.5-28.5T400-840h160q17 0 28.5 11.5T600-800h160q17 0 28.5 11.5T800-760q0 17-11.5 28.5T760-720v520q0 33-23.5 56.5T680-120H280Zm200-284 76 76q11 11 28 11t28-11q11-11 11-28t-11-28l-76-76 76-76q11-11 11-28t-11-28q-11-11-28-11t-28 11l-76 76-76-76q-11-11-28-11t-28 11q-11 11-11 28t11 28l76 76-76 76q-11 11-11 28t11 28q11 11 28 11t28-11l76-76Z"/%3E%3C/svg%3E');
   --svg-tab-close      : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath d="M8,18a2,2,0,0,1-2-2V4a1.93,1.93,0,0,1,.59-1.41A1.93,1.93,0,0,1,8,2H20a1.93,1.93,0,0,1,1.41.59A1.93,1.93,0,0,1,22,4V16a2,2,0,0,1-2,2ZM4,22a1.93,1.93,0,0,1-1.41-.59A1.93,1.93,0,0,1,2,20V7A1,1,0,0,1,3,6,1,1,0,0,1,4,7V20H17a1,1,0,1,1,0,2Zm8.6-9.2L14,11.4l1.4,1.4a1,1,0,0,0,1.4-1.4L15.4,10l1.4-1.4a1,1,0,0,0-1.4-1.4L14,8.6,12.6,7.2a1,1,0,0,0-1.4,1.4L12.6,10l-1.4,1.4a1,1,0,0,0,1.4,1.4Z" transform="translate(-2 -2)"/%3E%3C/svg%3E');
   --svg-business-bag   : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"%3E%3Cpath d="M11,15V13h2v2ZM10,6h4V4H10ZM4,21a1.93,1.93,0,0,1-1.41-.59A1.93,1.93,0,0,1,2,19V15H9v1a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1V15h7v4a2,2,0,0,1-2,2ZM2,13V8a1.93,1.93,0,0,1,.59-1.41A1.93,1.93,0,0,1,4,6H8V4a1.93,1.93,0,0,1,.59-1.41A1.93,1.93,0,0,1,10,2h4a1.93,1.93,0,0,1,1.41.59A1.93,1.93,0,0,1,16,4V6h4a2,2,0,0,1,2,2v5H15V12a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v1Z" transform="translate(-2 -2)"/%3E%3C/svg%3E');
   --svg-location       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 19.33"%3E%3Cpath d="M12,21.32a2.15,2.15,0,0,1-.7-.12,1.73,1.73,0,0,1-.62-.38A37.35,37.35,0,0,1,7.8,17.9a22.3,22.3,0,0,1-2.09-2.76,12.79,12.79,0,0,1-1.27-2.58A7.1,7.1,0,0,1,4,10.2a7.75,7.75,0,0,1,2.41-6,8.15,8.15,0,0,1,11.18,0,7.75,7.75,0,0,1,2.41,6,7.1,7.1,0,0,1-.44,2.36,12.79,12.79,0,0,1-1.27,2.58A22.3,22.3,0,0,1,16.2,17.9a39,39,0,0,1-2.87,2.92,1.86,1.86,0,0,1-.63.38A2.15,2.15,0,0,1,12,21.32ZM12,12a2,2,0,0,0,1.41-3.41,2,2,0,1,0-2.82,2.82A1.93,1.93,0,0,0,12,12Z" transform="translate(-4 -2)"/%3E%3C/svg%3E');
   --svg-phone          : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"%3E%3Cpath d="M20,21a15,15,0,0,1-6.17-1.36,18.3,18.3,0,0,1-5.55-3.87,18.3,18.3,0,0,1-3.87-5.55A15,15,0,0,1,3,4.05a1,1,0,0,1,1-1H8.1a1,1,0,0,1,.63.24.9.9,0,0,1,.32.56L9.7,7.3a1.81,1.81,0,0,1,0,.67,1.05,1.05,0,0,1-.28.48L7,10.9a11.76,11.76,0,0,0,1.18,1.79,18.1,18.1,0,0,0,1.52,1.66,15.73,15.73,0,0,0,1.62,1.44A17.14,17.14,0,0,0,13.1,17l2.35-2.35a1.48,1.48,0,0,1,.59-.34,1.73,1.73,0,0,1,.71-.06l3.45.7a1.25,1.25,0,0,1,.58.36.88.88,0,0,1,.22.59v4A1,1,0,0,1,20,21Z" transform="translate(-3 -3)"%3E%3C/path%3E%3C/svg%3E');
   --svg-web            : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.6 16.6"%3E%3Cpath d="M3,10H4a1,1,0,1,1,0,2H3a1,1,0,1,1,0-2Zm1.7,5.4.7-.7a.91.91,0,0,1,.7-.29,1.08,1.08,0,0,1,.7.29,1,1,0,0,1,.31.71.91.91,0,0,1-.28.71l-.7.7a.94.94,0,0,1-.72.29,1,1,0,0,1-.71-.31,1.08,1.08,0,0,1-.29-.7A.91.91,0,0,1,4.7,15.4Zm.7-8.1-.7-.7a.91.91,0,0,1-.29-.7,1.08,1.08,0,0,1,.29-.7,1,1,0,0,1,.71-.31.93.93,0,0,1,.72.28l.7.7a.93.93,0,0,1,.28.72,1,1,0,0,1-.31.71,1.08,1.08,0,0,1-.7.29A.91.91,0,0,1,5.4,7.3Zm11.9,12-4.05-4.05L12.5,17.5a.43.43,0,0,1-.19.26.49.49,0,0,1-.28.09.46.46,0,0,1-.29-.1.51.51,0,0,1-.19-.28L9.4,10.32a.76.76,0,0,1,.2-.72.76.76,0,0,1,.33-.19.77.77,0,0,1,.4,0l7.2,2.15a.46.46,0,0,1,.26.19.49.49,0,0,1,.09.28.6.6,0,0,1-.08.29.38.38,0,0,1-.25.19l-2.25.8,4,4a1,1,0,0,1,0,1.4l-.6.6a1,1,0,0,1-1.4,0ZM10,5V4a1,1,0,1,1,2,0V5a1,1,0,1,1-2,0Zm5.18.87.72-.72a1,1,0,0,1,.69-.29.93.93,0,0,1,.71.29,1,1,0,0,1,.29.69,1,1,0,0,1-.26.71l-.73.75a.85.85,0,0,1-.69.29,1.1,1.1,0,0,1-.71-.29,1,1,0,0,1-.31-.71A.94.94,0,0,1,15.18,5.87Z" transform="translate(-2 -3)"/%3E%3C/svg%3E');
   --svg-currency       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M140-200q-24 0-42-18t-18-42v-440q0-24 18-42t42-18h680q24 0 42 18t18 42v440q0 24-18 42t-42 18H140Zm0-60h680v-440H140v440Zm580-100h-85q-10.83 0-17.92 7.12-7.08 7.11-7.08 18 0 10.88 7.08 17.88 7.09 7 17.92 7h105q12.75 0 21.38-8.63Q770-327.25 770-340v-105q0-10.83-7.12-17.92-7.11-7.08-18-7.08-10.88 0-17.88 7.08-7 7.09-7 17.92v85Zm-239.94-5q47.94 0 81.44-33.56t33.5-81.5q0-47.94-33.56-81.44t-81.5-33.5q-47.94 0-81.44 33.56t-33.5 81.5q0 47.94 33.56 81.44t81.5 33.5ZM240-595h85q10.83 0 17.92-7.12 7.08-7.11 7.08-18 0-10.88-7.08-17.88-7.09-7-17.92-7H220q-12.75 0-21.37 8.62Q190-627.75 190-615v105q0 10.83 7.12 17.92 7.11 7.08 18 7.08 10.88 0 17.88-7.08 7-7.09 7-17.92v-85ZM140-260v-440 440Z"/%3E%3C/svg%3E');
   --svg-date           : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-40q0-17 11.5-28.5T280-880q17 0 28.5 11.5T320-840v40h320v-40q0-17 11.5-28.5T680-880q17 0 28.5 11.5T720-840v40h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Z"/%3E%3C/svg%3E');
   --svg-time           : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M520-496v-144q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v159q0 8 3 15.5t9 13.5l132 132q11 11 28 11t28-11q11-11 11-28t-11-28L520-496ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/%3E%3C/svg%3E');
   --svg-receipt-long   : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 19.8"%3E%3Cpath d="M6,22a2.86,2.86,0,0,1-2.12-.88A2.86,2.86,0,0,1,3,19V17a1,1,0,0,1,1-1H6V2.6a.23.23,0,0,1,.15-.24.25.25,0,0,1,.28.06l.72.73a.48.48,0,0,0,.7,0l.8-.8a.48.48,0,0,1,.7,0l.8.8a.48.48,0,0,0,.7,0l.8-.8a.48.48,0,0,1,.7,0l.8.8a.48.48,0,0,0,.7,0l.8-.8a.48.48,0,0,1,.7,0l.8.8a.48.48,0,0,0,.7,0l.8-.8a.48.48,0,0,1,.7,0l.8.8a.48.48,0,0,0,.7,0l.73-.73A.24.24,0,0,1,21,2.6V19a3,3,0,0,1-3,3Zm12-2a1,1,0,0,0,1-1V5H8V16h8a1,1,0,0,1,1,1v2a1,1,0,0,0,1,1ZM10,7h4a1,1,0,1,1,0,2H10a1,1,0,1,1,0-2Zm0,3h4a1,1,0,1,1,0,2H10a1,1,0,1,1,0-2Zm7-1a1,1,0,1,1,.71-.29A1,1,0,0,1,17,9Zm0,3a1,1,0,1,1,.71-.29A1,1,0,0,1,17,12Z" transform="translate(-3 -2.2)"/%3E%3C/svg%3E');
   --svg-arrow-left     : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="m432-480 156 156q11 11 11 28t-11 28q-11 11-28 11t-28-11L348-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 28-11t28 11q11 11 11 28t-11 28L432-480Z"/%3E%3C/svg%3E');
   --svg-arrow-right    : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z"/%3E%3C/svg%3E');
   --svg-arrow-up       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z"/%3E%3C/svg%3E');
   --svg-arrow-down     : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z"/%3E%3C/svg%3E');
   --svg-hive           : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M651-500h134l46-81q11-18 11-39t-11-39l-23-40q-11-19-29.5-30T738-740h-87l-68 120 68 120ZM413-360h134l68-120-68-120H413l-68 120 68 120Zm0-280h134l68-120-45-79q-11-19-29.5-30T500-880h-40q-22 0-40.5 11T390-839l-45 79 68 120Zm-39 20-65-120h-87q-22 0-40.5 11T152-699l-23 40q-11 18-11 39t11 39l46 81h134l65-120Zm0 280-65-120H175l-46 81q-11 18-11 39t11 39l23 40q11 19 29.5 30t40.5 11h87l65-120Zm39 20-68 120 49 81q11 18 29 28.5T462-80h38q22 0 40.5-11t29.5-30l45-79-68-120H413Zm238 100h87q22 0 40.5-11t29.5-30l23-40q11-18 11-39t-11-39l-46-81H651l-68 120 68 120Z"/%3E%3C/svg%3E');
   --svg-form-add       : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M680-121q-17 0-28.5-11.5T640-161v-80h-80q-17 0-28.5-11.5T520-281q0-17 11.5-28.5T560-321h80v-80q0-17 11.5-28.5T680-441q17 0 28.5 11.5T720-401v80h80q17 0 28.5 11.5T840-281q0 17-11.5 28.5T800-241h-80v80q0 17-11.5 28.5T680-121ZM200-240q-17 0-28.5-11.5T160-280q0-17 11.5-28.5T200-320h243q-3 21-2.5 40t3.5 40H200Zm0-160q-17 0-28.5-11.5T160-440q0-17 11.5-28.5T200-480h346q-23 16-41.5 36T472-400H200Zm0-160q-17 0-28.5-11.5T160-600q0-17 11.5-28.5T200-640h520q17 0 28.5 11.5T760-600q0 17-11.5 28.5T720-560H200Zm0-160q-17 0-28.5-11.5T160-760q0-17 11.5-28.5T200-800h520q17 0 28.5 11.5T760-760q0 17-11.5 28.5T720-720H200Z"/%3E%3C/svg%3E');
   --svg-form-update    : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M200-400q-17 0-28.5-11.5T160-440q0-17 11.5-28.5T200-480h200q17 0 28.5 11.5T440-440q0 17-11.5 28.5T400-400H200Zm0-160q-17 0-28.5-11.5T160-600q0-17 11.5-28.5T200-640h360q17 0 28.5 11.5T600-600q0 17-11.5 28.5T560-560H200Zm0-160q-17 0-28.5-11.5T160-760q0-17 11.5-28.5T200-800h360q17 0 28.5 11.5T600-760q0 17-11.5 28.5T560-720H200Zm320 520v-66q0-8 3-15.5t9-13.5l209-208q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22q0 11-4 22.5T863-380L655-172q-6 6-13.5 9t-15.5 3h-66q-17 0-28.5-11.5T520-200Zm263-184 37-39-37-37-38 38 38 38ZM580-220h38l121-122-18-19-19-18-122 121v38Zm0 0v-38l122-121 37 37-121 122h-38Z"/%3E%3C/svg%3E');
   --svg-form-delete    : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="m680-184-76 76q-11 11-28 11t-28-11q-11-11-11-28t11-28l76-76-76-76q-11-11-11-28t11-28q11-11 28-11t28 11l76 76 76-76q11-11 28-11t28 11q11 11 11 28t-11 28l-76 76 76 76q11 11 11 28t-11 28q-11 11-28 11t-28-11l-76-76ZM160-320q-17 0-28.5-11.5T120-360q0-17 11.5-28.5T160-400h200q17 0 28.5 11.5T400-360q0 17-11.5 28.5T360-320H160Zm0-160q-17 0-28.5-11.5T120-520q0-17 11.5-28.5T160-560h360q17 0 28.5 11.5T560-520q0 17-11.5 28.5T520-480H160Zm0-160q-17 0-28.5-11.5T120-680q0-17 11.5-28.5T160-720h360q17 0 28.5 11.5T560-680q0 17-11.5 28.5T520-640H160Z"/%3E%3C/svg%3E');
   --svg-cards-star     : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M228-85q-33 5-59.5-15.5T138-154L85-591q-4-33 16-59t53-30l46-6v326q0 66 47 113t113 47h372q-6 24-24 41.5T664-138L228-85Zm132-195q-33 0-56.5-23.5T280-360v-440q0-33 23.5-56.5T360-880h440q33 0 56.5 23.5T880-800v440q0 33-23.5 56.5T800-280H360Zm149-192 71-43 71 43q6 4 11.5 0t3.5-11l-19-81 62-54q5-5 3.5-10.5T704-635l-82-7-33-76q-2-6-9-6t-9 6l-33 76-82 7q-7 1-8.5 6.5T451-618l62 54-19 81q-2 7 3.5 11t11.5 0Z"/%3E%3C/svg%3E');
   --svg-gender         : url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"%3E%3Cpath d="M220-80v-300h-60v-220q0-33 23.5-56.5T240-680h120q33 0 56.5 23.5T440-600v220h-60v300H220Zm80-640q-33 0-56.5-23.5T220-800q0-33 23.5-56.5T300-880q33 0 56.5 23.5T380-800q0 33-23.5 56.5T300-720ZM600-80v-240H480l102-306q8-26 29.5-40t48.5-14q27 0 48.5 14t29.5 40l102 306H720v240H600Zm60-640q-33 0-56.5-23.5T580-800q0-33 23.5-56.5T660-880q33 0 56.5 23.5T740-800q0 33-23.5 56.5T660-720Z"/%3E%3C/svg%3E');
}

/* Universal Icon Class */
.icon{
   /* --- Magic Formula ---
      Jika warna icon ingin berbeda dengan dengan warna teks, gunakan "--icon-color"
      jika tidak, maka warna icon otomatis mengikuti teks */
   background-color  : var(--icon-color, currentColor);  

   display           : inline-block;
   height            : var(--icon-size, 1.2em); /* mengikuti ukuran font parent */
   width             : var(--icon-size, 1.2em); 
   vertical-align    : middle; /* menjaga posisi icon sejajar teks */
   flex-shrink       : 0;

   /* Logika untuk masking - webkit dan standard */
   -webkit-mask-image   : var(--icon); /* ambil bentuk dari variable css */
   mask-image           : var(--icon);

   -webkit-mask-position: center;
   mask-position        : center;

   -webkit-mask-size    : contain;
   mask-size            : contain;

   -webkit-mask-repeat  : no-repeat;
   mask-repeat          : no-repeat;
}

/* Mapping Class ke variabel */
.i-home{--icon:var(--svg-home);}
.i-user{--icon:var(--svg-user);}
.i-email{--icon:var(--svg-email);}
.i-password{--icon:var(--svg-password);}
.i-hex-check{--icon:var(--svg-hex-check);}
.i-lab-file{--icon:var(--svg-lab-file);}
.i-finance{--icon:var(--svg-finance);}
.i-campaign{--icon:var(--svg-campaign);}
.i-qrcode-2{--icon:var(--svg-qrcode-2);}
.i-group-1{--icon:var(--svg-group-1);}
.i-group-2{--icon:var(--svg-group-2);}
.i-add-circle{--icon:var(--svg-add-circle);}
.i-check-circle{--icon:var(--svg-check-circle);}
.i-error-circle{--icon:var(--svg-error-circle);}
.i-update{--icon:var(--svg-update);}
.i-delete{--icon:var(--svg-delete);}
.i-tab-close{--icon:var(--svg-tab-close);}
.i-business-bag{--icon:var(--svg-business-bag);}
.i-location{--icon:var(--svg-location);}
.i-phone{--icon:var(--svg-phone);}
.i-web{--icon:var(--svg-web);}
.i-currency{--icon:var(--svg-currency);}
.i-date{--icon:var(--svg-date);}
.i-time{--icon:var(--svg-time);}
.i-receipt-long{--icon:var(--svg-receipt-long);}
.i-arrow-left{--icon:var(--svg-arrow-left);}
.i-arrow-right{--icon:var(--svg-arrow-right);}
.i-arrow-up{--icon:var(--svg-arrow-up);}
.i-arrow-down{--icon:var(--svg-arrow-down);}
.i-hive{--icon:var(--svg-hive);}
.i-form-add{--icon:var(--svg-form-add);}
.i-form-update{--icon:var(--svg-form-update);}
.i-form-delete{--icon:var(--svg-form-delete);}
.i-cards-star{--icon:var(--svg-cards-star);}
.i-gender{--icon:var(--svg-gender);}



/* Warna Icon */
.icon-grey25{ --icon-color:var(--color-grey25);}
.icon-grey50{ --icon-color:var(--color-grey50);}
.icon-grey75{ --icon-color:var(--color-grey75);}
.icon-grey-light{ --icon-color:var(--color-grey-light);}
.icon-brand-1{--icon-color:var(--color-brand-1);}
.icon-brand-2{--icon-color:var(--color-brand-2);}
.icon-brand-3{--icon-color:var(--color-brand-3);}

.icon-gradient{background: linear-gradient(135deg, var(--color-brand-3), var(--color-grey-modern));}




/* Ukuran Icon */
.icon-8{--icon-size:var(--font-size-100);}
.icon-16{--icon-size:var(--font-size-200);}
.icon-21{--icon-size:var(--font-size-400);}
.icon-24{--icon-size:var(--font-size-500);}
.icon-32{--icon-size:var(--font-size-700);}



/************************/
.icon-primary{
   fill        : var(--color-brand-3);
   transition  : all 300ms ease-in;
}
.icon-primary:hover{
   fill        : var(--color-grey);
}

.link-with-icon{
   display     : flex;
   align-items : center;
   gap         : 0.5rem;
   color       : var(--color-grey-light);
   cursor      : pointer;
}
.link-with-icon .icon{
   fill        : currentColor;
}
.link-with-icon:hover{
   color: var(--color-brand-3);
}
.button-with-icon{
   display     : flex;
   align-items : center;
   gap         : 0.5rem;
   color       : var(--color-grey-modern);
}
.button-with-icon .icon{
   fill        : currentColor;
}

.info-with-icon {
   display     : flex;
   align-items : start;
   gap         : 0.5rem;
}


.fill-icon{
   fill: var(fill);
}
.icon-size-2{width : 2rem;}
.icon-size-3{width : 3rem;}

.icon-toClick{
   cursor: pointer;
}