/* Hauzii Design Tokens (Generated) */
:root {
  --hz-color-01: #F2EFE7;
  --hz-color-02: #E2DCC4;
  --hz-color-03: #CDC6B5;
  --hz-color-04: #1F1A12;
  --hz-color-05: #2A241B;
  --hz-color-06: #262017;
  --hz-color-07: #1A1408;
  --hz-color-08: #2C261C;
  --hz-color-09: #454028;
  --hz-color-10: #48422E;
  --hz-color-11: #F2EFE7;
  --hz-color-12: #DAD2B2;
  --hz-color-13: #A99F86;
  --hz-color-14: #5E4A20;
  --hz-color-15: #7E6936;
  --hz-color-16: #3F3215;
  --hz-color-17: #A04A3C;
  --hz-color-18: #3F7050;
  --hz-color-19: #C89464;
  --hz-color-20: #DAD2B2;
  --hz-color-21: #E2DCC4;
  --hz-color-22: #E2DCC4;
  --hz-color-23: #1F1A12;
  --hz-color-24: #5E4A20;
  --hz-color-25: #392B18;
  --hz-color-26: #F6F5F3;
  --hz-color-27: #433A2C;
  --hz-color-28: #F2EFE7;
  --hz-color-29: #E4DDCD;
  --hz-color-30: #433A2C;
  --hz-color-31: #272015;
  --hz-color-32: #BCB4A8;
  --hz-color-33: #CCBB98;
  --hz-color-34: #5D5445;
  --hz-color-35: #DDD9D3;
  --hz-color-36: #E8E3D8;
  --hz-color-37: #cccccc;
  --hz-color-38: #cccccc;
  --hz-color-39: #cccccc;
  --hz-color-40: #cccccc;
  --hz-color-41: #cccccc;
  --hz-color-42: #cccccc;
  --hz-color-43: #cccccc;
  --hz-color-44: #cccccc;
  --hz-color-45: #cccccc;
  --hz-color-46: #cccccc;
  --hz-size-size-text-01: 0.5rem;
  --hz-size-size-text-02: 0.5625rem;
  --hz-size-size-text-03: 0.625rem;
  --hz-size-size-text-04: 0.6875rem;
  --hz-size-size-text-05: 0.75rem;
  --hz-size-size-text-06: 0.8125rem;
  --hz-size-size-text-07: 0.875rem;
  --hz-size-size-text-08: 0.9375rem;
  --hz-size-size-text-09: 1rem;
  --hz-size-size-text-10: 1.0625rem;
  --hz-size-size-text-11: 1.125rem;
  --hz-size-size-text-12: 1.1875rem;
  --hz-size-size-text-13: 1.25rem;
  --hz-size-size-text-14: 1.3125rem;
  --hz-size-size-text-15: 1.375rem;
  --hz-size-size-text-16: 1.4375rem;
  --hz-size-size-text-17: 1.5rem;
  --hz-size-size-text-18: 1.5625rem;
  --hz-size-size-text-19: 1.625rem;
  --hz-size-size-text-20: 1.6875rem;
  --hz-size-size-text-21: 1.75rem;
  --hz-size-size-text-22: 1.8125rem;
  --hz-size-size-text-23: 1.875rem;
  --hz-size-size-text-24: 2rem;
  --hz-size-size-text-25: 2.125rem;
  --hz-size-size-text-26: 2.25rem;
  --hz-size-size-text-27: 2.375rem;
  --hz-size-size-text-28: 2.5rem;
  --hz-size-size-text-29: 2.625rem;
  --hz-size-size-text-30: 2.75rem;
  --hz-size-size-text-31: 2.875rem;
  --hz-size-size-text-32: 3rem;
  --hz-size-size-text-33: 3.125rem;
  --hz-size-size-text-34: 3.25rem;
  --hz-size-size-text-35: 3.375rem;
  --hz-size-size-text-36: 3.5rem;
  --hz-size-size-text-37: 3.75rem;
  --hz-size-size-text-38: 4rem;
  --hz-size-size-text-39: 4.25rem;
  --hz-size-size-text-40: 4.5rem;
  --hz-size-size-text-41: 4.75rem;
  --hz-size-size-text-42: 5rem;
  --hz-size-size-text-43: 5.25rem;
  --hz-size-size-text-44: 5.5rem;
  --hz-size-size-text-45: 5.75rem;
  --hz-size-size-text-46: 6rem;
  --hz-size-size-text-47: 6.25rem;
  --hz-size-size-text-48: 6.5rem;
  --hz-size-size-text-49: 6.75rem;
  --hz-size-size-text-50: 7rem;
  --hz-size-size-text-51: 7.5rem;
  --hz-size-size-text-52: 8rem;
  --hz-size-size-text-53: 8.5rem;
  --hz-size-size-text-54: 9rem;
  --hz-size-size-text-55: 9.5rem;
  --hz-size-size-text-56: 10rem;
  --hz-size-size-text-57: 11rem;
  --hz-size-size-text-58: 12rem;
  --hz-size-size-text-59: 14rem;
  --hz-size-size-text-60: 16rem;
  --hz-size-size-text-61: 1rem;
  --hz-size-size-text-62: 1rem;
  --hz-size-size-text-63: 1rem;
  --hz-size-size-text-64: 1rem;
  --hz-size-size-text-65: 1rem;
  --hz-size-size-text-66: 1rem;
  --hz-size-size-text-67: 1rem;
  --hz-size-size-text-68: 1rem;
  --hz-size-size-text-69: 1rem;
  --hz-size-size-text-70: 1rem;
  --hz-font-noto-sans: "Noto Sans TC", sans-serif;
  --hz-font-noto-serif: "Noto Serif TC", serif;
  --hz-font-inter: "Inter", sans-serif;
  --hz-font-roboto: "Roboto", sans-serif;
  --hz-font-playfair: "Playfair Display", serif;
  --hz-font-montserrat: "Montserrat", sans-serif;
  --hz-font-lora: "Lora", serif;
  --hz-font-chiron-goround-tc: "Chiron GoRound TC", sans-serif;
  --hz-font-lxgw-wenkai-tc: "LXGW WenKai TC", serif;
  --hz-spacing-tighter: -0.05em;
  --hz-spacing-tight: -0.025em;
  --hz-spacing-normal: 0em;
  --hz-spacing-wide: 0.025em;
  --hz-spacing-wider: 0.05em;
  --hz-spacing-widest: 0.1em;
  --hz-spacing-loose: 0.15em;
  --hz-spacing-looser: 0.2em;
  --hz-spacing-loosest: 0.3em;
  --hz-typo-typo-01-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-01-fs: 3.5rem;
  --hz-typo-typo-01-fw: 700;
  --hz-typo-typo-01-lh: 1.1;
  --hz-typo-typo-01-ls: 0em;
  --hz-typo-typo-02-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-02-fs: 3rem;
  --hz-typo-typo-02-fw: 700;
  --hz-typo-typo-02-lh: 1.2;
  --hz-typo-typo-02-ls: 0em;
  --hz-typo-typo-03-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-03-fs: 2rem;
  --hz-typo-typo-03-fw: 700;
  --hz-typo-typo-03-lh: 1.3;
  --hz-typo-typo-03-ls: 0em;
  --hz-typo-typo-04-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-04-fs: 1.5rem;
  --hz-typo-typo-04-fw: 600;
  --hz-typo-typo-04-lh: 1.3;
  --hz-typo-typo-04-ls: 0em;
  --hz-typo-typo-05-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-05-fs: 1.25rem;
  --hz-typo-typo-05-fw: 400;
  --hz-typo-typo-05-lh: 1.5;
  --hz-typo-typo-05-ls: 0em;
  --hz-typo-typo-06-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-06-fs: 1rem;
  --hz-typo-typo-06-fw: 400;
  --hz-typo-typo-06-lh: 1.5;
  --hz-typo-typo-06-ls: 0em;
  --hz-typo-typo-07-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-07-fs: 0.875rem;
  --hz-typo-typo-07-fw: 400;
  --hz-typo-typo-07-lh: 1.5;
  --hz-typo-typo-07-ls: 0em;
  --hz-typo-typo-08-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-08-fs: 0.8125rem;
  --hz-typo-typo-08-fw: 400;
  --hz-typo-typo-08-lh: 1.5;
  --hz-typo-typo-08-ls: 0em;
  --hz-typo-typo-09-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-09-fs: 1rem;
  --hz-typo-typo-09-fw: 600;
  --hz-typo-typo-09-lh: 1.2;
  --hz-typo-typo-09-ls: 0.025em;
  --hz-typo-typo-10-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-10-fs: 0.875rem;
  --hz-typo-typo-10-fw: 500;
  --hz-typo-typo-10-lh: 1.2;
  --hz-typo-typo-10-ls: 0.025em;
  --hz-typo-typo-11-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-11-fs: 0.875rem;
  --hz-typo-typo-11-fw: 600;
  --hz-typo-typo-11-lh: 1.4;
  --hz-typo-typo-11-ls: 0.1em;
  --hz-typo-typo-12-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-12-fs: 0.9375rem;
  --hz-typo-typo-12-fw: 500;
  --hz-typo-typo-12-lh: 1.3;
  --hz-typo-typo-12-ls: 0em;
  --hz-typo-typo-13-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-13-fs: 0.875rem;
  --hz-typo-typo-13-fw: 300;
  --hz-typo-typo-13-lh: 1.5;
  --hz-typo-typo-13-ls: 0em;
  --hz-typo-typo-14-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-14-fs: 0.8125rem;
  --hz-typo-typo-14-fw: 300;
  --hz-typo-typo-14-lh: 1.5;
  --hz-typo-typo-14-ls: 0em;
  --hz-typo-typo-15-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-15-fs: 2.5rem;
  --hz-typo-typo-15-fw: 700;
  --hz-typo-typo-15-lh: 1.1;
  --hz-typo-typo-15-ls: 0em;
  --hz-typo-typo-16-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-16-fs: 1.25rem;
  --hz-typo-typo-16-fw: 300;
  --hz-typo-typo-16-lh: 1.5;
  --hz-typo-typo-16-ls: 0em;
  --hz-typo-typo-17-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-17-fs: 0.875rem;
  --hz-typo-typo-17-fw: 600;
  --hz-typo-typo-17-lh: 1.2;
  --hz-typo-typo-17-ls: 0.025em;
  --hz-typo-typo-18-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-18-fs: 0.875rem;
  --hz-typo-typo-18-fw: 500;
  --hz-typo-typo-18-lh: 1.3;
  --hz-typo-typo-18-ls: 0em;
  --hz-typo-typo-19-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-19-fs: 1rem;
  --hz-typo-typo-19-fw: 300;
  --hz-typo-typo-19-lh: 1.5;
  --hz-typo-typo-19-ls: 0em;
  --hz-typo-typo-20-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-20-fs: 0.9375rem;
  --hz-typo-typo-20-fw: 500;
  --hz-typo-typo-20-lh: 1.2;
  --hz-typo-typo-20-ls: 0em;
  --hz-typo-typo-21-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-21-fs: 0.875rem;
  --hz-typo-typo-21-fw: 300;
  --hz-typo-typo-21-lh: 1.5;
  --hz-typo-typo-21-ls: 0em;
  --hz-typo-typo-22-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-22-fs: 1rem;
  --hz-typo-typo-22-fw: 500;
  --hz-typo-typo-22-lh: 1.2;
  --hz-typo-typo-22-ls: 0em;
  --hz-typo-typo-23-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-23-fs: 0.9375rem;
  --hz-typo-typo-23-fw: 300;
  --hz-typo-typo-23-lh: 1.5;
  --hz-typo-typo-23-ls: 0em;
  --hz-typo-typo-24-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-24-fs: 0.8125rem;
  --hz-typo-typo-24-fw: 500;
  --hz-typo-typo-24-lh: 1.3;
  --hz-typo-typo-24-ls: 0.025em;
  --hz-typo-typo-25-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-25-fs: 0.9375rem;
  --hz-typo-typo-25-fw: 600;
  --hz-typo-typo-25-lh: 1.3;
  --hz-typo-typo-25-ls: 0em;
  --hz-typo-typo-26-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-26-fs: 0.875rem;
  --hz-typo-typo-26-fw: 300;
  --hz-typo-typo-26-lh: 1.5;
  --hz-typo-typo-26-ls: 0em;
  --hz-typo-typo-27-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-27-fs: 0.8125rem;
  --hz-typo-typo-27-fw: 300;
  --hz-typo-typo-27-lh: 1.5;
  --hz-typo-typo-27-ls: 0em;
  --hz-typo-typo-28-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-28-fs: 1.25rem;
  --hz-typo-typo-28-fw: 600;
  --hz-typo-typo-28-lh: 1.3;
  --hz-typo-typo-28-ls: 0em;
  --hz-typo-typo-29-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-29-fs: 0.8125rem;
  --hz-typo-typo-29-fw: 300;
  --hz-typo-typo-29-lh: 1.5;
  --hz-typo-typo-29-ls: 0em;
  --hz-typo-typo-30-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-30-fs: 1rem;
  --hz-typo-typo-30-fw: 300;
  --hz-typo-typo-30-lh: 1.5;
  --hz-typo-typo-30-ls: 0em;
  --hz-typo-typo-31-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-31-fs: 1rem;
  --hz-typo-typo-31-fw: 300;
  --hz-typo-typo-31-lh: 1.5;
  --hz-typo-typo-31-ls: 0em;
  --hz-typo-typo-32-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-32-fs: 1rem;
  --hz-typo-typo-32-fw: 300;
  --hz-typo-typo-32-lh: 1.5;
  --hz-typo-typo-32-ls: 0em;
  --hz-typo-typo-33-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-33-fw: 400;
  --hz-typo-typo-33-lh: 1.5;
  --hz-typo-typo-33-ls: 0em;
  --hz-typo-typo-34-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-34-fw: 400;
  --hz-typo-typo-34-lh: 1.5;
  --hz-typo-typo-34-ls: 0em;
  --hz-typo-typo-35-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-35-fw: 400;
  --hz-typo-typo-35-lh: 1.5;
  --hz-typo-typo-35-ls: 0em;
  --hz-typo-typo-36-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-36-fw: 400;
  --hz-typo-typo-36-lh: 1.5;
  --hz-typo-typo-36-ls: 0em;
  --hz-typo-typo-37-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-37-fw: 400;
  --hz-typo-typo-37-lh: 1.5;
  --hz-typo-typo-37-ls: 0em;
  --hz-typo-typo-38-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-38-fw: 400;
  --hz-typo-typo-38-lh: 1.5;
  --hz-typo-typo-38-ls: 0em;
  --hz-typo-typo-39-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-39-fw: 400;
  --hz-typo-typo-39-lh: 1.5;
  --hz-typo-typo-39-ls: 0em;
  --hz-typo-typo-40-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-40-fw: 400;
  --hz-typo-typo-40-lh: 1.5;
  --hz-typo-typo-40-ls: 0em;
  --hz-typo-typo-41-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-41-fw: 400;
  --hz-typo-typo-41-lh: 1.5;
  --hz-typo-typo-41-ls: 0em;
  --hz-typo-typo-42-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-42-fw: 400;
  --hz-typo-typo-42-lh: 1.5;
  --hz-typo-typo-42-ls: 0em;
  --hz-shadow-01: 0 1px 8px 0 rgba(85,90,105,0.04);
  --hz-shadow-01-text: 0 1px 8px rgba(85,90,105,0.04);
  --hz-shadow-02: 0 4px 16px -2px rgba(85,90,105,0.04);
  --hz-shadow-02-text: 0 4px 16px rgba(85,90,105,0.04);
  --hz-shadow-03: 0 8px 32px -4px rgba(85,90,105,0.04);
  --hz-shadow-03-text: 0 8px 32px rgba(85,90,105,0.04);
  --hz-shadow-04: 0 12px 48px -6px rgba(85,90,105,0.04);
  --hz-shadow-04-text: 0 12px 48px rgba(85,90,105,0.04);
  --hz-shadow-05: inset 0 2px 4px 0 rgba(85,90,105,0.04);
  --hz-shadow-05-text: inset 0 2px 0 rgba(85,90,105,0.04);
  --hz-shadow-06: 0 0 16px 2px rgba(85,90,105,0.04);
  --hz-shadow-06-text: 0 0 16px rgba(85,90,105,0.04);
  --hz-shadow-07: 0 4px 16px 0 rgba(85,90,105,0.04);
  --hz-shadow-07-text: 0 4px 16px rgba(85,90,105,0.04);
  --hz-shadow-08: 0 2px 4px 0 rgba(85,90,105,0.04);
  --hz-shadow-08-text: 0 2px 4px rgba(85,90,105,0.04);
  --hz-shadow-09: 0 1px 3px 0 rgba(27,36,52,0.06);
  --hz-shadow-09-text: 0 1px 3px rgba(27,36,52,0.06);
  --hz-shadow-10: 0 1px 3px 0 rgba(27,36,52,0.06);
  --hz-shadow-10-text: 0 1px 3px rgba(27,36,52,0.06);
  --hz-shadow-11: 0 1px 3px 0 rgba(27,36,52,0.06);
  --hz-shadow-11-text: 0 1px 3px rgba(27,36,52,0.06);
  --hz-shadow-12: 0 1px 3px 0 rgba(27,36,52,0.06);
  --hz-shadow-12-text: 0 1px 3px rgba(27,36,52,0.06);
  --hz-shadow-13: 0 1px 3px 0 rgba(27,36,52,0.06);
  --hz-shadow-13-text: 0 1px 3px rgba(27,36,52,0.06);
  --hz-shadow-14: 0 1px 3px 0 rgba(27,36,52,0.06);
  --hz-shadow-14-text: 0 1px 3px rgba(27,36,52,0.06);
  --hz-shadow-15: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-15-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-16: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-16-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-17: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-17-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-18: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-18-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-19: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-19-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-20: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-20-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-21: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-21-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-22: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-22-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-23: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-23-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-shadow-24: 0 2px 4px 0 rgba(0,0,0,0.1);
  --hz-shadow-24-text: 0 2px 4px rgba(0,0,0,0.1);
  --hz-gap-xs: 0.375rem;
  --hz-gap-sm: 1rem;
  --hz-gap-md: 1.75rem;
  --hz-gap-lg: 2.25rem;
  --hz-gap-xl: 4.5rem;
  --hz-block-py: 8rem;
  --hz-block-py-sm: 6.5rem;
  --hz-hf-topbar-height: 36px;
  --hz-hf-topbar-padding-y: 4px;
  --hz-hf-topbar-padding-x: 16px;
  --hz-hf-topbar-gap: 12px;
  --hz-hf-main-height: 80px;
  --hz-hf-main-padding-y: 20px;
  --hz-hf-main-padding-x: 44px;
  --hz-hf-main-gap: 16px;
  --hz-hf-footer-top-height: auto;
  --hz-hf-footer-top-padding-y: 32px;
  --hz-hf-footer-top-padding-x: 40px;
  --hz-hf-footer-top-gap: 24px;
  --hz-hf-footer-mid-padding-y: 64px;
  --hz-hf-footer-mid-padding-x: 40px;
  --hz-hf-footer-mid-gap: 36px;
  --hz-hf-footer-bottom-height: 48px;
  --hz-hf-footer-bottom-padding-y: 36px;
  --hz-hf-footer-bottom-padding-x: 48px;
  --hz-hf-footer-bottom-gap: 24px;
  --hz-hf-nav-item-gap: 36px;
  --hz-hf-nav-sub-width: 300px;
  --hz-hf-nav-sub-padding-y: 8px;
  --hz-hf-nav-sub-padding-x: 0px;
  --hz-hf-nav-sub-item-padding-y: 10px;
  --hz-hf-nav-sub-item-padding-x: 16px;
  --hz-hf-nav-item-padding-y: 0px;
  --hz-hf-nav-item-padding-x: 0px;
  --hz-hf-logo-max-height: 48px;
  --hz-hf-drawer-width: 320px;
  --hz-hf-drawer-nav-item-gap: 0px;
  --hz-hf-drawer-nav-item-padding-y: 12px;
  --hz-hf-drawer-nav-item-padding-x: 16px;
  --hz-hf-drawer-nav-toggle-padding-r: 16px;
  --hz-hf-drawer-nav-sub-indent: 4px;
  --hz-hf-drawer-nav-sub-item-padding-y: 8px;
  --hz-hover-01-scale: 1;
  --hz-hover-01-translate-y: 0px;
  --hz-hover-01-shadow: none;
  --hz-hover-01-bg-lighten: 0%;
  --hz-hover-01-duration: 250ms;
  --hz-hover-01-timing: ease-out;
  --hz-hover-02-scale: 1;
  --hz-hover-02-translate-y: 0px;
  --hz-hover-02-shadow: none;
  --hz-hover-02-bg-lighten: 0%;
  --hz-hover-02-duration: 250ms;
  --hz-hover-02-timing: ease-out;
  --hz-hover-03-scale: 1;
  --hz-hover-03-translate-y: 0px;
  --hz-hover-03-shadow: none;
  --hz-hover-03-bg-lighten: 8%;
  --hz-hover-03-duration: 200ms;
  --hz-hover-03-timing: linear;
  --hz-hover-04-scale: 1;
  --hz-hover-04-translate-y: 0px;
  --hz-hover-04-shadow: none;
  --hz-hover-04-bg-lighten: 5%;
  --hz-hover-04-duration: 200ms;
  --hz-hover-04-timing: linear;
  --hz-hover-05-scale: 1;
  --hz-hover-05-translate-y: 0px;
  --hz-hover-05-shadow: none;
  --hz-hover-05-bg-lighten: 0%;
  --hz-hover-05-duration: 200ms;
  --hz-hover-05-timing: ease-out;
  --hz-hover-06-scale: 1;
  --hz-hover-06-translate-y: 0px;
  --hz-hover-06-shadow: none;
  --hz-hover-06-bg-lighten: 0%;
  --hz-hover-06-duration: 200ms;
  --hz-hover-06-timing: ease-out;
  --hz-hover-07-scale: 1;
  --hz-hover-07-translate-y: 0px;
  --hz-hover-07-shadow: none;
  --hz-hover-07-bg-lighten: 0%;
  --hz-hover-07-duration: 200ms;
  --hz-hover-07-timing: ease-out;
  --hz-hover-08-scale: 1;
  --hz-hover-08-translate-y: 0px;
  --hz-hover-08-shadow: none;
  --hz-hover-08-bg-lighten: 0%;
  --hz-hover-08-duration: 200ms;
  --hz-hover-08-timing: ease-out;
  --hz-hover-09-scale: 1;
  --hz-hover-09-translate-y: 0px;
  --hz-hover-09-shadow: none;
  --hz-hover-09-bg-lighten: 0%;
  --hz-hover-09-duration: 200ms;
  --hz-hover-09-timing: ease-out;
  --hz-hover-10-scale: 1;
  --hz-hover-10-translate-y: 0px;
  --hz-hover-10-shadow: none;
  --hz-hover-10-bg-lighten: 0%;
  --hz-hover-10-duration: 250ms;
  --hz-hover-10-timing: ease-out;
  --hz-hover-11-scale: 1;
  --hz-hover-11-translate-y: 0px;
  --hz-hover-11-shadow: none;
  --hz-hover-11-bg-lighten: 0%;
  --hz-hover-11-duration: 250ms;
  --hz-hover-11-timing: ease-out;
  --hz-hover-12-scale: 1;
  --hz-hover-12-translate-y: 0px;
  --hz-hover-12-shadow: none;
  --hz-hover-12-bg-lighten: 8%;
  --hz-hover-12-duration: 200ms;
  --hz-hover-12-timing: linear;
  --hz-hover-13-scale: 1;
  --hz-hover-13-translate-y: 0;
  --hz-hover-13-shadow: none;
  --hz-hover-13-bg-lighten: 0%;
  --hz-hover-13-duration: 200ms;
  --hz-hover-13-timing: ease;
  --hz-hover-14-scale: 1;
  --hz-hover-14-translate-y: 0;
  --hz-hover-14-shadow: none;
  --hz-hover-14-bg-lighten: 0%;
  --hz-hover-14-duration: 200ms;
  --hz-hover-14-timing: ease;
  --hz-hover-15-scale: 1;
  --hz-hover-15-translate-y: 0;
  --hz-hover-15-shadow: none;
  --hz-hover-15-bg-lighten: 0%;
  --hz-hover-15-duration: 200ms;
  --hz-hover-15-timing: ease;
  --hz-hover-16-scale: 1;
  --hz-hover-16-translate-y: 0;
  --hz-hover-16-shadow: none;
  --hz-hover-16-bg-lighten: 0%;
  --hz-hover-16-duration: 200ms;
  --hz-hover-16-timing: ease;
  --hz-hover-17-scale: 1;
  --hz-hover-17-translate-y: 0;
  --hz-hover-17-shadow: none;
  --hz-hover-17-bg-lighten: 0%;
  --hz-hover-17-duration: 200ms;
  --hz-hover-17-timing: ease;
  --hz-hover-18-scale: 1;
  --hz-hover-18-translate-y: 0;
  --hz-hover-18-shadow: none;
  --hz-hover-18-bg-lighten: 0%;
  --hz-hover-18-duration: 200ms;
  --hz-hover-18-timing: ease;
  --hz-hover-19-scale: 1.02;
  --hz-hover-19-translate-y: -2px;
  --hz-hover-19-shadow: var(--hz-shadow-02);
  --hz-hover-19-bg-lighten: 0%;
  --hz-hover-19-duration: 200ms;
  --hz-hover-19-timing: ease-out;
  --hz-hover-20-scale: 1.02;
  --hz-hover-20-translate-y: -2px;
  --hz-hover-20-shadow: var(--hz-shadow-02);
  --hz-hover-20-bg-lighten: 0%;
  --hz-hover-20-duration: 200ms;
  --hz-hover-20-timing: ease-out;
  --hz-hover-21-scale: 1.02;
  --hz-hover-21-translate-y: -2px;
  --hz-hover-21-shadow: var(--hz-shadow-02);
  --hz-hover-21-bg-lighten: 0%;
  --hz-hover-21-duration: 200ms;
  --hz-hover-21-timing: ease-out;
  --hz-hover-22-scale: 1.02;
  --hz-hover-22-translate-y: -2px;
  --hz-hover-22-shadow: var(--hz-shadow-02);
  --hz-hover-22-bg-lighten: 0%;
  --hz-hover-22-duration: 200ms;
  --hz-hover-22-timing: ease-out;
  --hz-hover-23-scale: 1.02;
  --hz-hover-23-translate-y: -2px;
  --hz-hover-23-shadow: var(--hz-shadow-02);
  --hz-hover-23-bg-lighten: 0%;
  --hz-hover-23-duration: 200ms;
  --hz-hover-23-timing: ease-out;
  --hz-hover-24-scale: 1.02;
  --hz-hover-24-translate-y: -2px;
  --hz-hover-24-shadow: var(--hz-shadow-02);
  --hz-hover-24-bg-lighten: 0%;
  --hz-hover-24-duration: 200ms;
  --hz-hover-24-timing: ease-out;
  --hz-hover-25-scale: 1.02;
  --hz-hover-25-translate-y: -2px;
  --hz-hover-25-shadow: var(--hz-shadow-02);
  --hz-hover-25-bg-lighten: 0%;
  --hz-hover-25-duration: 200ms;
  --hz-hover-25-timing: ease-out;
  --hz-hover-26-scale: 1.02;
  --hz-hover-26-translate-y: -2px;
  --hz-hover-26-shadow: var(--hz-shadow-02);
  --hz-hover-26-bg-lighten: 0%;
  --hz-hover-26-duration: 200ms;
  --hz-hover-26-timing: ease-out;
  --hz-hover-27-scale: 1.02;
  --hz-hover-27-translate-y: -2px;
  --hz-hover-27-shadow: var(--hz-shadow-02);
  --hz-hover-27-bg-lighten: 0%;
  --hz-hover-27-duration: 200ms;
  --hz-hover-27-timing: ease-out;
  --hz-hover-28-scale: 1.02;
  --hz-hover-28-translate-y: -2px;
  --hz-hover-28-shadow: var(--hz-shadow-02);
  --hz-hover-28-bg-lighten: 0%;
  --hz-hover-28-duration: 200ms;
  --hz-hover-28-timing: ease-out;
  --hz-button-01-radius: 8px;
  --hz-button-01-border-width: 0px;
  --hz-button-01-padding-x: 24px;
  --hz-button-01-padding-y: 12px;
  --hz-button-01-bg: var(--hz-color-14);
  --hz-button-01-text: var(--hz-color-11);
  --hz-button-01-border: transparent;
  --hz-button-01-hover-bg: var(--hz-color-14);
  --hz-button-01-hover-text: var(--hz-color-11);
  --hz-button-02-radius: 8px;
  --hz-button-02-border-width: 0px;
  --hz-button-02-padding-x: 16px;
  --hz-button-02-padding-y: 8px;
  --hz-button-02-bg: var(--hz-color-14);
  --hz-button-02-text: var(--hz-color-11);
  --hz-button-02-border: transparent;
  --hz-button-02-hover-bg: var(--hz-color-14);
  --hz-button-02-hover-text: var(--hz-color-11);
  --hz-button-03-radius: 8px;
  --hz-button-03-border-width: 0px;
  --hz-button-03-padding-x: 24px;
  --hz-button-03-padding-y: 12px;
  --hz-button-03-bg: var(--hz-color-15);
  --hz-button-03-text: var(--hz-color-11);
  --hz-button-03-border: transparent;
  --hz-button-03-hover-bg: var(--hz-color-15);
  --hz-button-03-hover-text: var(--hz-color-11);
  --hz-button-04-radius: 8px;
  --hz-button-04-border-width: 0px;
  --hz-button-04-padding-x: 16px;
  --hz-button-04-padding-y: 8px;
  --hz-button-04-bg: var(--hz-color-15);
  --hz-button-04-text: var(--hz-color-11);
  --hz-button-04-border: transparent;
  --hz-button-04-hover-bg: var(--hz-color-15);
  --hz-button-04-hover-text: var(--hz-color-11);
  --hz-button-05-radius: 8px;
  --hz-button-05-border-width: 2px;
  --hz-button-05-padding-x: 24px;
  --hz-button-05-padding-y: 12px;
  --hz-button-05-bg: var(--hz-color-01);
  --hz-button-05-text: var(--hz-color-14);
  --hz-button-05-border: var(--hz-color-14);
  --hz-button-05-hover-bg: var(--hz-color-01);
  --hz-button-05-hover-text: var(--hz-color-14);
  --hz-button-06-radius: 10px;
  --hz-button-06-border-width: 2px;
  --hz-button-06-padding-x: 16px;
  --hz-button-06-padding-y: 8px;
  --hz-button-06-bg: var(--hz-color-01);
  --hz-button-06-text: var(--hz-color-14);
  --hz-button-06-border: var(--hz-color-14);
  --hz-button-06-hover-bg: var(--hz-color-01);
  --hz-button-06-hover-text: var(--hz-color-14);
  --hz-button-07-radius: 8px;
  --hz-button-07-border-width: 0px;
  --hz-button-07-padding-x: 12px;
  --hz-button-07-padding-y: 6px;
  --hz-button-07-bg: transparent;
  --hz-button-07-text: var(--hz-color-14);
  --hz-button-07-border: transparent;
  --hz-button-07-hover-bg: var(--hz-none);
  --hz-button-07-hover-text: var(--hz-color-14);
  --hz-button-08-radius: 10px;
  --hz-button-08-border-width: 0px;
  --hz-button-08-padding-x: 20px;
  --hz-button-08-padding-y: 8px;
  --hz-button-08-bg: var(--hz-color-14);
  --hz-button-08-text: var(--hz-color-11);
  --hz-button-08-border: transparent;
  --hz-button-08-hover-bg: var(--hz-color-14);
  --hz-button-08-hover-text: var(--hz-color-11);
  --hz-button-09-radius: 12px;
  --hz-button-09-border-width: 0px;
  --hz-button-09-padding-x: 24px;
  --hz-button-09-padding-y: 12px;
  --hz-button-09-bg: var(--hz-color-14);
  --hz-button-09-text: var(--hz-color-11);
  --hz-button-09-border: transparent;
  --hz-button-09-hover-bg: var(--hz-color-14);
  --hz-button-09-hover-text: var(--hz-color-11);
  --hz-button-10-radius: 12px;
  --hz-button-10-border-width: 0px;
  --hz-button-10-padding-x: 24px;
  --hz-button-10-padding-y: 12px;
  --hz-button-10-bg: var(--hz-color-14);
  --hz-button-10-text: var(--hz-color-11);
  --hz-button-10-border: transparent;
  --hz-button-10-hover-bg: var(--hz-color-14);
  --hz-button-10-hover-text: var(--hz-color-11);
  --hz-button-11-radius: 12px;
  --hz-button-11-border-width: 0px;
  --hz-button-11-padding-x: 24px;
  --hz-button-11-padding-y: 12px;
  --hz-button-11-bg: var(--hz-color-14);
  --hz-button-11-text: var(--hz-color-11);
  --hz-button-11-border: transparent;
  --hz-button-11-hover-bg: var(--hz-color-14);
  --hz-button-11-hover-text: var(--hz-color-11);
  --hz-button-12-radius: 12px;
  --hz-button-12-border-width: 0px;
  --hz-button-12-padding-x: 24px;
  --hz-button-12-padding-y: 12px;
  --hz-button-12-bg: var(--hz-color-14);
  --hz-button-12-text: var(--hz-color-11);
  --hz-button-12-border: transparent;
  --hz-button-12-hover-bg: var(--hz-color-14);
  --hz-button-12-hover-text: var(--hz-color-11);
  --hz-button-13-radius: 12px;
  --hz-button-13-border-width: 0px;
  --hz-button-13-padding-x: 24px;
  --hz-button-13-padding-y: 12px;
  --hz-button-13-bg: var(--hz-color-14);
  --hz-button-13-text: var(--hz-color-11);
  --hz-button-13-border: transparent;
  --hz-button-13-hover-bg: var(--hz-color-14);
  --hz-button-13-hover-text: var(--hz-color-11);
  --hz-button-14-radius: 12px;
  --hz-button-14-border-width: 0px;
  --hz-button-14-padding-x: 24px;
  --hz-button-14-padding-y: 12px;
  --hz-button-14-bg: var(--hz-color-14);
  --hz-button-14-text: var(--hz-color-11);
  --hz-button-14-border: transparent;
  --hz-button-14-hover-bg: var(--hz-color-14);
  --hz-button-14-hover-text: var(--hz-color-11);
  --hz-button-15-radius: 12px;
  --hz-button-15-border-width: 0px;
  --hz-button-15-padding-x: 24px;
  --hz-button-15-padding-y: 12px;
  --hz-button-15-bg: var(--hz-color-14);
  --hz-button-15-text: var(--hz-color-11);
  --hz-button-15-border: transparent;
  --hz-button-15-hover-bg: var(--hz-color-14);
  --hz-button-15-hover-text: var(--hz-color-11);
  --hz-button-16-radius: 12px;
  --hz-button-16-border-width: 0px;
  --hz-button-16-padding-x: 24px;
  --hz-button-16-padding-y: 12px;
  --hz-button-16-bg: var(--hz-color-14);
  --hz-button-16-text: var(--hz-color-11);
  --hz-button-16-border: transparent;
  --hz-button-16-hover-bg: var(--hz-color-14);
  --hz-button-16-hover-text: var(--hz-color-11);
  --hz-button-17-radius: 8px;
  --hz-button-17-border-width: 0px;
  --hz-button-17-padding-x: 24px;
  --hz-button-17-padding-y: 12px;
  --hz-button-17-bg: var(--hz-color-01);
  --hz-button-17-text: var(--hz-color-05);
  --hz-button-17-border: transparent;
  --hz-button-17-hover-bg: var(--hz-button-17-bg);
  --hz-button-17-hover-text: var(--hz-button-17-text);
  --hz-button-18-radius: 8px;
  --hz-button-18-border-width: 0px;
  --hz-button-18-padding-x: 24px;
  --hz-button-18-padding-y: 12px;
  --hz-button-18-bg: var(--hz-color-01);
  --hz-button-18-text: var(--hz-color-05);
  --hz-button-18-border: transparent;
  --hz-button-18-hover-bg: var(--hz-button-18-bg);
  --hz-button-18-hover-text: var(--hz-button-18-text);
  --hz-button-19-radius: 8px;
  --hz-button-19-border-width: 0px;
  --hz-button-19-padding-x: 24px;
  --hz-button-19-padding-y: 12px;
  --hz-button-19-bg: var(--hz-color-01);
  --hz-button-19-text: var(--hz-color-05);
  --hz-button-19-border: transparent;
  --hz-button-19-hover-bg: var(--hz-button-19-bg);
  --hz-button-19-hover-text: var(--hz-button-19-text);
  --hz-button-20-radius: 8px;
  --hz-button-20-border-width: 0px;
  --hz-button-20-padding-x: 24px;
  --hz-button-20-padding-y: 12px;
  --hz-button-20-bg: var(--hz-color-01);
  --hz-button-20-text: var(--hz-color-05);
  --hz-button-20-border: transparent;
  --hz-button-20-hover-bg: var(--hz-button-20-bg);
  --hz-button-20-hover-text: var(--hz-button-20-text);
  --hz-button-21-radius: 8px;
  --hz-button-21-border-width: 0px;
  --hz-button-21-padding-x: 24px;
  --hz-button-21-padding-y: 12px;
  --hz-button-21-bg: var(--hz-color-01);
  --hz-button-21-text: var(--hz-color-05);
  --hz-button-21-border: transparent;
  --hz-button-21-hover-bg: var(--hz-button-21-bg);
  --hz-button-21-hover-text: var(--hz-button-21-text);
  --hz-button-22-radius: 8px;
  --hz-button-22-border-width: 0px;
  --hz-button-22-padding-x: 24px;
  --hz-button-22-padding-y: 12px;
  --hz-button-22-bg: var(--hz-color-01);
  --hz-button-22-text: var(--hz-color-05);
  --hz-button-22-border: transparent;
  --hz-button-22-hover-bg: var(--hz-button-22-bg);
  --hz-button-22-hover-text: var(--hz-button-22-text);
  --hz-button-23-radius: 8px;
  --hz-button-23-border-width: 0px;
  --hz-button-23-padding-x: 24px;
  --hz-button-23-padding-y: 12px;
  --hz-button-23-bg: var(--hz-color-01);
  --hz-button-23-text: var(--hz-color-05);
  --hz-button-23-border: transparent;
  --hz-button-23-hover-bg: var(--hz-button-23-bg);
  --hz-button-23-hover-text: var(--hz-button-23-text);
  --hz-button-24-radius: 8px;
  --hz-button-24-border-width: 0px;
  --hz-button-24-padding-x: 24px;
  --hz-button-24-padding-y: 12px;
  --hz-button-24-bg: var(--hz-color-01);
  --hz-button-24-text: var(--hz-color-05);
  --hz-button-24-border: transparent;
  --hz-button-24-hover-bg: var(--hz-button-24-bg);
  --hz-button-24-hover-text: var(--hz-button-24-text);
  --hz-button-25-radius: 8px;
  --hz-button-25-border-width: 0px;
  --hz-button-25-padding-x: 24px;
  --hz-button-25-padding-y: 12px;
  --hz-button-25-bg: var(--hz-color-01);
  --hz-button-25-text: var(--hz-color-05);
  --hz-button-25-border: transparent;
  --hz-button-25-hover-bg: var(--hz-button-25-bg);
  --hz-button-25-hover-text: var(--hz-button-25-text);
  --hz-button-26-radius: 8px;
  --hz-button-26-border-width: 0px;
  --hz-button-26-padding-x: 24px;
  --hz-button-26-padding-y: 12px;
  --hz-button-26-bg: var(--hz-color-01);
  --hz-button-26-text: var(--hz-color-05);
  --hz-button-26-border: transparent;
  --hz-button-26-hover-bg: var(--hz-button-26-bg);
  --hz-button-26-hover-text: var(--hz-button-26-text);
  --hz-surface-01-radius: 16px;
  --hz-surface-01-border-width: 1px;
  --hz-surface-01-overlay-opacity: 0%;
  --hz-surface-01-bg: var(--hz-color-01);
  --hz-surface-01-overlay: transparent;
  --hz-surface-01-overlay-alpha: 0;
  --hz-surface-01-border: var(--hz-color-20);
  --hz-surface-01-shadow: none;
  --hz-surface-02-radius: 16px;
  --hz-surface-02-border-width: 1px;
  --hz-surface-02-overlay-opacity: 0%;
  --hz-surface-02-bg: var(--hz-color-01);
  --hz-surface-02-overlay: transparent;
  --hz-surface-02-overlay-alpha: 0;
  --hz-surface-02-border: var(--hz-color-20);
  --hz-surface-02-shadow: none;
  --hz-surface-03-radius: 16px;
  --hz-surface-03-border-width: 1px;
  --hz-surface-03-overlay-opacity: 0%;
  --hz-surface-03-bg: var(--hz-color-01);
  --hz-surface-03-overlay: transparent;
  --hz-surface-03-overlay-alpha: 0;
  --hz-surface-03-border: var(--hz-color-20);
  --hz-surface-03-shadow: none;
  --hz-surface-04-radius: 16px;
  --hz-surface-04-border-width: 1px;
  --hz-surface-04-overlay-opacity: 0%;
  --hz-surface-04-bg: var(--hz-color-02);
  --hz-surface-04-overlay: transparent;
  --hz-surface-04-overlay-alpha: 0;
  --hz-surface-04-border: var(--hz-color-20);
  --hz-surface-04-shadow: none;
  --hz-surface-05-radius: 16px;
  --hz-surface-05-border-width: 0px;
  --hz-surface-05-overlay-opacity: 0%;
  --hz-surface-05-bg: var(--hz-color-04);
  --hz-surface-05-overlay: transparent;
  --hz-surface-05-overlay-alpha: 0;
  --hz-surface-05-border: transparent;
  --hz-surface-05-shadow: none;
  --hz-surface-06-radius: 16px;
  --hz-surface-06-border-width: 1px;
  --hz-surface-06-overlay-opacity: 0%;
  --hz-surface-06-bg: var(--hz-color-02);
  --hz-surface-06-overlay: transparent;
  --hz-surface-06-overlay-alpha: 0;
  --hz-surface-06-border: var(--hz-color-20);
  --hz-surface-06-shadow: none;
  --hz-surface-07-radius: 16px;
  --hz-surface-07-border-width: 1px;
  --hz-surface-07-overlay-opacity: 0%;
  --hz-surface-07-bg: var(--hz-color-03);
  --hz-surface-07-overlay: transparent;
  --hz-surface-07-overlay-alpha: 0;
  --hz-surface-07-border: var(--hz-color-20);
  --hz-surface-07-shadow: none;
  --hz-surface-08-radius: 16px;
  --hz-surface-08-border-width: 1px;
  --hz-surface-08-overlay-opacity: 0%;
  --hz-surface-08-bg: var(--hz-color-02);
  --hz-surface-08-overlay: transparent;
  --hz-surface-08-overlay-alpha: 0;
  --hz-surface-08-border: var(--hz-color-14);
  --hz-surface-08-shadow: none;
  --hz-surface-09-radius: 0px;
  --hz-surface-09-border-width: 0px;
  --hz-surface-09-overlay-opacity: 0%;
  --hz-surface-09-bg: var(--hz-color-01);
  --hz-surface-09-overlay: transparent;
  --hz-surface-09-overlay-alpha: 0;
  --hz-surface-09-border: transparent;
  --hz-surface-09-shadow: none;
  --hz-surface-10-radius: 0px;
  --hz-surface-10-border-width: 0px;
  --hz-surface-10-overlay-opacity: 0%;
  --hz-surface-10-bg: var(--hz-color-02);
  --hz-surface-10-overlay: transparent;
  --hz-surface-10-overlay-alpha: 0;
  --hz-surface-10-border: transparent;
  --hz-surface-10-shadow: none;
  --hz-surface-11-radius: 0px;
  --hz-surface-11-border-width: 0px;
  --hz-surface-11-overlay-opacity: 0%;
  --hz-surface-11-bg: var(--hz-color-03);
  --hz-surface-11-overlay: transparent;
  --hz-surface-11-overlay-alpha: 0;
  --hz-surface-11-border: transparent;
  --hz-surface-11-shadow: none;
  --hz-surface-12-radius: 0px;
  --hz-surface-12-border-width: 0px;
  --hz-surface-12-overlay-opacity: 0%;
  --hz-surface-12-bg: var(--hz-color-04);
  --hz-surface-12-overlay: transparent;
  --hz-surface-12-overlay-alpha: 0;
  --hz-surface-12-border: transparent;
  --hz-surface-12-shadow: none;
  --hz-surface-13-radius: 14px;
  --hz-surface-13-border-width: 1px;
  --hz-surface-13-overlay-opacity: 0%;
  --hz-surface-13-bg: var(--hz-color-01);
  --hz-surface-13-overlay: transparent;
  --hz-surface-13-overlay-alpha: 0;
  --hz-surface-13-border: var(--hz-color-20);
  --hz-surface-13-shadow: none;
  --hz-surface-14-radius: 16px;
  --hz-surface-14-border-width: 1px;
  --hz-surface-14-overlay-opacity: 0%;
  --hz-surface-14-bg: var(--hz-color-01);
  --hz-surface-14-overlay: transparent;
  --hz-surface-14-overlay-alpha: 0;
  --hz-surface-14-border: var(--hz-color-20);
  --hz-surface-14-shadow: none;
  --hz-surface-15-radius: 14px;
  --hz-surface-15-border-width: 1px;
  --hz-surface-15-overlay-opacity: 0%;
  --hz-surface-15-bg: var(--hz-color-01);
  --hz-surface-15-overlay: transparent;
  --hz-surface-15-overlay-alpha: 0;
  --hz-surface-15-border: var(--hz-color-20);
  --hz-surface-15-shadow: none;
  --hz-surface-16-radius: 14px;
  --hz-surface-16-border-width: 0px;
  --hz-surface-16-overlay-opacity: 0%;
  --hz-surface-16-bg: var(--hz-color-03);
  --hz-surface-16-overlay: transparent;
  --hz-surface-16-overlay-alpha: 0;
  --hz-surface-16-border: transparent;
  --hz-surface-16-shadow: none;
  --hz-surface-17-radius: 0px;
  --hz-surface-17-border-width: 0px;
  --hz-surface-17-overlay-opacity: 50%;
  --hz-surface-17-bg: var(--hz-color-04);
  --hz-surface-17-overlay: var(--hz-color-04);
  --hz-surface-17-overlay-alpha: 0.5;
  --hz-surface-17-border: transparent;
  --hz-surface-17-shadow: none;
  --hz-surface-18-radius: 0px;
  --hz-surface-18-border-width: 0px;
  --hz-surface-18-overlay-opacity: 0%;
  --hz-surface-18-bg: var(--hz-color-22);
  --hz-surface-18-overlay: transparent;
  --hz-surface-18-overlay-alpha: 0;
  --hz-surface-18-border: transparent;
  --hz-surface-18-shadow: none;
  --hz-surface-19-radius: 0px;
  --hz-surface-19-border-width: 0px;
  --hz-surface-19-overlay-opacity: 0%;
  --hz-surface-19-bg: var(--hz-color-23);
  --hz-surface-19-overlay: transparent;
  --hz-surface-19-overlay-alpha: 0;
  --hz-surface-19-border: transparent;
  --hz-surface-19-shadow: none;
  --hz-surface-20-radius: 14px;
  --hz-surface-20-border-width: 1px;
  --hz-surface-20-overlay-opacity: 0%;
  --hz-surface-20-bg: var(--hz-color-01);
  --hz-surface-20-overlay: transparent;
  --hz-surface-20-overlay-alpha: 0;
  --hz-surface-20-border: var(--hz-color-20);
  --hz-surface-20-shadow: none;
  --hz-surface-21-radius: 0px;
  --hz-surface-21-border-width: 0px;
  --hz-surface-21-overlay-opacity: 0%;
  --hz-surface-21-bg: var(--hz-color-02);
  --hz-surface-21-overlay: transparent;
  --hz-surface-21-overlay-alpha: 0;
  --hz-surface-21-border: transparent;
  --hz-surface-21-shadow: none;
  --hz-surface-22-radius: 0px;
  --hz-surface-22-border-width: 0px;
  --hz-surface-22-overlay-opacity: 0%;
  --hz-surface-22-bg: var(--hz-color-24);
  --hz-surface-22-overlay: transparent;
  --hz-surface-22-overlay-alpha: 0;
  --hz-surface-22-border: transparent;
  --hz-surface-22-shadow: none;
  --hz-surface-23-radius: 0px;
  --hz-surface-23-border-width: 0px;
  --hz-surface-23-overlay-opacity: 0%;
  --hz-surface-23-bg: var(--hz-color-25);
  --hz-surface-23-overlay: transparent;
  --hz-surface-23-overlay-alpha: 0;
  --hz-surface-23-border: transparent;
  --hz-surface-23-shadow: none;
  --hz-surface-24-radius: 0px;
  --hz-surface-24-border-width: 0px;
  --hz-surface-24-overlay-opacity: 0%;
  --hz-surface-24-bg: var(--hz-color-25);
  --hz-surface-24-overlay: transparent;
  --hz-surface-24-overlay-alpha: 0;
  --hz-surface-24-border: transparent;
  --hz-surface-24-shadow: none;
  --hz-surface-25-radius: 16px;
  --hz-surface-25-border-width: 0px;
  --hz-surface-25-overlay-opacity: 0%;
  --hz-surface-25-bg: var(--hz-color-01);
  --hz-surface-25-overlay: transparent;
  --hz-surface-25-overlay-alpha: 0;
  --hz-surface-25-border: transparent;
  --hz-surface-25-shadow: none;
  --hz-surface-26-radius: 16px;
  --hz-surface-26-border-width: 0px;
  --hz-surface-26-overlay-opacity: 0%;
  --hz-surface-26-bg: var(--hz-color-01);
  --hz-surface-26-overlay: transparent;
  --hz-surface-26-overlay-alpha: 0;
  --hz-surface-26-border: transparent;
  --hz-surface-26-shadow: none;
  --hz-surface-27-radius: 16px;
  --hz-surface-27-border-width: 0px;
  --hz-surface-27-overlay-opacity: 0%;
  --hz-surface-27-bg: var(--hz-color-01);
  --hz-surface-27-overlay: transparent;
  --hz-surface-27-overlay-alpha: 0;
  --hz-surface-27-border: transparent;
  --hz-surface-27-shadow: none;
  --hz-surface-28-radius: 16px;
  --hz-surface-28-border-width: 0px;
  --hz-surface-28-overlay-opacity: 0%;
  --hz-surface-28-bg: var(--hz-color-01);
  --hz-surface-28-overlay: transparent;
  --hz-surface-28-overlay-alpha: 0;
  --hz-surface-28-border: transparent;
  --hz-surface-28-shadow: none;
  --hz-surface-29-radius: 16px;
  --hz-surface-29-border-width: 0px;
  --hz-surface-29-overlay-opacity: 0%;
  --hz-surface-29-bg: var(--hz-color-01);
  --hz-surface-29-overlay: transparent;
  --hz-surface-29-overlay-alpha: 0;
  --hz-surface-29-border: transparent;
  --hz-surface-29-shadow: none;
  --hz-surface-30-radius: 16px;
  --hz-surface-30-border-width: 0px;
  --hz-surface-30-overlay-opacity: 0%;
  --hz-surface-30-bg: var(--hz-color-01);
  --hz-surface-30-overlay: transparent;
  --hz-surface-30-overlay-alpha: 0;
  --hz-surface-30-border: transparent;
  --hz-surface-30-shadow: none;
  --hz-surface-31-radius: 8px;
  --hz-surface-31-border-width: 0px;
  --hz-surface-31-overlay-opacity: 50%;
  --hz-surface-31-bg: var(--hz-color-01);
  --hz-surface-31-overlay: var(--hz-color-04);
  --hz-surface-31-overlay-alpha: 0.5;
  --hz-surface-31-border: transparent;
  --hz-surface-31-shadow: none;
  --hz-surface-32-radius: 8px;
  --hz-surface-32-border-width: 0px;
  --hz-surface-32-overlay-opacity: 50%;
  --hz-surface-32-bg: var(--hz-color-01);
  --hz-surface-32-overlay: var(--hz-color-04);
  --hz-surface-32-overlay-alpha: 0.5;
  --hz-surface-32-border: transparent;
  --hz-surface-32-shadow: none;
  --hz-surface-33-radius: 8px;
  --hz-surface-33-border-width: 0px;
  --hz-surface-33-overlay-opacity: 50%;
  --hz-surface-33-bg: var(--hz-color-01);
  --hz-surface-33-overlay: var(--hz-color-04);
  --hz-surface-33-overlay-alpha: 0.5;
  --hz-surface-33-border: transparent;
  --hz-surface-33-shadow: none;
  --hz-surface-34-radius: 8px;
  --hz-surface-34-border-width: 0px;
  --hz-surface-34-overlay-opacity: 50%;
  --hz-surface-34-bg: var(--hz-color-01);
  --hz-surface-34-overlay: var(--hz-color-04);
  --hz-surface-34-overlay-alpha: 0.5;
  --hz-surface-34-border: transparent;
  --hz-surface-34-shadow: none;
  --hz-surface-35-radius: 8px;
  --hz-surface-35-border-width: 0px;
  --hz-surface-35-overlay-opacity: 50%;
  --hz-surface-35-bg: var(--hz-color-01);
  --hz-surface-35-overlay: var(--hz-color-04);
  --hz-surface-35-overlay-alpha: 0.5;
  --hz-surface-35-border: transparent;
  --hz-surface-35-shadow: none;
  --hz-surface-36-radius: 8px;
  --hz-surface-36-border-width: 0px;
  --hz-surface-36-overlay-opacity: 50%;
  --hz-surface-36-bg: var(--hz-color-01);
  --hz-surface-36-overlay: var(--hz-color-04);
  --hz-surface-36-overlay-alpha: 0.5;
  --hz-surface-36-border: transparent;
  --hz-surface-36-shadow: none;
  --hz-surface-37-radius: 8px;
  --hz-surface-37-border-width: 0px;
  --hz-surface-37-overlay-opacity: 50%;
  --hz-surface-37-bg: var(--hz-color-01);
  --hz-surface-37-overlay: var(--hz-color-04);
  --hz-surface-37-overlay-alpha: 0.5;
  --hz-surface-37-border: transparent;
  --hz-surface-37-shadow: none;
  --hz-surface-38-radius: 8px;
  --hz-surface-38-border-width: 0px;
  --hz-surface-38-overlay-opacity: 50%;
  --hz-surface-38-bg: var(--hz-color-01);
  --hz-surface-38-overlay: var(--hz-color-04);
  --hz-surface-38-overlay-alpha: 0.5;
  --hz-surface-38-border: transparent;
  --hz-surface-38-shadow: none;
  --hz-surface-39-radius: 8px;
  --hz-surface-39-border-width: 0px;
  --hz-surface-39-overlay-opacity: 50%;
  --hz-surface-39-bg: var(--hz-color-01);
  --hz-surface-39-overlay: var(--hz-color-04);
  --hz-surface-39-overlay-alpha: 0.5;
  --hz-surface-39-border: transparent;
  --hz-surface-39-shadow: none;
  --hz-surface-40-radius: 8px;
  --hz-surface-40-border-width: 0px;
  --hz-surface-40-overlay-opacity: 50%;
  --hz-surface-40-bg: var(--hz-color-01);
  --hz-surface-40-overlay: var(--hz-color-04);
  --hz-surface-40-overlay-alpha: 0.5;
  --hz-surface-40-border: transparent;
  --hz-surface-40-shadow: none;
  --hz-badge-01-radius: 999px;
  --hz-badge-01-border-width: 1px;
  --hz-badge-01-bg: var(--hz-color-18);
  --hz-badge-01-text: var(--hz-color-11);
  --hz-badge-01-font-size: var(--hz-size-size-text-07);
  --hz-badge-01-border: var(--hz-color-14);
  --hz-badge-02-radius: 999px;
  --hz-badge-02-border-width: 1px;
  --hz-badge-02-bg: var(--hz-color-19);
  --hz-badge-02-text: var(--hz-color-07);
  --hz-badge-02-font-size: var(--hz-size-size-text-07);
  --hz-badge-02-border: var(--hz-color-14);
  --hz-badge-03-radius: 999px;
  --hz-badge-03-border-width: 1px;
  --hz-badge-03-bg: var(--hz-color-17);
  --hz-badge-03-text: var(--hz-color-11);
  --hz-badge-03-font-size: var(--hz-size-size-text-07);
  --hz-badge-03-border: var(--hz-color-14);
  --hz-badge-04-radius: 999px;
  --hz-badge-04-border-width: 1px;
  --hz-badge-04-bg: var(--hz-color-14);
  --hz-badge-04-text: var(--hz-color-11);
  --hz-badge-04-font-size: var(--hz-size-size-text-08);
  --hz-badge-04-border: var(--hz-color-14);
  --hz-badge-05-radius: 999px;
  --hz-badge-05-border-width: 1px;
  --hz-badge-05-bg: var(--hz-color-15);
  --hz-badge-05-text: var(--hz-color-11);
  --hz-badge-05-font-size: var(--hz-size-size-text-07);
  --hz-badge-05-border: var(--hz-color-14);
  --hz-badge-06-radius: 999px;
  --hz-badge-06-border-width: 1px;
  --hz-badge-06-bg: var(--hz-color-01);
  --hz-badge-06-text: var(--hz-color-14);
  --hz-badge-06-font-size: var(--hz-size-size-text-07);
  --hz-badge-06-border: var(--hz-color-14);
  --hz-badge-07-radius: 999px;
  --hz-badge-07-border-width: 1px;
  --hz-badge-07-bg: var(--hz-color-03);
  --hz-badge-07-text: var(--hz-color-14);
  --hz-badge-07-font-size: var(--hz-size-size-text-07);
  --hz-badge-07-border: var(--hz-color-14);
  --hz-badge-08-radius: 999px;
  --hz-badge-08-border-width: 0px;
  --hz-badge-08-bg: var(--hz-color-14);
  --hz-badge-08-text: var(--hz-color-11);
  --hz-badge-08-font-size: var(--hz-size-size-text-05);
  --hz-badge-08-border: transparent;
  --hz-badge-09-radius: 999px;
  --hz-badge-09-border-width: 0px;
  --hz-badge-09-bg: var(--hz-color-14);
  --hz-badge-09-text: var(--hz-color-11);
  --hz-badge-09-font-size: var(--hz-size-size-text-05);
  --hz-badge-09-border: transparent;
  --hz-badge-10-radius: 999px;
  --hz-badge-10-border-width: 0px;
  --hz-badge-10-bg: var(--hz-color-14);
  --hz-badge-10-text: var(--hz-color-11);
  --hz-badge-10-font-size: var(--hz-size-size-text-05);
  --hz-badge-10-border: transparent;
  --hz-badge-11-radius: 999px;
  --hz-badge-11-border-width: 0px;
  --hz-badge-11-bg: var(--hz-color-14);
  --hz-badge-11-text: var(--hz-color-11);
  --hz-badge-11-font-size: var(--hz-size-size-text-05);
  --hz-badge-11-border: transparent;
  --hz-badge-12-radius: 999px;
  --hz-badge-12-border-width: 0px;
  --hz-badge-12-bg: var(--hz-color-14);
  --hz-badge-12-text: var(--hz-color-11);
  --hz-badge-12-font-size: var(--hz-size-size-text-05);
  --hz-badge-12-border: transparent;
  --hz-badge-13-radius: 4px;
  --hz-badge-13-border-width: 0px;
  --hz-badge-13-bg: var(--hz-color-01);
  --hz-badge-13-text: var(--hz-color-05);
  --hz-badge-13-font-size: var(--hz-size-size-text-05);
  --hz-badge-13-border: transparent;
  --hz-badge-14-radius: 4px;
  --hz-badge-14-border-width: 0px;
  --hz-badge-14-bg: var(--hz-color-01);
  --hz-badge-14-text: var(--hz-color-05);
  --hz-badge-14-font-size: var(--hz-size-size-text-05);
  --hz-badge-14-border: transparent;
  --hz-badge-15-radius: 4px;
  --hz-badge-15-border-width: 0px;
  --hz-badge-15-bg: var(--hz-color-01);
  --hz-badge-15-text: var(--hz-color-05);
  --hz-badge-15-font-size: var(--hz-size-size-text-05);
  --hz-badge-15-border: transparent;
  --hz-badge-16-radius: 4px;
  --hz-badge-16-border-width: 0px;
  --hz-badge-16-bg: var(--hz-color-01);
  --hz-badge-16-text: var(--hz-color-05);
  --hz-badge-16-font-size: var(--hz-size-size-text-05);
  --hz-badge-16-border: transparent;
  --hz-badge-17-radius: 4px;
  --hz-badge-17-border-width: 0px;
  --hz-badge-17-bg: var(--hz-color-01);
  --hz-badge-17-text: var(--hz-color-05);
  --hz-badge-17-font-size: var(--hz-size-size-text-05);
  --hz-badge-17-border: transparent;
  --hz-badge-18-radius: 4px;
  --hz-badge-18-border-width: 0px;
  --hz-badge-18-bg: var(--hz-color-01);
  --hz-badge-18-text: var(--hz-color-05);
  --hz-badge-18-font-size: var(--hz-size-size-text-05);
  --hz-badge-18-border: transparent;
  --hz-badge-19-radius: 4px;
  --hz-badge-19-border-width: 0px;
  --hz-badge-19-bg: var(--hz-color-01);
  --hz-badge-19-text: var(--hz-color-05);
  --hz-badge-19-font-size: var(--hz-size-size-text-05);
  --hz-badge-19-border: transparent;
  --hz-badge-20-radius: 4px;
  --hz-badge-20-border-width: 0px;
  --hz-badge-20-bg: var(--hz-color-01);
  --hz-badge-20-text: var(--hz-color-05);
  --hz-badge-20-font-size: var(--hz-size-size-text-05);
  --hz-badge-20-border: transparent;
  --hz-badge-21-radius: 4px;
  --hz-badge-21-border-width: 0px;
  --hz-badge-21-bg: var(--hz-color-01);
  --hz-badge-21-text: var(--hz-color-05);
  --hz-badge-21-font-size: var(--hz-size-size-text-05);
  --hz-badge-21-border: transparent;
  --hz-badge-22-radius: 4px;
  --hz-badge-22-border-width: 0px;
  --hz-badge-22-bg: var(--hz-color-01);
  --hz-badge-22-text: var(--hz-color-05);
  --hz-badge-22-font-size: var(--hz-size-size-text-05);
  --hz-badge-22-border: transparent;
}
:root body {
  --hz-font-noto-sans: "Noto Sans TC", sans-serif;
  --hz-font-noto-serif: "Noto Serif TC", serif;
  --hz-font-inter: "Inter", sans-serif;
  --hz-font-roboto: "Roboto", sans-serif;
  --hz-font-playfair: "Playfair Display", serif;
  --hz-font-montserrat: "Montserrat", sans-serif;
  --hz-font-lora: "Lora", serif;
  --hz-font-chiron-goround-tc: "Chiron GoRound TC", sans-serif;
  --hz-font-lxgw-wenkai-tc: "LXGW WenKai TC", serif;
  --hz-spacing-tighter: -0.05em;
  --hz-spacing-tight: -0.025em;
  --hz-spacing-normal: 0em;
  --hz-spacing-wide: 0.025em;
  --hz-spacing-wider: 0.05em;
  --hz-spacing-widest: 0.1em;
  --hz-spacing-loose: 0.15em;
  --hz-spacing-looser: 0.2em;
  --hz-spacing-loosest: 0.3em;
  --hz-typo-typo-01-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-01-fs: 3.5rem;
  --hz-typo-typo-01-fw: 700;
  --hz-typo-typo-01-lh: 1.1;
  --hz-typo-typo-01-ls: 0em;
  --hz-typo-typo-02-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-02-fs: 3rem;
  --hz-typo-typo-02-fw: 700;
  --hz-typo-typo-02-lh: 1.2;
  --hz-typo-typo-02-ls: 0em;
  --hz-typo-typo-03-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-03-fs: 2rem;
  --hz-typo-typo-03-fw: 700;
  --hz-typo-typo-03-lh: 1.3;
  --hz-typo-typo-03-ls: 0em;
  --hz-typo-typo-04-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-04-fs: 1.5rem;
  --hz-typo-typo-04-fw: 600;
  --hz-typo-typo-04-lh: 1.3;
  --hz-typo-typo-04-ls: 0em;
  --hz-typo-typo-05-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-05-fs: 1.25rem;
  --hz-typo-typo-05-fw: 400;
  --hz-typo-typo-05-lh: 1.5;
  --hz-typo-typo-05-ls: 0em;
  --hz-typo-typo-06-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-06-fs: 1rem;
  --hz-typo-typo-06-fw: 400;
  --hz-typo-typo-06-lh: 1.5;
  --hz-typo-typo-06-ls: 0em;
  --hz-typo-typo-07-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-07-fs: 0.875rem;
  --hz-typo-typo-07-fw: 400;
  --hz-typo-typo-07-lh: 1.5;
  --hz-typo-typo-07-ls: 0em;
  --hz-typo-typo-08-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-08-fs: 0.8125rem;
  --hz-typo-typo-08-fw: 400;
  --hz-typo-typo-08-lh: 1.5;
  --hz-typo-typo-08-ls: 0em;
  --hz-typo-typo-09-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-09-fs: 1rem;
  --hz-typo-typo-09-fw: 600;
  --hz-typo-typo-09-lh: 1.2;
  --hz-typo-typo-09-ls: 0.025em;
  --hz-typo-typo-10-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-10-fs: 0.875rem;
  --hz-typo-typo-10-fw: 500;
  --hz-typo-typo-10-lh: 1.2;
  --hz-typo-typo-10-ls: 0.025em;
  --hz-typo-typo-11-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-11-fs: 0.875rem;
  --hz-typo-typo-11-fw: 600;
  --hz-typo-typo-11-lh: 1.4;
  --hz-typo-typo-11-ls: 0.1em;
  --hz-typo-typo-12-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-12-fs: 0.9375rem;
  --hz-typo-typo-12-fw: 500;
  --hz-typo-typo-12-lh: 1.3;
  --hz-typo-typo-12-ls: 0em;
  --hz-typo-typo-13-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-13-fs: 0.875rem;
  --hz-typo-typo-13-fw: 300;
  --hz-typo-typo-13-lh: 1.5;
  --hz-typo-typo-13-ls: 0em;
  --hz-typo-typo-14-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-14-fs: 0.8125rem;
  --hz-typo-typo-14-fw: 300;
  --hz-typo-typo-14-lh: 1.5;
  --hz-typo-typo-14-ls: 0em;
  --hz-typo-typo-15-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-15-fs: 2.5rem;
  --hz-typo-typo-15-fw: 700;
  --hz-typo-typo-15-lh: 1.1;
  --hz-typo-typo-15-ls: 0em;
  --hz-typo-typo-16-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-16-fs: 1.25rem;
  --hz-typo-typo-16-fw: 300;
  --hz-typo-typo-16-lh: 1.5;
  --hz-typo-typo-16-ls: 0em;
  --hz-typo-typo-17-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-17-fs: 0.875rem;
  --hz-typo-typo-17-fw: 600;
  --hz-typo-typo-17-lh: 1.2;
  --hz-typo-typo-17-ls: 0.025em;
  --hz-typo-typo-18-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-18-fs: 0.875rem;
  --hz-typo-typo-18-fw: 500;
  --hz-typo-typo-18-lh: 1.3;
  --hz-typo-typo-18-ls: 0em;
  --hz-typo-typo-19-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-19-fs: 1rem;
  --hz-typo-typo-19-fw: 300;
  --hz-typo-typo-19-lh: 1.5;
  --hz-typo-typo-19-ls: 0em;
  --hz-typo-typo-20-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-20-fs: 0.9375rem;
  --hz-typo-typo-20-fw: 500;
  --hz-typo-typo-20-lh: 1.2;
  --hz-typo-typo-20-ls: 0em;
  --hz-typo-typo-21-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-21-fs: 0.875rem;
  --hz-typo-typo-21-fw: 300;
  --hz-typo-typo-21-lh: 1.5;
  --hz-typo-typo-21-ls: 0em;
  --hz-typo-typo-22-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-22-fs: 1rem;
  --hz-typo-typo-22-fw: 500;
  --hz-typo-typo-22-lh: 1.2;
  --hz-typo-typo-22-ls: 0em;
  --hz-typo-typo-23-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-23-fs: 0.9375rem;
  --hz-typo-typo-23-fw: 300;
  --hz-typo-typo-23-lh: 1.5;
  --hz-typo-typo-23-ls: 0em;
  --hz-typo-typo-24-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-24-fs: 0.8125rem;
  --hz-typo-typo-24-fw: 500;
  --hz-typo-typo-24-lh: 1.3;
  --hz-typo-typo-24-ls: 0.025em;
  --hz-typo-typo-25-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-25-fs: 0.9375rem;
  --hz-typo-typo-25-fw: 600;
  --hz-typo-typo-25-lh: 1.3;
  --hz-typo-typo-25-ls: 0em;
  --hz-typo-typo-26-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-26-fs: 0.875rem;
  --hz-typo-typo-26-fw: 300;
  --hz-typo-typo-26-lh: 1.5;
  --hz-typo-typo-26-ls: 0em;
  --hz-typo-typo-27-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-27-fs: 0.8125rem;
  --hz-typo-typo-27-fw: 300;
  --hz-typo-typo-27-lh: 1.5;
  --hz-typo-typo-27-ls: 0em;
  --hz-typo-typo-28-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-28-fs: 1.25rem;
  --hz-typo-typo-28-fw: 600;
  --hz-typo-typo-28-lh: 1.3;
  --hz-typo-typo-28-ls: 0em;
  --hz-typo-typo-29-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-29-fs: 0.8125rem;
  --hz-typo-typo-29-fw: 300;
  --hz-typo-typo-29-lh: 1.5;
  --hz-typo-typo-29-ls: 0em;
  --hz-typo-typo-30-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-30-fs: 1rem;
  --hz-typo-typo-30-fw: 300;
  --hz-typo-typo-30-lh: 1.5;
  --hz-typo-typo-30-ls: 0em;
  --hz-typo-typo-31-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-31-fs: 1rem;
  --hz-typo-typo-31-fw: 300;
  --hz-typo-typo-31-lh: 1.5;
  --hz-typo-typo-31-ls: 0em;
  --hz-typo-typo-32-ff: "Inter", "Noto Sans TC", sans-serif;
  --hz-typo-typo-32-fs: 1rem;
  --hz-typo-typo-32-fw: 300;
  --hz-typo-typo-32-lh: 1.5;
  --hz-typo-typo-32-ls: 0em;
  --hz-typo-typo-33-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-33-fw: 400;
  --hz-typo-typo-33-lh: 1.5;
  --hz-typo-typo-33-ls: 0em;
  --hz-typo-typo-34-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-34-fw: 400;
  --hz-typo-typo-34-lh: 1.5;
  --hz-typo-typo-34-ls: 0em;
  --hz-typo-typo-35-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-35-fw: 400;
  --hz-typo-typo-35-lh: 1.5;
  --hz-typo-typo-35-ls: 0em;
  --hz-typo-typo-36-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-36-fw: 400;
  --hz-typo-typo-36-lh: 1.5;
  --hz-typo-typo-36-ls: 0em;
  --hz-typo-typo-37-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-37-fw: 400;
  --hz-typo-typo-37-lh: 1.5;
  --hz-typo-typo-37-ls: 0em;
  --hz-typo-typo-38-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-38-fw: 400;
  --hz-typo-typo-38-lh: 1.5;
  --hz-typo-typo-38-ls: 0em;
  --hz-typo-typo-39-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-39-fw: 400;
  --hz-typo-typo-39-lh: 1.5;
  --hz-typo-typo-39-ls: 0em;
  --hz-typo-typo-40-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-40-fw: 400;
  --hz-typo-typo-40-lh: 1.5;
  --hz-typo-typo-40-ls: 0em;
  --hz-typo-typo-41-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-41-fw: 400;
  --hz-typo-typo-41-lh: 1.5;
  --hz-typo-typo-41-ls: 0em;
  --hz-typo-typo-42-ff: "Noto Sans TC", "Noto Sans TC", sans-serif;
  --hz-typo-typo-42-fw: 400;
  --hz-typo-typo-42-lh: 1.5;
  --hz-typo-typo-42-ls: 0em;
}
:root body .hz-text-color-01 { color: var(--hz-color-01); }
:root body .hz-text-hover-color-01:hover { color: var(--hz-color-01); }
:root body .hz-bg-color-01 { background-color: var(--hz-color-01); }
:root body .hz-border-color-01 { border-color: var(--hz-color-01); }
:root body .hz-text-color-02 { color: var(--hz-color-02); }
:root body .hz-text-hover-color-02:hover { color: var(--hz-color-02); }
:root body .hz-bg-color-02 { background-color: var(--hz-color-02); }
:root body .hz-border-color-02 { border-color: var(--hz-color-02); }
:root body .hz-text-color-03 { color: var(--hz-color-03); }
:root body .hz-text-hover-color-03:hover { color: var(--hz-color-03); }
:root body .hz-bg-color-03 { background-color: var(--hz-color-03); }
:root body .hz-border-color-03 { border-color: var(--hz-color-03); }
:root body .hz-text-color-04 { color: var(--hz-color-04); }
:root body .hz-text-hover-color-04:hover { color: var(--hz-color-04); }
:root body .hz-bg-color-04 { background-color: var(--hz-color-04); }
:root body .hz-border-color-04 { border-color: var(--hz-color-04); }
:root body .hz-text-color-05 { color: var(--hz-color-05); }
:root body .hz-text-hover-color-05:hover { color: var(--hz-color-05); }
:root body .hz-bg-color-05 { background-color: var(--hz-color-05); }
:root body .hz-border-color-05 { border-color: var(--hz-color-05); }
:root body .hz-text-color-06 { color: var(--hz-color-06); }
:root body .hz-text-hover-color-06:hover { color: var(--hz-color-06); }
:root body .hz-bg-color-06 { background-color: var(--hz-color-06); }
:root body .hz-border-color-06 { border-color: var(--hz-color-06); }
:root body .hz-text-color-07 { color: var(--hz-color-07); }
:root body .hz-text-hover-color-07:hover { color: var(--hz-color-07); }
:root body .hz-bg-color-07 { background-color: var(--hz-color-07); }
:root body .hz-border-color-07 { border-color: var(--hz-color-07); }
:root body .hz-text-color-08 { color: var(--hz-color-08); }
:root body .hz-text-hover-color-08:hover { color: var(--hz-color-08); }
:root body .hz-bg-color-08 { background-color: var(--hz-color-08); }
:root body .hz-border-color-08 { border-color: var(--hz-color-08); }
:root body .hz-text-color-09 { color: var(--hz-color-09); }
:root body .hz-text-hover-color-09:hover { color: var(--hz-color-09); }
:root body .hz-bg-color-09 { background-color: var(--hz-color-09); }
:root body .hz-border-color-09 { border-color: var(--hz-color-09); }
:root body .hz-text-color-10 { color: var(--hz-color-10); }
:root body .hz-text-hover-color-10:hover { color: var(--hz-color-10); }
:root body .hz-bg-color-10 { background-color: var(--hz-color-10); }
:root body .hz-border-color-10 { border-color: var(--hz-color-10); }
:root body .hz-text-color-11 { color: var(--hz-color-11); }
:root body .hz-text-hover-color-11:hover { color: var(--hz-color-11); }
:root body .hz-bg-color-11 { background-color: var(--hz-color-11); }
:root body .hz-border-color-11 { border-color: var(--hz-color-11); }
:root body .hz-text-color-12 { color: var(--hz-color-12); }
:root body .hz-text-hover-color-12:hover { color: var(--hz-color-12); }
:root body .hz-bg-color-12 { background-color: var(--hz-color-12); }
:root body .hz-border-color-12 { border-color: var(--hz-color-12); }
:root body .hz-text-color-13 { color: var(--hz-color-13); }
:root body .hz-text-hover-color-13:hover { color: var(--hz-color-13); }
:root body .hz-bg-color-13 { background-color: var(--hz-color-13); }
:root body .hz-border-color-13 { border-color: var(--hz-color-13); }
:root body .hz-text-color-14 { color: var(--hz-color-14); }
:root body .hz-text-hover-color-14:hover { color: var(--hz-color-14); }
:root body .hz-bg-color-14 { background-color: var(--hz-color-14); }
:root body .hz-border-color-14 { border-color: var(--hz-color-14); }
:root body .hz-text-color-15 { color: var(--hz-color-15); }
:root body .hz-text-hover-color-15:hover { color: var(--hz-color-15); }
:root body .hz-bg-color-15 { background-color: var(--hz-color-15); }
:root body .hz-border-color-15 { border-color: var(--hz-color-15); }
:root body .hz-text-color-16 { color: var(--hz-color-16); }
:root body .hz-text-hover-color-16:hover { color: var(--hz-color-16); }
:root body .hz-bg-color-16 { background-color: var(--hz-color-16); }
:root body .hz-border-color-16 { border-color: var(--hz-color-16); }
:root body .hz-text-color-17 { color: var(--hz-color-17); }
:root body .hz-text-hover-color-17:hover { color: var(--hz-color-17); }
:root body .hz-bg-color-17 { background-color: var(--hz-color-17); }
:root body .hz-border-color-17 { border-color: var(--hz-color-17); }
:root body .hz-text-color-18 { color: var(--hz-color-18); }
:root body .hz-text-hover-color-18:hover { color: var(--hz-color-18); }
:root body .hz-bg-color-18 { background-color: var(--hz-color-18); }
:root body .hz-border-color-18 { border-color: var(--hz-color-18); }
:root body .hz-text-color-19 { color: var(--hz-color-19); }
:root body .hz-text-hover-color-19:hover { color: var(--hz-color-19); }
:root body .hz-bg-color-19 { background-color: var(--hz-color-19); }
:root body .hz-border-color-19 { border-color: var(--hz-color-19); }
:root body .hz-text-color-20 { color: var(--hz-color-20); }
:root body .hz-text-hover-color-20:hover { color: var(--hz-color-20); }
:root body .hz-bg-color-20 { background-color: var(--hz-color-20); }
:root body .hz-border-color-20 { border-color: var(--hz-color-20); }
:root body .hz-text-color-21 { color: var(--hz-color-21); }
:root body .hz-text-hover-color-21:hover { color: var(--hz-color-21); }
:root body .hz-bg-color-21 { background-color: var(--hz-color-21); }
:root body .hz-border-color-21 { border-color: var(--hz-color-21); }
:root body .hz-text-color-22 { color: var(--hz-color-22); }
:root body .hz-text-hover-color-22:hover { color: var(--hz-color-22); }
:root body .hz-bg-color-22 { background-color: var(--hz-color-22); }
:root body .hz-border-color-22 { border-color: var(--hz-color-22); }
:root body .hz-text-color-23 { color: var(--hz-color-23); }
:root body .hz-text-hover-color-23:hover { color: var(--hz-color-23); }
:root body .hz-bg-color-23 { background-color: var(--hz-color-23); }
:root body .hz-border-color-23 { border-color: var(--hz-color-23); }
:root body .hz-text-color-24 { color: var(--hz-color-24); }
:root body .hz-text-hover-color-24:hover { color: var(--hz-color-24); }
:root body .hz-bg-color-24 { background-color: var(--hz-color-24); }
:root body .hz-border-color-24 { border-color: var(--hz-color-24); }
:root body .hz-text-color-25 { color: var(--hz-color-25); }
:root body .hz-text-hover-color-25:hover { color: var(--hz-color-25); }
:root body .hz-bg-color-25 { background-color: var(--hz-color-25); }
:root body .hz-border-color-25 { border-color: var(--hz-color-25); }
:root body .hz-text-color-26 { color: var(--hz-color-26); }
:root body .hz-text-hover-color-26:hover { color: var(--hz-color-26); }
:root body .hz-bg-color-26 { background-color: var(--hz-color-26); }
:root body .hz-border-color-26 { border-color: var(--hz-color-26); }
:root body .hz-text-color-27 { color: var(--hz-color-27); }
:root body .hz-text-hover-color-27:hover { color: var(--hz-color-27); }
:root body .hz-bg-color-27 { background-color: var(--hz-color-27); }
:root body .hz-border-color-27 { border-color: var(--hz-color-27); }
:root body .hz-text-color-28 { color: var(--hz-color-28); }
:root body .hz-text-hover-color-28:hover { color: var(--hz-color-28); }
:root body .hz-bg-color-28 { background-color: var(--hz-color-28); }
:root body .hz-border-color-28 { border-color: var(--hz-color-28); }
:root body .hz-text-color-29 { color: var(--hz-color-29); }
:root body .hz-text-hover-color-29:hover { color: var(--hz-color-29); }
:root body .hz-bg-color-29 { background-color: var(--hz-color-29); }
:root body .hz-border-color-29 { border-color: var(--hz-color-29); }
:root body .hz-text-color-30 { color: var(--hz-color-30); }
:root body .hz-text-hover-color-30:hover { color: var(--hz-color-30); }
:root body .hz-bg-color-30 { background-color: var(--hz-color-30); }
:root body .hz-border-color-30 { border-color: var(--hz-color-30); }
:root body .hz-text-color-31 { color: var(--hz-color-31); }
:root body .hz-text-hover-color-31:hover { color: var(--hz-color-31); }
:root body .hz-bg-color-31 { background-color: var(--hz-color-31); }
:root body .hz-border-color-31 { border-color: var(--hz-color-31); }
:root body .hz-text-color-32 { color: var(--hz-color-32); }
:root body .hz-text-hover-color-32:hover { color: var(--hz-color-32); }
:root body .hz-bg-color-32 { background-color: var(--hz-color-32); }
:root body .hz-border-color-32 { border-color: var(--hz-color-32); }
:root body .hz-text-color-33 { color: var(--hz-color-33); }
:root body .hz-text-hover-color-33:hover { color: var(--hz-color-33); }
:root body .hz-bg-color-33 { background-color: var(--hz-color-33); }
:root body .hz-border-color-33 { border-color: var(--hz-color-33); }
:root body .hz-text-color-34 { color: var(--hz-color-34); }
:root body .hz-text-hover-color-34:hover { color: var(--hz-color-34); }
:root body .hz-bg-color-34 { background-color: var(--hz-color-34); }
:root body .hz-border-color-34 { border-color: var(--hz-color-34); }
:root body .hz-text-color-35 { color: var(--hz-color-35); }
:root body .hz-text-hover-color-35:hover { color: var(--hz-color-35); }
:root body .hz-bg-color-35 { background-color: var(--hz-color-35); }
:root body .hz-border-color-35 { border-color: var(--hz-color-35); }
:root body .hz-text-color-36 { color: var(--hz-color-36); }
:root body .hz-text-hover-color-36:hover { color: var(--hz-color-36); }
:root body .hz-bg-color-36 { background-color: var(--hz-color-36); }
:root body .hz-border-color-36 { border-color: var(--hz-color-36); }
:root body .hz-text-color-37 { color: var(--hz-color-37); }
:root body .hz-text-hover-color-37:hover { color: var(--hz-color-37); }
:root body .hz-bg-color-37 { background-color: var(--hz-color-37); }
:root body .hz-border-color-37 { border-color: var(--hz-color-37); }
:root body .hz-text-color-38 { color: var(--hz-color-38); }
:root body .hz-text-hover-color-38:hover { color: var(--hz-color-38); }
:root body .hz-bg-color-38 { background-color: var(--hz-color-38); }
:root body .hz-border-color-38 { border-color: var(--hz-color-38); }
:root body .hz-text-color-39 { color: var(--hz-color-39); }
:root body .hz-text-hover-color-39:hover { color: var(--hz-color-39); }
:root body .hz-bg-color-39 { background-color: var(--hz-color-39); }
:root body .hz-border-color-39 { border-color: var(--hz-color-39); }
:root body .hz-text-color-40 { color: var(--hz-color-40); }
:root body .hz-text-hover-color-40:hover { color: var(--hz-color-40); }
:root body .hz-bg-color-40 { background-color: var(--hz-color-40); }
:root body .hz-border-color-40 { border-color: var(--hz-color-40); }
:root body .hz-text-color-41 { color: var(--hz-color-41); }
:root body .hz-text-hover-color-41:hover { color: var(--hz-color-41); }
:root body .hz-bg-color-41 { background-color: var(--hz-color-41); }
:root body .hz-border-color-41 { border-color: var(--hz-color-41); }
:root body .hz-text-color-42 { color: var(--hz-color-42); }
:root body .hz-text-hover-color-42:hover { color: var(--hz-color-42); }
:root body .hz-bg-color-42 { background-color: var(--hz-color-42); }
:root body .hz-border-color-42 { border-color: var(--hz-color-42); }
:root body .hz-text-color-43 { color: var(--hz-color-43); }
:root body .hz-text-hover-color-43:hover { color: var(--hz-color-43); }
:root body .hz-bg-color-43 { background-color: var(--hz-color-43); }
:root body .hz-border-color-43 { border-color: var(--hz-color-43); }
:root body .hz-text-color-44 { color: var(--hz-color-44); }
:root body .hz-text-hover-color-44:hover { color: var(--hz-color-44); }
:root body .hz-bg-color-44 { background-color: var(--hz-color-44); }
:root body .hz-border-color-44 { border-color: var(--hz-color-44); }
:root body .hz-text-color-45 { color: var(--hz-color-45); }
:root body .hz-text-hover-color-45:hover { color: var(--hz-color-45); }
:root body .hz-bg-color-45 { background-color: var(--hz-color-45); }
:root body .hz-border-color-45 { border-color: var(--hz-color-45); }
:root body .hz-text-color-46 { color: var(--hz-color-46); }
:root body .hz-text-hover-color-46:hover { color: var(--hz-color-46); }
:root body .hz-bg-color-46 { background-color: var(--hz-color-46); }
:root body .hz-border-color-46 { border-color: var(--hz-color-46); }
:root body .hz-typo-typo-01 {
font-size: 3.5rem; --_hz-fs: 3.5rem; font-weight: 700; --_hz-fw: 700; line-height: 1.1; --_hz-lh: 1.1; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-02 {
font-size: 3rem; --_hz-fs: 3rem; font-weight: 700; --_hz-fw: 700; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-03 {
font-size: 2rem; --_hz-fs: 2rem; font-weight: 700; --_hz-fw: 700; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-04 {
font-size: 1.5rem; --_hz-fs: 1.5rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-05 {
font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-06 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-07 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-08 {
font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-09 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 600; --_hz-fw: 600; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-10 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-11 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 600; --_hz-fw: 600; line-height: 1.4; --_hz-lh: 1.4; letter-spacing: 0.1em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-12 {
font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-13 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-14 {
font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-15 {
font-size: 2.5rem; --_hz-fs: 2.5rem; font-weight: 700; --_hz-fw: 700; line-height: 1.1; --_hz-lh: 1.1; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-16 {
font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-17 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 600; --_hz-fw: 600; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-18 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-19 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-20 {
font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-21 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-22 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-23 {
font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-24 {
font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-25 {
font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-26 {
font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-27 {
font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-28 {
font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-29 {
font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-30 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-31 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-32 {
font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-33 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-34 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-35 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-36 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-37 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-38 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-39 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-40 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-41 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}
:root body .hz-typo-typo-42 {
font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif;
}

/* Tablet (≤48.875em / 782px) — same-token scaling */
@media (max-width: 48.875em) {
  :root body .hz-typo-typo-01 { font-size: 2.75rem; --_hz-fs: 2.75rem; }
  :root body .hz-typo-typo-02 { font-size: 2rem; --_hz-fs: 2rem; }
  :root body .hz-typo-typo-03 { font-size: 1.75rem; --_hz-fs: 1.75rem; }
  :root body .hz-typo-typo-04 { font-size: 1.25rem; --_hz-fs: 1.25rem; }
  :root body .hz-typo-typo-05 { font-size: 1.125rem; --_hz-fs: 1.125rem; }
  :root body .hz-typo-typo-06 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-07 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-08 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-09 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-10 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-11 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-12 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-13 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-14 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-15 { font-size: 1.75rem; --_hz-fs: 1.75rem; }
  :root body .hz-typo-typo-16 { font-size: 1.125rem; --_hz-fs: 1.125rem; }
  :root body .hz-typo-typo-17 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-18 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-19 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-20 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-21 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-22 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-23 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-24 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-25 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-26 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-27 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-28 { font-size: 1.125rem; --_hz-fs: 1.125rem; }
  :root body .hz-typo-typo-29 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-30 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-31 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-32 { font-size: 1rem; --_hz-fs: 1rem; }
}

/* Mobile (≤37.5em / 600px) — same-token scaling */
@media (max-width: 37.5em) {
  :root body .hz-typo-typo-01 { font-size: 2.5rem; --_hz-fs: 2.5rem; }
  :root body .hz-typo-typo-02 { font-size: 1.75rem; --_hz-fs: 1.75rem; }
  :root body .hz-typo-typo-03 { font-size: 1.5rem; --_hz-fs: 1.5rem; }
  :root body .hz-typo-typo-04 { font-size: 1.1875rem; --_hz-fs: 1.1875rem; }
  :root body .hz-typo-typo-05 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-06 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-07 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-08 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-09 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-10 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-11 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-12 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-13 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-14 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-15 { font-size: 1.5rem; --_hz-fs: 1.5rem; }
  :root body .hz-typo-typo-16 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-17 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-18 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-19 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-20 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-21 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-22 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-23 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; }
  :root body .hz-typo-typo-24 { font-size: 0.75rem; --_hz-fs: 0.75rem; }
  :root body .hz-typo-typo-25 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-26 { font-size: 0.875rem; --_hz-fs: 0.875rem; }
  :root body .hz-typo-typo-27 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-28 { font-size: 1.125rem; --_hz-fs: 1.125rem; }
  :root body .hz-typo-typo-29 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; }
  :root body .hz-typo-typo-30 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-31 { font-size: 1rem; --_hz-fs: 1rem; }
  :root body .hz-typo-typo-32 { font-size: 1rem; --_hz-fs: 1rem; }
}

/* Typography: Tablet Responsive Prefix */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-typo-tablet-typo-01 { font-size: 3.5rem; --_hz-fs: 3.5rem; font-weight: 700; --_hz-fw: 700; line-height: 1.1; --_hz-lh: 1.1; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-02 { font-size: 3rem; --_hz-fs: 3rem; font-weight: 700; --_hz-fw: 700; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-03 { font-size: 2rem; --_hz-fs: 2rem; font-weight: 700; --_hz-fw: 700; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-04 { font-size: 1.5rem; --_hz-fs: 1.5rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-05 { font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-06 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-07 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-08 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-09 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 600; --_hz-fw: 600; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-10 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-11 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 600; --_hz-fw: 600; line-height: 1.4; --_hz-lh: 1.4; letter-spacing: 0.1em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-12 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-13 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-14 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-15 { font-size: 2.5rem; --_hz-fs: 2.5rem; font-weight: 700; --_hz-fw: 700; line-height: 1.1; --_hz-lh: 1.1; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-16 { font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-17 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 600; --_hz-fw: 600; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-18 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-19 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-20 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-21 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-22 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-23 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-24 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-25 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-26 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-27 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-28 { font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-29 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-30 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-31 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-32 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-33 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-34 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-35 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-36 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-37 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-38 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-39 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-40 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-41 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-tablet-typo-42 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
}

/* Typography: Mobile Responsive Prefix */
@media (max-width: 767px) {
  :root body .hz-typo-mobile-typo-01 { font-size: 3.5rem; --_hz-fs: 3.5rem; font-weight: 700; --_hz-fw: 700; line-height: 1.1; --_hz-lh: 1.1; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-02 { font-size: 3rem; --_hz-fs: 3rem; font-weight: 700; --_hz-fw: 700; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-03 { font-size: 2rem; --_hz-fs: 2rem; font-weight: 700; --_hz-fw: 700; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-04 { font-size: 1.5rem; --_hz-fs: 1.5rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-05 { font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-06 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-07 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-08 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-09 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 600; --_hz-fw: 600; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-10 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-11 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 600; --_hz-fw: 600; line-height: 1.4; --_hz-lh: 1.4; letter-spacing: 0.1em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-12 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-13 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-14 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-15 { font-size: 2.5rem; --_hz-fs: 2.5rem; font-weight: 700; --_hz-fw: 700; line-height: 1.1; --_hz-lh: 1.1; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-16 { font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-17 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 600; --_hz-fw: 600; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-18 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-19 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-20 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-21 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-22 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 500; --_hz-fw: 500; line-height: 1.2; --_hz-lh: 1.2; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-23 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-24 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 500; --_hz-fw: 500; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0.025em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-25 { font-size: 0.9375rem; --_hz-fs: 0.9375rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-26 { font-size: 0.875rem; --_hz-fs: 0.875rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-27 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-28 { font-size: 1.25rem; --_hz-fs: 1.25rem; font-weight: 600; --_hz-fw: 600; line-height: 1.3; --_hz-lh: 1.3; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-29 { font-size: 0.8125rem; --_hz-fs: 0.8125rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-30 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-31 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-32 { font-size: 1rem; --_hz-fs: 1rem; font-weight: 300; --_hz-fw: 300; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Inter", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-33 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-34 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-35 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-36 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-37 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-38 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-39 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-40 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-41 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
  :root body .hz-typo-mobile-typo-42 { font-weight: 400; --_hz-fw: 400; line-height: 1.5; --_hz-lh: 1.5; letter-spacing: 0em; font-family: "Noto Sans TC", "Noto Sans TC", sans-serif; }
}

/* Manual Mode - Desktop */
:root body .hz-typo-manual {
  --_hz-fs: var(--hz-fs-d, var(--hz-fs, 1rem));
  --_hz-fw: var(--hz-fw);
  --_hz-lh: var(--hz-lh);
  font-size: var(--hz-fs-d, var(--hz-fs, 1rem));
  font-weight: var(--hz-fw);
  line-height: var(--hz-lh);
  letter-spacing: var(--hz-ls);
  font-family: var(--hz-ff);
}

/* Manual Mode - Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-typo-manual {
    --_hz-fs: var(--hz-fs-t, var(--hz-fs-d, var(--hz-fs, 1rem)));
    --_hz-fw: var(--hz-fw-t, var(--hz-fw));
    --_hz-lh: var(--hz-lh-t, var(--hz-lh));
    font-size: var(--hz-fs-t, var(--hz-fs-d, var(--hz-fs, 1rem)));
    font-weight: var(--hz-fw-t, var(--hz-fw));
    line-height: var(--hz-lh-t, var(--hz-lh));
    letter-spacing: var(--hz-ls-t, var(--hz-ls));
    font-family: var(--hz-ff-t, var(--hz-ff));
  }
}

/* Manual Mode - Mobile */
@media (max-width: 767px) {
  :root body .hz-typo-manual {
    --_hz-fs: var(--hz-fs-m, var(--hz-fs-d, var(--hz-fs, 1rem)));
    --_hz-fw: var(--hz-fw-m, var(--hz-fw));
    --_hz-lh: var(--hz-lh-m, var(--hz-lh));
    font-size: var(--hz-fs-m, var(--hz-fs-d, var(--hz-fs, 1rem)));
    font-weight: var(--hz-fw-m, var(--hz-fw));
    line-height: var(--hz-lh-m, var(--hz-lh));
    letter-spacing: var(--hz-ls-m, var(--hz-ls));
    font-family: var(--hz-ff-m, var(--hz-ff));
  }
}
:root body .shadow-01 { box-shadow: var(--hz-shadow-01); }
:root body .shadow-02 { box-shadow: var(--hz-shadow-02); }
:root body .shadow-03 { box-shadow: var(--hz-shadow-03); }
:root body .shadow-04 { box-shadow: var(--hz-shadow-04); }
:root body .shadow-05 { box-shadow: var(--hz-shadow-05); }
:root body .shadow-06 { box-shadow: var(--hz-shadow-06); }
:root body .shadow-07 { box-shadow: var(--hz-shadow-07); }
:root body .shadow-08 { box-shadow: var(--hz-shadow-08); }
:root body .shadow-09 { box-shadow: var(--hz-shadow-09); }
:root body .shadow-10 { box-shadow: var(--hz-shadow-10); }
:root body .shadow-11 { box-shadow: var(--hz-shadow-11); }
:root body .shadow-12 { box-shadow: var(--hz-shadow-12); }
:root body .shadow-13 { box-shadow: var(--hz-shadow-13); }
:root body .shadow-14 { box-shadow: var(--hz-shadow-14); }
:root body .shadow-15 { box-shadow: var(--hz-shadow-15); }
:root body .shadow-16 { box-shadow: var(--hz-shadow-16); }
:root body .shadow-17 { box-shadow: var(--hz-shadow-17); }
:root body .shadow-18 { box-shadow: var(--hz-shadow-18); }
:root body .shadow-19 { box-shadow: var(--hz-shadow-19); }
:root body .shadow-20 { box-shadow: var(--hz-shadow-20); }
:root body .shadow-21 { box-shadow: var(--hz-shadow-21); }
:root body .shadow-22 { box-shadow: var(--hz-shadow-22); }
:root body .shadow-23 { box-shadow: var(--hz-shadow-23); }
:root body .shadow-24 { box-shadow: var(--hz-shadow-24); }
:root body .hz-motion-motion-01 { --hz-motion-name: none; }
:root body .hz-motion-motion-02 { --hz-motion-name: none; }
:root body .hz-motion-motion-03 { --hz-motion-name: none; }
:root body .hz-motion-motion-04 { --hz-motion-name: none; }
:root body .hz-motion-motion-05 { --hz-motion-name: none; }
:root body .hz-motion-motion-06 { --hz-motion-name: none; }
:root body .hz-motion-motion-07 { --hz-motion-name: none; }
:root body .hz-motion-motion-08 { --hz-motion-name: none; }
:root body .hz-motion-motion-09 { --hz-motion-name: none; }
:root body .hz-motion-motion-10 { --hz-motion-name: none; }
:root body .hz-motion-motion-11 { --hz-motion-name: none; }
:root body .hz-motion-motion-12 { --hz-motion-name: none; }
:root body .hz-motion-motion-13 { --hz-motion-name: none; }
:root body .hz-motion-motion-14 { --hz-motion-name: none; }
:root body .hz-motion-motion-15 { --hz-motion-name: none; }
:root body .hz-motion-motion-16 { --hz-motion-name: none; }
:root body .hz-motion-motion-17 { --hz-motion-name: none; }
:root body .hz-motion-motion-18 { --hz-motion-name: none; }
:root body .hz-motion-motion-19 { --hz-motion-name: none; }
:root body .hz-motion-motion-20 { --hz-motion-name: none; }
:root body .hz-motion-motion-21 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-22 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-23 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-24 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-25 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-26 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-27 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-28 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-29 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
:root body .hz-motion-motion-30 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }

/* Motion: Tablet Responsive Prefix */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-motion-tablet-motion-21 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-22 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-23 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-24 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-25 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-26 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-27 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-28 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-29 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-tablet-motion-30 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
}

/* Motion: Mobile Responsive Prefix */
@media (max-width: 767px) {
  :root body .hz-motion-mobile-motion-21 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-22 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-23 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-24 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-25 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-26 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-27 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-28 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-29 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
  :root body .hz-motion-mobile-motion-30 { --hz-motion-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }
}
@media (prefers-reduced-motion: reduce) {
  :root body .hz-motion-motion-01, :root body .hz-motion-motion-02, :root body .hz-motion-motion-03, :root body .hz-motion-motion-04, :root body .hz-motion-motion-05, :root body .hz-motion-motion-06, :root body .hz-motion-motion-07, :root body .hz-motion-motion-08, :root body .hz-motion-motion-09, :root body .hz-motion-motion-10, :root body .hz-motion-motion-11, :root body .hz-motion-motion-12, :root body .hz-motion-motion-13, :root body .hz-motion-motion-14, :root body .hz-motion-motion-15, :root body .hz-motion-motion-16, :root body .hz-motion-motion-17, :root body .hz-motion-motion-18, :root body .hz-motion-motion-19, :root body .hz-motion-motion-20, :root body .hz-motion-motion-21, :root body .hz-motion-motion-22, :root body .hz-motion-motion-23, :root body .hz-motion-motion-24, :root body .hz-motion-motion-25, :root body .hz-motion-motion-26, :root body .hz-motion-motion-27, :root body .hz-motion-motion-28, :root body .hz-motion-motion-29, :root body .hz-motion-motion-30 {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    animation-play-state: running !important;
  }
}
/* Global Motion Utilities */
.animate__delay-0-2s {
  animation-delay: 0.2s !important;
  --animate-delay: 0.2s;
}
.animate__delay-0-5s {
  animation-delay: 0.5s !important;
  --animate-delay: 0.5s;
}

/* Manual Mode - Desktop */
.hz-motion-manual {
}

@media (prefers-reduced-motion: reduce) {
  .hz-motion-manual {
    animation-play-state: running !important;
    animation-duration: 1ms !important;
  }
}

/* Motion initial state — hide until JS triggers animation */
.hz-motion-ready [class*="hz-motion-"]:not(.hz-motion-manual) {
  opacity: 0;
}
:root body [data-hz-surface] .hz-gap-xs { margin-top: var(--hz-gap-xs); }
:root body [data-hz-surface] .hz-flex-gap-xs { gap: var(--hz-gap-xs); }
:root body [data-hz-surface] .hz-gap-sm { margin-top: var(--hz-gap-sm); }
:root body [data-hz-surface] .hz-flex-gap-sm { gap: var(--hz-gap-sm); }
:root body [data-hz-surface] .hz-gap-md { margin-top: var(--hz-gap-md); }
:root body [data-hz-surface] .hz-flex-gap-md { gap: var(--hz-gap-md); }
:root body [data-hz-surface] .hz-gap-lg { margin-top: var(--hz-gap-lg); }
:root body [data-hz-surface] .hz-flex-gap-lg { gap: var(--hz-gap-lg); }
:root body [data-hz-surface] .hz-gap-xl { margin-top: var(--hz-gap-xl); }
:root body [data-hz-surface] .hz-flex-gap-xl { gap: var(--hz-gap-xl); }
:root body .hz-block-py { padding-top: var(--hz-block-py); padding-bottom: var(--hz-block-py); }
:root body .hz-block-py-sm { padding-top: var(--hz-block-py-sm); padding-bottom: var(--hz-block-py-sm); }
@media (max-width: 1023px) {
  :root {
  --hz-hf-topbar-height: 36px;
  --hz-hf-topbar-padding-y: 4px;
  --hz-hf-topbar-padding-x: 16px;
  --hz-hf-topbar-gap: 12px;
  --hz-hf-main-height: 80px;
  --hz-hf-main-padding-y: 20px;
  --hz-hf-main-padding-x: 36px;
  --hz-hf-main-gap: 16px;
  --hz-hf-footer-top-height: auto;
  --hz-hf-footer-top-padding-y: 24px;
  --hz-hf-footer-top-padding-x: 28px;
  --hz-hf-footer-top-gap: 16px;
  --hz-hf-footer-mid-padding-y: 36px;
  --hz-hf-footer-mid-padding-x: 28px;
  --hz-hf-footer-mid-gap: 20px;
  --hz-hf-footer-bottom-height: 48px;
  --hz-hf-footer-bottom-padding-y: 28px;
  --hz-hf-footer-bottom-padding-x: 35px;
  --hz-hf-footer-bottom-gap: 14px;
  --hz-hf-nav-item-gap: 26px;
  --hz-hf-nav-sub-width: 270px;
  --hz-hf-nav-sub-padding-y: 8px;
  --hz-hf-nav-sub-padding-x: 0px;
  --hz-hf-nav-sub-item-padding-y: 10px;
  --hz-hf-nav-sub-item-padding-x: 16px;
  --hz-hf-nav-item-padding-y: 0px;
  --hz-hf-nav-item-padding-x: 0px;
  --hz-hf-logo-max-height: 40px;
  }
}
@media (max-width: 767px) {
  :root {
  --hz-hf-topbar-height: 36px;
  --hz-hf-topbar-padding-y: 4px;
  --hz-hf-topbar-padding-x: 16px;
  --hz-hf-topbar-gap: 12px;
  --hz-hf-main-height: 80px;
  --hz-hf-main-padding-y: 20px;
  --hz-hf-main-padding-x: 32px;
  --hz-hf-main-gap: 8px;
  --hz-hf-footer-top-height: auto;
  --hz-hf-footer-top-padding-y: 20px;
  --hz-hf-footer-top-padding-x: 32px;
  --hz-hf-footer-top-gap: 12px;
  --hz-hf-footer-mid-padding-y: 32px;
  --hz-hf-footer-mid-padding-x: 32px;
  --hz-hf-footer-mid-gap: 40px;
  --hz-hf-footer-bottom-height: 48px;
  --hz-hf-footer-bottom-padding-y: 32px;
  --hz-hf-footer-bottom-padding-x: 32px;
  --hz-hf-footer-bottom-gap: 10px;
  --hz-hf-logo-max-height: 32px;
  }
}

:root body .hz-hover-01 {
  transition: transform var(--hz-hover-01-duration) var(--hz-hover-01-timing),
              box-shadow var(--hz-hover-01-duration) var(--hz-hover-01-timing),
              filter var(--hz-hover-01-duration) var(--hz-hover-01-timing);
}
:root body .hz-hover-01.hz-no-transform {
  transition: box-shadow var(--hz-hover-01-duration) var(--hz-hover-01-timing),
              filter var(--hz-hover-01-duration) var(--hz-hover-01-timing);
}
:root body .hz-hover-01:hover {
  box-shadow: var(--hz-hover-01-shadow) !important;
}
:root body .hz-hover-01:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-01-scale)) translateY(var(--hz-hover-01-translate-y)) !important;
}
:root body .hz-hover-02 {
  transition: transform var(--hz-hover-02-duration) var(--hz-hover-02-timing),
              box-shadow var(--hz-hover-02-duration) var(--hz-hover-02-timing),
              filter var(--hz-hover-02-duration) var(--hz-hover-02-timing);
}
:root body .hz-hover-02.hz-no-transform {
  transition: box-shadow var(--hz-hover-02-duration) var(--hz-hover-02-timing),
              filter var(--hz-hover-02-duration) var(--hz-hover-02-timing);
}
:root body .hz-hover-02:hover {
  box-shadow: var(--hz-hover-02-shadow) !important;
}
:root body .hz-hover-02:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-02-scale)) translateY(var(--hz-hover-02-translate-y)) !important;
}
:root body .hz-hover-03 {
  transition: transform var(--hz-hover-03-duration) var(--hz-hover-03-timing),
              box-shadow var(--hz-hover-03-duration) var(--hz-hover-03-timing),
              filter var(--hz-hover-03-duration) var(--hz-hover-03-timing);
}
:root body .hz-hover-03.hz-no-transform {
  transition: box-shadow var(--hz-hover-03-duration) var(--hz-hover-03-timing),
              filter var(--hz-hover-03-duration) var(--hz-hover-03-timing);
}
:root body .hz-hover-03:hover {
  box-shadow: var(--hz-hover-03-shadow) !important;
  filter: brightness(108%);
}
:root body .hz-hover-03:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-03-scale)) translateY(var(--hz-hover-03-translate-y)) !important;
}
:root body .hz-hover-04 {
  transition: transform var(--hz-hover-04-duration) var(--hz-hover-04-timing),
              box-shadow var(--hz-hover-04-duration) var(--hz-hover-04-timing),
              filter var(--hz-hover-04-duration) var(--hz-hover-04-timing);
}
:root body .hz-hover-04.hz-no-transform {
  transition: box-shadow var(--hz-hover-04-duration) var(--hz-hover-04-timing),
              filter var(--hz-hover-04-duration) var(--hz-hover-04-timing);
}
:root body .hz-hover-04:hover {
  box-shadow: var(--hz-hover-04-shadow) !important;
  filter: brightness(105%);
}
:root body .hz-hover-04:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-04-scale)) translateY(var(--hz-hover-04-translate-y)) !important;
}
:root body .hz-hover-05 {
  transition: transform var(--hz-hover-05-duration) var(--hz-hover-05-timing),
              box-shadow var(--hz-hover-05-duration) var(--hz-hover-05-timing),
              filter var(--hz-hover-05-duration) var(--hz-hover-05-timing);
}
:root body .hz-hover-05.hz-no-transform {
  transition: box-shadow var(--hz-hover-05-duration) var(--hz-hover-05-timing),
              filter var(--hz-hover-05-duration) var(--hz-hover-05-timing);
}
:root body .hz-hover-05:hover {
  box-shadow: var(--hz-hover-05-shadow) !important;
}
:root body .hz-hover-05:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-05-scale)) translateY(var(--hz-hover-05-translate-y)) !important;
}
:root body .hz-hover-06 {
  transition: transform var(--hz-hover-06-duration) var(--hz-hover-06-timing),
              box-shadow var(--hz-hover-06-duration) var(--hz-hover-06-timing),
              filter var(--hz-hover-06-duration) var(--hz-hover-06-timing);
}
:root body .hz-hover-06.hz-no-transform {
  transition: box-shadow var(--hz-hover-06-duration) var(--hz-hover-06-timing),
              filter var(--hz-hover-06-duration) var(--hz-hover-06-timing);
}
:root body .hz-hover-06:hover {
  box-shadow: var(--hz-hover-06-shadow) !important;
}
:root body .hz-hover-06:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-06-scale)) translateY(var(--hz-hover-06-translate-y)) !important;
}
:root body .hz-hover-07 {
  transition: transform var(--hz-hover-07-duration) var(--hz-hover-07-timing),
              box-shadow var(--hz-hover-07-duration) var(--hz-hover-07-timing),
              filter var(--hz-hover-07-duration) var(--hz-hover-07-timing);
}
:root body .hz-hover-07.hz-no-transform {
  transition: box-shadow var(--hz-hover-07-duration) var(--hz-hover-07-timing),
              filter var(--hz-hover-07-duration) var(--hz-hover-07-timing);
}
:root body .hz-hover-07:hover {
  box-shadow: var(--hz-hover-07-shadow) !important;
}
:root body .hz-hover-07:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-07-scale)) translateY(var(--hz-hover-07-translate-y)) !important;
}
:root body .hz-hover-08 {
  transition: transform var(--hz-hover-08-duration) var(--hz-hover-08-timing),
              box-shadow var(--hz-hover-08-duration) var(--hz-hover-08-timing),
              filter var(--hz-hover-08-duration) var(--hz-hover-08-timing);
}
:root body .hz-hover-08.hz-no-transform {
  transition: box-shadow var(--hz-hover-08-duration) var(--hz-hover-08-timing),
              filter var(--hz-hover-08-duration) var(--hz-hover-08-timing);
}
:root body .hz-hover-08:hover {
  box-shadow: var(--hz-hover-08-shadow) !important;
}
:root body .hz-hover-08:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-08-scale)) translateY(var(--hz-hover-08-translate-y)) !important;
}
:root body .hz-hover-09 {
  transition: transform var(--hz-hover-09-duration) var(--hz-hover-09-timing),
              box-shadow var(--hz-hover-09-duration) var(--hz-hover-09-timing),
              filter var(--hz-hover-09-duration) var(--hz-hover-09-timing);
}
:root body .hz-hover-09.hz-no-transform {
  transition: box-shadow var(--hz-hover-09-duration) var(--hz-hover-09-timing),
              filter var(--hz-hover-09-duration) var(--hz-hover-09-timing);
}
:root body .hz-hover-09:hover {
  box-shadow: var(--hz-hover-09-shadow) !important;
}
:root body .hz-hover-09:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-09-scale)) translateY(var(--hz-hover-09-translate-y)) !important;
}
:root body .hz-hover-10 {
  transition: transform var(--hz-hover-10-duration) var(--hz-hover-10-timing),
              box-shadow var(--hz-hover-10-duration) var(--hz-hover-10-timing),
              filter var(--hz-hover-10-duration) var(--hz-hover-10-timing);
}
:root body .hz-hover-10.hz-no-transform {
  transition: box-shadow var(--hz-hover-10-duration) var(--hz-hover-10-timing),
              filter var(--hz-hover-10-duration) var(--hz-hover-10-timing);
}
:root body .hz-hover-10:hover {
  box-shadow: var(--hz-hover-10-shadow) !important;
}
:root body .hz-hover-10:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-10-scale)) translateY(var(--hz-hover-10-translate-y)) !important;
}
:root body .hz-hover-11 {
  transition: transform var(--hz-hover-11-duration) var(--hz-hover-11-timing),
              box-shadow var(--hz-hover-11-duration) var(--hz-hover-11-timing),
              filter var(--hz-hover-11-duration) var(--hz-hover-11-timing);
}
:root body .hz-hover-11.hz-no-transform {
  transition: box-shadow var(--hz-hover-11-duration) var(--hz-hover-11-timing),
              filter var(--hz-hover-11-duration) var(--hz-hover-11-timing);
}
:root body .hz-hover-11:hover {
  box-shadow: var(--hz-hover-11-shadow) !important;
}
:root body .hz-hover-11:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-11-scale)) translateY(var(--hz-hover-11-translate-y)) !important;
}
:root body .hz-hover-12 {
  transition: transform var(--hz-hover-12-duration) var(--hz-hover-12-timing),
              box-shadow var(--hz-hover-12-duration) var(--hz-hover-12-timing),
              filter var(--hz-hover-12-duration) var(--hz-hover-12-timing);
}
:root body .hz-hover-12.hz-no-transform {
  transition: box-shadow var(--hz-hover-12-duration) var(--hz-hover-12-timing),
              filter var(--hz-hover-12-duration) var(--hz-hover-12-timing);
}
:root body .hz-hover-12:hover {
  box-shadow: var(--hz-hover-12-shadow) !important;
  filter: brightness(108%);
}
:root body .hz-hover-12:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-12-scale)) translateY(var(--hz-hover-12-translate-y)) !important;
}
:root body .hz-hover-13 {
  transition: transform var(--hz-hover-13-duration) var(--hz-hover-13-timing),
              box-shadow var(--hz-hover-13-duration) var(--hz-hover-13-timing),
              filter var(--hz-hover-13-duration) var(--hz-hover-13-timing);
}
:root body .hz-hover-13.hz-no-transform {
  transition: box-shadow var(--hz-hover-13-duration) var(--hz-hover-13-timing),
              filter var(--hz-hover-13-duration) var(--hz-hover-13-timing);
}
:root body .hz-hover-13:hover {
  box-shadow: var(--hz-hover-13-shadow) !important;
}
:root body .hz-hover-13:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-13-scale)) translateY(var(--hz-hover-13-translate-y)) !important;
}
:root body .hz-hover-14 {
  transition: transform var(--hz-hover-14-duration) var(--hz-hover-14-timing),
              box-shadow var(--hz-hover-14-duration) var(--hz-hover-14-timing),
              filter var(--hz-hover-14-duration) var(--hz-hover-14-timing);
}
:root body .hz-hover-14.hz-no-transform {
  transition: box-shadow var(--hz-hover-14-duration) var(--hz-hover-14-timing),
              filter var(--hz-hover-14-duration) var(--hz-hover-14-timing);
}
:root body .hz-hover-14:hover {
  box-shadow: var(--hz-hover-14-shadow) !important;
}
:root body .hz-hover-14:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-14-scale)) translateY(var(--hz-hover-14-translate-y)) !important;
}
:root body .hz-hover-15 {
  transition: transform var(--hz-hover-15-duration) var(--hz-hover-15-timing),
              box-shadow var(--hz-hover-15-duration) var(--hz-hover-15-timing),
              filter var(--hz-hover-15-duration) var(--hz-hover-15-timing);
}
:root body .hz-hover-15.hz-no-transform {
  transition: box-shadow var(--hz-hover-15-duration) var(--hz-hover-15-timing),
              filter var(--hz-hover-15-duration) var(--hz-hover-15-timing);
}
:root body .hz-hover-15:hover {
  box-shadow: var(--hz-hover-15-shadow) !important;
}
:root body .hz-hover-15:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-15-scale)) translateY(var(--hz-hover-15-translate-y)) !important;
}
:root body .hz-hover-16 {
  transition: transform var(--hz-hover-16-duration) var(--hz-hover-16-timing),
              box-shadow var(--hz-hover-16-duration) var(--hz-hover-16-timing),
              filter var(--hz-hover-16-duration) var(--hz-hover-16-timing);
}
:root body .hz-hover-16.hz-no-transform {
  transition: box-shadow var(--hz-hover-16-duration) var(--hz-hover-16-timing),
              filter var(--hz-hover-16-duration) var(--hz-hover-16-timing);
}
:root body .hz-hover-16:hover {
  box-shadow: var(--hz-hover-16-shadow) !important;
}
:root body .hz-hover-16:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-16-scale)) translateY(var(--hz-hover-16-translate-y)) !important;
}
:root body .hz-hover-17 {
  transition: transform var(--hz-hover-17-duration) var(--hz-hover-17-timing),
              box-shadow var(--hz-hover-17-duration) var(--hz-hover-17-timing),
              filter var(--hz-hover-17-duration) var(--hz-hover-17-timing);
}
:root body .hz-hover-17.hz-no-transform {
  transition: box-shadow var(--hz-hover-17-duration) var(--hz-hover-17-timing),
              filter var(--hz-hover-17-duration) var(--hz-hover-17-timing);
}
:root body .hz-hover-17:hover {
  box-shadow: var(--hz-hover-17-shadow) !important;
}
:root body .hz-hover-17:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-17-scale)) translateY(var(--hz-hover-17-translate-y)) !important;
}
:root body .hz-hover-18 {
  transition: transform var(--hz-hover-18-duration) var(--hz-hover-18-timing),
              box-shadow var(--hz-hover-18-duration) var(--hz-hover-18-timing),
              filter var(--hz-hover-18-duration) var(--hz-hover-18-timing);
}
:root body .hz-hover-18.hz-no-transform {
  transition: box-shadow var(--hz-hover-18-duration) var(--hz-hover-18-timing),
              filter var(--hz-hover-18-duration) var(--hz-hover-18-timing);
}
:root body .hz-hover-18:hover {
  box-shadow: var(--hz-hover-18-shadow) !important;
}
:root body .hz-hover-18:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-18-scale)) translateY(var(--hz-hover-18-translate-y)) !important;
}
:root body .hz-hover-19 {
  transition: transform var(--hz-hover-19-duration) var(--hz-hover-19-timing),
              box-shadow var(--hz-hover-19-duration) var(--hz-hover-19-timing),
              filter var(--hz-hover-19-duration) var(--hz-hover-19-timing);
}
:root body .hz-hover-19.hz-no-transform {
  transition: box-shadow var(--hz-hover-19-duration) var(--hz-hover-19-timing),
              filter var(--hz-hover-19-duration) var(--hz-hover-19-timing);
}
:root body .hz-hover-19:hover {
  box-shadow: var(--hz-hover-19-shadow) !important;
}
:root body .hz-hover-19:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-19-scale)) translateY(var(--hz-hover-19-translate-y)) !important;
}
:root body .hz-hover-20 {
  transition: transform var(--hz-hover-20-duration) var(--hz-hover-20-timing),
              box-shadow var(--hz-hover-20-duration) var(--hz-hover-20-timing),
              filter var(--hz-hover-20-duration) var(--hz-hover-20-timing);
}
:root body .hz-hover-20.hz-no-transform {
  transition: box-shadow var(--hz-hover-20-duration) var(--hz-hover-20-timing),
              filter var(--hz-hover-20-duration) var(--hz-hover-20-timing);
}
:root body .hz-hover-20:hover {
  box-shadow: var(--hz-hover-20-shadow) !important;
}
:root body .hz-hover-20:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-20-scale)) translateY(var(--hz-hover-20-translate-y)) !important;
}
:root body .hz-hover-21 {
  transition: transform var(--hz-hover-21-duration) var(--hz-hover-21-timing),
              box-shadow var(--hz-hover-21-duration) var(--hz-hover-21-timing),
              filter var(--hz-hover-21-duration) var(--hz-hover-21-timing);
}
:root body .hz-hover-21.hz-no-transform {
  transition: box-shadow var(--hz-hover-21-duration) var(--hz-hover-21-timing),
              filter var(--hz-hover-21-duration) var(--hz-hover-21-timing);
}
:root body .hz-hover-21:hover {
  box-shadow: var(--hz-hover-21-shadow) !important;
}
:root body .hz-hover-21:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-21-scale)) translateY(var(--hz-hover-21-translate-y)) !important;
}
:root body .hz-hover-22 {
  transition: transform var(--hz-hover-22-duration) var(--hz-hover-22-timing),
              box-shadow var(--hz-hover-22-duration) var(--hz-hover-22-timing),
              filter var(--hz-hover-22-duration) var(--hz-hover-22-timing);
}
:root body .hz-hover-22.hz-no-transform {
  transition: box-shadow var(--hz-hover-22-duration) var(--hz-hover-22-timing),
              filter var(--hz-hover-22-duration) var(--hz-hover-22-timing);
}
:root body .hz-hover-22:hover {
  box-shadow: var(--hz-hover-22-shadow) !important;
}
:root body .hz-hover-22:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-22-scale)) translateY(var(--hz-hover-22-translate-y)) !important;
}
:root body .hz-hover-23 {
  transition: transform var(--hz-hover-23-duration) var(--hz-hover-23-timing),
              box-shadow var(--hz-hover-23-duration) var(--hz-hover-23-timing),
              filter var(--hz-hover-23-duration) var(--hz-hover-23-timing);
}
:root body .hz-hover-23.hz-no-transform {
  transition: box-shadow var(--hz-hover-23-duration) var(--hz-hover-23-timing),
              filter var(--hz-hover-23-duration) var(--hz-hover-23-timing);
}
:root body .hz-hover-23:hover {
  box-shadow: var(--hz-hover-23-shadow) !important;
}
:root body .hz-hover-23:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-23-scale)) translateY(var(--hz-hover-23-translate-y)) !important;
}
:root body .hz-hover-24 {
  transition: transform var(--hz-hover-24-duration) var(--hz-hover-24-timing),
              box-shadow var(--hz-hover-24-duration) var(--hz-hover-24-timing),
              filter var(--hz-hover-24-duration) var(--hz-hover-24-timing);
}
:root body .hz-hover-24.hz-no-transform {
  transition: box-shadow var(--hz-hover-24-duration) var(--hz-hover-24-timing),
              filter var(--hz-hover-24-duration) var(--hz-hover-24-timing);
}
:root body .hz-hover-24:hover {
  box-shadow: var(--hz-hover-24-shadow) !important;
}
:root body .hz-hover-24:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-24-scale)) translateY(var(--hz-hover-24-translate-y)) !important;
}
:root body .hz-hover-25 {
  transition: transform var(--hz-hover-25-duration) var(--hz-hover-25-timing),
              box-shadow var(--hz-hover-25-duration) var(--hz-hover-25-timing),
              filter var(--hz-hover-25-duration) var(--hz-hover-25-timing);
}
:root body .hz-hover-25.hz-no-transform {
  transition: box-shadow var(--hz-hover-25-duration) var(--hz-hover-25-timing),
              filter var(--hz-hover-25-duration) var(--hz-hover-25-timing);
}
:root body .hz-hover-25:hover {
  box-shadow: var(--hz-hover-25-shadow) !important;
}
:root body .hz-hover-25:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-25-scale)) translateY(var(--hz-hover-25-translate-y)) !important;
}
:root body .hz-hover-26 {
  transition: transform var(--hz-hover-26-duration) var(--hz-hover-26-timing),
              box-shadow var(--hz-hover-26-duration) var(--hz-hover-26-timing),
              filter var(--hz-hover-26-duration) var(--hz-hover-26-timing);
}
:root body .hz-hover-26.hz-no-transform {
  transition: box-shadow var(--hz-hover-26-duration) var(--hz-hover-26-timing),
              filter var(--hz-hover-26-duration) var(--hz-hover-26-timing);
}
:root body .hz-hover-26:hover {
  box-shadow: var(--hz-hover-26-shadow) !important;
}
:root body .hz-hover-26:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-26-scale)) translateY(var(--hz-hover-26-translate-y)) !important;
}
:root body .hz-hover-27 {
  transition: transform var(--hz-hover-27-duration) var(--hz-hover-27-timing),
              box-shadow var(--hz-hover-27-duration) var(--hz-hover-27-timing),
              filter var(--hz-hover-27-duration) var(--hz-hover-27-timing);
}
:root body .hz-hover-27.hz-no-transform {
  transition: box-shadow var(--hz-hover-27-duration) var(--hz-hover-27-timing),
              filter var(--hz-hover-27-duration) var(--hz-hover-27-timing);
}
:root body .hz-hover-27:hover {
  box-shadow: var(--hz-hover-27-shadow) !important;
}
:root body .hz-hover-27:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-27-scale)) translateY(var(--hz-hover-27-translate-y)) !important;
}
:root body .hz-hover-28 {
  transition: transform var(--hz-hover-28-duration) var(--hz-hover-28-timing),
              box-shadow var(--hz-hover-28-duration) var(--hz-hover-28-timing),
              filter var(--hz-hover-28-duration) var(--hz-hover-28-timing);
}
:root body .hz-hover-28.hz-no-transform {
  transition: box-shadow var(--hz-hover-28-duration) var(--hz-hover-28-timing),
              filter var(--hz-hover-28-duration) var(--hz-hover-28-timing);
}
:root body .hz-hover-28:hover {
  box-shadow: var(--hz-hover-28-shadow) !important;
}
:root body .hz-hover-28:not(.hz-no-transform):hover {
  transform: scale(var(--hz-hover-28-scale)) translateY(var(--hz-hover-28-translate-y)) !important;
}

