/* apps/more/src/styles.scss */
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-Regular.otf) format("opentype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-Medium.otf) format("opentype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-SemiBold.otf) format("opentype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-Bold.otf) format("opentype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-Light.otf) format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-Medium.otf) format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-SemiBold.otf) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-ExtraBold.otf) format("truetype");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-Light.ttf) format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-Regular.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-Bold.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
}
:where(html) {
  --mel-opacity:100%;
  --mel-opacity-1:66%;
  --mel-opacity-2:33%;
  --mel-red-base-1:349 100% 95%;
  --mel-red-base-2:340 33% 91%;
  --mel-red-base-3:349 100% 46%;
  --mel-red-base-4:348 100% 50%;
  --mel-red-base-5:340 79% 28%;
  --mel-red-base-6:323 100% 35%;
  --mel-red-1:hsla(var(--mel-red-base-1) / var(--mel-opacity));
  --mel-red-2:hsla(var(--mel-red-base-2) / var(--mel-opacity));
  --mel-red-3:hsla(var(--mel-red-base-3) / var(--mel-opacity));
  --mel-red-4:hsla(var(--mel-red-base-4) / var(--mel-opacity));
  --mel-red-5:hsla(var(--mel-red-base-5) / var(--mel-opacity));
  --mel-red-6:hsla(var(--mel-red-base-6) / var(--mel-opacity));
  --mel-gray-base-1:208 15% 83%;
  --mel-gray-base-2:210 15% 75%;
  --mel-gray-base-3:211 10% 41%;
  --mel-gray-base-4:210 14% 27%;
  --mel-gray-1:hsla(var(--mel-gray-base-1) / var(--mel-opacity));
  --mel-gray-2:hsla(var(--mel-gray-base-2) / var(--mel-opacity));
  --mel-gray-3:hsla(var(--mel-gray-base-3) / var(--mel-opacity));
  --mel-gray-4:hsla(var(--mel-gray-base-4) / var(--mel-opacity));
  --mel-blue-base-1:216 50% 96%;
  --mel-blue-base-2:214 70% 94%;
  --mel-blue-base-3:215 53% 83%;
  --mel-blue-base-4:214 35% 61%;
  --mel-blue-base-5:206 100% 57%;
  --mel-blue-1:hsla(var(--mel-blue-base-1) / var(--mel-opacity));
  --mel-blue-2:hsla(var(--mel-blue-base-2) / var(--mel-opacity));
  --mel-blue-3:hsla(var(--mel-blue-base-3) / var(--mel-opacity));
  --mel-blue-4:hsla(var(--mel-blue-base-4) / var(--mel-opacity));
  --mel-blue-5:hsla(var(--mel-blue-base-5) / var(--mel-opacity));
  --mel-green-base-1:152 43% 93%;
  --mel-green-base-2:154 82% 33%;
  --mel-green-1:hsla(var(--mel-green-base-1) / var(--mel-opacity));
  --mel-green-2:hsla(var(--mel-green-base-2) / var(--mel-opacity));
  --mel-orange-base-1:28,
    100%,
    95%;
  --mel-orange-base-2:28,
    100%,
    50%;
  --mel-orange-1:hsla(var(--mel-orange-base-1) / var(--mel-opacity));
  --mel-orange-2:hsla(var(--mel-orange-base-2) / var(--mel-opacity));
  --mel-primary:var(--mel-red-3);
  --mel-secondary:var(--mel-red-5);
  --mel-tertiary:var(--mel-red-6);
  --mel-error:var(--mel-red-4);
  --mel-error-bg:var(--mel-red-1);
  --mel-white:#fff;
  --mel-white-rgb:255,
    255,
    255;
  --mel-markant-red:#eb002d;
  --mel-markant-rgb-red:235,
    0,
    45;
  --mel-markant-red-2:#820f36;
  --mel-markant-rgb-red-2:130,
    15,
    54;
  --mel-markant-blue-1:#596e81;
  --mel-markant-rgb-blue-1:89,
    110,
    129;
  --mel-markant-blue-2:#133d6f;
  --mel-markant-rgb-blue-2:19,
    61,
    111;
  --mel-markant-blue-3:#9db7df;
  --mel-markant-rgb-blue-3:157,
    183,
    223;
  --mel-markant-blue-4:#c7dbf2;
  --mel-markant-rgb-blue-4:199,
    219,
    242;
  --mel-markant-purple-1:#ada8d0;
  --mel-markant-rgb-purple-1:173,
    168,
    208;
  --mel-bg-light-1:#ffffff;
  --mel-bg-rgb-light-1:255,
    255,
    255;
  --mel-bg-light-2:#e6f0fa;
  --mel-bg-rgb-light-2:230,
    240,
    250;
  --mel-bg-light-3:#e7e7e7;
  --mel-bg-rgb-light-3:231,
    231,
    231;
  --mel-bg-light-4:#eceff1;
  --mel-bg-rgb-light-4:236,
    239,
    241;
  --mel-bg-dark-1:#0000006b;
  --mel-bg-rgb-dark-1:0,
    0,
    0;
  --mel-bg-dark-2:#4d4d4d;
  --mel-bg-rgb-dark-2:77,
    77,
    77;
  --mel-bg-dark-3:#1f1f1f;
  --mel-bg-rgb-dark-3:31,
    31,
    31;
  --mel-bg-gradient-1:linear-gradient(
      194.71deg,
      rgba(236, 239, 241, 0.5) 5.69%,
      rgba(236, 239, 241, 0) 83.41%),
    linear-gradient(
      203.47deg,
      #9db7df 6.16%,
      #ada8d0 79.71%);
  --mel-border-light-1:#efefef;
  --mel-border-rgb-light-1:239,
    239,
    239;
  --mel-border-mid-1:#dedede;
  --mel-border-rgb-mid-1:222,
    222,
    222;
  --mel-border-dark-1:#696969;
  --mel-border-rgb-dark-1:105,
    105,
    105;
  --mel-border-dark-2:#0000001a;
  --mel-border-rgb-dark-2:0,
    0,
    0;
  --mel-text-light-1:#ffffff;
  --mel-text-rgb-light-1:255,
    255,
    255;
  --mel-text-dark-1:#696969;
  --mel-text-rgb-dark-1:105,
    105,
    105;
  --mel-text-dark-2:#3a3a3a;
  --mel-text-rgb-dark-2:58,
    58,
    58;
  --mel-text-dark-3:#262f36;
  --mel-text-rgb-dark-3:38,
    47,
    54;
  --mel-shadow-black-1:0 10px 13px -7px #000000, 5px 5px 15px 5px #00000000;
  --mel-shadow-gray-1:1px 1px 15px -4px #00000033;
  --mel-shadow-black-2:0 2px 4px 0 rgba(0, 0, 0, 0.15);
  --mel-neutral-10:#f9fafa;
  --mel-neutral-30:#f2f4f6;
  --mel-neutral-50:#eceff1;
  --mel-neutral-50-1:rgb(236 239 241/66%);
  --mel-neutral-50-2:rgb(236 239 241/33%);
  --mel-neutral-rgb-50:236,
    239,
    241;
  --mel-neutral-80:#e3e8ec;
  --mel-neutral-100:#d5dce2;
  --mel-neutral-100-1:rgb(213 220 226/66%);
  --mel-neutral-100-2:rgb(213 220 226/33%);
  --mel-neutral-rgb-100:213,
    220,
    226;
  --mel-neutral-200:#bfc9d1;
  --mel-neutral-200-1:rgb(191 201 209/66%);
  --mel-neutral-200-2:rgb(191 201 209/33%);
  --mel-neutral-rgb-200:191,
    201,
    209;
  --mel-neutral-250:#bcbfc2;
  --mel-neutral-300:#a9b6c2;
  --mel-neutral-300-1:rgb(169 182 194/66%);
  --mel-neutral-300-2:rgb(169 182 194/33%);
  --mel-neutral-rgb-300:169,
    182,
    194;
  --mel-neutral-400:#8899a8;
  --mel-neutral-400-1:rgb(136 153 168/66%);
  --mel-neutral-400-2:rgb(136 153 168/33%);
  --mel-neutral-rgb-400:136,
    153,
    168;
  --mel-neutral-450:#767676;
  --mel-neutral-500:#596e81;
  --mel-neutral-500-1:rgb(89 110 129/66%);
  --mel-neutral-500-2:rgb(89 110 129/33%);
  --mel-neutral-rgb-500:89,
    110,
    129;
  --mel-neutral-600:#333e47;
  --mel-neutral-600-1:rgb(51 62 71/66%);
  --mel-neutral-600-2:rgb(51 62 71/33%);
  --mel-neutral-rgb-600:51,
    62,
    71;
  --mel-neutral-700:#262f36;
  --mel-neutral-700-1:rgb(38 47 54/66%);
  --mel-neutral-700-2:rgb(38 47 54/33%);
  --mel-neutral-rgb-700:38,
    47,
    54;
  --mel-neutral-800:#1c2125;
  --mel-neutral-800-1:rgb(28 33 37/66%);
  --mel-neutral-800-2:rgb(28 33 37/33%);
  --mel-neutral-rgb-800:28,
    33,
    37;
  --mel-neutral-900:#111416;
  --mel-neutral-900-1:rgb(17 20 22/66%);
  --mel-neutral-900-2:rgb(17 20 22/33%);
  --mel-neutral-rgb-900:17,
    20,
    22;
  --mel-primary-10:#ece0e4;
  --mel-primary-50:#c4a0ae;
  --mel-primary-50-1:rgb(196 160 174/66%);
  --mel-primary-50-2:rgb(196 160 174/33%);
  --mel-primary-rgb-50:196,
    160,
    174;
  --mel-primary-300:#a26b80;
  --mel-primary-300-1:rgb(162 107 128/66%);
  --mel-primary-300-2:rgb(162 107 128/33%);
  --mel-primary-rgb-300:162,
    107,
    128;
  --mel-primary-400:#92577b;
  --mel-primary-500:#9a3e5d;
  --mel-primary-500-1:rgb(154 62 93/66%);
  --mel-primary-500-2:rgb(154 62 93/33%);
  --mel-primary-rgb-500:154,
    62,
    93;
  --mel-primary-700:#820f36;
  --mel-primary-700-1:rgb(130 15 54/66%);
  --mel-primary-700-2:rgb(130 15 54/33%);
  --mel-primary-rgb-700:130,
    15,
    54;
  --mel-primary-900:#5a0036;
  --mel-primary-900-1:rgb(90 0 54/66%);
  --mel-primary-900-2:rgb(90 0 54/33%);
  --mel-primary-rgb-900:90,
    0,
    54;
  --mel-secondary-10:#edf3fb;
  --mel-secondary-50:#c7dbf2;
  --mel-secondary-50-1:rgb(199 219 242/66%);
  --mel-secondary-50-2:rgb(199 219 242/33%);
  --mel-secondary-rgb-50:199,
    219,
    242;
  --mel-secondary-300:#9ab2d3;
  --mel-secondary-300-1:rgb(154 178 211/66%);
  --mel-secondary-300-2:rgb(154 178 211/33%);
  --mel-secondary-rgb-300:154,
    178,
    211;
  --mel-secondary-500:#6396d1;
  --mel-secondary-500-1:rgb(99 150 209/66%);
  --mel-secondary-500-2:rgb(99 150 209/33%);
  --mel-secondary-rgb-500:99,
    150,
    209;
  --mel-secondary-600:#637fa0;
  --mel-secondary-700:#3870b4;
  --mel-secondary-700-1:rgb(56 112 180/66%);
  --mel-secondary-700-2:rgb(56 112 180/33%);
  --mel-secondary-rgb-700:56,
    112,
    180;
  --mel-secondary-900:#133d6f;
  --mel-secondary-900-1:rgb(19 61 111/66%);
  --mel-secondary-900-2:rgb(19 61 111/33%);
  --mel-secondary-rgb-900:19,
    61,
    111;
  --mel-success-10:#e8fbec;
  --mel-success-50:#baf2c4;
  --mel-success-50-1:rgb(186 242 196/66%);
  --mel-success-50-2:rgb(186 242 196/33%);
  --mel-success-rgb-50:186,
    242,
    196;
  --mel-success-200:#b0deca;
  --mel-success-300:#90c79a;
  --mel-success-300-1:rgb(144 199 154/66%);
  --mel-success-300-2:rgb(144 199 154/33%);
  --mel-success-rgb-300:144,
    199,
    154;
  --mel-success-500:#40be71;
  --mel-success-500-1:rgb(64 190 113/66%);
  --mel-success-500-2:rgb(64 190 113/33%);
  --mel-success-rgb-500:64,
    190,
    113;
  --mel-success-700:#0f9b5f;
  --mel-success-700-1:rgb(15 155 95/66%);
  --mel-success-700-2:rgb(15 155 95/33%);
  --mel-success-rgb-700:15,
    155,
    95;
  --mel-success-900:#047147;
  --mel-success-900-1:rgb(4 113 71/66%);
  --mel-success-900-2:rgb(4 113 71/33%);
  --mel-success-rgb-900:4,
    113,
    71;
  --mel-warning-10:#ffecdf;
  --mel-warning-50:#ffc49f;
  --mel-warning-50-1:rgb(255 196 159/66%);
  --mel-warning-50-2:rgb(255 196 159/33%);
  --mel-warning-rgb-50:255,
    196,
    159;
  --mel-warning-200:#ffd2ab;
  --mel-warning-300:#ffa66e;
  --mel-warning-300-1:rgb(255 166 110/66%);
  --mel-warning-300-2:rgb(255 166 110/33%);
  --mel-warning-rgb-300:255,
    166,
    110;
  --mel-warning-500:#ff8d45;
  --mel-warning-500-1:rgb(255 141 69/66%);
  --mel-warning-500-2:rgb(255 141 69/33%);
  --mel-warning-rgb-500:255,
    141,
    69;
  --mel-warning-700:#ff7800;
  --mel-warning-700-1:rgb(255 120 0/66%);
  --mel-warning-700-2:rgb(255 120 0/33%);
  --mel-warning-rgb-700:255,
    120,
    0;
  --mel-warning-900:#e34f00;
  --mel-warning-900-1:rgb(227 79 0/66%);
  --mel-warning-900-2:rgb(227 79 0/33%);
  --mel-warning-rgb-900:227,
    79,
    0;
  --mel-error-10:#ffddda;
  --mel-error-50:#ff978e;
  --mel-error-50-1:rgb(255 151 142/66%);
  --mel-error-50-2:rgb(255 151 142/33%);
  --mel-error-rgb-50:255,
    151,
    142;
  --mel-error-200:#ffabbb;
  --mel-error-300:#ff7c71;
  --mel-error-300-1:rgb(255 124 113/66%);
  --mel-error-300-2:rgb(255 124 113/33%);
  --mel-error-rgb-300:255,
    124,
    113;
  --mel-error-500:#fc5454;
  --mel-error-500-1:rgb(252 84 84/66%);
  --mel-error-500-2:rgb(252 84 84/33%);
  --mel-error-rgb-500:252,
    84,
    84;
  --mel-error-700:#ff0031;
  --mel-error-700-1:rgb(255 0 49/66%);
  --mel-error-700-2:rgb(255 0 49/33%);
  --mel-error-rgb-700:255,
    0,
    49;
  --mel-error-900:#c9091f;
  --mel-error-900-1:rgb(201 9 31/66%);
  --mel-error-900-2:rgb(201 9 31/33%);
  --mel-error-rgb-900:201,
    9,
    31;
  --mel-shades-50:#ffffff;
  --mel-shades-rgb-50:255,
    255,
    255;
  --mel-shades-100:#000000;
  --mel-shades-rgb-100:0,
    0,
    0;
  --mel-brand-700:#eb002d;
  --mel-brand-rgb-700:235,
    0,
    45;
  --mel-brand-900:#c80001;
  --mel-brand-rgb-900:200,
    0,
    1;
  --mel-gradient-1:#ada8d0;
  --mel-gradient-rgb-1:173,
    168,
    208;
  --mel-gradient-2:#e4edf8;
  --mel-gradient-rgb-2:228,
    237,
    248;
  --mel-gradient-3:#fef2f7;
  --mel-gradient-rgb-3:254,
    242,
    247;
  --mel-light-50:#eceff1;
  --mel-light-rgb-50:236,
    239,
    241;
  --mel-light-500:#8899a8;
  --mel-light-rgb-500:136,
    153,
    168;
  --mel-light-700:#bfc9d1;
  --mel-light-rgb-700:191,
    201,
    209;
  --mel-light-900:#111416;
  --mel-light-rgb-900:17,
    20,
    22;
  --mel-dark-500:#596e81;
  --mel-dark-rgb-500:89,
    110,
    129;
  --mel-dark-700:#262f36;
  --mel-dark-rgb-700:38,
    47,
    54;
  --mel-dark-900:#111416;
  --mel-dark-rgb-900:17,
    20,
    22;
  --mel-highlight-100:#ffde7c;
  --mel-highlight-100-1:rgb(255 222 124/66%);
  --mel-highlight-100-2:rgb(255 222 124/33%);
  --mel-ruby:#d9004d;
  --mel-ruby-1:rgb(217 0 77/66%);
  --mel-ruby-2:rgb(217 0 77/33%);
  --mel-ruby-font:#ffebf0;
  --mel-topaz:#f56700;
  --mel-topaz-1:rgb(245 103 0/66%);
  --mel-topaz-2:rgb(245 103 0/33%);
  --mel-topaz-font:#471e00;
  --mel-citrine:#fac541;
  --mel-citrine-1:rgb(250 197 65/66%);
  --mel-citrine-2:rgb(250 197 65/33%);
  --mel-citrine-font:#6d4f03;
  --mel-aquamarine:#37ddbc;
  --mel-aquamarine-1:rgb(55 221 188/66%);
  --mel-aquamarine-2:rgb(55 221 188/33%);
  --mel-aquamarine-font:#0e5d4e;
  --mel-emerald:#02c48e;
  --mel-emerald-1:rgb(2 196 142/66%);
  --mel-emerald-2:rgb(2 196 142/33%);
  --mel-emerald-font:#023b36;
  --mel-opal:#2593b8;
  --mel-opal-1:rgb(37 147 184/66%);
  --mel-opal-2:rgb(37 147 184/33%);
  --mel-opal-font:#07242c;
  --mel-apatite:#2dd8fe;
  --mel-apatite-1:rgb(45 216 254/66%);
  --mel-apatite-2:rgb(45 216 254/33%);
  --mel-apatite-font:#015b6f;
  --mel-sapphire:#006fec;
  --mel-sapphire-1:rgb(0 111 236/66%);
  --mel-sapphire-2:rgb(0 111 236/33%);
  --mel-sapphire-font:#fafcff;
  --mel-amethyst:#8d207b;
  --mel-amethyst-1:rgb(141 32 123/66%);
  --mel-amethyst-2:rgb(141 32 123/33%);
  --mel-amethyst-font:#edb0e4;
}
:where(html) {
  --mel-size-000:-10px;
  --mel-size-00:-5px;
  --mel-size-0-1:2px;
  --mel-size-1:4px;
  --mel-size-2:6px;
  --mel-size-3:8px;
  --mel-size-4:10px;
  --mel-size-5:12px;
  --mel-size-6:14px;
  --mel-size-6-7:16px;
  --mel-size-7:18px;
  --mel-size-8:20px;
  --mel-size-9:22px;
  --mel-size-10:24px;
  --mel-size-11:26px;
  --mel-size-12:30px;
  --mel-size-12-13:32px;
  --mel-size-13:36px;
  --mel-size-14:40px;
  --mel-size-15:42px;
  --mel-size-15-16:44px;
  --mel-size-16:46px;
  --mel-size-17:48px;
  --mel-size-18:50px;
  --mel-size-19:52px;
  --mel-size-20:56px;
  --mel-size-21:60px;
  --mel-size-21-22:64px;
  --mel-size-22:80px;
  --mel-size-22-23:100px;
  --mel-size-23:115px;
  --mel-size-24:120px;
  --mel-size-25:130px;
  --mel-size-26:140px;
  --mel-size-27:150px;
}
:where(html) {
  --mel-font-weight-00:200;
  --mel-font-weight-0:400;
  --mel-font-weight-1:500;
  --mel-font-weight-2:600;
  --mel-font-weight-3:700;
  --mel-font-weight-4:800;
  --mel-font-lineheight-00:0.75rem;
  --mel-font-lineheight-0:0.875rem;
  --mel-font-lineheight-1:1.125rem;
  --mel-font-lineheight-2:1.25rem;
  --mel-font-lineheight-3:1.375rem;
  --mel-font-lineheight-4:1.5rem;
  --mel-font-lineheight-5:2.25rem;
  --mel-font-letterspacing-0:0rem;
  --mel-font-letterspacing-1:0.01rem;
  --mel-font-letterspacing-2:0.01375rem;
  --mel-font-letterspacing-3:0.0175rem;
  --mel-font-letterspacing-4:0.02rem;
  --mel-font-letterspacing-5:0.02375rem;
  --mel-font-letterspacing-6:0.05rem;
  --mel-font-letterspacing-7:0.06rem;
  --mel-font-letterspacing-8:0.09375rem;
  --mel-font-letterspacing-9:0.11rem;
  --mel-font-letterspacing-10:0.165rem;
  --mel-font-size-000:0.625rem;
  --mel-font-size-00:0.75rem;
  --mel-font-size-0:0.875rem;
  --mel-font-size-1:1rem;
  --mel-font-size-2:1.25rem;
  --mel-font-size-3:1.5rem;
}
:where(html) {
  --mel-border-size-1:1px;
  --mel-border-size-2:2px;
  --mel-border-size-3:3px;
  --mel-border-size-4:4px;
  --mel-radius-0:0px;
  --mel-radius-1:4px;
  --mel-radius-2:8px;
  --mel-radius-3:12px;
  --mel-radius-4:16px;
  --mel-radius-5:20px;
  --mel-radius-6:48px;
  --mel-radius-7:80px;
  --mel-radius-full:9999px;
}
:where(html) {
  --mel-shadow-1:0px 0px 8px 0px var(--mel-neutral-500-2);
  --mel-shadow-2:0px 2px 16px 0px var(--mel-neutral-500-2);
  --mel-shadow-3:0px 3px 16px 0px var(--mel-neutral-500-2);
  --mel-shadow-4:0px 8px 32px 0px var(--mel-neutral-500-2);
  --mel-shadow-5:0px 8px 48px 0px var(--mel-neutral-500-2);
  --mel-menu-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
* {
  --scrollbar-size:8px;
  --scrollbar-opacity:0.5;
  --scrollbar-color:rgba(var(--mel-neutral-rgb-600), var(--scrollbar-opacity));
  --scrollbar-opacity:0.5;
}
* ::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}
* ::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin: var(--scrollbar-margin-top, 0) var(--scrollbar-margin-right, 0) var(--scrollbar-margin-bottom, 0) var(--scrollbar-margin-left, 0);
}
* ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: var(--scrollbar-color, rgba(var(--mel-neutral-rgb-600), var(--scrollbar-opacity)));
  transition: opacity 0.2s 0.5s linear;
  opacity: var(--scrollbar-opacity, 0.5);
}
* ::-webkit-scrollbar-corner {
  background-color: transparent;
}
*:hover {
  --scrollbar-opacity:0.3;
}
* .markant-scrollblock {
  overflow: hidden;
}
* .markant-sorting__no-options-available {
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-display: swap;
}
* .markant-sorting__options-container {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
}
.markant-typography {
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
}
.markant-typography a {
  background-color: transparent;
}
.markant-typography small {
  font-size: 0.75rem;
}
.markant-typography sub,
.markant-typography sup {
  position: relative;
  font-size: 0.75rem;
  line-height: 0;
  vertical-align: baseline;
}
.markant-typography sup {
  top: -0.5em;
}
.markant-typography sub {
  bottom: -0.25em;
}
.markant-typography h1,
.markant-h1,
h1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 2.625rem;
  font-size: var(--mdc-typography-headline1-font-size, 2.625rem);
  line-height: 3.4375rem;
  line-height: var(--mdc-typography-headline1-line-height, 3.4375rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-headline1-font-weight, 500);
  letter-spacing: -0.015625em;
  letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-headline1-text-transform, inherit);
  color: var(--mdc-typography-headline1-color);
}
.markant-typography h2,
.markant-h2,
h2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 1.75rem;
  font-size: var(--mdc-typography-headline2-font-size, 1.75rem);
  line-height: 2.25rem;
  line-height: var(--mdc-typography-headline2-line-height, 2.25rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-headline2-font-weight, 500);
  letter-spacing: -0.0083333333em;
  letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-headline2-text-transform, inherit);
  color: var(--mdc-typography-headline2-color);
}
.markant-typography h3,
.markant-h3,
h3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 1.5rem;
  font-size: var(--mdc-typography-headline3-font-size, 1.5rem);
  line-height: 1.9375rem;
  line-height: var(--mdc-typography-headline3-line-height, 1.9375rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-headline3-font-weight, 500);
  letter-spacing: normal;
  letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-headline3-text-transform, inherit);
  color: var(--mdc-typography-headline3-color);
}
.markant-typography h4,
.markant-h4,
h4 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 1.25rem;
  font-size: var(--mdc-typography-headline4-font-size, 1.25rem);
  line-height: 1.625rem;
  line-height: var(--mdc-typography-headline4-line-height, 1.625rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-headline4-font-weight, 500);
  letter-spacing: 0.016em;
  letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.016em);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-headline4-text-transform, inherit);
  color: var(--mdc-typography-headline4-color);
}
.markant-typography h5,
.markant-h5,
h5 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 1rem;
  font-size: var(--mdc-typography-headline5-font-size, 1rem);
  line-height: 1.3125rem;
  line-height: var(--mdc-typography-headline5-line-height, 1.3125rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-headline5-font-weight, 500);
  letter-spacing: normal;
  letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-headline5-text-transform, inherit);
  color: var(--mdc-typography-headline5-color);
}
.markant-typography h6,
.markant-h6,
h6 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 0.875rem;
  font-size: var(--mdc-typography-headline6-font-size, 0.875rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-headline6-line-height, 1.25rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  color: var(--mdc-typography-headline6-color);
}
.markant-caption {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    "Gilroy",
    Verdana,
    sans-serif;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, "Gilroy", Verdana, sans-serif));
  font-size: 0.75rem;
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1rem;
  line-height: var(--mdc-typography-caption-line-height, 1rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.05rem;
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.05rem);
  text-decoration: inherit;
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  color: var(--mdc-typography-caption-color);
}
.markant-monospace {
  font-family:
    "Red Hat Mono",
    Courier,
    monospace;
}
.markant-numeric {
  font-family:
    "Red Hat Mono",
    Courier,
    monospace;
  text-transform: uppercase;
}
:root {
  font-family: Gilroy, sans-serif;
  font-weight: var(--mel-font-weight-0);
  color: var(--mel-text-dark-3);
}
h2 {
  font-size: 1.75rem;
  font-weight: var(--mel-font-weight-3);
  color: var(--mel-neutral-700);
}
.title {
  font-size: 1.75rem;
  font-weight: var(--mel-font-weight-1);
  color: var(--mel-neutral-700);
}
markant-page {
  background-color: rgba(255, 255, 255, 0.66);
  border-radius: var(--mel-radius-2);
  min-height: 100%;
  padding: var(--mel-size-8);
  overflow-y: auto;
}
markant-icon {
  --markant-icon-height: 24px;
  --markant-icon-width: 24px;
}
.page {
  padding: var(--mel-size-8);
}
.icon-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
  --markant-icon-height: 24px;
  --markant-icon-width: 24px;
}
.button-wrapper {
  width: fit-content;
  cursor: pointer;
}
.flex-row-wrapper {
  display: flex;
  flex-direction: row;
}
.flex-col-wrapper {
  display: flex;
  flex-direction: column;
}
.total-items-wrapper {
  margin-bottom: var(--mel-size-8);
}
markant-button,
markant-icon-button {
  cursor: pointer;
}
* {
  box-sizing: border-box;
}
html {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--mel-bg-gradient-1);
}
body {
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-CVHPYEIH.css.map */