/*
 * UpHub local HGI compatibility layer.
 * Keeps the existing Hugeicons-style class names used by templates and JS,
 * but renders local SVG assets only. No CDN/network request is required.
 */
.hgi,.hgi-stroke{
  display:inline-block;
  width:1em;
  height:1em;
  min-width:1em;
  line-height:1;
  vertical-align:-0.125em;
  background-color:currentColor;
  -webkit-mask-image:var(--hgi-mask,none);
  mask-image:var(--hgi-mask,none);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  speak:none;
}
.hgi::before,.hgi-stroke::before{content:none!important}
.hgi-alert-02{--hgi-mask:url("./icons/alert-02.svg")}
.hgi-arrow-down-01{--hgi-mask:url("./icons/arrow-down-01.svg")}
.hgi-arrow-left-01{--hgi-mask:url("./icons/arrow-left-01.svg")}
.hgi-arrow-left-02{--hgi-mask:url("./icons/arrow-left-02.svg")}
.hgi-arrow-right-01{--hgi-mask:url("./icons/arrow-right-01.svg")}
.hgi-arrow-right-02{--hgi-mask:url("./icons/arrow-right-02.svg")}
.hgi-arrow-up-02{--hgi-mask:url("./icons/arrow-up-02.svg")}
.hgi-briefcase-01{--hgi-mask:url("./icons/briefcase-01.svg")}
.hgi-cancel-01{--hgi-mask:url("./icons/cancel-01.svg")}
.hgi-checkmark-circle-02{--hgi-mask:url("./icons/checkmark-circle-02.svg")}
.hgi-clock-01{--hgi-mask:url("./icons/clock-01.svg")}
.hgi-cloud{--hgi-mask:url("./icons/cloud.svg")}
.hgi-cloud-upload{--hgi-mask:url("./icons/cloud-upload.svg")}
.hgi-copy-01{--hgi-mask:url("./icons/copy-01.svg")}
.hgi-cursor-pointer-02{--hgi-mask:url("./icons/cursor-pointer-02.svg")}
.hgi-delete-02{--hgi-mask:url("./icons/delete-02.svg")}
.hgi-document-attachment{--hgi-mask:url("./icons/document-attachment.svg")}
.hgi-download-04{--hgi-mask:url("./icons/download-04.svg")}
.hgi-file-01{--hgi-mask:url("./icons/file-01.svg")}
.hgi-filter{--hgi-mask:url("./icons/filter.svg")}
.hgi-flash{--hgi-mask:url("./icons/flash.svg")}
.hgi-floppy-disk{--hgi-mask:url("./icons/floppy-disk.svg")}
.hgi-folder-01{--hgi-mask:url("./icons/folder-01.svg")}
.hgi-folder-add{--hgi-mask:url("./icons/folder-add.svg")}
.hgi-folder-open{--hgi-mask:url("./icons/folder-open.svg")}
.hgi-google-sheet{--hgi-mask:url("./icons/google-sheet.svg")}
.hgi-grid-view{--hgi-mask:url("./icons/grid-view.svg")}
.hgi-home-01{--hgi-mask:url("./icons/home-01.svg")}
.hgi-image-02{--hgi-mask:url("./icons/image-02.svg")}
.hgi-information-circle{--hgi-mask:url("./icons/information-circle.svg")}
.hgi-key-01{--hgi-mask:url("./icons/key-01.svg")}
.hgi-left-to-right-list-bullet{--hgi-mask:url("./icons/left-to-right-list-bullet.svg")}
.hgi-link-square-01{--hgi-mask:url("./icons/link-square-01.svg")}
.hgi-login-01{--hgi-mask:url("./icons/login-01.svg")}
.hgi-logout-01{--hgi-mask:url("./icons/logout-01.svg")}
.hgi-mail-01{--hgi-mask:url("./icons/mail-01.svg")}
.hgi-menu-01{--hgi-mask:url("./icons/menu-01.svg")}
.hgi-moon-02{--hgi-mask:url("./icons/moon-02.svg")}
.hgi-more-vertical{--hgi-mask:url("./icons/more-vertical.svg")}
.hgi-music-note-01{--hgi-mask:url("./icons/music-note-01.svg")}
.hgi-pdf-01{--hgi-mask:url("./icons/pdf-01.svg")}
.hgi-pencil-edit-02{--hgi-mask:url("./icons/pencil-edit-02.svg")}
.hgi-play{--hgi-mask:url("./icons/play.svg")}
.hgi-presentation-01{--hgi-mask:url("./icons/presentation-01.svg")}
.hgi-refresh{--hgi-mask:url("./icons/refresh.svg")}
.hgi-search-01{--hgi-mask:url("./icons/search-01.svg")}
.hgi-security-check{--hgi-mask:url("./icons/security-check.svg")}
.hgi-sent{--hgi-mask:url("./icons/sent.svg")}
.hgi-settings-01{--hgi-mask:url("./icons/settings-01.svg")}
.hgi-share-08{--hgi-mask:url("./icons/share-08.svg")}
.hgi-square-lock-02{--hgi-mask:url("./icons/square-lock-02.svg")}
.hgi-square-lock-password{--hgi-mask:url("./icons/square-lock-password.svg")}
.hgi-star{--hgi-mask:url("./icons/star.svg")}
.hgi-sun-01{--hgi-mask:url("./icons/sun-01.svg")}
.hgi-upload-04{--hgi-mask:url("./icons/upload-04.svg")}
.hgi-user{--hgi-mask:url("./icons/user.svg")}
.hgi-user-add-01{--hgi-mask:url("./icons/user-add-01.svg")}
.hgi-user-edit-01{--hgi-mask:url("./icons/user-edit-01.svg")}
.hgi-user-group{--hgi-mask:url("./icons/user-group.svg")}
.hgi-user-search-01{--hgi-mask:url("./icons/user-search-01.svg")}
.hgi-video-01{--hgi-mask:url("./icons/video-01.svg")}
.hgi-view{--hgi-mask:url("./icons/view.svg")}
.hgi-view-off{--hgi-mask:url("./icons/view-off.svg")}
.hgi-waste-restore{--hgi-mask:url("./icons/waste-restore.svg")}
.hgi-zip-02{--hgi-mask:url("./icons/zip-02.svg")}
.hgi-zoom-in-area{--hgi-mask:url("./icons/zoom-in-area.svg")}
.hgi-zoom-out-area{--hgi-mask:url("./icons/zoom-out-area.svg")}