/* Ensure inline elements support CSS transforms for hover effects */
a[class*="hz-hover-"],
span[class*="hz-hover-"] {
  display: inline-block;
}

/* Hover: Tablet Responsive Prefix */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-tablet-hover-01 {
    transition: transform var(--hz-hover-01-duration) var(--hz-hover-01-timing),
                box-shadow var(--hz-hover-01-duration) var(--hz-hover-01-timing),
                filter var(--hz-hover-01-duration) var(--hz-hover-01-timing);
  }
  :root body .hz-tablet-hover-01.hz-no-transform {
    transition: box-shadow var(--hz-hover-01-duration) var(--hz-hover-01-timing),
                filter var(--hz-hover-01-duration) var(--hz-hover-01-timing);
  }
  :root body .hz-tablet-hover-01:hover {
    box-shadow: var(--hz-hover-01-shadow) !important;
  }
  :root body .hz-tablet-hover-01:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-01-scale)) translateY(var(--hz-hover-01-translate-y)) !important;
  }
  :root body .hz-tablet-hover-02 {
    transition: transform var(--hz-hover-02-duration) var(--hz-hover-02-timing),
                box-shadow var(--hz-hover-02-duration) var(--hz-hover-02-timing),
                filter var(--hz-hover-02-duration) var(--hz-hover-02-timing);
  }
  :root body .hz-tablet-hover-02.hz-no-transform {
    transition: box-shadow var(--hz-hover-02-duration) var(--hz-hover-02-timing),
                filter var(--hz-hover-02-duration) var(--hz-hover-02-timing);
  }
  :root body .hz-tablet-hover-02:hover {
    box-shadow: var(--hz-hover-02-shadow) !important;
  }
  :root body .hz-tablet-hover-02:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-02-scale)) translateY(var(--hz-hover-02-translate-y)) !important;
  }
  :root body .hz-tablet-hover-03 {
    transition: transform var(--hz-hover-03-duration) var(--hz-hover-03-timing),
                box-shadow var(--hz-hover-03-duration) var(--hz-hover-03-timing),
                filter var(--hz-hover-03-duration) var(--hz-hover-03-timing);
  }
  :root body .hz-tablet-hover-03.hz-no-transform {
    transition: box-shadow var(--hz-hover-03-duration) var(--hz-hover-03-timing),
                filter var(--hz-hover-03-duration) var(--hz-hover-03-timing);
  }
  :root body .hz-tablet-hover-03:hover {
    box-shadow: var(--hz-hover-03-shadow) !important;
    filter: brightness(108%);
  }
  :root body .hz-tablet-hover-03:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-03-scale)) translateY(var(--hz-hover-03-translate-y)) !important;
  }
  :root body .hz-tablet-hover-04 {
    transition: transform var(--hz-hover-04-duration) var(--hz-hover-04-timing),
                box-shadow var(--hz-hover-04-duration) var(--hz-hover-04-timing),
                filter var(--hz-hover-04-duration) var(--hz-hover-04-timing);
  }
  :root body .hz-tablet-hover-04.hz-no-transform {
    transition: box-shadow var(--hz-hover-04-duration) var(--hz-hover-04-timing),
                filter var(--hz-hover-04-duration) var(--hz-hover-04-timing);
  }
  :root body .hz-tablet-hover-04:hover {
    box-shadow: var(--hz-hover-04-shadow) !important;
    filter: brightness(105%);
  }
  :root body .hz-tablet-hover-04:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-04-scale)) translateY(var(--hz-hover-04-translate-y)) !important;
  }
  :root body .hz-tablet-hover-05 {
    transition: transform var(--hz-hover-05-duration) var(--hz-hover-05-timing),
                box-shadow var(--hz-hover-05-duration) var(--hz-hover-05-timing),
                filter var(--hz-hover-05-duration) var(--hz-hover-05-timing);
  }
  :root body .hz-tablet-hover-05.hz-no-transform {
    transition: box-shadow var(--hz-hover-05-duration) var(--hz-hover-05-timing),
                filter var(--hz-hover-05-duration) var(--hz-hover-05-timing);
  }
  :root body .hz-tablet-hover-05:hover {
    box-shadow: var(--hz-hover-05-shadow) !important;
  }
  :root body .hz-tablet-hover-05:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-05-scale)) translateY(var(--hz-hover-05-translate-y)) !important;
  }
  :root body .hz-tablet-hover-06 {
    transition: transform var(--hz-hover-06-duration) var(--hz-hover-06-timing),
                box-shadow var(--hz-hover-06-duration) var(--hz-hover-06-timing),
                filter var(--hz-hover-06-duration) var(--hz-hover-06-timing);
  }
  :root body .hz-tablet-hover-06.hz-no-transform {
    transition: box-shadow var(--hz-hover-06-duration) var(--hz-hover-06-timing),
                filter var(--hz-hover-06-duration) var(--hz-hover-06-timing);
  }
  :root body .hz-tablet-hover-06:hover {
    box-shadow: var(--hz-hover-06-shadow) !important;
  }
  :root body .hz-tablet-hover-06:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-06-scale)) translateY(var(--hz-hover-06-translate-y)) !important;
  }
  :root body .hz-tablet-hover-07 {
    transition: transform var(--hz-hover-07-duration) var(--hz-hover-07-timing),
                box-shadow var(--hz-hover-07-duration) var(--hz-hover-07-timing),
                filter var(--hz-hover-07-duration) var(--hz-hover-07-timing);
  }
  :root body .hz-tablet-hover-07.hz-no-transform {
    transition: box-shadow var(--hz-hover-07-duration) var(--hz-hover-07-timing),
                filter var(--hz-hover-07-duration) var(--hz-hover-07-timing);
  }
  :root body .hz-tablet-hover-07:hover {
    box-shadow: var(--hz-hover-07-shadow) !important;
  }
  :root body .hz-tablet-hover-07:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-07-scale)) translateY(var(--hz-hover-07-translate-y)) !important;
  }
  :root body .hz-tablet-hover-08 {
    transition: transform var(--hz-hover-08-duration) var(--hz-hover-08-timing),
                box-shadow var(--hz-hover-08-duration) var(--hz-hover-08-timing),
                filter var(--hz-hover-08-duration) var(--hz-hover-08-timing);
  }
  :root body .hz-tablet-hover-08.hz-no-transform {
    transition: box-shadow var(--hz-hover-08-duration) var(--hz-hover-08-timing),
                filter var(--hz-hover-08-duration) var(--hz-hover-08-timing);
  }
  :root body .hz-tablet-hover-08:hover {
    box-shadow: var(--hz-hover-08-shadow) !important;
  }
  :root body .hz-tablet-hover-08:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-08-scale)) translateY(var(--hz-hover-08-translate-y)) !important;
  }
  :root body .hz-tablet-hover-09 {
    transition: transform var(--hz-hover-09-duration) var(--hz-hover-09-timing),
                box-shadow var(--hz-hover-09-duration) var(--hz-hover-09-timing),
                filter var(--hz-hover-09-duration) var(--hz-hover-09-timing);
  }
  :root body .hz-tablet-hover-09.hz-no-transform {
    transition: box-shadow var(--hz-hover-09-duration) var(--hz-hover-09-timing),
                filter var(--hz-hover-09-duration) var(--hz-hover-09-timing);
  }
  :root body .hz-tablet-hover-09:hover {
    box-shadow: var(--hz-hover-09-shadow) !important;
  }
  :root body .hz-tablet-hover-09:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-09-scale)) translateY(var(--hz-hover-09-translate-y)) !important;
  }
  :root body .hz-tablet-hover-10 {
    transition: transform var(--hz-hover-10-duration) var(--hz-hover-10-timing),
                box-shadow var(--hz-hover-10-duration) var(--hz-hover-10-timing),
                filter var(--hz-hover-10-duration) var(--hz-hover-10-timing);
  }
  :root body .hz-tablet-hover-10.hz-no-transform {
    transition: box-shadow var(--hz-hover-10-duration) var(--hz-hover-10-timing),
                filter var(--hz-hover-10-duration) var(--hz-hover-10-timing);
  }
  :root body .hz-tablet-hover-10:hover {
    box-shadow: var(--hz-hover-10-shadow) !important;
  }
  :root body .hz-tablet-hover-10:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-10-scale)) translateY(var(--hz-hover-10-translate-y)) !important;
  }
  :root body .hz-tablet-hover-11 {
    transition: transform var(--hz-hover-11-duration) var(--hz-hover-11-timing),
                box-shadow var(--hz-hover-11-duration) var(--hz-hover-11-timing),
                filter var(--hz-hover-11-duration) var(--hz-hover-11-timing);
  }
  :root body .hz-tablet-hover-11.hz-no-transform {
    transition: box-shadow var(--hz-hover-11-duration) var(--hz-hover-11-timing),
                filter var(--hz-hover-11-duration) var(--hz-hover-11-timing);
  }
  :root body .hz-tablet-hover-11:hover {
    box-shadow: var(--hz-hover-11-shadow) !important;
  }
  :root body .hz-tablet-hover-11:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-11-scale)) translateY(var(--hz-hover-11-translate-y)) !important;
  }
  :root body .hz-tablet-hover-12 {
    transition: transform var(--hz-hover-12-duration) var(--hz-hover-12-timing),
                box-shadow var(--hz-hover-12-duration) var(--hz-hover-12-timing),
                filter var(--hz-hover-12-duration) var(--hz-hover-12-timing);
  }
  :root body .hz-tablet-hover-12.hz-no-transform {
    transition: box-shadow var(--hz-hover-12-duration) var(--hz-hover-12-timing),
                filter var(--hz-hover-12-duration) var(--hz-hover-12-timing);
  }
  :root body .hz-tablet-hover-12:hover {
    box-shadow: var(--hz-hover-12-shadow) !important;
    filter: brightness(108%);
  }
  :root body .hz-tablet-hover-12:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-12-scale)) translateY(var(--hz-hover-12-translate-y)) !important;
  }
  :root body .hz-tablet-hover-13 {
    transition: transform var(--hz-hover-13-duration) var(--hz-hover-13-timing),
                box-shadow var(--hz-hover-13-duration) var(--hz-hover-13-timing),
                filter var(--hz-hover-13-duration) var(--hz-hover-13-timing);
  }
  :root body .hz-tablet-hover-13.hz-no-transform {
    transition: box-shadow var(--hz-hover-13-duration) var(--hz-hover-13-timing),
                filter var(--hz-hover-13-duration) var(--hz-hover-13-timing);
  }
  :root body .hz-tablet-hover-13:hover {
    box-shadow: var(--hz-hover-13-shadow) !important;
  }
  :root body .hz-tablet-hover-13:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-13-scale)) translateY(var(--hz-hover-13-translate-y)) !important;
  }
  :root body .hz-tablet-hover-14 {
    transition: transform var(--hz-hover-14-duration) var(--hz-hover-14-timing),
                box-shadow var(--hz-hover-14-duration) var(--hz-hover-14-timing),
                filter var(--hz-hover-14-duration) var(--hz-hover-14-timing);
  }
  :root body .hz-tablet-hover-14.hz-no-transform {
    transition: box-shadow var(--hz-hover-14-duration) var(--hz-hover-14-timing),
                filter var(--hz-hover-14-duration) var(--hz-hover-14-timing);
  }
  :root body .hz-tablet-hover-14:hover {
    box-shadow: var(--hz-hover-14-shadow) !important;
  }
  :root body .hz-tablet-hover-14:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-14-scale)) translateY(var(--hz-hover-14-translate-y)) !important;
  }
  :root body .hz-tablet-hover-15 {
    transition: transform var(--hz-hover-15-duration) var(--hz-hover-15-timing),
                box-shadow var(--hz-hover-15-duration) var(--hz-hover-15-timing),
                filter var(--hz-hover-15-duration) var(--hz-hover-15-timing);
  }
  :root body .hz-tablet-hover-15.hz-no-transform {
    transition: box-shadow var(--hz-hover-15-duration) var(--hz-hover-15-timing),
                filter var(--hz-hover-15-duration) var(--hz-hover-15-timing);
  }
  :root body .hz-tablet-hover-15:hover {
    box-shadow: var(--hz-hover-15-shadow) !important;
  }
  :root body .hz-tablet-hover-15:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-15-scale)) translateY(var(--hz-hover-15-translate-y)) !important;
  }
  :root body .hz-tablet-hover-16 {
    transition: transform var(--hz-hover-16-duration) var(--hz-hover-16-timing),
                box-shadow var(--hz-hover-16-duration) var(--hz-hover-16-timing),
                filter var(--hz-hover-16-duration) var(--hz-hover-16-timing);
  }
  :root body .hz-tablet-hover-16.hz-no-transform {
    transition: box-shadow var(--hz-hover-16-duration) var(--hz-hover-16-timing),
                filter var(--hz-hover-16-duration) var(--hz-hover-16-timing);
  }
  :root body .hz-tablet-hover-16:hover {
    box-shadow: var(--hz-hover-16-shadow) !important;
  }
  :root body .hz-tablet-hover-16:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-16-scale)) translateY(var(--hz-hover-16-translate-y)) !important;
  }
  :root body .hz-tablet-hover-17 {
    transition: transform var(--hz-hover-17-duration) var(--hz-hover-17-timing),
                box-shadow var(--hz-hover-17-duration) var(--hz-hover-17-timing),
                filter var(--hz-hover-17-duration) var(--hz-hover-17-timing);
  }
  :root body .hz-tablet-hover-17.hz-no-transform {
    transition: box-shadow var(--hz-hover-17-duration) var(--hz-hover-17-timing),
                filter var(--hz-hover-17-duration) var(--hz-hover-17-timing);
  }
  :root body .hz-tablet-hover-17:hover {
    box-shadow: var(--hz-hover-17-shadow) !important;
  }
  :root body .hz-tablet-hover-17:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-17-scale)) translateY(var(--hz-hover-17-translate-y)) !important;
  }
  :root body .hz-tablet-hover-18 {
    transition: transform var(--hz-hover-18-duration) var(--hz-hover-18-timing),
                box-shadow var(--hz-hover-18-duration) var(--hz-hover-18-timing),
                filter var(--hz-hover-18-duration) var(--hz-hover-18-timing);
  }
  :root body .hz-tablet-hover-18.hz-no-transform {
    transition: box-shadow var(--hz-hover-18-duration) var(--hz-hover-18-timing),
                filter var(--hz-hover-18-duration) var(--hz-hover-18-timing);
  }
  :root body .hz-tablet-hover-18:hover {
    box-shadow: var(--hz-hover-18-shadow) !important;
  }
  :root body .hz-tablet-hover-18:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-18-scale)) translateY(var(--hz-hover-18-translate-y)) !important;
  }
  :root body .hz-tablet-hover-19 {
    transition: transform var(--hz-hover-19-duration) var(--hz-hover-19-timing),
                box-shadow var(--hz-hover-19-duration) var(--hz-hover-19-timing),
                filter var(--hz-hover-19-duration) var(--hz-hover-19-timing);
  }
  :root body .hz-tablet-hover-19.hz-no-transform {
    transition: box-shadow var(--hz-hover-19-duration) var(--hz-hover-19-timing),
                filter var(--hz-hover-19-duration) var(--hz-hover-19-timing);
  }
  :root body .hz-tablet-hover-19:hover {
    box-shadow: var(--hz-hover-19-shadow) !important;
  }
  :root body .hz-tablet-hover-19:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-19-scale)) translateY(var(--hz-hover-19-translate-y)) !important;
  }
  :root body .hz-tablet-hover-20 {
    transition: transform var(--hz-hover-20-duration) var(--hz-hover-20-timing),
                box-shadow var(--hz-hover-20-duration) var(--hz-hover-20-timing),
                filter var(--hz-hover-20-duration) var(--hz-hover-20-timing);
  }
  :root body .hz-tablet-hover-20.hz-no-transform {
    transition: box-shadow var(--hz-hover-20-duration) var(--hz-hover-20-timing),
                filter var(--hz-hover-20-duration) var(--hz-hover-20-timing);
  }
  :root body .hz-tablet-hover-20:hover {
    box-shadow: var(--hz-hover-20-shadow) !important;
  }
  :root body .hz-tablet-hover-20:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-20-scale)) translateY(var(--hz-hover-20-translate-y)) !important;
  }
  :root body .hz-tablet-hover-21 {
    transition: transform var(--hz-hover-21-duration) var(--hz-hover-21-timing),
                box-shadow var(--hz-hover-21-duration) var(--hz-hover-21-timing),
                filter var(--hz-hover-21-duration) var(--hz-hover-21-timing);
  }
  :root body .hz-tablet-hover-21.hz-no-transform {
    transition: box-shadow var(--hz-hover-21-duration) var(--hz-hover-21-timing),
                filter var(--hz-hover-21-duration) var(--hz-hover-21-timing);
  }
  :root body .hz-tablet-hover-21:hover {
    box-shadow: var(--hz-hover-21-shadow) !important;
  }
  :root body .hz-tablet-hover-21:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-21-scale)) translateY(var(--hz-hover-21-translate-y)) !important;
  }
  :root body .hz-tablet-hover-22 {
    transition: transform var(--hz-hover-22-duration) var(--hz-hover-22-timing),
                box-shadow var(--hz-hover-22-duration) var(--hz-hover-22-timing),
                filter var(--hz-hover-22-duration) var(--hz-hover-22-timing);
  }
  :root body .hz-tablet-hover-22.hz-no-transform {
    transition: box-shadow var(--hz-hover-22-duration) var(--hz-hover-22-timing),
                filter var(--hz-hover-22-duration) var(--hz-hover-22-timing);
  }
  :root body .hz-tablet-hover-22:hover {
    box-shadow: var(--hz-hover-22-shadow) !important;
  }
  :root body .hz-tablet-hover-22:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-22-scale)) translateY(var(--hz-hover-22-translate-y)) !important;
  }
  :root body .hz-tablet-hover-23 {
    transition: transform var(--hz-hover-23-duration) var(--hz-hover-23-timing),
                box-shadow var(--hz-hover-23-duration) var(--hz-hover-23-timing),
                filter var(--hz-hover-23-duration) var(--hz-hover-23-timing);
  }
  :root body .hz-tablet-hover-23.hz-no-transform {
    transition: box-shadow var(--hz-hover-23-duration) var(--hz-hover-23-timing),
                filter var(--hz-hover-23-duration) var(--hz-hover-23-timing);
  }
  :root body .hz-tablet-hover-23:hover {
    box-shadow: var(--hz-hover-23-shadow) !important;
  }
  :root body .hz-tablet-hover-23:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-23-scale)) translateY(var(--hz-hover-23-translate-y)) !important;
  }
  :root body .hz-tablet-hover-24 {
    transition: transform var(--hz-hover-24-duration) var(--hz-hover-24-timing),
                box-shadow var(--hz-hover-24-duration) var(--hz-hover-24-timing),
                filter var(--hz-hover-24-duration) var(--hz-hover-24-timing);
  }
  :root body .hz-tablet-hover-24.hz-no-transform {
    transition: box-shadow var(--hz-hover-24-duration) var(--hz-hover-24-timing),
                filter var(--hz-hover-24-duration) var(--hz-hover-24-timing);
  }
  :root body .hz-tablet-hover-24:hover {
    box-shadow: var(--hz-hover-24-shadow) !important;
  }
  :root body .hz-tablet-hover-24:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-24-scale)) translateY(var(--hz-hover-24-translate-y)) !important;
  }
  :root body .hz-tablet-hover-25 {
    transition: transform var(--hz-hover-25-duration) var(--hz-hover-25-timing),
                box-shadow var(--hz-hover-25-duration) var(--hz-hover-25-timing),
                filter var(--hz-hover-25-duration) var(--hz-hover-25-timing);
  }
  :root body .hz-tablet-hover-25.hz-no-transform {
    transition: box-shadow var(--hz-hover-25-duration) var(--hz-hover-25-timing),
                filter var(--hz-hover-25-duration) var(--hz-hover-25-timing);
  }
  :root body .hz-tablet-hover-25:hover {
    box-shadow: var(--hz-hover-25-shadow) !important;
  }
  :root body .hz-tablet-hover-25:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-25-scale)) translateY(var(--hz-hover-25-translate-y)) !important;
  }
  :root body .hz-tablet-hover-26 {
    transition: transform var(--hz-hover-26-duration) var(--hz-hover-26-timing),
                box-shadow var(--hz-hover-26-duration) var(--hz-hover-26-timing),
                filter var(--hz-hover-26-duration) var(--hz-hover-26-timing);
  }
  :root body .hz-tablet-hover-26.hz-no-transform {
    transition: box-shadow var(--hz-hover-26-duration) var(--hz-hover-26-timing),
                filter var(--hz-hover-26-duration) var(--hz-hover-26-timing);
  }
  :root body .hz-tablet-hover-26:hover {
    box-shadow: var(--hz-hover-26-shadow) !important;
  }
  :root body .hz-tablet-hover-26:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-26-scale)) translateY(var(--hz-hover-26-translate-y)) !important;
  }
  :root body .hz-tablet-hover-27 {
    transition: transform var(--hz-hover-27-duration) var(--hz-hover-27-timing),
                box-shadow var(--hz-hover-27-duration) var(--hz-hover-27-timing),
                filter var(--hz-hover-27-duration) var(--hz-hover-27-timing);
  }
  :root body .hz-tablet-hover-27.hz-no-transform {
    transition: box-shadow var(--hz-hover-27-duration) var(--hz-hover-27-timing),
                filter var(--hz-hover-27-duration) var(--hz-hover-27-timing);
  }
  :root body .hz-tablet-hover-27:hover {
    box-shadow: var(--hz-hover-27-shadow) !important;
  }
  :root body .hz-tablet-hover-27:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-27-scale)) translateY(var(--hz-hover-27-translate-y)) !important;
  }
  :root body .hz-tablet-hover-28 {
    transition: transform var(--hz-hover-28-duration) var(--hz-hover-28-timing),
                box-shadow var(--hz-hover-28-duration) var(--hz-hover-28-timing),
                filter var(--hz-hover-28-duration) var(--hz-hover-28-timing);
  }
  :root body .hz-tablet-hover-28.hz-no-transform {
    transition: box-shadow var(--hz-hover-28-duration) var(--hz-hover-28-timing),
                filter var(--hz-hover-28-duration) var(--hz-hover-28-timing);
  }
  :root body .hz-tablet-hover-28:hover {
    box-shadow: var(--hz-hover-28-shadow) !important;
  }
  :root body .hz-tablet-hover-28:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-28-scale)) translateY(var(--hz-hover-28-translate-y)) !important;
  }
}

/* Hover: Mobile Responsive Prefix */
@media (max-width: 767px) {
  :root body .hz-mobile-hover-01 {
    transition: transform var(--hz-hover-01-duration) var(--hz-hover-01-timing),
                box-shadow var(--hz-hover-01-duration) var(--hz-hover-01-timing),
                filter var(--hz-hover-01-duration) var(--hz-hover-01-timing);
  }
  :root body .hz-mobile-hover-01.hz-no-transform {
    transition: box-shadow var(--hz-hover-01-duration) var(--hz-hover-01-timing),
                filter var(--hz-hover-01-duration) var(--hz-hover-01-timing);
  }
  :root body .hz-mobile-hover-01:hover {
    box-shadow: var(--hz-hover-01-shadow) !important;
  }
  :root body .hz-mobile-hover-01:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-01-scale)) translateY(var(--hz-hover-01-translate-y)) !important;
  }
  :root body .hz-mobile-hover-02 {
    transition: transform var(--hz-hover-02-duration) var(--hz-hover-02-timing),
                box-shadow var(--hz-hover-02-duration) var(--hz-hover-02-timing),
                filter var(--hz-hover-02-duration) var(--hz-hover-02-timing);
  }
  :root body .hz-mobile-hover-02.hz-no-transform {
    transition: box-shadow var(--hz-hover-02-duration) var(--hz-hover-02-timing),
                filter var(--hz-hover-02-duration) var(--hz-hover-02-timing);
  }
  :root body .hz-mobile-hover-02:hover {
    box-shadow: var(--hz-hover-02-shadow) !important;
  }
  :root body .hz-mobile-hover-02:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-02-scale)) translateY(var(--hz-hover-02-translate-y)) !important;
  }
  :root body .hz-mobile-hover-03 {
    transition: transform var(--hz-hover-03-duration) var(--hz-hover-03-timing),
                box-shadow var(--hz-hover-03-duration) var(--hz-hover-03-timing),
                filter var(--hz-hover-03-duration) var(--hz-hover-03-timing);
  }
  :root body .hz-mobile-hover-03.hz-no-transform {
    transition: box-shadow var(--hz-hover-03-duration) var(--hz-hover-03-timing),
                filter var(--hz-hover-03-duration) var(--hz-hover-03-timing);
  }
  :root body .hz-mobile-hover-03:hover {
    box-shadow: var(--hz-hover-03-shadow) !important;
    filter: brightness(108%);
  }
  :root body .hz-mobile-hover-03:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-03-scale)) translateY(var(--hz-hover-03-translate-y)) !important;
  }
  :root body .hz-mobile-hover-04 {
    transition: transform var(--hz-hover-04-duration) var(--hz-hover-04-timing),
                box-shadow var(--hz-hover-04-duration) var(--hz-hover-04-timing),
                filter var(--hz-hover-04-duration) var(--hz-hover-04-timing);
  }
  :root body .hz-mobile-hover-04.hz-no-transform {
    transition: box-shadow var(--hz-hover-04-duration) var(--hz-hover-04-timing),
                filter var(--hz-hover-04-duration) var(--hz-hover-04-timing);
  }
  :root body .hz-mobile-hover-04:hover {
    box-shadow: var(--hz-hover-04-shadow) !important;
    filter: brightness(105%);
  }
  :root body .hz-mobile-hover-04:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-04-scale)) translateY(var(--hz-hover-04-translate-y)) !important;
  }
  :root body .hz-mobile-hover-05 {
    transition: transform var(--hz-hover-05-duration) var(--hz-hover-05-timing),
                box-shadow var(--hz-hover-05-duration) var(--hz-hover-05-timing),
                filter var(--hz-hover-05-duration) var(--hz-hover-05-timing);
  }
  :root body .hz-mobile-hover-05.hz-no-transform {
    transition: box-shadow var(--hz-hover-05-duration) var(--hz-hover-05-timing),
                filter var(--hz-hover-05-duration) var(--hz-hover-05-timing);
  }
  :root body .hz-mobile-hover-05:hover {
    box-shadow: var(--hz-hover-05-shadow) !important;
  }
  :root body .hz-mobile-hover-05:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-05-scale)) translateY(var(--hz-hover-05-translate-y)) !important;
  }
  :root body .hz-mobile-hover-06 {
    transition: transform var(--hz-hover-06-duration) var(--hz-hover-06-timing),
                box-shadow var(--hz-hover-06-duration) var(--hz-hover-06-timing),
                filter var(--hz-hover-06-duration) var(--hz-hover-06-timing);
  }
  :root body .hz-mobile-hover-06.hz-no-transform {
    transition: box-shadow var(--hz-hover-06-duration) var(--hz-hover-06-timing),
                filter var(--hz-hover-06-duration) var(--hz-hover-06-timing);
  }
  :root body .hz-mobile-hover-06:hover {
    box-shadow: var(--hz-hover-06-shadow) !important;
  }
  :root body .hz-mobile-hover-06:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-06-scale)) translateY(var(--hz-hover-06-translate-y)) !important;
  }
  :root body .hz-mobile-hover-07 {
    transition: transform var(--hz-hover-07-duration) var(--hz-hover-07-timing),
                box-shadow var(--hz-hover-07-duration) var(--hz-hover-07-timing),
                filter var(--hz-hover-07-duration) var(--hz-hover-07-timing);
  }
  :root body .hz-mobile-hover-07.hz-no-transform {
    transition: box-shadow var(--hz-hover-07-duration) var(--hz-hover-07-timing),
                filter var(--hz-hover-07-duration) var(--hz-hover-07-timing);
  }
  :root body .hz-mobile-hover-07:hover {
    box-shadow: var(--hz-hover-07-shadow) !important;
  }
  :root body .hz-mobile-hover-07:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-07-scale)) translateY(var(--hz-hover-07-translate-y)) !important;
  }
  :root body .hz-mobile-hover-08 {
    transition: transform var(--hz-hover-08-duration) var(--hz-hover-08-timing),
                box-shadow var(--hz-hover-08-duration) var(--hz-hover-08-timing),
                filter var(--hz-hover-08-duration) var(--hz-hover-08-timing);
  }
  :root body .hz-mobile-hover-08.hz-no-transform {
    transition: box-shadow var(--hz-hover-08-duration) var(--hz-hover-08-timing),
                filter var(--hz-hover-08-duration) var(--hz-hover-08-timing);
  }
  :root body .hz-mobile-hover-08:hover {
    box-shadow: var(--hz-hover-08-shadow) !important;
  }
  :root body .hz-mobile-hover-08:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-08-scale)) translateY(var(--hz-hover-08-translate-y)) !important;
  }
  :root body .hz-mobile-hover-09 {
    transition: transform var(--hz-hover-09-duration) var(--hz-hover-09-timing),
                box-shadow var(--hz-hover-09-duration) var(--hz-hover-09-timing),
                filter var(--hz-hover-09-duration) var(--hz-hover-09-timing);
  }
  :root body .hz-mobile-hover-09.hz-no-transform {
    transition: box-shadow var(--hz-hover-09-duration) var(--hz-hover-09-timing),
                filter var(--hz-hover-09-duration) var(--hz-hover-09-timing);
  }
  :root body .hz-mobile-hover-09:hover {
    box-shadow: var(--hz-hover-09-shadow) !important;
  }
  :root body .hz-mobile-hover-09:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-09-scale)) translateY(var(--hz-hover-09-translate-y)) !important;
  }
  :root body .hz-mobile-hover-10 {
    transition: transform var(--hz-hover-10-duration) var(--hz-hover-10-timing),
                box-shadow var(--hz-hover-10-duration) var(--hz-hover-10-timing),
                filter var(--hz-hover-10-duration) var(--hz-hover-10-timing);
  }
  :root body .hz-mobile-hover-10.hz-no-transform {
    transition: box-shadow var(--hz-hover-10-duration) var(--hz-hover-10-timing),
                filter var(--hz-hover-10-duration) var(--hz-hover-10-timing);
  }
  :root body .hz-mobile-hover-10:hover {
    box-shadow: var(--hz-hover-10-shadow) !important;
  }
  :root body .hz-mobile-hover-10:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-10-scale)) translateY(var(--hz-hover-10-translate-y)) !important;
  }
  :root body .hz-mobile-hover-11 {
    transition: transform var(--hz-hover-11-duration) var(--hz-hover-11-timing),
                box-shadow var(--hz-hover-11-duration) var(--hz-hover-11-timing),
                filter var(--hz-hover-11-duration) var(--hz-hover-11-timing);
  }
  :root body .hz-mobile-hover-11.hz-no-transform {
    transition: box-shadow var(--hz-hover-11-duration) var(--hz-hover-11-timing),
                filter var(--hz-hover-11-duration) var(--hz-hover-11-timing);
  }
  :root body .hz-mobile-hover-11:hover {
    box-shadow: var(--hz-hover-11-shadow) !important;
  }
  :root body .hz-mobile-hover-11:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-11-scale)) translateY(var(--hz-hover-11-translate-y)) !important;
  }
  :root body .hz-mobile-hover-12 {
    transition: transform var(--hz-hover-12-duration) var(--hz-hover-12-timing),
                box-shadow var(--hz-hover-12-duration) var(--hz-hover-12-timing),
                filter var(--hz-hover-12-duration) var(--hz-hover-12-timing);
  }
  :root body .hz-mobile-hover-12.hz-no-transform {
    transition: box-shadow var(--hz-hover-12-duration) var(--hz-hover-12-timing),
                filter var(--hz-hover-12-duration) var(--hz-hover-12-timing);
  }
  :root body .hz-mobile-hover-12:hover {
    box-shadow: var(--hz-hover-12-shadow) !important;
    filter: brightness(108%);
  }
  :root body .hz-mobile-hover-12:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-12-scale)) translateY(var(--hz-hover-12-translate-y)) !important;
  }
  :root body .hz-mobile-hover-13 {
    transition: transform var(--hz-hover-13-duration) var(--hz-hover-13-timing),
                box-shadow var(--hz-hover-13-duration) var(--hz-hover-13-timing),
                filter var(--hz-hover-13-duration) var(--hz-hover-13-timing);
  }
  :root body .hz-mobile-hover-13.hz-no-transform {
    transition: box-shadow var(--hz-hover-13-duration) var(--hz-hover-13-timing),
                filter var(--hz-hover-13-duration) var(--hz-hover-13-timing);
  }
  :root body .hz-mobile-hover-13:hover {
    box-shadow: var(--hz-hover-13-shadow) !important;
  }
  :root body .hz-mobile-hover-13:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-13-scale)) translateY(var(--hz-hover-13-translate-y)) !important;
  }
  :root body .hz-mobile-hover-14 {
    transition: transform var(--hz-hover-14-duration) var(--hz-hover-14-timing),
                box-shadow var(--hz-hover-14-duration) var(--hz-hover-14-timing),
                filter var(--hz-hover-14-duration) var(--hz-hover-14-timing);
  }
  :root body .hz-mobile-hover-14.hz-no-transform {
    transition: box-shadow var(--hz-hover-14-duration) var(--hz-hover-14-timing),
                filter var(--hz-hover-14-duration) var(--hz-hover-14-timing);
  }
  :root body .hz-mobile-hover-14:hover {
    box-shadow: var(--hz-hover-14-shadow) !important;
  }
  :root body .hz-mobile-hover-14:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-14-scale)) translateY(var(--hz-hover-14-translate-y)) !important;
  }
  :root body .hz-mobile-hover-15 {
    transition: transform var(--hz-hover-15-duration) var(--hz-hover-15-timing),
                box-shadow var(--hz-hover-15-duration) var(--hz-hover-15-timing),
                filter var(--hz-hover-15-duration) var(--hz-hover-15-timing);
  }
  :root body .hz-mobile-hover-15.hz-no-transform {
    transition: box-shadow var(--hz-hover-15-duration) var(--hz-hover-15-timing),
                filter var(--hz-hover-15-duration) var(--hz-hover-15-timing);
  }
  :root body .hz-mobile-hover-15:hover {
    box-shadow: var(--hz-hover-15-shadow) !important;
  }
  :root body .hz-mobile-hover-15:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-15-scale)) translateY(var(--hz-hover-15-translate-y)) !important;
  }
  :root body .hz-mobile-hover-16 {
    transition: transform var(--hz-hover-16-duration) var(--hz-hover-16-timing),
                box-shadow var(--hz-hover-16-duration) var(--hz-hover-16-timing),
                filter var(--hz-hover-16-duration) var(--hz-hover-16-timing);
  }
  :root body .hz-mobile-hover-16.hz-no-transform {
    transition: box-shadow var(--hz-hover-16-duration) var(--hz-hover-16-timing),
                filter var(--hz-hover-16-duration) var(--hz-hover-16-timing);
  }
  :root body .hz-mobile-hover-16:hover {
    box-shadow: var(--hz-hover-16-shadow) !important;
  }
  :root body .hz-mobile-hover-16:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-16-scale)) translateY(var(--hz-hover-16-translate-y)) !important;
  }
  :root body .hz-mobile-hover-17 {
    transition: transform var(--hz-hover-17-duration) var(--hz-hover-17-timing),
                box-shadow var(--hz-hover-17-duration) var(--hz-hover-17-timing),
                filter var(--hz-hover-17-duration) var(--hz-hover-17-timing);
  }
  :root body .hz-mobile-hover-17.hz-no-transform {
    transition: box-shadow var(--hz-hover-17-duration) var(--hz-hover-17-timing),
                filter var(--hz-hover-17-duration) var(--hz-hover-17-timing);
  }
  :root body .hz-mobile-hover-17:hover {
    box-shadow: var(--hz-hover-17-shadow) !important;
  }
  :root body .hz-mobile-hover-17:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-17-scale)) translateY(var(--hz-hover-17-translate-y)) !important;
  }
  :root body .hz-mobile-hover-18 {
    transition: transform var(--hz-hover-18-duration) var(--hz-hover-18-timing),
                box-shadow var(--hz-hover-18-duration) var(--hz-hover-18-timing),
                filter var(--hz-hover-18-duration) var(--hz-hover-18-timing);
  }
  :root body .hz-mobile-hover-18.hz-no-transform {
    transition: box-shadow var(--hz-hover-18-duration) var(--hz-hover-18-timing),
                filter var(--hz-hover-18-duration) var(--hz-hover-18-timing);
  }
  :root body .hz-mobile-hover-18:hover {
    box-shadow: var(--hz-hover-18-shadow) !important;
  }
  :root body .hz-mobile-hover-18:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-18-scale)) translateY(var(--hz-hover-18-translate-y)) !important;
  }
  :root body .hz-mobile-hover-19 {
    transition: transform var(--hz-hover-19-duration) var(--hz-hover-19-timing),
                box-shadow var(--hz-hover-19-duration) var(--hz-hover-19-timing),
                filter var(--hz-hover-19-duration) var(--hz-hover-19-timing);
  }
  :root body .hz-mobile-hover-19.hz-no-transform {
    transition: box-shadow var(--hz-hover-19-duration) var(--hz-hover-19-timing),
                filter var(--hz-hover-19-duration) var(--hz-hover-19-timing);
  }
  :root body .hz-mobile-hover-19:hover {
    box-shadow: var(--hz-hover-19-shadow) !important;
  }
  :root body .hz-mobile-hover-19:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-19-scale)) translateY(var(--hz-hover-19-translate-y)) !important;
  }
  :root body .hz-mobile-hover-20 {
    transition: transform var(--hz-hover-20-duration) var(--hz-hover-20-timing),
                box-shadow var(--hz-hover-20-duration) var(--hz-hover-20-timing),
                filter var(--hz-hover-20-duration) var(--hz-hover-20-timing);
  }
  :root body .hz-mobile-hover-20.hz-no-transform {
    transition: box-shadow var(--hz-hover-20-duration) var(--hz-hover-20-timing),
                filter var(--hz-hover-20-duration) var(--hz-hover-20-timing);
  }
  :root body .hz-mobile-hover-20:hover {
    box-shadow: var(--hz-hover-20-shadow) !important;
  }
  :root body .hz-mobile-hover-20:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-20-scale)) translateY(var(--hz-hover-20-translate-y)) !important;
  }
  :root body .hz-mobile-hover-21 {
    transition: transform var(--hz-hover-21-duration) var(--hz-hover-21-timing),
                box-shadow var(--hz-hover-21-duration) var(--hz-hover-21-timing),
                filter var(--hz-hover-21-duration) var(--hz-hover-21-timing);
  }
  :root body .hz-mobile-hover-21.hz-no-transform {
    transition: box-shadow var(--hz-hover-21-duration) var(--hz-hover-21-timing),
                filter var(--hz-hover-21-duration) var(--hz-hover-21-timing);
  }
  :root body .hz-mobile-hover-21:hover {
    box-shadow: var(--hz-hover-21-shadow) !important;
  }
  :root body .hz-mobile-hover-21:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-21-scale)) translateY(var(--hz-hover-21-translate-y)) !important;
  }
  :root body .hz-mobile-hover-22 {
    transition: transform var(--hz-hover-22-duration) var(--hz-hover-22-timing),
                box-shadow var(--hz-hover-22-duration) var(--hz-hover-22-timing),
                filter var(--hz-hover-22-duration) var(--hz-hover-22-timing);
  }
  :root body .hz-mobile-hover-22.hz-no-transform {
    transition: box-shadow var(--hz-hover-22-duration) var(--hz-hover-22-timing),
                filter var(--hz-hover-22-duration) var(--hz-hover-22-timing);
  }
  :root body .hz-mobile-hover-22:hover {
    box-shadow: var(--hz-hover-22-shadow) !important;
  }
  :root body .hz-mobile-hover-22:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-22-scale)) translateY(var(--hz-hover-22-translate-y)) !important;
  }
  :root body .hz-mobile-hover-23 {
    transition: transform var(--hz-hover-23-duration) var(--hz-hover-23-timing),
                box-shadow var(--hz-hover-23-duration) var(--hz-hover-23-timing),
                filter var(--hz-hover-23-duration) var(--hz-hover-23-timing);
  }
  :root body .hz-mobile-hover-23.hz-no-transform {
    transition: box-shadow var(--hz-hover-23-duration) var(--hz-hover-23-timing),
                filter var(--hz-hover-23-duration) var(--hz-hover-23-timing);
  }
  :root body .hz-mobile-hover-23:hover {
    box-shadow: var(--hz-hover-23-shadow) !important;
  }
  :root body .hz-mobile-hover-23:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-23-scale)) translateY(var(--hz-hover-23-translate-y)) !important;
  }
  :root body .hz-mobile-hover-24 {
    transition: transform var(--hz-hover-24-duration) var(--hz-hover-24-timing),
                box-shadow var(--hz-hover-24-duration) var(--hz-hover-24-timing),
                filter var(--hz-hover-24-duration) var(--hz-hover-24-timing);
  }
  :root body .hz-mobile-hover-24.hz-no-transform {
    transition: box-shadow var(--hz-hover-24-duration) var(--hz-hover-24-timing),
                filter var(--hz-hover-24-duration) var(--hz-hover-24-timing);
  }
  :root body .hz-mobile-hover-24:hover {
    box-shadow: var(--hz-hover-24-shadow) !important;
  }
  :root body .hz-mobile-hover-24:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-24-scale)) translateY(var(--hz-hover-24-translate-y)) !important;
  }
  :root body .hz-mobile-hover-25 {
    transition: transform var(--hz-hover-25-duration) var(--hz-hover-25-timing),
                box-shadow var(--hz-hover-25-duration) var(--hz-hover-25-timing),
                filter var(--hz-hover-25-duration) var(--hz-hover-25-timing);
  }
  :root body .hz-mobile-hover-25.hz-no-transform {
    transition: box-shadow var(--hz-hover-25-duration) var(--hz-hover-25-timing),
                filter var(--hz-hover-25-duration) var(--hz-hover-25-timing);
  }
  :root body .hz-mobile-hover-25:hover {
    box-shadow: var(--hz-hover-25-shadow) !important;
  }
  :root body .hz-mobile-hover-25:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-25-scale)) translateY(var(--hz-hover-25-translate-y)) !important;
  }
  :root body .hz-mobile-hover-26 {
    transition: transform var(--hz-hover-26-duration) var(--hz-hover-26-timing),
                box-shadow var(--hz-hover-26-duration) var(--hz-hover-26-timing),
                filter var(--hz-hover-26-duration) var(--hz-hover-26-timing);
  }
  :root body .hz-mobile-hover-26.hz-no-transform {
    transition: box-shadow var(--hz-hover-26-duration) var(--hz-hover-26-timing),
                filter var(--hz-hover-26-duration) var(--hz-hover-26-timing);
  }
  :root body .hz-mobile-hover-26:hover {
    box-shadow: var(--hz-hover-26-shadow) !important;
  }
  :root body .hz-mobile-hover-26:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-26-scale)) translateY(var(--hz-hover-26-translate-y)) !important;
  }
  :root body .hz-mobile-hover-27 {
    transition: transform var(--hz-hover-27-duration) var(--hz-hover-27-timing),
                box-shadow var(--hz-hover-27-duration) var(--hz-hover-27-timing),
                filter var(--hz-hover-27-duration) var(--hz-hover-27-timing);
  }
  :root body .hz-mobile-hover-27.hz-no-transform {
    transition: box-shadow var(--hz-hover-27-duration) var(--hz-hover-27-timing),
                filter var(--hz-hover-27-duration) var(--hz-hover-27-timing);
  }
  :root body .hz-mobile-hover-27:hover {
    box-shadow: var(--hz-hover-27-shadow) !important;
  }
  :root body .hz-mobile-hover-27:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-27-scale)) translateY(var(--hz-hover-27-translate-y)) !important;
  }
  :root body .hz-mobile-hover-28 {
    transition: transform var(--hz-hover-28-duration) var(--hz-hover-28-timing),
                box-shadow var(--hz-hover-28-duration) var(--hz-hover-28-timing),
                filter var(--hz-hover-28-duration) var(--hz-hover-28-timing);
  }
  :root body .hz-mobile-hover-28.hz-no-transform {
    transition: box-shadow var(--hz-hover-28-duration) var(--hz-hover-28-timing),
                filter var(--hz-hover-28-duration) var(--hz-hover-28-timing);
  }
  :root body .hz-mobile-hover-28:hover {
    box-shadow: var(--hz-hover-28-shadow) !important;
  }
  :root body .hz-mobile-hover-28:not(.hz-no-transform):hover {
    transform: scale(var(--hz-hover-28-scale)) translateY(var(--hz-hover-28-translate-y)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root body .hz-hover-01,
  :root body .hz-hover-02,
  :root body .hz-hover-03,
  :root body .hz-hover-04,
  :root body .hz-hover-05,
  :root body .hz-hover-06,
  :root body .hz-hover-07,
  :root body .hz-hover-08,
  :root body .hz-hover-09,
  :root body .hz-hover-10,
  :root body .hz-hover-11,
  :root body .hz-hover-12,
  :root body .hz-hover-13,
  :root body .hz-hover-14,
  :root body .hz-hover-15,
  :root body .hz-hover-16,
  :root body .hz-hover-17,
  :root body .hz-hover-18,
  :root body .hz-hover-19,
  :root body .hz-hover-20,
  :root body .hz-hover-21,
  :root body .hz-hover-22,
  :root body .hz-hover-23,
  :root body .hz-hover-24,
  :root body .hz-hover-25,
  :root body .hz-hover-26,
  :root body .hz-hover-27,
  :root body .hz-hover-28
  {
    transition-duration: 0ms !important;
  }
  :root body .hz-hover-01:hover,
  :root body .hz-hover-02:hover,
  :root body .hz-hover-03:hover,
  :root body .hz-hover-04:hover,
  :root body .hz-hover-05:hover,
  :root body .hz-hover-06:hover,
  :root body .hz-hover-07:hover,
  :root body .hz-hover-08:hover,
  :root body .hz-hover-09:hover,
  :root body .hz-hover-10:hover,
  :root body .hz-hover-11:hover,
  :root body .hz-hover-12:hover,
  :root body .hz-hover-13:hover,
  :root body .hz-hover-14:hover,
  :root body .hz-hover-15:hover,
  :root body .hz-hover-16:hover,
  :root body .hz-hover-17:hover,
  :root body .hz-hover-18:hover,
  :root body .hz-hover-19:hover,
  :root body .hz-hover-20:hover,
  :root body .hz-hover-21:hover,
  :root body .hz-hover-22:hover,
  :root body .hz-hover-23:hover,
  :root body .hz-hover-24:hover,
  :root body .hz-hover-25:hover,
  :root body .hz-hover-26:hover,
  :root body .hz-hover-27:hover,
  :root body .hz-hover-28:hover
  {
    transform: none !important;
  }
}
:root body .hz-btn-button-01 {
  background-color: var(--hz-button-01-bg);
  color: var(--hz-button-01-text);
  border-radius: var(--hz-button-01-radius);
  border: var(--hz-button-01-border-width) solid var(--hz-button-01-border);
  padding: var(--hz-button-01-padding-y) var(--hz-button-01-padding-x);
  text-shadow: var(--hz-button-01-text-shadow, none);
}
:root body .hz-btn-button-01:hover {
  color: var(--hz-button-01-hover-text, var(--hz-button-01-text));
  background-color: var(--hz-button-01-hover-bg, var(--hz-button-01-bg));
}
:root body .hz-btn-button-02 {
  background-color: var(--hz-button-02-bg);
  color: var(--hz-button-02-text);
  border-radius: var(--hz-button-02-radius);
  border: var(--hz-button-02-border-width) solid var(--hz-button-02-border);
  padding: var(--hz-button-02-padding-y) var(--hz-button-02-padding-x);
  text-shadow: var(--hz-button-02-text-shadow, none);
}
:root body .hz-btn-button-02:hover {
  color: var(--hz-button-02-hover-text, var(--hz-button-02-text));
  background-color: var(--hz-button-02-hover-bg, var(--hz-button-02-bg));
}
:root body .hz-btn-button-03 {
  background-color: var(--hz-button-03-bg);
  color: var(--hz-button-03-text);
  border-radius: var(--hz-button-03-radius);
  border: var(--hz-button-03-border-width) solid var(--hz-button-03-border);
  padding: var(--hz-button-03-padding-y) var(--hz-button-03-padding-x);
  text-shadow: var(--hz-button-03-text-shadow, none);
}
:root body .hz-btn-button-03:hover {
  color: var(--hz-button-03-hover-text, var(--hz-button-03-text));
  background-color: var(--hz-button-03-hover-bg, var(--hz-button-03-bg));
}
:root body .hz-btn-button-04 {
  background-color: var(--hz-button-04-bg);
  color: var(--hz-button-04-text);
  border-radius: var(--hz-button-04-radius);
  border: var(--hz-button-04-border-width) solid var(--hz-button-04-border);
  padding: var(--hz-button-04-padding-y) var(--hz-button-04-padding-x);
  text-shadow: var(--hz-button-04-text-shadow, none);
}
:root body .hz-btn-button-04:hover {
  color: var(--hz-button-04-hover-text, var(--hz-button-04-text));
  background-color: var(--hz-button-04-hover-bg, var(--hz-button-04-bg));
}
:root body .hz-btn-button-05 {
  background-color: var(--hz-button-05-bg);
  color: var(--hz-button-05-text);
  border-radius: var(--hz-button-05-radius);
  border: var(--hz-button-05-border-width) solid var(--hz-button-05-border);
  padding: var(--hz-button-05-padding-y) var(--hz-button-05-padding-x);
  text-shadow: var(--hz-button-05-text-shadow, none);
}
:root body .hz-btn-button-05:hover {
  color: var(--hz-button-05-hover-text, var(--hz-button-05-text));
  background-color: var(--hz-button-05-hover-bg, var(--hz-button-05-bg));
}
:root body .hz-btn-button-06 {
  background-color: var(--hz-button-06-bg);
  color: var(--hz-button-06-text);
  border-radius: var(--hz-button-06-radius);
  border: var(--hz-button-06-border-width) solid var(--hz-button-06-border);
  padding: var(--hz-button-06-padding-y) var(--hz-button-06-padding-x);
  text-shadow: var(--hz-button-06-text-shadow, none);
}
:root body .hz-btn-button-06:hover {
  color: var(--hz-button-06-hover-text, var(--hz-button-06-text));
  background-color: var(--hz-button-06-hover-bg, var(--hz-button-06-bg));
}
:root body .hz-btn-button-07 {
  background-color: var(--hz-button-07-bg);
  color: var(--hz-button-07-text);
  border-radius: var(--hz-button-07-radius);
  border: var(--hz-button-07-border-width) solid var(--hz-button-07-border);
  padding: var(--hz-button-07-padding-y) var(--hz-button-07-padding-x);
  text-shadow: var(--hz-button-07-text-shadow, none);
}
:root body .hz-btn-button-07:hover {
  color: var(--hz-button-07-hover-text, var(--hz-button-07-text));
  background-color: var(--hz-button-07-hover-bg, var(--hz-button-07-bg));
}
:root body .hz-btn-button-08 {
  background-color: var(--hz-button-08-bg);
  color: var(--hz-button-08-text);
  border-radius: var(--hz-button-08-radius);
  border: var(--hz-button-08-border-width) solid var(--hz-button-08-border);
  padding: var(--hz-button-08-padding-y) var(--hz-button-08-padding-x);
  text-shadow: var(--hz-button-08-text-shadow, none);
}
:root body .hz-btn-button-08:hover {
  color: var(--hz-button-08-hover-text, var(--hz-button-08-text));
  background-color: var(--hz-button-08-hover-bg, var(--hz-button-08-bg));
}
:root body .hz-btn-button-09 {
  background-color: var(--hz-button-09-bg);
  color: var(--hz-button-09-text);
  border-radius: var(--hz-button-09-radius);
  border: var(--hz-button-09-border-width) solid var(--hz-button-09-border);
  padding: var(--hz-button-09-padding-y) var(--hz-button-09-padding-x);
  text-shadow: var(--hz-button-09-text-shadow, none);
}
:root body .hz-btn-button-09:hover {
  color: var(--hz-button-09-hover-text, var(--hz-button-09-text));
  background-color: var(--hz-button-09-hover-bg, var(--hz-button-09-bg));
}
:root body .hz-btn-button-10 {
  background-color: var(--hz-button-10-bg);
  color: var(--hz-button-10-text);
  border-radius: var(--hz-button-10-radius);
  border: var(--hz-button-10-border-width) solid var(--hz-button-10-border);
  padding: var(--hz-button-10-padding-y) var(--hz-button-10-padding-x);
  text-shadow: var(--hz-button-10-text-shadow, none);
}
:root body .hz-btn-button-10:hover {
  color: var(--hz-button-10-hover-text, var(--hz-button-10-text));
  background-color: var(--hz-button-10-hover-bg, var(--hz-button-10-bg));
}
:root body .hz-btn-button-11 {
  background-color: var(--hz-button-11-bg);
  color: var(--hz-button-11-text);
  border-radius: var(--hz-button-11-radius);
  border: var(--hz-button-11-border-width) solid var(--hz-button-11-border);
  padding: var(--hz-button-11-padding-y) var(--hz-button-11-padding-x);
  text-shadow: var(--hz-button-11-text-shadow, none);
}
:root body .hz-btn-button-11:hover {
  color: var(--hz-button-11-hover-text, var(--hz-button-11-text));
  background-color: var(--hz-button-11-hover-bg, var(--hz-button-11-bg));
}
:root body .hz-btn-button-12 {
  background-color: var(--hz-button-12-bg);
  color: var(--hz-button-12-text);
  border-radius: var(--hz-button-12-radius);
  border: var(--hz-button-12-border-width) solid var(--hz-button-12-border);
  padding: var(--hz-button-12-padding-y) var(--hz-button-12-padding-x);
  text-shadow: var(--hz-button-12-text-shadow, none);
}
:root body .hz-btn-button-12:hover {
  color: var(--hz-button-12-hover-text, var(--hz-button-12-text));
  background-color: var(--hz-button-12-hover-bg, var(--hz-button-12-bg));
}
:root body .hz-btn-button-13 {
  background-color: var(--hz-button-13-bg);
  color: var(--hz-button-13-text);
  border-radius: var(--hz-button-13-radius);
  border: var(--hz-button-13-border-width) solid var(--hz-button-13-border);
  padding: var(--hz-button-13-padding-y) var(--hz-button-13-padding-x);
  text-shadow: var(--hz-button-13-text-shadow, none);
}
:root body .hz-btn-button-13:hover {
  color: var(--hz-button-13-hover-text, var(--hz-button-13-text));
  background-color: var(--hz-button-13-hover-bg, var(--hz-button-13-bg));
}
:root body .hz-btn-button-14 {
  background-color: var(--hz-button-14-bg);
  color: var(--hz-button-14-text);
  border-radius: var(--hz-button-14-radius);
  border: var(--hz-button-14-border-width) solid var(--hz-button-14-border);
  padding: var(--hz-button-14-padding-y) var(--hz-button-14-padding-x);
  text-shadow: var(--hz-button-14-text-shadow, none);
}
:root body .hz-btn-button-14:hover {
  color: var(--hz-button-14-hover-text, var(--hz-button-14-text));
  background-color: var(--hz-button-14-hover-bg, var(--hz-button-14-bg));
}
:root body .hz-btn-button-15 {
  background-color: var(--hz-button-15-bg);
  color: var(--hz-button-15-text);
  border-radius: var(--hz-button-15-radius);
  border: var(--hz-button-15-border-width) solid var(--hz-button-15-border);
  padding: var(--hz-button-15-padding-y) var(--hz-button-15-padding-x);
  text-shadow: var(--hz-button-15-text-shadow, none);
}
:root body .hz-btn-button-15:hover {
  color: var(--hz-button-15-hover-text, var(--hz-button-15-text));
  background-color: var(--hz-button-15-hover-bg, var(--hz-button-15-bg));
}
:root body .hz-btn-button-16 {
  background-color: var(--hz-button-16-bg);
  color: var(--hz-button-16-text);
  border-radius: var(--hz-button-16-radius);
  border: var(--hz-button-16-border-width) solid var(--hz-button-16-border);
  padding: var(--hz-button-16-padding-y) var(--hz-button-16-padding-x);
  text-shadow: var(--hz-button-16-text-shadow, none);
}
:root body .hz-btn-button-16:hover {
  color: var(--hz-button-16-hover-text, var(--hz-button-16-text));
  background-color: var(--hz-button-16-hover-bg, var(--hz-button-16-bg));
}
:root body .hz-btn-button-17 {
  background-color: var(--hz-button-17-bg);
  color: var(--hz-button-17-text);
  border-radius: var(--hz-button-17-radius);
  border: var(--hz-button-17-border-width) solid var(--hz-button-17-border);
  padding: var(--hz-button-17-padding-y) var(--hz-button-17-padding-x);
  text-shadow: var(--hz-button-17-text-shadow, none);
}
:root body .hz-btn-button-17:hover {
  color: var(--hz-button-17-hover-text, var(--hz-button-17-text));
  background-color: var(--hz-button-17-hover-bg, var(--hz-button-17-bg));
}
:root body .hz-btn-button-18 {
  background-color: var(--hz-button-18-bg);
  color: var(--hz-button-18-text);
  border-radius: var(--hz-button-18-radius);
  border: var(--hz-button-18-border-width) solid var(--hz-button-18-border);
  padding: var(--hz-button-18-padding-y) var(--hz-button-18-padding-x);
  text-shadow: var(--hz-button-18-text-shadow, none);
}
:root body .hz-btn-button-18:hover {
  color: var(--hz-button-18-hover-text, var(--hz-button-18-text));
  background-color: var(--hz-button-18-hover-bg, var(--hz-button-18-bg));
}
:root body .hz-btn-button-19 {
  background-color: var(--hz-button-19-bg);
  color: var(--hz-button-19-text);
  border-radius: var(--hz-button-19-radius);
  border: var(--hz-button-19-border-width) solid var(--hz-button-19-border);
  padding: var(--hz-button-19-padding-y) var(--hz-button-19-padding-x);
  text-shadow: var(--hz-button-19-text-shadow, none);
}
:root body .hz-btn-button-19:hover {
  color: var(--hz-button-19-hover-text, var(--hz-button-19-text));
  background-color: var(--hz-button-19-hover-bg, var(--hz-button-19-bg));
}
:root body .hz-btn-button-20 {
  background-color: var(--hz-button-20-bg);
  color: var(--hz-button-20-text);
  border-radius: var(--hz-button-20-radius);
  border: var(--hz-button-20-border-width) solid var(--hz-button-20-border);
  padding: var(--hz-button-20-padding-y) var(--hz-button-20-padding-x);
  text-shadow: var(--hz-button-20-text-shadow, none);
}
:root body .hz-btn-button-20:hover {
  color: var(--hz-button-20-hover-text, var(--hz-button-20-text));
  background-color: var(--hz-button-20-hover-bg, var(--hz-button-20-bg));
}
:root body .hz-btn-button-21 {
  background-color: var(--hz-button-21-bg);
  color: var(--hz-button-21-text);
  border-radius: var(--hz-button-21-radius);
  border: var(--hz-button-21-border-width) solid var(--hz-button-21-border);
  padding: var(--hz-button-21-padding-y) var(--hz-button-21-padding-x);
  text-shadow: var(--hz-button-21-text-shadow, none);
}
:root body .hz-btn-button-21:hover {
  color: var(--hz-button-21-hover-text, var(--hz-button-21-text));
  background-color: var(--hz-button-21-hover-bg, var(--hz-button-21-bg));
}
:root body .hz-btn-button-22 {
  background-color: var(--hz-button-22-bg);
  color: var(--hz-button-22-text);
  border-radius: var(--hz-button-22-radius);
  border: var(--hz-button-22-border-width) solid var(--hz-button-22-border);
  padding: var(--hz-button-22-padding-y) var(--hz-button-22-padding-x);
  text-shadow: var(--hz-button-22-text-shadow, none);
}
:root body .hz-btn-button-22:hover {
  color: var(--hz-button-22-hover-text, var(--hz-button-22-text));
  background-color: var(--hz-button-22-hover-bg, var(--hz-button-22-bg));
}
:root body .hz-btn-button-23 {
  background-color: var(--hz-button-23-bg);
  color: var(--hz-button-23-text);
  border-radius: var(--hz-button-23-radius);
  border: var(--hz-button-23-border-width) solid var(--hz-button-23-border);
  padding: var(--hz-button-23-padding-y) var(--hz-button-23-padding-x);
  text-shadow: var(--hz-button-23-text-shadow, none);
}
:root body .hz-btn-button-23:hover {
  color: var(--hz-button-23-hover-text, var(--hz-button-23-text));
  background-color: var(--hz-button-23-hover-bg, var(--hz-button-23-bg));
}
:root body .hz-btn-button-24 {
  background-color: var(--hz-button-24-bg);
  color: var(--hz-button-24-text);
  border-radius: var(--hz-button-24-radius);
  border: var(--hz-button-24-border-width) solid var(--hz-button-24-border);
  padding: var(--hz-button-24-padding-y) var(--hz-button-24-padding-x);
  text-shadow: var(--hz-button-24-text-shadow, none);
}
:root body .hz-btn-button-24:hover {
  color: var(--hz-button-24-hover-text, var(--hz-button-24-text));
  background-color: var(--hz-button-24-hover-bg, var(--hz-button-24-bg));
}
:root body .hz-btn-button-25 {
  background-color: var(--hz-button-25-bg);
  color: var(--hz-button-25-text);
  border-radius: var(--hz-button-25-radius);
  border: var(--hz-button-25-border-width) solid var(--hz-button-25-border);
  padding: var(--hz-button-25-padding-y) var(--hz-button-25-padding-x);
  text-shadow: var(--hz-button-25-text-shadow, none);
}
:root body .hz-btn-button-25:hover {
  color: var(--hz-button-25-hover-text, var(--hz-button-25-text));
  background-color: var(--hz-button-25-hover-bg, var(--hz-button-25-bg));
}
:root body .hz-btn-button-26 {
  background-color: var(--hz-button-26-bg);
  color: var(--hz-button-26-text);
  border-radius: var(--hz-button-26-radius);
  border: var(--hz-button-26-border-width) solid var(--hz-button-26-border);
  padding: var(--hz-button-26-padding-y) var(--hz-button-26-padding-x);
  text-shadow: var(--hz-button-26-text-shadow, none);
}
:root body .hz-btn-button-26:hover {
  color: var(--hz-button-26-hover-text, var(--hz-button-26-text));
  background-color: var(--hz-button-26-hover-bg, var(--hz-button-26-bg));
}

/* Button: Tablet Responsive Prefix */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-btn-tablet-button-01 {
    background-color: var(--hz-button-01-bg);
    color: var(--hz-button-01-text);
    border-radius: var(--hz-button-01-radius);
    border: var(--hz-button-01-border-width) solid var(--hz-button-01-border);
    padding: var(--hz-button-01-padding-y) var(--hz-button-01-padding-x);
    text-shadow: var(--hz-button-01-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-01:hover {
    color: var(--hz-button-01-hover-text, var(--hz-button-01-text));
    background-color: var(--hz-button-01-hover-bg, var(--hz-button-01-bg));
  }
  :root body .hz-btn-tablet-button-02 {
    background-color: var(--hz-button-02-bg);
    color: var(--hz-button-02-text);
    border-radius: var(--hz-button-02-radius);
    border: var(--hz-button-02-border-width) solid var(--hz-button-02-border);
    padding: var(--hz-button-02-padding-y) var(--hz-button-02-padding-x);
    text-shadow: var(--hz-button-02-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-02:hover {
    color: var(--hz-button-02-hover-text, var(--hz-button-02-text));
    background-color: var(--hz-button-02-hover-bg, var(--hz-button-02-bg));
  }
  :root body .hz-btn-tablet-button-03 {
    background-color: var(--hz-button-03-bg);
    color: var(--hz-button-03-text);
    border-radius: var(--hz-button-03-radius);
    border: var(--hz-button-03-border-width) solid var(--hz-button-03-border);
    padding: var(--hz-button-03-padding-y) var(--hz-button-03-padding-x);
    text-shadow: var(--hz-button-03-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-03:hover {
    color: var(--hz-button-03-hover-text, var(--hz-button-03-text));
    background-color: var(--hz-button-03-hover-bg, var(--hz-button-03-bg));
  }
  :root body .hz-btn-tablet-button-04 {
    background-color: var(--hz-button-04-bg);
    color: var(--hz-button-04-text);
    border-radius: var(--hz-button-04-radius);
    border: var(--hz-button-04-border-width) solid var(--hz-button-04-border);
    padding: var(--hz-button-04-padding-y) var(--hz-button-04-padding-x);
    text-shadow: var(--hz-button-04-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-04:hover {
    color: var(--hz-button-04-hover-text, var(--hz-button-04-text));
    background-color: var(--hz-button-04-hover-bg, var(--hz-button-04-bg));
  }
  :root body .hz-btn-tablet-button-05 {
    background-color: var(--hz-button-05-bg);
    color: var(--hz-button-05-text);
    border-radius: var(--hz-button-05-radius);
    border: var(--hz-button-05-border-width) solid var(--hz-button-05-border);
    padding: var(--hz-button-05-padding-y) var(--hz-button-05-padding-x);
    text-shadow: var(--hz-button-05-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-05:hover {
    color: var(--hz-button-05-hover-text, var(--hz-button-05-text));
    background-color: var(--hz-button-05-hover-bg, var(--hz-button-05-bg));
  }
  :root body .hz-btn-tablet-button-06 {
    background-color: var(--hz-button-06-bg);
    color: var(--hz-button-06-text);
    border-radius: var(--hz-button-06-radius);
    border: var(--hz-button-06-border-width) solid var(--hz-button-06-border);
    padding: var(--hz-button-06-padding-y) var(--hz-button-06-padding-x);
    text-shadow: var(--hz-button-06-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-06:hover {
    color: var(--hz-button-06-hover-text, var(--hz-button-06-text));
    background-color: var(--hz-button-06-hover-bg, var(--hz-button-06-bg));
  }
  :root body .hz-btn-tablet-button-07 {
    background-color: var(--hz-button-07-bg);
    color: var(--hz-button-07-text);
    border-radius: var(--hz-button-07-radius);
    border: var(--hz-button-07-border-width) solid var(--hz-button-07-border);
    padding: var(--hz-button-07-padding-y) var(--hz-button-07-padding-x);
    text-shadow: var(--hz-button-07-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-07:hover {
    color: var(--hz-button-07-hover-text, var(--hz-button-07-text));
    background-color: var(--hz-button-07-hover-bg, var(--hz-button-07-bg));
  }
  :root body .hz-btn-tablet-button-08 {
    background-color: var(--hz-button-08-bg);
    color: var(--hz-button-08-text);
    border-radius: var(--hz-button-08-radius);
    border: var(--hz-button-08-border-width) solid var(--hz-button-08-border);
    padding: var(--hz-button-08-padding-y) var(--hz-button-08-padding-x);
    text-shadow: var(--hz-button-08-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-08:hover {
    color: var(--hz-button-08-hover-text, var(--hz-button-08-text));
    background-color: var(--hz-button-08-hover-bg, var(--hz-button-08-bg));
  }
  :root body .hz-btn-tablet-button-09 {
    background-color: var(--hz-button-09-bg);
    color: var(--hz-button-09-text);
    border-radius: var(--hz-button-09-radius);
    border: var(--hz-button-09-border-width) solid var(--hz-button-09-border);
    padding: var(--hz-button-09-padding-y) var(--hz-button-09-padding-x);
    text-shadow: var(--hz-button-09-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-09:hover {
    color: var(--hz-button-09-hover-text, var(--hz-button-09-text));
    background-color: var(--hz-button-09-hover-bg, var(--hz-button-09-bg));
  }
  :root body .hz-btn-tablet-button-10 {
    background-color: var(--hz-button-10-bg);
    color: var(--hz-button-10-text);
    border-radius: var(--hz-button-10-radius);
    border: var(--hz-button-10-border-width) solid var(--hz-button-10-border);
    padding: var(--hz-button-10-padding-y) var(--hz-button-10-padding-x);
    text-shadow: var(--hz-button-10-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-10:hover {
    color: var(--hz-button-10-hover-text, var(--hz-button-10-text));
    background-color: var(--hz-button-10-hover-bg, var(--hz-button-10-bg));
  }
  :root body .hz-btn-tablet-button-11 {
    background-color: var(--hz-button-11-bg);
    color: var(--hz-button-11-text);
    border-radius: var(--hz-button-11-radius);
    border: var(--hz-button-11-border-width) solid var(--hz-button-11-border);
    padding: var(--hz-button-11-padding-y) var(--hz-button-11-padding-x);
    text-shadow: var(--hz-button-11-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-11:hover {
    color: var(--hz-button-11-hover-text, var(--hz-button-11-text));
    background-color: var(--hz-button-11-hover-bg, var(--hz-button-11-bg));
  }
  :root body .hz-btn-tablet-button-12 {
    background-color: var(--hz-button-12-bg);
    color: var(--hz-button-12-text);
    border-radius: var(--hz-button-12-radius);
    border: var(--hz-button-12-border-width) solid var(--hz-button-12-border);
    padding: var(--hz-button-12-padding-y) var(--hz-button-12-padding-x);
    text-shadow: var(--hz-button-12-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-12:hover {
    color: var(--hz-button-12-hover-text, var(--hz-button-12-text));
    background-color: var(--hz-button-12-hover-bg, var(--hz-button-12-bg));
  }
  :root body .hz-btn-tablet-button-13 {
    background-color: var(--hz-button-13-bg);
    color: var(--hz-button-13-text);
    border-radius: var(--hz-button-13-radius);
    border: var(--hz-button-13-border-width) solid var(--hz-button-13-border);
    padding: var(--hz-button-13-padding-y) var(--hz-button-13-padding-x);
    text-shadow: var(--hz-button-13-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-13:hover {
    color: var(--hz-button-13-hover-text, var(--hz-button-13-text));
    background-color: var(--hz-button-13-hover-bg, var(--hz-button-13-bg));
  }
  :root body .hz-btn-tablet-button-14 {
    background-color: var(--hz-button-14-bg);
    color: var(--hz-button-14-text);
    border-radius: var(--hz-button-14-radius);
    border: var(--hz-button-14-border-width) solid var(--hz-button-14-border);
    padding: var(--hz-button-14-padding-y) var(--hz-button-14-padding-x);
    text-shadow: var(--hz-button-14-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-14:hover {
    color: var(--hz-button-14-hover-text, var(--hz-button-14-text));
    background-color: var(--hz-button-14-hover-bg, var(--hz-button-14-bg));
  }
  :root body .hz-btn-tablet-button-15 {
    background-color: var(--hz-button-15-bg);
    color: var(--hz-button-15-text);
    border-radius: var(--hz-button-15-radius);
    border: var(--hz-button-15-border-width) solid var(--hz-button-15-border);
    padding: var(--hz-button-15-padding-y) var(--hz-button-15-padding-x);
    text-shadow: var(--hz-button-15-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-15:hover {
    color: var(--hz-button-15-hover-text, var(--hz-button-15-text));
    background-color: var(--hz-button-15-hover-bg, var(--hz-button-15-bg));
  }
  :root body .hz-btn-tablet-button-16 {
    background-color: var(--hz-button-16-bg);
    color: var(--hz-button-16-text);
    border-radius: var(--hz-button-16-radius);
    border: var(--hz-button-16-border-width) solid var(--hz-button-16-border);
    padding: var(--hz-button-16-padding-y) var(--hz-button-16-padding-x);
    text-shadow: var(--hz-button-16-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-16:hover {
    color: var(--hz-button-16-hover-text, var(--hz-button-16-text));
    background-color: var(--hz-button-16-hover-bg, var(--hz-button-16-bg));
  }
  :root body .hz-btn-tablet-button-17 {
    background-color: var(--hz-button-17-bg);
    color: var(--hz-button-17-text);
    border-radius: var(--hz-button-17-radius);
    border: var(--hz-button-17-border-width) solid var(--hz-button-17-border);
    padding: var(--hz-button-17-padding-y) var(--hz-button-17-padding-x);
    text-shadow: var(--hz-button-17-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-17:hover {
    color: var(--hz-button-17-hover-text, var(--hz-button-17-text));
    background-color: var(--hz-button-17-hover-bg, var(--hz-button-17-bg));
  }
  :root body .hz-btn-tablet-button-18 {
    background-color: var(--hz-button-18-bg);
    color: var(--hz-button-18-text);
    border-radius: var(--hz-button-18-radius);
    border: var(--hz-button-18-border-width) solid var(--hz-button-18-border);
    padding: var(--hz-button-18-padding-y) var(--hz-button-18-padding-x);
    text-shadow: var(--hz-button-18-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-18:hover {
    color: var(--hz-button-18-hover-text, var(--hz-button-18-text));
    background-color: var(--hz-button-18-hover-bg, var(--hz-button-18-bg));
  }
  :root body .hz-btn-tablet-button-19 {
    background-color: var(--hz-button-19-bg);
    color: var(--hz-button-19-text);
    border-radius: var(--hz-button-19-radius);
    border: var(--hz-button-19-border-width) solid var(--hz-button-19-border);
    padding: var(--hz-button-19-padding-y) var(--hz-button-19-padding-x);
    text-shadow: var(--hz-button-19-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-19:hover {
    color: var(--hz-button-19-hover-text, var(--hz-button-19-text));
    background-color: var(--hz-button-19-hover-bg, var(--hz-button-19-bg));
  }
  :root body .hz-btn-tablet-button-20 {
    background-color: var(--hz-button-20-bg);
    color: var(--hz-button-20-text);
    border-radius: var(--hz-button-20-radius);
    border: var(--hz-button-20-border-width) solid var(--hz-button-20-border);
    padding: var(--hz-button-20-padding-y) var(--hz-button-20-padding-x);
    text-shadow: var(--hz-button-20-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-20:hover {
    color: var(--hz-button-20-hover-text, var(--hz-button-20-text));
    background-color: var(--hz-button-20-hover-bg, var(--hz-button-20-bg));
  }
  :root body .hz-btn-tablet-button-21 {
    background-color: var(--hz-button-21-bg);
    color: var(--hz-button-21-text);
    border-radius: var(--hz-button-21-radius);
    border: var(--hz-button-21-border-width) solid var(--hz-button-21-border);
    padding: var(--hz-button-21-padding-y) var(--hz-button-21-padding-x);
    text-shadow: var(--hz-button-21-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-21:hover {
    color: var(--hz-button-21-hover-text, var(--hz-button-21-text));
    background-color: var(--hz-button-21-hover-bg, var(--hz-button-21-bg));
  }
  :root body .hz-btn-tablet-button-22 {
    background-color: var(--hz-button-22-bg);
    color: var(--hz-button-22-text);
    border-radius: var(--hz-button-22-radius);
    border: var(--hz-button-22-border-width) solid var(--hz-button-22-border);
    padding: var(--hz-button-22-padding-y) var(--hz-button-22-padding-x);
    text-shadow: var(--hz-button-22-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-22:hover {
    color: var(--hz-button-22-hover-text, var(--hz-button-22-text));
    background-color: var(--hz-button-22-hover-bg, var(--hz-button-22-bg));
  }
  :root body .hz-btn-tablet-button-23 {
    background-color: var(--hz-button-23-bg);
    color: var(--hz-button-23-text);
    border-radius: var(--hz-button-23-radius);
    border: var(--hz-button-23-border-width) solid var(--hz-button-23-border);
    padding: var(--hz-button-23-padding-y) var(--hz-button-23-padding-x);
    text-shadow: var(--hz-button-23-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-23:hover {
    color: var(--hz-button-23-hover-text, var(--hz-button-23-text));
    background-color: var(--hz-button-23-hover-bg, var(--hz-button-23-bg));
  }
  :root body .hz-btn-tablet-button-24 {
    background-color: var(--hz-button-24-bg);
    color: var(--hz-button-24-text);
    border-radius: var(--hz-button-24-radius);
    border: var(--hz-button-24-border-width) solid var(--hz-button-24-border);
    padding: var(--hz-button-24-padding-y) var(--hz-button-24-padding-x);
    text-shadow: var(--hz-button-24-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-24:hover {
    color: var(--hz-button-24-hover-text, var(--hz-button-24-text));
    background-color: var(--hz-button-24-hover-bg, var(--hz-button-24-bg));
  }
  :root body .hz-btn-tablet-button-25 {
    background-color: var(--hz-button-25-bg);
    color: var(--hz-button-25-text);
    border-radius: var(--hz-button-25-radius);
    border: var(--hz-button-25-border-width) solid var(--hz-button-25-border);
    padding: var(--hz-button-25-padding-y) var(--hz-button-25-padding-x);
    text-shadow: var(--hz-button-25-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-25:hover {
    color: var(--hz-button-25-hover-text, var(--hz-button-25-text));
    background-color: var(--hz-button-25-hover-bg, var(--hz-button-25-bg));
  }
  :root body .hz-btn-tablet-button-26 {
    background-color: var(--hz-button-26-bg);
    color: var(--hz-button-26-text);
    border-radius: var(--hz-button-26-radius);
    border: var(--hz-button-26-border-width) solid var(--hz-button-26-border);
    padding: var(--hz-button-26-padding-y) var(--hz-button-26-padding-x);
    text-shadow: var(--hz-button-26-text-shadow, none);
  }
  :root body .hz-btn-tablet-button-26:hover {
    color: var(--hz-button-26-hover-text, var(--hz-button-26-text));
    background-color: var(--hz-button-26-hover-bg, var(--hz-button-26-bg));
  }
}

/* Button: Mobile Responsive Prefix */
@media (max-width: 767px) {
  :root body .hz-btn-mobile-button-01 {
    background-color: var(--hz-button-01-bg);
    color: var(--hz-button-01-text);
    border-radius: var(--hz-button-01-radius);
    border: var(--hz-button-01-border-width) solid var(--hz-button-01-border);
    padding: var(--hz-button-01-padding-y) var(--hz-button-01-padding-x);
    text-shadow: var(--hz-button-01-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-01:hover {
    color: var(--hz-button-01-hover-text, var(--hz-button-01-text));
    background-color: var(--hz-button-01-hover-bg, var(--hz-button-01-bg));
  }
  :root body .hz-btn-mobile-button-02 {
    background-color: var(--hz-button-02-bg);
    color: var(--hz-button-02-text);
    border-radius: var(--hz-button-02-radius);
    border: var(--hz-button-02-border-width) solid var(--hz-button-02-border);
    padding: var(--hz-button-02-padding-y) var(--hz-button-02-padding-x);
    text-shadow: var(--hz-button-02-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-02:hover {
    color: var(--hz-button-02-hover-text, var(--hz-button-02-text));
    background-color: var(--hz-button-02-hover-bg, var(--hz-button-02-bg));
  }
  :root body .hz-btn-mobile-button-03 {
    background-color: var(--hz-button-03-bg);
    color: var(--hz-button-03-text);
    border-radius: var(--hz-button-03-radius);
    border: var(--hz-button-03-border-width) solid var(--hz-button-03-border);
    padding: var(--hz-button-03-padding-y) var(--hz-button-03-padding-x);
    text-shadow: var(--hz-button-03-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-03:hover {
    color: var(--hz-button-03-hover-text, var(--hz-button-03-text));
    background-color: var(--hz-button-03-hover-bg, var(--hz-button-03-bg));
  }
  :root body .hz-btn-mobile-button-04 {
    background-color: var(--hz-button-04-bg);
    color: var(--hz-button-04-text);
    border-radius: var(--hz-button-04-radius);
    border: var(--hz-button-04-border-width) solid var(--hz-button-04-border);
    padding: var(--hz-button-04-padding-y) var(--hz-button-04-padding-x);
    text-shadow: var(--hz-button-04-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-04:hover {
    color: var(--hz-button-04-hover-text, var(--hz-button-04-text));
    background-color: var(--hz-button-04-hover-bg, var(--hz-button-04-bg));
  }
  :root body .hz-btn-mobile-button-05 {
    background-color: var(--hz-button-05-bg);
    color: var(--hz-button-05-text);
    border-radius: var(--hz-button-05-radius);
    border: var(--hz-button-05-border-width) solid var(--hz-button-05-border);
    padding: var(--hz-button-05-padding-y) var(--hz-button-05-padding-x);
    text-shadow: var(--hz-button-05-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-05:hover {
    color: var(--hz-button-05-hover-text, var(--hz-button-05-text));
    background-color: var(--hz-button-05-hover-bg, var(--hz-button-05-bg));
  }
  :root body .hz-btn-mobile-button-06 {
    background-color: var(--hz-button-06-bg);
    color: var(--hz-button-06-text);
    border-radius: var(--hz-button-06-radius);
    border: var(--hz-button-06-border-width) solid var(--hz-button-06-border);
    padding: var(--hz-button-06-padding-y) var(--hz-button-06-padding-x);
    text-shadow: var(--hz-button-06-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-06:hover {
    color: var(--hz-button-06-hover-text, var(--hz-button-06-text));
    background-color: var(--hz-button-06-hover-bg, var(--hz-button-06-bg));
  }
  :root body .hz-btn-mobile-button-07 {
    background-color: var(--hz-button-07-bg);
    color: var(--hz-button-07-text);
    border-radius: var(--hz-button-07-radius);
    border: var(--hz-button-07-border-width) solid var(--hz-button-07-border);
    padding: var(--hz-button-07-padding-y) var(--hz-button-07-padding-x);
    text-shadow: var(--hz-button-07-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-07:hover {
    color: var(--hz-button-07-hover-text, var(--hz-button-07-text));
    background-color: var(--hz-button-07-hover-bg, var(--hz-button-07-bg));
  }
  :root body .hz-btn-mobile-button-08 {
    background-color: var(--hz-button-08-bg);
    color: var(--hz-button-08-text);
    border-radius: var(--hz-button-08-radius);
    border: var(--hz-button-08-border-width) solid var(--hz-button-08-border);
    padding: var(--hz-button-08-padding-y) var(--hz-button-08-padding-x);
    text-shadow: var(--hz-button-08-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-08:hover {
    color: var(--hz-button-08-hover-text, var(--hz-button-08-text));
    background-color: var(--hz-button-08-hover-bg, var(--hz-button-08-bg));
  }
  :root body .hz-btn-mobile-button-09 {
    background-color: var(--hz-button-09-bg);
    color: var(--hz-button-09-text);
    border-radius: var(--hz-button-09-radius);
    border: var(--hz-button-09-border-width) solid var(--hz-button-09-border);
    padding: var(--hz-button-09-padding-y) var(--hz-button-09-padding-x);
    text-shadow: var(--hz-button-09-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-09:hover {
    color: var(--hz-button-09-hover-text, var(--hz-button-09-text));
    background-color: var(--hz-button-09-hover-bg, var(--hz-button-09-bg));
  }
  :root body .hz-btn-mobile-button-10 {
    background-color: var(--hz-button-10-bg);
    color: var(--hz-button-10-text);
    border-radius: var(--hz-button-10-radius);
    border: var(--hz-button-10-border-width) solid var(--hz-button-10-border);
    padding: var(--hz-button-10-padding-y) var(--hz-button-10-padding-x);
    text-shadow: var(--hz-button-10-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-10:hover {
    color: var(--hz-button-10-hover-text, var(--hz-button-10-text));
    background-color: var(--hz-button-10-hover-bg, var(--hz-button-10-bg));
  }
  :root body .hz-btn-mobile-button-11 {
    background-color: var(--hz-button-11-bg);
    color: var(--hz-button-11-text);
    border-radius: var(--hz-button-11-radius);
    border: var(--hz-button-11-border-width) solid var(--hz-button-11-border);
    padding: var(--hz-button-11-padding-y) var(--hz-button-11-padding-x);
    text-shadow: var(--hz-button-11-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-11:hover {
    color: var(--hz-button-11-hover-text, var(--hz-button-11-text));
    background-color: var(--hz-button-11-hover-bg, var(--hz-button-11-bg));
  }
  :root body .hz-btn-mobile-button-12 {
    background-color: var(--hz-button-12-bg);
    color: var(--hz-button-12-text);
    border-radius: var(--hz-button-12-radius);
    border: var(--hz-button-12-border-width) solid var(--hz-button-12-border);
    padding: var(--hz-button-12-padding-y) var(--hz-button-12-padding-x);
    text-shadow: var(--hz-button-12-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-12:hover {
    color: var(--hz-button-12-hover-text, var(--hz-button-12-text));
    background-color: var(--hz-button-12-hover-bg, var(--hz-button-12-bg));
  }
  :root body .hz-btn-mobile-button-13 {
    background-color: var(--hz-button-13-bg);
    color: var(--hz-button-13-text);
    border-radius: var(--hz-button-13-radius);
    border: var(--hz-button-13-border-width) solid var(--hz-button-13-border);
    padding: var(--hz-button-13-padding-y) var(--hz-button-13-padding-x);
    text-shadow: var(--hz-button-13-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-13:hover {
    color: var(--hz-button-13-hover-text, var(--hz-button-13-text));
    background-color: var(--hz-button-13-hover-bg, var(--hz-button-13-bg));
  }
  :root body .hz-btn-mobile-button-14 {
    background-color: var(--hz-button-14-bg);
    color: var(--hz-button-14-text);
    border-radius: var(--hz-button-14-radius);
    border: var(--hz-button-14-border-width) solid var(--hz-button-14-border);
    padding: var(--hz-button-14-padding-y) var(--hz-button-14-padding-x);
    text-shadow: var(--hz-button-14-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-14:hover {
    color: var(--hz-button-14-hover-text, var(--hz-button-14-text));
    background-color: var(--hz-button-14-hover-bg, var(--hz-button-14-bg));
  }
  :root body .hz-btn-mobile-button-15 {
    background-color: var(--hz-button-15-bg);
    color: var(--hz-button-15-text);
    border-radius: var(--hz-button-15-radius);
    border: var(--hz-button-15-border-width) solid var(--hz-button-15-border);
    padding: var(--hz-button-15-padding-y) var(--hz-button-15-padding-x);
    text-shadow: var(--hz-button-15-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-15:hover {
    color: var(--hz-button-15-hover-text, var(--hz-button-15-text));
    background-color: var(--hz-button-15-hover-bg, var(--hz-button-15-bg));
  }
  :root body .hz-btn-mobile-button-16 {
    background-color: var(--hz-button-16-bg);
    color: var(--hz-button-16-text);
    border-radius: var(--hz-button-16-radius);
    border: var(--hz-button-16-border-width) solid var(--hz-button-16-border);
    padding: var(--hz-button-16-padding-y) var(--hz-button-16-padding-x);
    text-shadow: var(--hz-button-16-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-16:hover {
    color: var(--hz-button-16-hover-text, var(--hz-button-16-text));
    background-color: var(--hz-button-16-hover-bg, var(--hz-button-16-bg));
  }
  :root body .hz-btn-mobile-button-17 {
    background-color: var(--hz-button-17-bg);
    color: var(--hz-button-17-text);
    border-radius: var(--hz-button-17-radius);
    border: var(--hz-button-17-border-width) solid var(--hz-button-17-border);
    padding: var(--hz-button-17-padding-y) var(--hz-button-17-padding-x);
    text-shadow: var(--hz-button-17-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-17:hover {
    color: var(--hz-button-17-hover-text, var(--hz-button-17-text));
    background-color: var(--hz-button-17-hover-bg, var(--hz-button-17-bg));
  }
  :root body .hz-btn-mobile-button-18 {
    background-color: var(--hz-button-18-bg);
    color: var(--hz-button-18-text);
    border-radius: var(--hz-button-18-radius);
    border: var(--hz-button-18-border-width) solid var(--hz-button-18-border);
    padding: var(--hz-button-18-padding-y) var(--hz-button-18-padding-x);
    text-shadow: var(--hz-button-18-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-18:hover {
    color: var(--hz-button-18-hover-text, var(--hz-button-18-text));
    background-color: var(--hz-button-18-hover-bg, var(--hz-button-18-bg));
  }
  :root body .hz-btn-mobile-button-19 {
    background-color: var(--hz-button-19-bg);
    color: var(--hz-button-19-text);
    border-radius: var(--hz-button-19-radius);
    border: var(--hz-button-19-border-width) solid var(--hz-button-19-border);
    padding: var(--hz-button-19-padding-y) var(--hz-button-19-padding-x);
    text-shadow: var(--hz-button-19-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-19:hover {
    color: var(--hz-button-19-hover-text, var(--hz-button-19-text));
    background-color: var(--hz-button-19-hover-bg, var(--hz-button-19-bg));
  }
  :root body .hz-btn-mobile-button-20 {
    background-color: var(--hz-button-20-bg);
    color: var(--hz-button-20-text);
    border-radius: var(--hz-button-20-radius);
    border: var(--hz-button-20-border-width) solid var(--hz-button-20-border);
    padding: var(--hz-button-20-padding-y) var(--hz-button-20-padding-x);
    text-shadow: var(--hz-button-20-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-20:hover {
    color: var(--hz-button-20-hover-text, var(--hz-button-20-text));
    background-color: var(--hz-button-20-hover-bg, var(--hz-button-20-bg));
  }
  :root body .hz-btn-mobile-button-21 {
    background-color: var(--hz-button-21-bg);
    color: var(--hz-button-21-text);
    border-radius: var(--hz-button-21-radius);
    border: var(--hz-button-21-border-width) solid var(--hz-button-21-border);
    padding: var(--hz-button-21-padding-y) var(--hz-button-21-padding-x);
    text-shadow: var(--hz-button-21-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-21:hover {
    color: var(--hz-button-21-hover-text, var(--hz-button-21-text));
    background-color: var(--hz-button-21-hover-bg, var(--hz-button-21-bg));
  }
  :root body .hz-btn-mobile-button-22 {
    background-color: var(--hz-button-22-bg);
    color: var(--hz-button-22-text);
    border-radius: var(--hz-button-22-radius);
    border: var(--hz-button-22-border-width) solid var(--hz-button-22-border);
    padding: var(--hz-button-22-padding-y) var(--hz-button-22-padding-x);
    text-shadow: var(--hz-button-22-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-22:hover {
    color: var(--hz-button-22-hover-text, var(--hz-button-22-text));
    background-color: var(--hz-button-22-hover-bg, var(--hz-button-22-bg));
  }
  :root body .hz-btn-mobile-button-23 {
    background-color: var(--hz-button-23-bg);
    color: var(--hz-button-23-text);
    border-radius: var(--hz-button-23-radius);
    border: var(--hz-button-23-border-width) solid var(--hz-button-23-border);
    padding: var(--hz-button-23-padding-y) var(--hz-button-23-padding-x);
    text-shadow: var(--hz-button-23-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-23:hover {
    color: var(--hz-button-23-hover-text, var(--hz-button-23-text));
    background-color: var(--hz-button-23-hover-bg, var(--hz-button-23-bg));
  }
  :root body .hz-btn-mobile-button-24 {
    background-color: var(--hz-button-24-bg);
    color: var(--hz-button-24-text);
    border-radius: var(--hz-button-24-radius);
    border: var(--hz-button-24-border-width) solid var(--hz-button-24-border);
    padding: var(--hz-button-24-padding-y) var(--hz-button-24-padding-x);
    text-shadow: var(--hz-button-24-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-24:hover {
    color: var(--hz-button-24-hover-text, var(--hz-button-24-text));
    background-color: var(--hz-button-24-hover-bg, var(--hz-button-24-bg));
  }
  :root body .hz-btn-mobile-button-25 {
    background-color: var(--hz-button-25-bg);
    color: var(--hz-button-25-text);
    border-radius: var(--hz-button-25-radius);
    border: var(--hz-button-25-border-width) solid var(--hz-button-25-border);
    padding: var(--hz-button-25-padding-y) var(--hz-button-25-padding-x);
    text-shadow: var(--hz-button-25-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-25:hover {
    color: var(--hz-button-25-hover-text, var(--hz-button-25-text));
    background-color: var(--hz-button-25-hover-bg, var(--hz-button-25-bg));
  }
  :root body .hz-btn-mobile-button-26 {
    background-color: var(--hz-button-26-bg);
    color: var(--hz-button-26-text);
    border-radius: var(--hz-button-26-radius);
    border: var(--hz-button-26-border-width) solid var(--hz-button-26-border);
    padding: var(--hz-button-26-padding-y) var(--hz-button-26-padding-x);
    text-shadow: var(--hz-button-26-text-shadow, none);
  }
  :root body .hz-btn-mobile-button-26:hover {
    color: var(--hz-button-26-hover-text, var(--hz-button-26-text));
    background-color: var(--hz-button-26-hover-bg, var(--hz-button-26-bg));
  }
}
:root body .hz-surface-surface-01 {
  border-radius: var(--hz-surface-01-radius);
  border: var(--hz-surface-01-border-width) solid var(--hz-surface-01-border);
  box-shadow: var(--hz-surface-01-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-01--bg {
  background-color: var(--hz-surface-01-bg);
  background-image: none;
}
:root body .hz-surface-surface-01--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-01-overlay);
  opacity: var(--hz-surface-01-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-01--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-02 {
  border-radius: var(--hz-surface-02-radius);
  border: var(--hz-surface-02-border-width) solid var(--hz-surface-02-border);
  box-shadow: var(--hz-surface-02-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-02--bg {
  background-color: var(--hz-surface-02-bg);
  background-image: none;
}
:root body .hz-surface-surface-02--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-02-overlay);
  opacity: var(--hz-surface-02-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-02--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-03 {
  border-radius: var(--hz-surface-03-radius);
  border: var(--hz-surface-03-border-width) solid var(--hz-surface-03-border);
  box-shadow: var(--hz-surface-03-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-03--bg {
  background-color: var(--hz-surface-03-bg);
  background-image: none;
}
:root body .hz-surface-surface-03--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-03-overlay);
  opacity: var(--hz-surface-03-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-03--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-04 {
  border-radius: var(--hz-surface-04-radius);
  border: var(--hz-surface-04-border-width) solid var(--hz-surface-04-border);
  box-shadow: var(--hz-surface-04-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-04--bg {
  background-color: var(--hz-surface-04-bg);
  background-image: none;
}
:root body .hz-surface-surface-04--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-04-overlay);
  opacity: var(--hz-surface-04-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-04--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-05 {
  border-radius: var(--hz-surface-05-radius);
  border: var(--hz-surface-05-border-width) solid var(--hz-surface-05-border);
  box-shadow: var(--hz-surface-05-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-05--bg {
  background-color: var(--hz-surface-05-bg);
  background-image: none;
}
:root body .hz-surface-surface-05--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-05-overlay);
  opacity: var(--hz-surface-05-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-05--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-06 {
  border-radius: var(--hz-surface-06-radius);
  border: var(--hz-surface-06-border-width) solid var(--hz-surface-06-border);
  box-shadow: var(--hz-surface-06-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-06--bg {
  background-color: var(--hz-surface-06-bg);
  background-image: none;
}
:root body .hz-surface-surface-06--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-06-overlay);
  opacity: var(--hz-surface-06-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-06--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-07 {
  border-radius: var(--hz-surface-07-radius);
  border: var(--hz-surface-07-border-width) solid var(--hz-surface-07-border);
  box-shadow: var(--hz-surface-07-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-07--bg {
  background-color: var(--hz-surface-07-bg);
  background-image: none;
}
:root body .hz-surface-surface-07--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-07-overlay);
  opacity: var(--hz-surface-07-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-07--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-08 {
  border-radius: var(--hz-surface-08-radius);
  border: var(--hz-surface-08-border-width) solid var(--hz-surface-08-border);
  box-shadow: var(--hz-surface-08-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-08--bg {
  background-color: var(--hz-surface-08-bg);
  background-image: none;
}
:root body .hz-surface-surface-08--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-08-overlay);
  opacity: var(--hz-surface-08-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-08--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-09 {
  border-radius: var(--hz-surface-09-radius);
  border: var(--hz-surface-09-border-width) solid var(--hz-surface-09-border);
  box-shadow: var(--hz-surface-09-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-09--bg {
  background-color: var(--hz-surface-09-bg);
  background-image: none;
}
:root body .hz-surface-surface-09--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-09-overlay);
  opacity: var(--hz-surface-09-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-09--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-10 {
  border-radius: var(--hz-surface-10-radius);
  border: var(--hz-surface-10-border-width) solid var(--hz-surface-10-border);
  box-shadow: var(--hz-surface-10-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-10--bg {
  background-color: var(--hz-surface-10-bg);
  background-image: none;
}
:root body .hz-surface-surface-10--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-10-overlay);
  opacity: var(--hz-surface-10-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-10--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-11 {
  border-radius: var(--hz-surface-11-radius);
  border: var(--hz-surface-11-border-width) solid var(--hz-surface-11-border);
  box-shadow: var(--hz-surface-11-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-11--bg {
  background-color: var(--hz-surface-11-bg);
  background-image: none;
}
:root body .hz-surface-surface-11--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-11-overlay);
  opacity: var(--hz-surface-11-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-11--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-12 {
  border-radius: var(--hz-surface-12-radius);
  border: var(--hz-surface-12-border-width) solid var(--hz-surface-12-border);
  box-shadow: var(--hz-surface-12-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-12--bg {
  background-color: var(--hz-surface-12-bg);
  background-image: none;
}
:root body .hz-surface-surface-12--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-12-overlay);
  opacity: var(--hz-surface-12-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-12--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-13 {
  border-radius: var(--hz-surface-13-radius);
  border: var(--hz-surface-13-border-width) solid var(--hz-surface-13-border);
  box-shadow: var(--hz-surface-13-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-13--bg {
  background-color: var(--hz-surface-13-bg);
  background-image: none;
}
:root body .hz-surface-surface-13--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-13-overlay);
  opacity: var(--hz-surface-13-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-13--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-14 {
  border-radius: var(--hz-surface-14-radius);
  border: var(--hz-surface-14-border-width) solid var(--hz-surface-14-border);
  box-shadow: var(--hz-surface-14-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-14--bg {
  background-color: var(--hz-surface-14-bg);
  background-image: none;
}
:root body .hz-surface-surface-14--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-14-overlay);
  opacity: var(--hz-surface-14-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-14--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-15 {
  border-radius: var(--hz-surface-15-radius);
  border: var(--hz-surface-15-border-width) solid var(--hz-surface-15-border);
  box-shadow: var(--hz-surface-15-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-15--bg {
  background-color: var(--hz-surface-15-bg);
  background-image: none;
}
:root body .hz-surface-surface-15--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-15-overlay);
  opacity: var(--hz-surface-15-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-15--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-16 {
  border-radius: var(--hz-surface-16-radius);
  border: var(--hz-surface-16-border-width) solid var(--hz-surface-16-border);
  box-shadow: var(--hz-surface-16-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-16--bg {
  background-color: var(--hz-surface-16-bg);
  background-image: none;
}
:root body .hz-surface-surface-16--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-16-overlay);
  opacity: var(--hz-surface-16-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-16--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-17 {
  border-radius: var(--hz-surface-17-radius);
  border: var(--hz-surface-17-border-width) solid var(--hz-surface-17-border);
  box-shadow: var(--hz-surface-17-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-17--bg {
  background-color: var(--hz-surface-17-bg);
  background-image: none;
}
:root body .hz-surface-surface-17--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-17-overlay);
  opacity: var(--hz-surface-17-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-17--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-18 {
  border-radius: var(--hz-surface-18-radius);
  border: var(--hz-surface-18-border-width) solid var(--hz-surface-18-border);
  box-shadow: var(--hz-surface-18-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-18--bg {
  background-color: var(--hz-surface-18-bg);
  background-image: none;
}
:root body .hz-surface-surface-18--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-18-overlay);
  opacity: var(--hz-surface-18-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-18--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-19 {
  border-radius: var(--hz-surface-19-radius);
  border: var(--hz-surface-19-border-width) solid var(--hz-surface-19-border);
  box-shadow: var(--hz-surface-19-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-19--bg {
  background-color: var(--hz-surface-19-bg);
  background-image: none;
}
:root body .hz-surface-surface-19--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-19-overlay);
  opacity: var(--hz-surface-19-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-19--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-20 {
  border-radius: var(--hz-surface-20-radius);
  border: var(--hz-surface-20-border-width) solid var(--hz-surface-20-border);
  box-shadow: var(--hz-surface-20-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-20--bg {
  background-color: var(--hz-surface-20-bg);
  background-image: none;
}
:root body .hz-surface-surface-20--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-20-overlay);
  opacity: var(--hz-surface-20-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-20--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-21 {
  border-radius: var(--hz-surface-21-radius);
  border: var(--hz-surface-21-border-width) solid var(--hz-surface-21-border);
  box-shadow: var(--hz-surface-21-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-21--bg {
  background-color: var(--hz-surface-21-bg);
  background-image: none;
}
:root body .hz-surface-surface-21--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-21-overlay);
  opacity: var(--hz-surface-21-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-21--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-22 {
  border-radius: var(--hz-surface-22-radius);
  border: var(--hz-surface-22-border-width) solid var(--hz-surface-22-border);
  box-shadow: var(--hz-surface-22-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-22--bg {
  background-color: var(--hz-surface-22-bg);
  background-image: none;
}
:root body .hz-surface-surface-22--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-22-overlay);
  opacity: var(--hz-surface-22-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-22--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-23 {
  border-radius: var(--hz-surface-23-radius);
  border: var(--hz-surface-23-border-width) solid var(--hz-surface-23-border);
  box-shadow: var(--hz-surface-23-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-23--bg {
  background-color: var(--hz-surface-23-bg);
  background-image: none;
}
:root body .hz-surface-surface-23--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-23-overlay);
  opacity: var(--hz-surface-23-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-23--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-24 {
  border-radius: var(--hz-surface-24-radius);
  border: var(--hz-surface-24-border-width) solid var(--hz-surface-24-border);
  box-shadow: var(--hz-surface-24-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-24--bg {
  background-color: var(--hz-surface-24-bg);
  background-image: none;
}
:root body .hz-surface-surface-24--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-24-overlay);
  opacity: var(--hz-surface-24-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-24--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-25 {
  border-radius: var(--hz-surface-25-radius);
  border: var(--hz-surface-25-border-width) solid var(--hz-surface-25-border);
  box-shadow: var(--hz-surface-25-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-25--bg {
  background-color: var(--hz-surface-25-bg);
  background-image: none;
}
:root body .hz-surface-surface-25--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-25-overlay);
  opacity: var(--hz-surface-25-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-25--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-26 {
  border-radius: var(--hz-surface-26-radius);
  border: var(--hz-surface-26-border-width) solid var(--hz-surface-26-border);
  box-shadow: var(--hz-surface-26-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-26--bg {
  background-color: var(--hz-surface-26-bg);
  background-image: none;
}
:root body .hz-surface-surface-26--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-26-overlay);
  opacity: var(--hz-surface-26-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-26--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-27 {
  border-radius: var(--hz-surface-27-radius);
  border: var(--hz-surface-27-border-width) solid var(--hz-surface-27-border);
  box-shadow: var(--hz-surface-27-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-27--bg {
  background-color: var(--hz-surface-27-bg);
  background-image: none;
}
:root body .hz-surface-surface-27--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-27-overlay);
  opacity: var(--hz-surface-27-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-27--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-28 {
  border-radius: var(--hz-surface-28-radius);
  border: var(--hz-surface-28-border-width) solid var(--hz-surface-28-border);
  box-shadow: var(--hz-surface-28-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-28--bg {
  background-color: var(--hz-surface-28-bg);
  background-image: none;
}
:root body .hz-surface-surface-28--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-28-overlay);
  opacity: var(--hz-surface-28-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-28--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-29 {
  border-radius: var(--hz-surface-29-radius);
  border: var(--hz-surface-29-border-width) solid var(--hz-surface-29-border);
  box-shadow: var(--hz-surface-29-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-29--bg {
  background-color: var(--hz-surface-29-bg);
  background-image: none;
}
:root body .hz-surface-surface-29--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-29-overlay);
  opacity: var(--hz-surface-29-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-29--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-30 {
  border-radius: var(--hz-surface-30-radius);
  border: var(--hz-surface-30-border-width) solid var(--hz-surface-30-border);
  box-shadow: var(--hz-surface-30-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-30--bg {
  background-color: var(--hz-surface-30-bg);
  background-image: none;
}
:root body .hz-surface-surface-30--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-30-overlay);
  opacity: var(--hz-surface-30-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-30--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-31 {
  border-radius: var(--hz-surface-31-radius);
  border: var(--hz-surface-31-border-width) solid var(--hz-surface-31-border);
  box-shadow: var(--hz-surface-31-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-31--bg {
  background-color: var(--hz-surface-31-bg);
  background-image: none;
}
:root body .hz-surface-surface-31--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-31-overlay);
  opacity: var(--hz-surface-31-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-31--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-32 {
  border-radius: var(--hz-surface-32-radius);
  border: var(--hz-surface-32-border-width) solid var(--hz-surface-32-border);
  box-shadow: var(--hz-surface-32-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-32--bg {
  background-color: var(--hz-surface-32-bg);
  background-image: none;
}
:root body .hz-surface-surface-32--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-32-overlay);
  opacity: var(--hz-surface-32-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-32--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-33 {
  border-radius: var(--hz-surface-33-radius);
  border: var(--hz-surface-33-border-width) solid var(--hz-surface-33-border);
  box-shadow: var(--hz-surface-33-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-33--bg {
  background-color: var(--hz-surface-33-bg);
  background-image: none;
}
:root body .hz-surface-surface-33--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-33-overlay);
  opacity: var(--hz-surface-33-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-33--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-34 {
  border-radius: var(--hz-surface-34-radius);
  border: var(--hz-surface-34-border-width) solid var(--hz-surface-34-border);
  box-shadow: var(--hz-surface-34-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-34--bg {
  background-color: var(--hz-surface-34-bg);
  background-image: none;
}
:root body .hz-surface-surface-34--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-34-overlay);
  opacity: var(--hz-surface-34-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-34--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-35 {
  border-radius: var(--hz-surface-35-radius);
  border: var(--hz-surface-35-border-width) solid var(--hz-surface-35-border);
  box-shadow: var(--hz-surface-35-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-35--bg {
  background-color: var(--hz-surface-35-bg);
  background-image: none;
}
:root body .hz-surface-surface-35--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-35-overlay);
  opacity: var(--hz-surface-35-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-35--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-36 {
  border-radius: var(--hz-surface-36-radius);
  border: var(--hz-surface-36-border-width) solid var(--hz-surface-36-border);
  box-shadow: var(--hz-surface-36-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-36--bg {
  background-color: var(--hz-surface-36-bg);
  background-image: none;
}
:root body .hz-surface-surface-36--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-36-overlay);
  opacity: var(--hz-surface-36-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-36--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-37 {
  border-radius: var(--hz-surface-37-radius);
  border: var(--hz-surface-37-border-width) solid var(--hz-surface-37-border);
  box-shadow: var(--hz-surface-37-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-37--bg {
  background-color: var(--hz-surface-37-bg);
  background-image: none;
}
:root body .hz-surface-surface-37--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-37-overlay);
  opacity: var(--hz-surface-37-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-37--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-38 {
  border-radius: var(--hz-surface-38-radius);
  border: var(--hz-surface-38-border-width) solid var(--hz-surface-38-border);
  box-shadow: var(--hz-surface-38-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-38--bg {
  background-color: var(--hz-surface-38-bg);
  background-image: none;
}
:root body .hz-surface-surface-38--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-38-overlay);
  opacity: var(--hz-surface-38-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-38--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-39 {
  border-radius: var(--hz-surface-39-radius);
  border: var(--hz-surface-39-border-width) solid var(--hz-surface-39-border);
  box-shadow: var(--hz-surface-39-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-39--bg {
  background-color: var(--hz-surface-39-bg);
  background-image: none;
}
:root body .hz-surface-surface-39--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-39-overlay);
  opacity: var(--hz-surface-39-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-39--overlay > * {
  position: relative;
  z-index: 2;
}
:root body .hz-surface-surface-40 {
  border-radius: var(--hz-surface-40-radius);
  border: var(--hz-surface-40-border-width) solid var(--hz-surface-40-border);
  box-shadow: var(--hz-surface-40-shadow);
  position: relative;
  overflow: hidden;
}
:root body .hz-surface-surface-40--bg {
  background-color: var(--hz-surface-40-bg);
  background-image: none;
}
:root body .hz-surface-surface-40--overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-surface-40-overlay);
  opacity: var(--hz-surface-40-overlay-alpha);
  pointer-events: none;
  z-index: 1;
}
:root body .hz-surface-surface-40--overlay > * {
  position: relative;
  z-index: 2;
}

/* Surface: Tablet Responsive Prefix */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-surface-tablet-surface-01 {
    border-radius: var(--hz-surface-01-radius);
    border: var(--hz-surface-01-border-width) solid var(--hz-surface-01-border);
    box-shadow: var(--hz-surface-01-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-01--bg {
    background-color: var(--hz-surface-01-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-01--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-01-overlay);
    opacity: var(--hz-surface-01-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-01--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-02 {
    border-radius: var(--hz-surface-02-radius);
    border: var(--hz-surface-02-border-width) solid var(--hz-surface-02-border);
    box-shadow: var(--hz-surface-02-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-02--bg {
    background-color: var(--hz-surface-02-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-02--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-02-overlay);
    opacity: var(--hz-surface-02-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-02--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-03 {
    border-radius: var(--hz-surface-03-radius);
    border: var(--hz-surface-03-border-width) solid var(--hz-surface-03-border);
    box-shadow: var(--hz-surface-03-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-03--bg {
    background-color: var(--hz-surface-03-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-03--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-03-overlay);
    opacity: var(--hz-surface-03-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-03--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-04 {
    border-radius: var(--hz-surface-04-radius);
    border: var(--hz-surface-04-border-width) solid var(--hz-surface-04-border);
    box-shadow: var(--hz-surface-04-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-04--bg {
    background-color: var(--hz-surface-04-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-04--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-04-overlay);
    opacity: var(--hz-surface-04-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-04--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-05 {
    border-radius: var(--hz-surface-05-radius);
    border: var(--hz-surface-05-border-width) solid var(--hz-surface-05-border);
    box-shadow: var(--hz-surface-05-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-05--bg {
    background-color: var(--hz-surface-05-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-05--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-05-overlay);
    opacity: var(--hz-surface-05-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-05--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-06 {
    border-radius: var(--hz-surface-06-radius);
    border: var(--hz-surface-06-border-width) solid var(--hz-surface-06-border);
    box-shadow: var(--hz-surface-06-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-06--bg {
    background-color: var(--hz-surface-06-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-06--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-06-overlay);
    opacity: var(--hz-surface-06-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-06--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-07 {
    border-radius: var(--hz-surface-07-radius);
    border: var(--hz-surface-07-border-width) solid var(--hz-surface-07-border);
    box-shadow: var(--hz-surface-07-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-07--bg {
    background-color: var(--hz-surface-07-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-07--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-07-overlay);
    opacity: var(--hz-surface-07-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-07--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-08 {
    border-radius: var(--hz-surface-08-radius);
    border: var(--hz-surface-08-border-width) solid var(--hz-surface-08-border);
    box-shadow: var(--hz-surface-08-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-08--bg {
    background-color: var(--hz-surface-08-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-08--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-08-overlay);
    opacity: var(--hz-surface-08-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-08--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-09 {
    border-radius: var(--hz-surface-09-radius);
    border: var(--hz-surface-09-border-width) solid var(--hz-surface-09-border);
    box-shadow: var(--hz-surface-09-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-09--bg {
    background-color: var(--hz-surface-09-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-09--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-09-overlay);
    opacity: var(--hz-surface-09-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-09--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-10 {
    border-radius: var(--hz-surface-10-radius);
    border: var(--hz-surface-10-border-width) solid var(--hz-surface-10-border);
    box-shadow: var(--hz-surface-10-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-10--bg {
    background-color: var(--hz-surface-10-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-10--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-10-overlay);
    opacity: var(--hz-surface-10-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-10--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-11 {
    border-radius: var(--hz-surface-11-radius);
    border: var(--hz-surface-11-border-width) solid var(--hz-surface-11-border);
    box-shadow: var(--hz-surface-11-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-11--bg {
    background-color: var(--hz-surface-11-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-11--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-11-overlay);
    opacity: var(--hz-surface-11-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-11--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-12 {
    border-radius: var(--hz-surface-12-radius);
    border: var(--hz-surface-12-border-width) solid var(--hz-surface-12-border);
    box-shadow: var(--hz-surface-12-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-12--bg {
    background-color: var(--hz-surface-12-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-12--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-12-overlay);
    opacity: var(--hz-surface-12-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-12--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-13 {
    border-radius: var(--hz-surface-13-radius);
    border: var(--hz-surface-13-border-width) solid var(--hz-surface-13-border);
    box-shadow: var(--hz-surface-13-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-13--bg {
    background-color: var(--hz-surface-13-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-13--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-13-overlay);
    opacity: var(--hz-surface-13-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-13--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-14 {
    border-radius: var(--hz-surface-14-radius);
    border: var(--hz-surface-14-border-width) solid var(--hz-surface-14-border);
    box-shadow: var(--hz-surface-14-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-14--bg {
    background-color: var(--hz-surface-14-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-14--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-14-overlay);
    opacity: var(--hz-surface-14-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-14--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-15 {
    border-radius: var(--hz-surface-15-radius);
    border: var(--hz-surface-15-border-width) solid var(--hz-surface-15-border);
    box-shadow: var(--hz-surface-15-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-15--bg {
    background-color: var(--hz-surface-15-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-15--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-15-overlay);
    opacity: var(--hz-surface-15-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-15--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-16 {
    border-radius: var(--hz-surface-16-radius);
    border: var(--hz-surface-16-border-width) solid var(--hz-surface-16-border);
    box-shadow: var(--hz-surface-16-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-16--bg {
    background-color: var(--hz-surface-16-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-16--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-16-overlay);
    opacity: var(--hz-surface-16-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-16--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-17 {
    border-radius: var(--hz-surface-17-radius);
    border: var(--hz-surface-17-border-width) solid var(--hz-surface-17-border);
    box-shadow: var(--hz-surface-17-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-17--bg {
    background-color: var(--hz-surface-17-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-17--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-17-overlay);
    opacity: var(--hz-surface-17-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-17--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-18 {
    border-radius: var(--hz-surface-18-radius);
    border: var(--hz-surface-18-border-width) solid var(--hz-surface-18-border);
    box-shadow: var(--hz-surface-18-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-18--bg {
    background-color: var(--hz-surface-18-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-18--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-18-overlay);
    opacity: var(--hz-surface-18-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-18--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-19 {
    border-radius: var(--hz-surface-19-radius);
    border: var(--hz-surface-19-border-width) solid var(--hz-surface-19-border);
    box-shadow: var(--hz-surface-19-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-19--bg {
    background-color: var(--hz-surface-19-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-19--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-19-overlay);
    opacity: var(--hz-surface-19-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-19--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-20 {
    border-radius: var(--hz-surface-20-radius);
    border: var(--hz-surface-20-border-width) solid var(--hz-surface-20-border);
    box-shadow: var(--hz-surface-20-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-20--bg {
    background-color: var(--hz-surface-20-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-20--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-20-overlay);
    opacity: var(--hz-surface-20-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-20--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-21 {
    border-radius: var(--hz-surface-21-radius);
    border: var(--hz-surface-21-border-width) solid var(--hz-surface-21-border);
    box-shadow: var(--hz-surface-21-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-21--bg {
    background-color: var(--hz-surface-21-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-21--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-21-overlay);
    opacity: var(--hz-surface-21-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-21--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-22 {
    border-radius: var(--hz-surface-22-radius);
    border: var(--hz-surface-22-border-width) solid var(--hz-surface-22-border);
    box-shadow: var(--hz-surface-22-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-22--bg {
    background-color: var(--hz-surface-22-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-22--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-22-overlay);
    opacity: var(--hz-surface-22-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-22--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-23 {
    border-radius: var(--hz-surface-23-radius);
    border: var(--hz-surface-23-border-width) solid var(--hz-surface-23-border);
    box-shadow: var(--hz-surface-23-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-23--bg {
    background-color: var(--hz-surface-23-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-23--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-23-overlay);
    opacity: var(--hz-surface-23-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-23--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-24 {
    border-radius: var(--hz-surface-24-radius);
    border: var(--hz-surface-24-border-width) solid var(--hz-surface-24-border);
    box-shadow: var(--hz-surface-24-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-24--bg {
    background-color: var(--hz-surface-24-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-24--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-24-overlay);
    opacity: var(--hz-surface-24-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-24--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-25 {
    border-radius: var(--hz-surface-25-radius);
    border: var(--hz-surface-25-border-width) solid var(--hz-surface-25-border);
    box-shadow: var(--hz-surface-25-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-25--bg {
    background-color: var(--hz-surface-25-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-25--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-25-overlay);
    opacity: var(--hz-surface-25-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-25--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-26 {
    border-radius: var(--hz-surface-26-radius);
    border: var(--hz-surface-26-border-width) solid var(--hz-surface-26-border);
    box-shadow: var(--hz-surface-26-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-26--bg {
    background-color: var(--hz-surface-26-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-26--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-26-overlay);
    opacity: var(--hz-surface-26-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-26--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-27 {
    border-radius: var(--hz-surface-27-radius);
    border: var(--hz-surface-27-border-width) solid var(--hz-surface-27-border);
    box-shadow: var(--hz-surface-27-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-27--bg {
    background-color: var(--hz-surface-27-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-27--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-27-overlay);
    opacity: var(--hz-surface-27-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-27--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-28 {
    border-radius: var(--hz-surface-28-radius);
    border: var(--hz-surface-28-border-width) solid var(--hz-surface-28-border);
    box-shadow: var(--hz-surface-28-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-28--bg {
    background-color: var(--hz-surface-28-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-28--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-28-overlay);
    opacity: var(--hz-surface-28-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-28--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-29 {
    border-radius: var(--hz-surface-29-radius);
    border: var(--hz-surface-29-border-width) solid var(--hz-surface-29-border);
    box-shadow: var(--hz-surface-29-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-29--bg {
    background-color: var(--hz-surface-29-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-29--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-29-overlay);
    opacity: var(--hz-surface-29-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-29--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-30 {
    border-radius: var(--hz-surface-30-radius);
    border: var(--hz-surface-30-border-width) solid var(--hz-surface-30-border);
    box-shadow: var(--hz-surface-30-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-30--bg {
    background-color: var(--hz-surface-30-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-30--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-30-overlay);
    opacity: var(--hz-surface-30-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-30--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-31 {
    border-radius: var(--hz-surface-31-radius);
    border: var(--hz-surface-31-border-width) solid var(--hz-surface-31-border);
    box-shadow: var(--hz-surface-31-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-31--bg {
    background-color: var(--hz-surface-31-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-31--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-31-overlay);
    opacity: var(--hz-surface-31-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-31--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-32 {
    border-radius: var(--hz-surface-32-radius);
    border: var(--hz-surface-32-border-width) solid var(--hz-surface-32-border);
    box-shadow: var(--hz-surface-32-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-32--bg {
    background-color: var(--hz-surface-32-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-32--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-32-overlay);
    opacity: var(--hz-surface-32-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-32--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-33 {
    border-radius: var(--hz-surface-33-radius);
    border: var(--hz-surface-33-border-width) solid var(--hz-surface-33-border);
    box-shadow: var(--hz-surface-33-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-33--bg {
    background-color: var(--hz-surface-33-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-33--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-33-overlay);
    opacity: var(--hz-surface-33-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-33--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-34 {
    border-radius: var(--hz-surface-34-radius);
    border: var(--hz-surface-34-border-width) solid var(--hz-surface-34-border);
    box-shadow: var(--hz-surface-34-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-34--bg {
    background-color: var(--hz-surface-34-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-34--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-34-overlay);
    opacity: var(--hz-surface-34-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-34--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-35 {
    border-radius: var(--hz-surface-35-radius);
    border: var(--hz-surface-35-border-width) solid var(--hz-surface-35-border);
    box-shadow: var(--hz-surface-35-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-35--bg {
    background-color: var(--hz-surface-35-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-35--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-35-overlay);
    opacity: var(--hz-surface-35-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-35--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-36 {
    border-radius: var(--hz-surface-36-radius);
    border: var(--hz-surface-36-border-width) solid var(--hz-surface-36-border);
    box-shadow: var(--hz-surface-36-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-36--bg {
    background-color: var(--hz-surface-36-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-36--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-36-overlay);
    opacity: var(--hz-surface-36-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-36--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-37 {
    border-radius: var(--hz-surface-37-radius);
    border: var(--hz-surface-37-border-width) solid var(--hz-surface-37-border);
    box-shadow: var(--hz-surface-37-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-37--bg {
    background-color: var(--hz-surface-37-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-37--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-37-overlay);
    opacity: var(--hz-surface-37-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-37--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-38 {
    border-radius: var(--hz-surface-38-radius);
    border: var(--hz-surface-38-border-width) solid var(--hz-surface-38-border);
    box-shadow: var(--hz-surface-38-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-38--bg {
    background-color: var(--hz-surface-38-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-38--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-38-overlay);
    opacity: var(--hz-surface-38-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-38--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-39 {
    border-radius: var(--hz-surface-39-radius);
    border: var(--hz-surface-39-border-width) solid var(--hz-surface-39-border);
    box-shadow: var(--hz-surface-39-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-39--bg {
    background-color: var(--hz-surface-39-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-39--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-39-overlay);
    opacity: var(--hz-surface-39-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-39--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-tablet-surface-40 {
    border-radius: var(--hz-surface-40-radius);
    border: var(--hz-surface-40-border-width) solid var(--hz-surface-40-border);
    box-shadow: var(--hz-surface-40-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-tablet-surface-40--bg {
    background-color: var(--hz-surface-40-bg);
    background-image: none;
  }
  :root body .hz-surface-tablet-surface-40--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-40-overlay);
    opacity: var(--hz-surface-40-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-tablet-surface-40--overlay > * {
    position: relative;
    z-index: 2;
  }
}

/* Surface: Mobile Responsive Prefix */
@media (max-width: 767px) {
  :root body .hz-surface-mobile-surface-01 {
    border-radius: var(--hz-surface-01-radius);
    border: var(--hz-surface-01-border-width) solid var(--hz-surface-01-border);
    box-shadow: var(--hz-surface-01-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-01--bg {
    background-color: var(--hz-surface-01-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-01--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-01-overlay);
    opacity: var(--hz-surface-01-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-01--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-02 {
    border-radius: var(--hz-surface-02-radius);
    border: var(--hz-surface-02-border-width) solid var(--hz-surface-02-border);
    box-shadow: var(--hz-surface-02-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-02--bg {
    background-color: var(--hz-surface-02-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-02--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-02-overlay);
    opacity: var(--hz-surface-02-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-02--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-03 {
    border-radius: var(--hz-surface-03-radius);
    border: var(--hz-surface-03-border-width) solid var(--hz-surface-03-border);
    box-shadow: var(--hz-surface-03-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-03--bg {
    background-color: var(--hz-surface-03-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-03--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-03-overlay);
    opacity: var(--hz-surface-03-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-03--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-04 {
    border-radius: var(--hz-surface-04-radius);
    border: var(--hz-surface-04-border-width) solid var(--hz-surface-04-border);
    box-shadow: var(--hz-surface-04-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-04--bg {
    background-color: var(--hz-surface-04-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-04--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-04-overlay);
    opacity: var(--hz-surface-04-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-04--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-05 {
    border-radius: var(--hz-surface-05-radius);
    border: var(--hz-surface-05-border-width) solid var(--hz-surface-05-border);
    box-shadow: var(--hz-surface-05-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-05--bg {
    background-color: var(--hz-surface-05-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-05--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-05-overlay);
    opacity: var(--hz-surface-05-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-05--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-06 {
    border-radius: var(--hz-surface-06-radius);
    border: var(--hz-surface-06-border-width) solid var(--hz-surface-06-border);
    box-shadow: var(--hz-surface-06-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-06--bg {
    background-color: var(--hz-surface-06-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-06--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-06-overlay);
    opacity: var(--hz-surface-06-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-06--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-07 {
    border-radius: var(--hz-surface-07-radius);
    border: var(--hz-surface-07-border-width) solid var(--hz-surface-07-border);
    box-shadow: var(--hz-surface-07-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-07--bg {
    background-color: var(--hz-surface-07-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-07--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-07-overlay);
    opacity: var(--hz-surface-07-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-07--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-08 {
    border-radius: var(--hz-surface-08-radius);
    border: var(--hz-surface-08-border-width) solid var(--hz-surface-08-border);
    box-shadow: var(--hz-surface-08-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-08--bg {
    background-color: var(--hz-surface-08-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-08--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-08-overlay);
    opacity: var(--hz-surface-08-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-08--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-09 {
    border-radius: var(--hz-surface-09-radius);
    border: var(--hz-surface-09-border-width) solid var(--hz-surface-09-border);
    box-shadow: var(--hz-surface-09-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-09--bg {
    background-color: var(--hz-surface-09-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-09--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-09-overlay);
    opacity: var(--hz-surface-09-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-09--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-10 {
    border-radius: var(--hz-surface-10-radius);
    border: var(--hz-surface-10-border-width) solid var(--hz-surface-10-border);
    box-shadow: var(--hz-surface-10-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-10--bg {
    background-color: var(--hz-surface-10-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-10--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-10-overlay);
    opacity: var(--hz-surface-10-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-10--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-11 {
    border-radius: var(--hz-surface-11-radius);
    border: var(--hz-surface-11-border-width) solid var(--hz-surface-11-border);
    box-shadow: var(--hz-surface-11-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-11--bg {
    background-color: var(--hz-surface-11-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-11--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-11-overlay);
    opacity: var(--hz-surface-11-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-11--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-12 {
    border-radius: var(--hz-surface-12-radius);
    border: var(--hz-surface-12-border-width) solid var(--hz-surface-12-border);
    box-shadow: var(--hz-surface-12-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-12--bg {
    background-color: var(--hz-surface-12-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-12--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-12-overlay);
    opacity: var(--hz-surface-12-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-12--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-13 {
    border-radius: var(--hz-surface-13-radius);
    border: var(--hz-surface-13-border-width) solid var(--hz-surface-13-border);
    box-shadow: var(--hz-surface-13-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-13--bg {
    background-color: var(--hz-surface-13-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-13--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-13-overlay);
    opacity: var(--hz-surface-13-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-13--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-14 {
    border-radius: var(--hz-surface-14-radius);
    border: var(--hz-surface-14-border-width) solid var(--hz-surface-14-border);
    box-shadow: var(--hz-surface-14-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-14--bg {
    background-color: var(--hz-surface-14-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-14--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-14-overlay);
    opacity: var(--hz-surface-14-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-14--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-15 {
    border-radius: var(--hz-surface-15-radius);
    border: var(--hz-surface-15-border-width) solid var(--hz-surface-15-border);
    box-shadow: var(--hz-surface-15-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-15--bg {
    background-color: var(--hz-surface-15-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-15--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-15-overlay);
    opacity: var(--hz-surface-15-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-15--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-16 {
    border-radius: var(--hz-surface-16-radius);
    border: var(--hz-surface-16-border-width) solid var(--hz-surface-16-border);
    box-shadow: var(--hz-surface-16-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-16--bg {
    background-color: var(--hz-surface-16-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-16--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-16-overlay);
    opacity: var(--hz-surface-16-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-16--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-17 {
    border-radius: var(--hz-surface-17-radius);
    border: var(--hz-surface-17-border-width) solid var(--hz-surface-17-border);
    box-shadow: var(--hz-surface-17-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-17--bg {
    background-color: var(--hz-surface-17-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-17--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-17-overlay);
    opacity: var(--hz-surface-17-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-17--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-18 {
    border-radius: var(--hz-surface-18-radius);
    border: var(--hz-surface-18-border-width) solid var(--hz-surface-18-border);
    box-shadow: var(--hz-surface-18-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-18--bg {
    background-color: var(--hz-surface-18-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-18--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-18-overlay);
    opacity: var(--hz-surface-18-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-18--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-19 {
    border-radius: var(--hz-surface-19-radius);
    border: var(--hz-surface-19-border-width) solid var(--hz-surface-19-border);
    box-shadow: var(--hz-surface-19-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-19--bg {
    background-color: var(--hz-surface-19-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-19--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-19-overlay);
    opacity: var(--hz-surface-19-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-19--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-20 {
    border-radius: var(--hz-surface-20-radius);
    border: var(--hz-surface-20-border-width) solid var(--hz-surface-20-border);
    box-shadow: var(--hz-surface-20-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-20--bg {
    background-color: var(--hz-surface-20-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-20--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-20-overlay);
    opacity: var(--hz-surface-20-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-20--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-21 {
    border-radius: var(--hz-surface-21-radius);
    border: var(--hz-surface-21-border-width) solid var(--hz-surface-21-border);
    box-shadow: var(--hz-surface-21-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-21--bg {
    background-color: var(--hz-surface-21-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-21--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-21-overlay);
    opacity: var(--hz-surface-21-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-21--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-22 {
    border-radius: var(--hz-surface-22-radius);
    border: var(--hz-surface-22-border-width) solid var(--hz-surface-22-border);
    box-shadow: var(--hz-surface-22-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-22--bg {
    background-color: var(--hz-surface-22-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-22--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-22-overlay);
    opacity: var(--hz-surface-22-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-22--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-23 {
    border-radius: var(--hz-surface-23-radius);
    border: var(--hz-surface-23-border-width) solid var(--hz-surface-23-border);
    box-shadow: var(--hz-surface-23-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-23--bg {
    background-color: var(--hz-surface-23-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-23--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-23-overlay);
    opacity: var(--hz-surface-23-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-23--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-24 {
    border-radius: var(--hz-surface-24-radius);
    border: var(--hz-surface-24-border-width) solid var(--hz-surface-24-border);
    box-shadow: var(--hz-surface-24-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-24--bg {
    background-color: var(--hz-surface-24-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-24--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-24-overlay);
    opacity: var(--hz-surface-24-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-24--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-25 {
    border-radius: var(--hz-surface-25-radius);
    border: var(--hz-surface-25-border-width) solid var(--hz-surface-25-border);
    box-shadow: var(--hz-surface-25-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-25--bg {
    background-color: var(--hz-surface-25-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-25--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-25-overlay);
    opacity: var(--hz-surface-25-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-25--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-26 {
    border-radius: var(--hz-surface-26-radius);
    border: var(--hz-surface-26-border-width) solid var(--hz-surface-26-border);
    box-shadow: var(--hz-surface-26-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-26--bg {
    background-color: var(--hz-surface-26-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-26--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-26-overlay);
    opacity: var(--hz-surface-26-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-26--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-27 {
    border-radius: var(--hz-surface-27-radius);
    border: var(--hz-surface-27-border-width) solid var(--hz-surface-27-border);
    box-shadow: var(--hz-surface-27-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-27--bg {
    background-color: var(--hz-surface-27-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-27--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-27-overlay);
    opacity: var(--hz-surface-27-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-27--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-28 {
    border-radius: var(--hz-surface-28-radius);
    border: var(--hz-surface-28-border-width) solid var(--hz-surface-28-border);
    box-shadow: var(--hz-surface-28-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-28--bg {
    background-color: var(--hz-surface-28-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-28--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-28-overlay);
    opacity: var(--hz-surface-28-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-28--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-29 {
    border-radius: var(--hz-surface-29-radius);
    border: var(--hz-surface-29-border-width) solid var(--hz-surface-29-border);
    box-shadow: var(--hz-surface-29-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-29--bg {
    background-color: var(--hz-surface-29-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-29--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-29-overlay);
    opacity: var(--hz-surface-29-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-29--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-30 {
    border-radius: var(--hz-surface-30-radius);
    border: var(--hz-surface-30-border-width) solid var(--hz-surface-30-border);
    box-shadow: var(--hz-surface-30-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-30--bg {
    background-color: var(--hz-surface-30-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-30--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-30-overlay);
    opacity: var(--hz-surface-30-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-30--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-31 {
    border-radius: var(--hz-surface-31-radius);
    border: var(--hz-surface-31-border-width) solid var(--hz-surface-31-border);
    box-shadow: var(--hz-surface-31-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-31--bg {
    background-color: var(--hz-surface-31-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-31--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-31-overlay);
    opacity: var(--hz-surface-31-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-31--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-32 {
    border-radius: var(--hz-surface-32-radius);
    border: var(--hz-surface-32-border-width) solid var(--hz-surface-32-border);
    box-shadow: var(--hz-surface-32-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-32--bg {
    background-color: var(--hz-surface-32-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-32--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-32-overlay);
    opacity: var(--hz-surface-32-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-32--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-33 {
    border-radius: var(--hz-surface-33-radius);
    border: var(--hz-surface-33-border-width) solid var(--hz-surface-33-border);
    box-shadow: var(--hz-surface-33-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-33--bg {
    background-color: var(--hz-surface-33-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-33--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-33-overlay);
    opacity: var(--hz-surface-33-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-33--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-34 {
    border-radius: var(--hz-surface-34-radius);
    border: var(--hz-surface-34-border-width) solid var(--hz-surface-34-border);
    box-shadow: var(--hz-surface-34-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-34--bg {
    background-color: var(--hz-surface-34-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-34--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-34-overlay);
    opacity: var(--hz-surface-34-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-34--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-35 {
    border-radius: var(--hz-surface-35-radius);
    border: var(--hz-surface-35-border-width) solid var(--hz-surface-35-border);
    box-shadow: var(--hz-surface-35-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-35--bg {
    background-color: var(--hz-surface-35-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-35--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-35-overlay);
    opacity: var(--hz-surface-35-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-35--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-36 {
    border-radius: var(--hz-surface-36-radius);
    border: var(--hz-surface-36-border-width) solid var(--hz-surface-36-border);
    box-shadow: var(--hz-surface-36-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-36--bg {
    background-color: var(--hz-surface-36-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-36--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-36-overlay);
    opacity: var(--hz-surface-36-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-36--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-37 {
    border-radius: var(--hz-surface-37-radius);
    border: var(--hz-surface-37-border-width) solid var(--hz-surface-37-border);
    box-shadow: var(--hz-surface-37-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-37--bg {
    background-color: var(--hz-surface-37-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-37--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-37-overlay);
    opacity: var(--hz-surface-37-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-37--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-38 {
    border-radius: var(--hz-surface-38-radius);
    border: var(--hz-surface-38-border-width) solid var(--hz-surface-38-border);
    box-shadow: var(--hz-surface-38-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-38--bg {
    background-color: var(--hz-surface-38-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-38--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-38-overlay);
    opacity: var(--hz-surface-38-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-38--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-39 {
    border-radius: var(--hz-surface-39-radius);
    border: var(--hz-surface-39-border-width) solid var(--hz-surface-39-border);
    box-shadow: var(--hz-surface-39-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-39--bg {
    background-color: var(--hz-surface-39-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-39--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-39-overlay);
    opacity: var(--hz-surface-39-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-39--overlay > * {
    position: relative;
    z-index: 2;
  }
  :root body .hz-surface-mobile-surface-40 {
    border-radius: var(--hz-surface-40-radius);
    border: var(--hz-surface-40-border-width) solid var(--hz-surface-40-border);
    box-shadow: var(--hz-surface-40-shadow);
    position: relative;
    overflow: hidden;
  }
  :root body .hz-surface-mobile-surface-40--bg {
    background-color: var(--hz-surface-40-bg);
    background-image: none;
  }
  :root body .hz-surface-mobile-surface-40--overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--hz-surface-40-overlay);
    opacity: var(--hz-surface-40-overlay-alpha);
    pointer-events: none;
    z-index: 1;
  }
  :root body .hz-surface-mobile-surface-40--overlay > * {
    position: relative;
    z-index: 2;
  }
}
:root body .hz-badge-badge-01 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-01-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-01-bg);
  color: var(--hz-badge-01-text);
  border-radius: var(--hz-badge-01-radius);
  border: var(--hz-badge-01-border-width) solid var(--hz-badge-01-border);
}
:root body .hz-badge-badge-02 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-02-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-02-bg);
  color: var(--hz-badge-02-text);
  border-radius: var(--hz-badge-02-radius);
  border: var(--hz-badge-02-border-width) solid var(--hz-badge-02-border);
}
:root body .hz-badge-badge-03 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-03-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-03-bg);
  color: var(--hz-badge-03-text);
  border-radius: var(--hz-badge-03-radius);
  border: var(--hz-badge-03-border-width) solid var(--hz-badge-03-border);
}
:root body .hz-badge-badge-04 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-04-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-04-bg);
  color: var(--hz-badge-04-text);
  border-radius: var(--hz-badge-04-radius);
  border: var(--hz-badge-04-border-width) solid var(--hz-badge-04-border);
}
:root body .hz-badge-badge-05 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-05-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-05-bg);
  color: var(--hz-badge-05-text);
  border-radius: var(--hz-badge-05-radius);
  border: var(--hz-badge-05-border-width) solid var(--hz-badge-05-border);
}
:root body .hz-badge-badge-06 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-06-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-06-bg);
  color: var(--hz-badge-06-text);
  border-radius: var(--hz-badge-06-radius);
  border: var(--hz-badge-06-border-width) solid var(--hz-badge-06-border);
}
:root body .hz-badge-badge-07 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-07-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-07-bg);
  color: var(--hz-badge-07-text);
  border-radius: var(--hz-badge-07-radius);
  border: var(--hz-badge-07-border-width) solid var(--hz-badge-07-border);
}
:root body .hz-badge-badge-08 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-08-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-08-bg);
  color: var(--hz-badge-08-text);
  border-radius: var(--hz-badge-08-radius);
  border: var(--hz-badge-08-border-width) solid var(--hz-badge-08-border);
}
:root body .hz-badge-badge-09 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-09-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-09-bg);
  color: var(--hz-badge-09-text);
  border-radius: var(--hz-badge-09-radius);
  border: var(--hz-badge-09-border-width) solid var(--hz-badge-09-border);
}
:root body .hz-badge-badge-10 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-10-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-10-bg);
  color: var(--hz-badge-10-text);
  border-radius: var(--hz-badge-10-radius);
  border: var(--hz-badge-10-border-width) solid var(--hz-badge-10-border);
}
:root body .hz-badge-badge-11 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-11-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-11-bg);
  color: var(--hz-badge-11-text);
  border-radius: var(--hz-badge-11-radius);
  border: var(--hz-badge-11-border-width) solid var(--hz-badge-11-border);
}
:root body .hz-badge-badge-12 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-12-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-12-bg);
  color: var(--hz-badge-12-text);
  border-radius: var(--hz-badge-12-radius);
  border: var(--hz-badge-12-border-width) solid var(--hz-badge-12-border);
}
:root body .hz-badge-badge-13 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-13-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-13-bg);
  color: var(--hz-badge-13-text);
  border-radius: var(--hz-badge-13-radius);
  border: var(--hz-badge-13-border-width) solid var(--hz-badge-13-border);
}
:root body .hz-badge-badge-14 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-14-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-14-bg);
  color: var(--hz-badge-14-text);
  border-radius: var(--hz-badge-14-radius);
  border: var(--hz-badge-14-border-width) solid var(--hz-badge-14-border);
}
:root body .hz-badge-badge-15 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-15-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-15-bg);
  color: var(--hz-badge-15-text);
  border-radius: var(--hz-badge-15-radius);
  border: var(--hz-badge-15-border-width) solid var(--hz-badge-15-border);
}
:root body .hz-badge-badge-16 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-16-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-16-bg);
  color: var(--hz-badge-16-text);
  border-radius: var(--hz-badge-16-radius);
  border: var(--hz-badge-16-border-width) solid var(--hz-badge-16-border);
}
:root body .hz-badge-badge-17 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-17-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-17-bg);
  color: var(--hz-badge-17-text);
  border-radius: var(--hz-badge-17-radius);
  border: var(--hz-badge-17-border-width) solid var(--hz-badge-17-border);
}
:root body .hz-badge-badge-18 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-18-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-18-bg);
  color: var(--hz-badge-18-text);
  border-radius: var(--hz-badge-18-radius);
  border: var(--hz-badge-18-border-width) solid var(--hz-badge-18-border);
}
:root body .hz-badge-badge-19 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-19-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-19-bg);
  color: var(--hz-badge-19-text);
  border-radius: var(--hz-badge-19-radius);
  border: var(--hz-badge-19-border-width) solid var(--hz-badge-19-border);
}
:root body .hz-badge-badge-20 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-20-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-20-bg);
  color: var(--hz-badge-20-text);
  border-radius: var(--hz-badge-20-radius);
  border: var(--hz-badge-20-border-width) solid var(--hz-badge-20-border);
}
:root body .hz-badge-badge-21 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-21-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-21-bg);
  color: var(--hz-badge-21-text);
  border-radius: var(--hz-badge-21-radius);
  border: var(--hz-badge-21-border-width) solid var(--hz-badge-21-border);
}
:root body .hz-badge-badge-22 {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: var(--hz-badge-22-font-size, 0.75rem);
  font-weight: 500;
  line-height: 1;
  background-color: var(--hz-badge-22-bg);
  color: var(--hz-badge-22-text);
  border-radius: var(--hz-badge-22-radius);
  border: var(--hz-badge-22-border-width) solid var(--hz-badge-22-border);
}

/* Badge: Tablet Responsive Prefix */
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-badge-tablet-badge-01 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-01-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-01-bg);
    color: var(--hz-badge-01-text);
    border-radius: var(--hz-badge-01-radius);
    border: var(--hz-badge-01-border-width) solid var(--hz-badge-01-border);
  }
  :root body .hz-badge-tablet-badge-02 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-02-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-02-bg);
    color: var(--hz-badge-02-text);
    border-radius: var(--hz-badge-02-radius);
    border: var(--hz-badge-02-border-width) solid var(--hz-badge-02-border);
  }
  :root body .hz-badge-tablet-badge-03 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-03-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-03-bg);
    color: var(--hz-badge-03-text);
    border-radius: var(--hz-badge-03-radius);
    border: var(--hz-badge-03-border-width) solid var(--hz-badge-03-border);
  }
  :root body .hz-badge-tablet-badge-04 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-04-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-04-bg);
    color: var(--hz-badge-04-text);
    border-radius: var(--hz-badge-04-radius);
    border: var(--hz-badge-04-border-width) solid var(--hz-badge-04-border);
  }
  :root body .hz-badge-tablet-badge-05 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-05-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-05-bg);
    color: var(--hz-badge-05-text);
    border-radius: var(--hz-badge-05-radius);
    border: var(--hz-badge-05-border-width) solid var(--hz-badge-05-border);
  }
  :root body .hz-badge-tablet-badge-06 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-06-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-06-bg);
    color: var(--hz-badge-06-text);
    border-radius: var(--hz-badge-06-radius);
    border: var(--hz-badge-06-border-width) solid var(--hz-badge-06-border);
  }
  :root body .hz-badge-tablet-badge-07 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-07-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-07-bg);
    color: var(--hz-badge-07-text);
    border-radius: var(--hz-badge-07-radius);
    border: var(--hz-badge-07-border-width) solid var(--hz-badge-07-border);
  }
  :root body .hz-badge-tablet-badge-08 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-08-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-08-bg);
    color: var(--hz-badge-08-text);
    border-radius: var(--hz-badge-08-radius);
    border: var(--hz-badge-08-border-width) solid var(--hz-badge-08-border);
  }
  :root body .hz-badge-tablet-badge-09 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-09-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-09-bg);
    color: var(--hz-badge-09-text);
    border-radius: var(--hz-badge-09-radius);
    border: var(--hz-badge-09-border-width) solid var(--hz-badge-09-border);
  }
  :root body .hz-badge-tablet-badge-10 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-10-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-10-bg);
    color: var(--hz-badge-10-text);
    border-radius: var(--hz-badge-10-radius);
    border: var(--hz-badge-10-border-width) solid var(--hz-badge-10-border);
  }
  :root body .hz-badge-tablet-badge-11 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-11-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-11-bg);
    color: var(--hz-badge-11-text);
    border-radius: var(--hz-badge-11-radius);
    border: var(--hz-badge-11-border-width) solid var(--hz-badge-11-border);
  }
  :root body .hz-badge-tablet-badge-12 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-12-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-12-bg);
    color: var(--hz-badge-12-text);
    border-radius: var(--hz-badge-12-radius);
    border: var(--hz-badge-12-border-width) solid var(--hz-badge-12-border);
  }
  :root body .hz-badge-tablet-badge-13 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-13-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-13-bg);
    color: var(--hz-badge-13-text);
    border-radius: var(--hz-badge-13-radius);
    border: var(--hz-badge-13-border-width) solid var(--hz-badge-13-border);
  }
  :root body .hz-badge-tablet-badge-14 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-14-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-14-bg);
    color: var(--hz-badge-14-text);
    border-radius: var(--hz-badge-14-radius);
    border: var(--hz-badge-14-border-width) solid var(--hz-badge-14-border);
  }
  :root body .hz-badge-tablet-badge-15 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-15-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-15-bg);
    color: var(--hz-badge-15-text);
    border-radius: var(--hz-badge-15-radius);
    border: var(--hz-badge-15-border-width) solid var(--hz-badge-15-border);
  }
  :root body .hz-badge-tablet-badge-16 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-16-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-16-bg);
    color: var(--hz-badge-16-text);
    border-radius: var(--hz-badge-16-radius);
    border: var(--hz-badge-16-border-width) solid var(--hz-badge-16-border);
  }
  :root body .hz-badge-tablet-badge-17 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-17-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-17-bg);
    color: var(--hz-badge-17-text);
    border-radius: var(--hz-badge-17-radius);
    border: var(--hz-badge-17-border-width) solid var(--hz-badge-17-border);
  }
  :root body .hz-badge-tablet-badge-18 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-18-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-18-bg);
    color: var(--hz-badge-18-text);
    border-radius: var(--hz-badge-18-radius);
    border: var(--hz-badge-18-border-width) solid var(--hz-badge-18-border);
  }
  :root body .hz-badge-tablet-badge-19 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-19-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-19-bg);
    color: var(--hz-badge-19-text);
    border-radius: var(--hz-badge-19-radius);
    border: var(--hz-badge-19-border-width) solid var(--hz-badge-19-border);
  }
  :root body .hz-badge-tablet-badge-20 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-20-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-20-bg);
    color: var(--hz-badge-20-text);
    border-radius: var(--hz-badge-20-radius);
    border: var(--hz-badge-20-border-width) solid var(--hz-badge-20-border);
  }
  :root body .hz-badge-tablet-badge-21 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-21-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-21-bg);
    color: var(--hz-badge-21-text);
    border-radius: var(--hz-badge-21-radius);
    border: var(--hz-badge-21-border-width) solid var(--hz-badge-21-border);
  }
  :root body .hz-badge-tablet-badge-22 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-22-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-22-bg);
    color: var(--hz-badge-22-text);
    border-radius: var(--hz-badge-22-radius);
    border: var(--hz-badge-22-border-width) solid var(--hz-badge-22-border);
  }
}

/* Badge: Mobile Responsive Prefix */
@media (max-width: 767px) {
  :root body .hz-badge-mobile-badge-01 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-01-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-01-bg);
    color: var(--hz-badge-01-text);
    border-radius: var(--hz-badge-01-radius);
    border: var(--hz-badge-01-border-width) solid var(--hz-badge-01-border);
  }
  :root body .hz-badge-mobile-badge-02 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-02-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-02-bg);
    color: var(--hz-badge-02-text);
    border-radius: var(--hz-badge-02-radius);
    border: var(--hz-badge-02-border-width) solid var(--hz-badge-02-border);
  }
  :root body .hz-badge-mobile-badge-03 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-03-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-03-bg);
    color: var(--hz-badge-03-text);
    border-radius: var(--hz-badge-03-radius);
    border: var(--hz-badge-03-border-width) solid var(--hz-badge-03-border);
  }
  :root body .hz-badge-mobile-badge-04 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-04-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-04-bg);
    color: var(--hz-badge-04-text);
    border-radius: var(--hz-badge-04-radius);
    border: var(--hz-badge-04-border-width) solid var(--hz-badge-04-border);
  }
  :root body .hz-badge-mobile-badge-05 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-05-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-05-bg);
    color: var(--hz-badge-05-text);
    border-radius: var(--hz-badge-05-radius);
    border: var(--hz-badge-05-border-width) solid var(--hz-badge-05-border);
  }
  :root body .hz-badge-mobile-badge-06 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-06-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-06-bg);
    color: var(--hz-badge-06-text);
    border-radius: var(--hz-badge-06-radius);
    border: var(--hz-badge-06-border-width) solid var(--hz-badge-06-border);
  }
  :root body .hz-badge-mobile-badge-07 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-07-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-07-bg);
    color: var(--hz-badge-07-text);
    border-radius: var(--hz-badge-07-radius);
    border: var(--hz-badge-07-border-width) solid var(--hz-badge-07-border);
  }
  :root body .hz-badge-mobile-badge-08 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-08-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-08-bg);
    color: var(--hz-badge-08-text);
    border-radius: var(--hz-badge-08-radius);
    border: var(--hz-badge-08-border-width) solid var(--hz-badge-08-border);
  }
  :root body .hz-badge-mobile-badge-09 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-09-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-09-bg);
    color: var(--hz-badge-09-text);
    border-radius: var(--hz-badge-09-radius);
    border: var(--hz-badge-09-border-width) solid var(--hz-badge-09-border);
  }
  :root body .hz-badge-mobile-badge-10 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-10-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-10-bg);
    color: var(--hz-badge-10-text);
    border-radius: var(--hz-badge-10-radius);
    border: var(--hz-badge-10-border-width) solid var(--hz-badge-10-border);
  }
  :root body .hz-badge-mobile-badge-11 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-11-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-11-bg);
    color: var(--hz-badge-11-text);
    border-radius: var(--hz-badge-11-radius);
    border: var(--hz-badge-11-border-width) solid var(--hz-badge-11-border);
  }
  :root body .hz-badge-mobile-badge-12 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-12-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-12-bg);
    color: var(--hz-badge-12-text);
    border-radius: var(--hz-badge-12-radius);
    border: var(--hz-badge-12-border-width) solid var(--hz-badge-12-border);
  }
  :root body .hz-badge-mobile-badge-13 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-13-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-13-bg);
    color: var(--hz-badge-13-text);
    border-radius: var(--hz-badge-13-radius);
    border: var(--hz-badge-13-border-width) solid var(--hz-badge-13-border);
  }
  :root body .hz-badge-mobile-badge-14 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-14-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-14-bg);
    color: var(--hz-badge-14-text);
    border-radius: var(--hz-badge-14-radius);
    border: var(--hz-badge-14-border-width) solid var(--hz-badge-14-border);
  }
  :root body .hz-badge-mobile-badge-15 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-15-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-15-bg);
    color: var(--hz-badge-15-text);
    border-radius: var(--hz-badge-15-radius);
    border: var(--hz-badge-15-border-width) solid var(--hz-badge-15-border);
  }
  :root body .hz-badge-mobile-badge-16 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-16-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-16-bg);
    color: var(--hz-badge-16-text);
    border-radius: var(--hz-badge-16-radius);
    border: var(--hz-badge-16-border-width) solid var(--hz-badge-16-border);
  }
  :root body .hz-badge-mobile-badge-17 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-17-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-17-bg);
    color: var(--hz-badge-17-text);
    border-radius: var(--hz-badge-17-radius);
    border: var(--hz-badge-17-border-width) solid var(--hz-badge-17-border);
  }
  :root body .hz-badge-mobile-badge-18 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-18-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-18-bg);
    color: var(--hz-badge-18-text);
    border-radius: var(--hz-badge-18-radius);
    border: var(--hz-badge-18-border-width) solid var(--hz-badge-18-border);
  }
  :root body .hz-badge-mobile-badge-19 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-19-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-19-bg);
    color: var(--hz-badge-19-text);
    border-radius: var(--hz-badge-19-radius);
    border: var(--hz-badge-19-border-width) solid var(--hz-badge-19-border);
  }
  :root body .hz-badge-mobile-badge-20 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-20-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-20-bg);
    color: var(--hz-badge-20-text);
    border-radius: var(--hz-badge-20-radius);
    border: var(--hz-badge-20-border-width) solid var(--hz-badge-20-border);
  }
  :root body .hz-badge-mobile-badge-21 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-21-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-21-bg);
    color: var(--hz-badge-21-text);
    border-radius: var(--hz-badge-21-radius);
    border: var(--hz-badge-21-border-width) solid var(--hz-badge-21-border);
  }
  :root body .hz-badge-mobile-badge-22 {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: var(--hz-badge-22-font-size, 0.75rem);
    font-weight: 500;
    line-height: 1;
    background-color: var(--hz-badge-22-bg);
    color: var(--hz-badge-22-text);
    border-radius: var(--hz-badge-22-radius);
    border: var(--hz-badge-22-border-width) solid var(--hz-badge-22-border);
  }
}
/* Advanced: Scale */
:root body .hz-scale {
  scale: var(--hz-scale-desktop, 1);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-scale {
    scale: var(--hz-scale-tablet, var(--hz-scale-desktop, 1));
  }
}
@media (max-width: 767px) {
  :root body .hz-scale {
    scale: var(--hz-scale-mobile, var(--hz-scale-desktop, 1));
  }
}

/* Advanced: Translate */
:root body .hz-translate {
  translate: var(--hz-translate-x-desktop, 0) var(--hz-translate-y-desktop, 0);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-translate {
    translate: var(--hz-translate-x-tablet, var(--hz-translate-x-desktop, 0)) var(--hz-translate-y-tablet, var(--hz-translate-y-desktop, 0));
  }
}
@media (max-width: 767px) {
  :root body .hz-translate {
    translate: var(--hz-translate-x-mobile, var(--hz-translate-x-desktop, 0)) var(--hz-translate-y-mobile, var(--hz-translate-y-desktop, 0));
  }
}

/* Advanced: Visibility */
:root body .hz-visibility {
  display: var(--hz-visibility-desktop, block);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-visibility {
    display: var(--hz-visibility-tablet, var(--hz-visibility-desktop, block));
  }
}
@media (max-width: 767px) {
  :root body .hz-visibility {
    display: var(--hz-visibility-mobile, var(--hz-visibility-desktop, block));
  }
}

/* Advanced: Background Override - Responsive */
:root body .hz-bg-override {
  background-color: var(--hz-bg-color-desktop);
  background-image: var(--hz-bg-image-desktop);
  background-size: var(--hz-bg-size-desktop, cover);
  background-position: var(--hz-bg-position-desktop, center center);
  background-attachment: var(--hz-bg-attachment-desktop, scroll);
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-bg-override {
    background-color: var(--hz-bg-color-tablet, var(--hz-bg-color-desktop));
    background-image: var(--hz-bg-image-tablet, var(--hz-bg-image-desktop));
    background-size: var(--hz-bg-size-tablet, var(--hz-bg-size-desktop, cover));
    background-position: var(--hz-bg-position-tablet, var(--hz-bg-position-desktop, center center));
    background-attachment: var(--hz-bg-attachment-tablet, var(--hz-bg-attachment-desktop, scroll));
  }
}
@media (max-width: 767px) {
  :root body .hz-bg-override {
    background-color: var(--hz-bg-color-mobile, var(--hz-bg-color-desktop));
    background-image: var(--hz-bg-image-mobile, var(--hz-bg-image-desktop));
    background-size: var(--hz-bg-size-mobile, var(--hz-bg-size-desktop, cover));
    background-position: var(--hz-bg-position-mobile, var(--hz-bg-position-desktop, center center));
    background-attachment: var(--hz-bg-attachment-mobile, var(--hz-bg-attachment-desktop, scroll));
  }
}

/* Advanced: Background Override - Overlay Layer */
:root body .hz-bg-override {
  position: relative;
}
:root body .hz-bg-override::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--hz-bg-overlay-color-desktop);
  pointer-events: none;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-bg-override::after {
    background-color: var(--hz-bg-overlay-color-tablet, var(--hz-bg-overlay-color-desktop));
  }
}
@media (max-width: 767px) {
  :root body .hz-bg-override::after {
    background-color: var(--hz-bg-overlay-color-mobile, var(--hz-bg-overlay-color-desktop));
  }
}
:root body .hz-bg-override > * {
  position: relative;
  z-index: 2;
}

/* Advanced: Background Video - Responsive Display */
:root body .hz-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--hz-bg-video-fit, cover);
  object-position: var(--hz-bg-video-position, center center);
  pointer-events: none;
}
:root body .hz-bg-video--desktop {
  display: block;
}
:root body .hz-bg-video--tablet {
  display: none;
}
:root body .hz-bg-video--mobile {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-bg-video--desktop {
    display: none;
  }
  :root body .hz-bg-video--tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  :root body .hz-bg-video--tablet {
    display: none;
  }
  :root body .hz-bg-video--mobile {
    display: block;
  }
}

/* Advanced: Spacing - Responsive Padding & Margin */
:root body .hz-spacing {
  padding-top: var(--hz-spacing-pt-desktop);
  padding-right: var(--hz-spacing-pr-desktop);
  padding-bottom: var(--hz-spacing-pb-desktop);
  padding-left: var(--hz-spacing-pl-desktop);
  margin-top: var(--hz-spacing-mt-desktop);
  margin-right: var(--hz-spacing-mr-desktop);
  margin-bottom: var(--hz-spacing-mb-desktop);
  margin-left: var(--hz-spacing-ml-desktop);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-spacing {
    padding-top: var(--hz-spacing-pt-tablet, var(--hz-spacing-pt-desktop));
    padding-right: var(--hz-spacing-pr-tablet, var(--hz-spacing-pr-desktop));
    padding-bottom: var(--hz-spacing-pb-tablet, var(--hz-spacing-pb-desktop));
    padding-left: var(--hz-spacing-pl-tablet, var(--hz-spacing-pl-desktop));
    margin-top: var(--hz-spacing-mt-tablet, var(--hz-spacing-mt-desktop));
    margin-right: var(--hz-spacing-mr-tablet, var(--hz-spacing-mr-desktop));
    margin-bottom: var(--hz-spacing-mb-tablet, var(--hz-spacing-mb-desktop));
    margin-left: var(--hz-spacing-ml-tablet, var(--hz-spacing-ml-desktop));
  }
}
@media (max-width: 767px) {
  :root body .hz-spacing {
    padding-top: var(--hz-spacing-pt-mobile, var(--hz-spacing-pt-desktop));
    padding-right: var(--hz-spacing-pr-mobile, var(--hz-spacing-pr-desktop));
    padding-bottom: var(--hz-spacing-pb-mobile, var(--hz-spacing-pb-desktop));
    padding-left: var(--hz-spacing-pl-mobile, var(--hz-spacing-pl-desktop));
    margin-top: var(--hz-spacing-mt-mobile, var(--hz-spacing-mt-desktop));
    margin-right: var(--hz-spacing-mr-mobile, var(--hz-spacing-mr-desktop));
    margin-bottom: var(--hz-spacing-mb-mobile, var(--hz-spacing-mb-desktop));
    margin-left: var(--hz-spacing-ml-mobile, var(--hz-spacing-ml-desktop));
  }
}

/* Advanced: Color Responsive */
:root body .hz-color-responsive {
  color: var(--hz-color-desktop);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-color-responsive {
    color: var(--hz-color-tablet, var(--hz-color-desktop));
  }
}
@media (max-width: 767px) {
  :root body .hz-color-responsive {
    color: var(--hz-color-mobile, var(--hz-color-desktop));
  }
}

/* Advanced: Aspect Ratio Responsive */
:root body .hz-aspect-responsive {
  aspect-ratio: var(--hz-aspect-desktop);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-aspect-responsive {
    aspect-ratio: var(--hz-aspect-tablet, var(--hz-aspect-desktop));
  }
}
@media (max-width: 767px) {
  :root body .hz-aspect-responsive {
    aspect-ratio: var(--hz-aspect-mobile, var(--hz-aspect-desktop));
  }
}

/* Advanced: Object Fit Responsive */
:root body .hz-fit-responsive {
  object-fit: var(--hz-fit-desktop);
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root body .hz-fit-responsive {
    object-fit: var(--hz-fit-tablet, var(--hz-fit-desktop));
  }
}
@media (max-width: 767px) {
  :root body .hz-fit-responsive {
    object-fit: var(--hz-fit-mobile, var(--hz-fit-desktop));
  }
}

/* Typography Responsive Root Overrides — same-token scaling for var() consumers */
@media (max-width: 48.875em) {
  :root body {
    --hz-typo-typo-01-fs: var(--hz-size-size-text-30);
    --hz-typo-typo-02-fs: var(--hz-size-size-text-24);
    --hz-typo-typo-03-fs: var(--hz-size-size-text-21);
    --hz-typo-typo-04-fs: var(--hz-size-size-text-13);
    --hz-typo-typo-05-fs: var(--hz-size-size-text-11);
    --hz-typo-typo-06-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-07-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-08-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-09-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-10-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-11-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-12-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-13-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-14-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-15-fs: var(--hz-size-size-text-21);
    --hz-typo-typo-16-fs: var(--hz-size-size-text-11);
    --hz-typo-typo-17-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-18-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-19-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-20-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-21-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-22-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-23-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-24-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-25-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-26-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-27-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-28-fs: var(--hz-size-size-text-11);
    --hz-typo-typo-29-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-30-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-31-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-32-fs: var(--hz-size-size-text-09);
  }
}
@media (max-width: 37.5em) {
  :root body {
    --hz-typo-typo-01-fs: var(--hz-size-size-text-28);
    --hz-typo-typo-02-fs: var(--hz-size-size-text-21);
    --hz-typo-typo-03-fs: var(--hz-size-size-text-17);
    --hz-typo-typo-04-fs: var(--hz-size-size-text-12);
    --hz-typo-typo-05-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-06-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-07-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-08-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-09-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-10-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-11-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-12-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-13-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-14-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-15-fs: var(--hz-size-size-text-17);
    --hz-typo-typo-16-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-17-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-18-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-19-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-20-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-21-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-22-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-23-fs: var(--hz-size-size-text-08);
    --hz-typo-typo-24-fs: var(--hz-size-size-text-05);
    --hz-typo-typo-25-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-26-fs: var(--hz-size-size-text-07);
    --hz-typo-typo-27-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-28-fs: var(--hz-size-size-text-11);
    --hz-typo-typo-29-fs: var(--hz-size-size-text-06);
    --hz-typo-typo-30-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-31-fs: var(--hz-size-size-text-09);
    --hz-typo-typo-32-fs: var(--hz-size-size-text-09);
  }
}