.progress-infinite {
  position: absolute;
  top: calc(50% - 0.75rem);
  left: calc(50% - 0.75rem);
}

:root {
    --transition-time-fast: 100ms;
    --transition-time-base: 200ms;
    --transition-time-slow: 400ms;
    --transition-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* stylelint-disable max-line-length */
:root {
    --rgb-ui-carbon--darker: 43, 43, 43;
    --rgb-ui-carbon--dark: 53, 53, 53;
    --rgb-ui-carbon: 63, 63, 63;

    --rgb-ui-white-noise--darker: 228, 228, 228;
    --rgb-ui-white-noise--dark: 238, 238, 238;
    --rgb-ui-white-noise: 248, 248, 248;

    --rgb-ui-white: 255, 255, 255;
    --rgb-ui-black: 33, 33, 33;

    --rgb-ui-accent--hover: 54, 104, 255;
    --rgb-ui-accent: 41, 94, 255;
    --rgb-ui-accent--active: 27, 80, 242;

    --rgb-ui-success--hover: 9, 176, 78;
    --rgb-ui-success: 0, 163, 68;
    --rgb-ui-success--active: 0, 150, 63;

    --rgb-ui-warning--hover: 255, 139, 56;
    --rgb-ui-warning: 255, 127, 36;
    --rgb-ui-warning--active: 250, 118, 22;

    --rgb-ui-error--hover: 255, 38, 38;
    --rgb-ui-error: 242, 24, 24;
    --rgb-ui-error--active: 229, 11, 11;

    --rgb-ui-info-light: 204, 217, 255;
    --rgb-ui-highlight: 215, 255, 0;

    --rgb-ui-info--hover: var(--rgb-ui-accent--hover);
    --rgb-ui-info: var(--rgb-ui-accent);
    --rgb-ui-info--active: var(--rgb-ui-accent--active);

    --color-ui-carbon--darker: rgb(var(--rgb-ui-carbon--darker));
    --color-ui-carbon--dark: rgb(var(--rgb-ui-carbon--dark));
    --color-ui-carbon: rgb(var(--rgb-ui-carbon));

    --color-ui-white-noise--darker: rgb(var(--rgb-ui-white-noise--darker));
    --color-ui-white-noise--dark: rgb(var(--rgb-ui-white-noise--dark));
    --color-ui-white-noise: rgb(var(--rgb-ui-white-noise));

    --color-ui-black: rgb(var(--rgb-ui-black));
    --color-ui-white: rgb(var(--rgb-ui-white));

    --color-ui-accent--active: rgb(var(--rgb-ui-accent--active));
    --color-ui-accent: rgb(var(--rgb-ui-accent));
    --color-ui-accent--hover: rgb(var(--rgb-ui-accent--hover));
    --color-ui-accent--tone: rgba(var(--rgb-ui-accent), 0.13);

    --color-ui-success--hover: rgb(var(--rgb-ui-success--hover));
    --color-ui-success: rgb(var(--rgb-ui-success));
    --color-ui-success--active: rgb(var(--rgb-ui-success--active));
    --color-ui-success--tone: rgba(var(--rgb-ui-success), 0.13);

    --color-ui-warning--hover: rgb(var(--rgb-ui-warning--hover));
    --color-ui-warning: rgb(var(--rgb-ui-warning));
    --color-ui-warning--active: rgb(var(--rgb-ui-warning--active));
    --color-ui-warning--tone: rgba(var(--rgb-ui-warning), 0.13);

    --color-ui-error--hover: rgb(var(--rgb-ui-error--hover));
    --color-ui-error: rgb(var(--rgb-ui-error));
    --color-ui-error--active: rgb(var(--rgb-ui-error--active));
    --color-ui-error--tone: rgba(var(--rgb-ui-error), 0.13);

    --color-ui-info--hover: rgb(var(--rgb-ui-info--hover));
    --color-ui-info: rgb(var(--rgb-ui-info));
    --color-ui-info--active: rgb(var(--rgb-ui-info--active));
    --color-ui-info--tone: rgba(var(--rgb-ui-info), 0.13);

    --color-ui-info-light: rgb(var(--rgb-ui-info-light));
    --color-ui-highlight: rgb(var(--rgb-ui-highlight));

    --rgb-sentiment-positive-active: 62, 148, 76;
    --rgb-sentiment-positive: 76, 161, 90;
    --rgb-sentiment-positive-hover: 90, 173, 104;

    --rgb-sentiment-negative-active: 201, 58, 58;
    --rgb-sentiment-negative: 215, 74, 74;
    --rgb-sentiment-negative-hover: 227, 89, 89;

    --color-sentiment-positive-active: rgb(var(--rgb-sentiment-positive-active));
    --color-sentiment-positive: rgb(var(--rgb-sentiment-positive));
    --color-sentiment-positive-hover: rgb(var(--rgb-sentiment-positive-hover));
    --color-sentiment-positive-tone: rgba(var(--rgb-sentiment-positive), 0.13);

    --color-sentiment-negative-active: rgb(var(--rgb-sentiment-negative-active));
    --color-sentiment-negative: rgb(var(--rgb-sentiment-negative));
    --color-sentiment-negative-hover: rgb(var(--rgb-sentiment-negative-hover));
    --color-sentiment-negative-tone: rgba(var(--rgb-sentiment-negative), 0.13);

    --rgb-product-forbidden-planet--active: 232, 159, 144;
    --rgb-product-forbidden-planet: 245, 177, 164;
    --rgb-product-forbidden-planet--hover: 255, 195, 184;

    --color-product-forbidden-planet--active: rgb(var(--rgb-product-forbidden-planet--active));
    --color-product-forbidden-planet: rgb(var(--rgb-product-forbidden-planet));
    --color-product-forbidden-planet--hover: rgb(var(--rgb-product-forbidden-planet--hover));

    --rgb-product-tiny-clanger--active: 232, 132, 166;
    --rgb-product-tiny-clanger: 245, 152, 183;
    --rgb-product-tiny-clanger--hover: 255, 171, 200;

    --color-product-tiny-clanger--active: rgb(var(--rgb-product-tiny-clanger--active));
    --color-product-tiny-clanger: rgb(var(--rgb-product-tiny-clanger));
    --color-product-tiny-clanger--hover: rgb(var(--rgb-product-tiny-clanger--hover));

    --rgb-product-critical-mass--active: 214, 75, 107;
    --rgb-product-critical-mass: 227, 90, 122;
    --rgb-product-critical-mass--hover: 240, 108, 139;

    --color-product-critical-mass--active: rgb(var(--rgb-product-critical-mass--active));
    --color-product-critical-mass: rgb(var(--rgb-product-critical-mass));
    --color-product-critical-mass--hover: rgb(var(--rgb-product-critical-mass--hover));

    --rgb-product-fantastic-voyage--active: 156, 36, 82;
    --rgb-product-fantastic-voyage: 167, 46, 94;
    --rgb-product-fantastic-voyage--hover: 181, 60, 106;

    --color-product-fantastic-voyage--active: rgb(var(--rgb-product-fantastic-voyage--active));
    --color-product-fantastic-voyage: rgb(var(--rgb-product-fantastic-voyage));
    --color-product-fantastic-voyage--hover: rgb(var(--rgb-product-fantastic-voyage--hover));

    --rgb-product-paradise-lost--active: 129, 90, 153;
    --rgb-product-paradise-lost: 144, 107, 167;
    --rgb-product-paradise-lost--hover: 157, 123, 179;

    --color-product-paradise-lost--active: rgb(var(--rgb-product-paradise-lost--active));
    --color-product-paradise-lost: rgb(var(--rgb-product-paradise-lost));
    --color-product-paradise-lost--hover: rgb(var(--rgb-product-paradise-lost--hover));

    --rgb-product-serene-sea--active: 125, 143, 201;
    --rgb-product-serene-sea: 144, 160, 214;
    --rgb-product-serene-sea--hover: 163, 178, 227;

    --color-product-serene-sea--active: rgb(var(--rgb-product-serene-sea--active));
    --color-product-serene-sea: rgb(var(--rgb-product-serene-sea));
    --color-product-serene-sea--hover: rgb(var(--rgb-product-serene-sea--hover));

    --rgb-product-event-horizon--active: 81, 85, 148;
    --rgb-product-event-horizon: 96, 99, 161;
    --rgb-product-event-horizon--hover: 113, 116, 173;

    --color-product-event-horizon--active: rgb(var(--rgb-product-event-horizon--active));
    --color-product-event-horizon: rgb(var(--rgb-product-event-horizon));
    --color-product-event-horizon--hover: rgb(var(--rgb-product-event-horizon--hover));

    --rgb-product-electric-dreams--active: 46, 109, 191;
    --rgb-product-electric-dreams: 59, 121, 204;
    --rgb-product-electric-dreams--hover: 74, 136, 217;

    --color-product-electric-dreams--active: rgb(var(--rgb-product-electric-dreams--active));
    --color-product-electric-dreams: rgb(var(--rgb-product-electric-dreams));
    --color-product-electric-dreams--hover: rgb(var(--rgb-product-electric-dreams--hover));

    --rgb-product-outer-limits--active: 108, 199, 235;
    --rgb-product-outer-limits: 127, 214, 248;
    --rgb-product-outer-limits--hover: 147, 222, 252;

    --color-product-outer-limits--active: rgb(var(--rgb-product-outer-limits--active));
    --color-product-outer-limits: rgb(var(--rgb-product-outer-limits));
    --color-product-outer-limits--hover: rgb(var(--rgb-product-outer-limits--hover));

    --rgb-product-giant-leap--active: 69, 192, 217;
    --rgb-product-giant-leap: 85, 205, 230;
    --rgb-product-giant-leap--hover: 102, 219, 242;

    --color-product-giant-leap--active: rgb(var(--rgb-product-giant-leap--active));
    --color-product-giant-leap: rgb(var(--rgb-product-giant-leap));
    --color-product-giant-leap--hover: rgb(var(--rgb-product-giant-leap--hover));

    --rgb-product-moon-lagoon--active: 25, 161, 176;
    --rgb-product-moon-lagoon: 36, 173, 189;
    --rgb-product-moon-lagoon--hover: 48, 186, 201;

    --color-product-moon-lagoon--active: rgb(var(--rgb-product-moon-lagoon--active));
    --color-product-moon-lagoon: rgb(var(--rgb-product-moon-lagoon));
    --color-product-moon-lagoon--hover: rgb(var(--rgb-product-moon-lagoon--hover));

    --rgb-product-space-invader--active: 36, 133, 100;
    --rgb-product-space-invader: 47, 145, 112;
    --rgb-product-space-invader--hover: 58, 158, 125;

    --color-product-space-invader--active: rgb(var(--rgb-product-space-invader--active));
    --color-product-space-invader: rgb(var(--rgb-product-space-invader));
    --color-product-space-invader--hover: rgb(var(--rgb-product-space-invader--hover));

    --rgb-product-extraterrestrial--active: 82, 168, 76;
    --rgb-product-extraterrestrial: 96, 180, 90;
    --rgb-product-extraterrestrial--hover: 112, 194, 107;

    --color-product-extraterrestrial--active: rgb(var(--rgb-product-extraterrestrial--active));
    --color-product-extraterrestrial: rgb(var(--rgb-product-extraterrestrial));
    --color-product-extraterrestrial--hover: rgb(var(--rgb-product-extraterrestrial--hover));

    --rgb-product-terra-form--active: 125, 184, 44;
    --rgb-product-terra-form: 138, 197, 57;
    --rgb-product-terra-form--hover: 151, 209, 71;

    --color-product-terra-form--active: rgb(var(--rgb-product-terra-form--active));
    --color-product-terra-form: rgb(var(--rgb-product-terra-form));
    --color-product-terra-form--hover: rgb(var(--rgb-product-terra-form--hover));

    --rgb-product-primeval-soup--active: 186, 186, 15;
    --rgb-product-primeval-soup: 200, 200, 25;
    --rgb-product-primeval-soup--hover: 212, 212, 38;

    --color-product-primeval-soup--active: rgb(var(--rgb-product-primeval-soup--active));
    --color-product-primeval-soup: rgb(var(--rgb-product-primeval-soup));
    --color-product-primeval-soup--hover: rgb(var(--rgb-product-primeval-soup--hover));

    --rgb-product-future-shock--active: 227, 223, 16;
    --rgb-product-future-shock: 240, 236, 29;
    --rgb-product-future-shock--hover: 252, 249, 43;

    --color-product-future-shock--active: rgb(var(--rgb-product-future-shock--active));
    --color-product-future-shock: rgb(var(--rgb-product-future-shock));
    --color-product-future-shock--hover: rgb(var(--rgb-product-future-shock--hover));

    --rgb-product-sun-maker--active: 240, 201, 5;
    --rgb-product-sun-maker: 252, 213, 18;
    --rgb-product-sun-maker--hover: 255, 220, 46;

    --color-product-sun-maker--active: rgb(var(--rgb-product-sun-maker--active));
    --color-product-sun-maker: rgb(var(--rgb-product-sun-maker));
    --color-product-sun-maker--hover: rgb(var(--rgb-product-sun-maker--hover));

    --rgb-product-new-horizon--active: 242, 178, 0;
    --rgb-product-new-horizon: 255, 190, 10;
    --rgb-product-new-horizon--hover: 254, 199, 49;

    --color-product-new-horizon--active: rgb(var(--rgb-product-new-horizon--active));
    --color-product-new-horizon: rgb(var(--rgb-product-new-horizon));
    --color-product-new-horizon--hover: rgb(var(--rgb-product-new-horizon--hover));

    --rgb-product-blast-off--active: 237, 132, 36;
    --rgb-product-blast-off: 249, 145, 50;
    --rgb-product-blast-off--hover: 255, 157, 67;

    --color-product-blast-off--active: rgb(var(--rgb-product-blast-off--active));
    --color-product-blast-off: rgb(var(--rgb-product-blast-off));
    --color-product-blast-off--hover: rgb(var(--rgb-product-blast-off--hover));

    --rgb-product-crash-course--active: 242, 93, 70;
    --rgb-product-crash-course: 255, 109, 86;
    --rgb-product-crash-course--hover: 255, 126, 106;

    --color-product-crash-course--active: rgb(var(--rgb-product-crash-course--active));
    --color-product-crash-course: rgb(var(--rgb-product-crash-course));
    --color-product-crash-course--hover: rgb(var(--rgb-product-crash-course--hover));

    --rgb-product-solar-rust--active: 191, 118, 15;
    --rgb-product-solar-rust: 205, 129, 26;
    --rgb-product-solar-rust--hover: 217, 143, 39;

    --color-product-solar-rust--active: rgb(var(--rgb-product-solar-rust--active));
    --color-product-solar-rust: rgb(var(--rgb-product-solar-rust));
    --color-product-solar-rust--hover: rgb(var(--rgb-product-solar-rust--hover));

    --rgb-product-ground-control--active: 145, 85, 45;
    --rgb-product-ground-control: 158, 97, 57;
    --rgb-product-ground-control--hover: 171, 110, 70;

    --color-product-ground-control--active: rgb(var(--rgb-product-ground-control--active));
    --color-product-ground-control: rgb(var(--rgb-product-ground-control));
    --color-product-ground-control--hover: rgb(var(--rgb-product-ground-control--hover));

    --rgb-product-space-oddity--active: 176, 149, 76;
    --rgb-product-space-oddity: 189, 163, 91;
    --rgb-product-space-oddity--hover: 201, 176, 107;

    --color-product-space-oddity--active: rgb(var(--rgb-product-space-oddity--active));
    --color-product-space-oddity: rgb(var(--rgb-product-space-oddity));
    --color-product-space-oddity--hover: rgb(var(--rgb-product-space-oddity--hover));

    --rgb-product-rocky-planet--active: 145, 128, 100;
    --rgb-product-rocky-planet: 158, 142, 117;
    --rgb-product-rocky-planet--hover: 171, 157, 135;

    --color-product-rocky-planet--active: rgb(var(--rgb-product-rocky-planet--active));
    --color-product-rocky-planet: rgb(var(--rgb-product-rocky-planet));
    --color-product-rocky-planet--hover: rgb(var(--rgb-product-rocky-planet--hover));

    --rgb-product-deep-thought--active: 167, 162, 179;
    --rgb-product-deep-thought: 187, 185, 192;
    --rgb-product-deep-thought--hover: 204, 204, 204;

    --color-product-deep-thought--active: rgb(var(--rgb-product-deep-thought--active));
    --color-product-deep-thought: rgb(var(--rgb-product-deep-thought));
    --color-product-deep-thought--hover: rgb(var(--rgb-product-deep-thought--hover));

    --rgb-product-luna-dust--active: 103, 129, 143;
    --rgb-product-luna-dust: 120, 144, 156;
    --rgb-product-luna-dust--hover: 138, 158, 168;

    --color-product-luna-dust--active: rgb(var(--rgb-product-luna-dust--active));
    --color-product-luna-dust: rgb(var(--rgb-product-luna-dust));
    --color-product-luna-dust--hover: rgb(var(--rgb-product-luna-dust--hover));

    --rgb-sentiment-negative--active: 201, 58, 58;
    --rgb-sentiment-negative: 215, 74, 74;
    --rgb-sentiment-negative--hover: 227, 89, 89;

    --color-sentiment-negative--active: rgb(var(--rgb-sentiment-negative--active));
    --color-sentiment-negative: rgb(var(--rgb-sentiment-negative));
    --color-sentiment-negative--hover: rgb(var(--rgb-sentiment-negative--hover));
    --color-sentiment-negative--tone: rgba(var(--rgb-sentiment-negative), 0.13);

    --rgb-sentiment-positive--active: 62, 148, 76;
    --rgb-sentiment-positive: 76, 161, 90;
    --rgb-sentiment-positive--hover: 90, 173, 104;

    --color-sentiment-positive--active: rgb(var(--rgb-sentiment-positive--active));
    --color-sentiment-positive: rgb(var(--rgb-sentiment-positive));
    --color-sentiment-positive--hover: rgb(var(--rgb-sentiment-positive--hover));
    --color-sentiment-positive--tone: rgba(var(--rgb-sentiment-positive), 0.13);

    --color-sentiment-neutral--active: var(--color-product-deep-thought--active);
    --color-sentiment-neutral: var(--color-product-deep-thought);
    --color-sentiment-neutral--hover: var(--color-product-deep-thought--hover);
    --color-sentiment-neutral--tone: rgba(var(--rgb-product-deep-thought), 0.13);

    --rgb-social-twitter--active: 16, 148, 230;
    --rgb-social-twitter: 29, 161, 242;
    --rgb-social-twitter--hover: 43, 174, 255;

    --color-social-twitter--active: rgb(var(--rgb-social-twitter--active));
    --color-social-twitter: rgb(var(--rgb-social-twitter));
    --color-social-twitter--hover: rgb(var(--rgb-social-twitter--hover));

    --rgb-social-facebook--active: 0, 91, 240;
    --rgb-social-facebook: 8, 102, 255;
    --rgb-social-facebook--hover: 36, 119, 255;

    --color-social-facebook--active: rgb(var(--rgb-social-facebook--active));
    --color-social-facebook: rgb(var(--rgb-social-facebook));
    --color-social-facebook--hover: rgb(var(--rgb-social-facebook--hover));

    --rgb-social-instagram--active: 171, 58, 133;
    --rgb-social-instagram: 183, 71, 146;
    --rgb-social-instagram--hover: 196, 86, 160;

    --color-social-instagram--active: rgb(var(--rgb-social-instagram--active));
    --color-social-instagram: rgb(var(--rgb-social-instagram));
    --color-social-instagram--hover: rgb(var(--rgb-social-instagram--hover));

    --rgb-social-linkedin--active: 10, 102, 194;
    --rgb-social-linkedin: 0, 91, 181;
    --rgb-social-linkedin--hover: 23, 115, 207;

    --color-social-linkedin--active: rgb(var(--rgb-social-linkedin--active));
    --color-social-linkedin: rgb(var(--rgb-social-linkedin));
    --color-social-linkedin--hover: rgb(var(--rgb-social-linkedin--hover));

    --rgb-social-linkedin-public: 0, 114, 177;

    --color-social-linkedin-public: rgb(var(--rgb-social-linkedin-public));

    --rgb-social-four-chan--active: 224, 153, 117;
    --rgb-social-four-chan: 238, 170, 136;
    --rgb-social-four-chan--hover: 250, 187, 155;

    --color-social-four-chan--active: rgb(var(--rgb-social-four-chan--active));
    --color-social-four-chan: rgb(var(--rgb-social-four-chan));
    --color-social-four-chan--hover: rgb(var(--rgb-social-four-chan--hover));

    --rgb-social-reddit--active: 225, 61, 0;
    --rgb-social-reddit: 255, 69, 0;
    --rgb-social-reddit--hover: 255, 87, 25;

    --color-social-reddit--active: rgb(var(--rgb-social-reddit--active));
    --color-social-reddit: rgb(var(--rgb-social-reddit));
    --color-social-reddit--hover: rgb(var(--rgb-social-reddit--hover));

    --rgb-social-sina-weibo--active: 237, 124, 43;
    --rgb-social-sina-weibo: 249, 138, 57;
    --rgb-social-sina-weibo--hover: 255, 148, 71;

    --color-social-sina-weibo--active: rgb(var(--rgb-social-sina-weibo--active));
    --color-social-sina-weibo: rgb(var(--rgb-social-sina-weibo));
    --color-social-sina-weibo--hover: rgb(var(--rgb-social-sina-weibo--hover));

    --rgb-social-tumblr--active: 41, 57, 79;
    --rgb-social-tumblr: 53, 70, 93;
    --rgb-social-tumblr--hover: 65, 82, 105;

    --color-social-tumblr--active: rgb(var(--rgb-social-tumblr--active));
    --color-social-tumblr: rgb(var(--rgb-social-tumblr));
    --color-social-tumblr--hover: rgb(var(--rgb-social-tumblr--hover));

    --rgb-social-vk--active: 61, 105, 156;
    --rgb-social-vk: 74, 118, 168;
    --rgb-social-vk--hover: 89, 132, 181;

    --color-social-vk--active: rgb(var(--rgb-social-vk--active));
    --color-social-vk: rgb(var(--rgb-social-vk));
    --color-social-vk--hover: rgb(var(--rgb-social-vk--hover));

    --rgb-social-youtube--active: 209, 0, 0;
    --rgb-social-youtube: 222, 0, 0;
    --rgb-social-youtube--hover: 226, 0, 0;

    --color-social-youtube--active: rgb(var(--rgb-social-youtube--active));
    --color-social-youtube: rgb(var(--rgb-social-youtube));
    --color-social-youtube--hover: rgb(var(--rgb-social-youtube--hover));

    --rgb-better-together: 240, 78, 78;

    --color-better-together: rgb(var(--rgb-better-together));

    --rgb-brand-hooloovoo: 87, 183, 221;
    --color-brand-hooloovoo: rgb(var(--rgb-brand-hooloovoo));

    --rgb-riskscore-overall-high: 56, 56, 56;
    --rgb-riskscore-overall-medium: 115, 115, 115;
    --rgb-riskscore-overall-low: 179, 179, 179;
    --rgb-riskscore-harmful-high: 140, 56, 74;
    --rgb-riskscore-harmful-medium: 227, 90, 122;
    --rgb-riskscore-harmful-low: 238, 156, 175;
    --rgb-riskscore-spam-high: 53, 88, 143;
    --rgb-riskscore-spam-medium: 73, 122, 198;
    --rgb-riskscore-spam-low: 110, 167, 255;
    --rgb-riskscore-fakeness-high: 191, 95, 27;
    --rgb-riskscore-fakeness-medium: 255, 127, 36;
    --rgb-riskscore-fakeness-low: 255, 178, 124;
    --rgb-riskscore-emotionality-high: 85, 128, 72;
    --rgb-riskscore-emotionality-medium: 110, 166, 94;
    --rgb-riskscore-emotionality-low: 204, 219, 124;
    --color-riskscore-overall-high: rgb(var(--rgb-riskscore-overall-high));
    --color-riskscore-overall-medium: rgb(var(--rgb-riskscore-overall-medium));
    --color-riskscore-overall-low: rgb(var(--rgb-riskscore-overall-low));
    --color-riskscore-harmful-high: rgb(var(--rgb-riskscore-harmful-high));
    --color-riskscore-harmful-medium: rgb(var(--rgb-riskscore-harmful-medium));
    --color-riskscore-harmful-low: rgb(var(--rgb-riskscore-harmful-low));
    --color-riskscore-spam-high: rgb(var(--rgb-riskscore-spam-high));
    --color-riskscore-spam-medium: rgb(var(--rgb-riskscore-spam-medium));
    --color-riskscore-spam-low: rgb(var(--rgb-riskscore-spam-low));
    --color-riskscore-fakeness-high: rgb(var(--rgb-riskscore-fakeness-high));
    --color-riskscore-fakeness-medium: rgb(var(--rgb-riskscore-fakeness-medium));
    --color-riskscore-fakeness-low: rgb(var(--rgb-riskscore-fakeness-low));
    --color-riskscore-emotionality-high: rgb(var(--rgb-riskscore-emotionality-high));
    --color-riskscore-emotionality-medium: rgb(var(--rgb-riskscore-emotionality-medium));
    --color-riskscore-emotionality-low: rgb(var(--rgb-riskscore-emotionality-low));
}
/* stylelint-enable */

:root {
    --layout-width-tiny: 23rem;
    --layout-width-small: 48rem;
    --layout-width-medium: 62rem;
    --layout-width-large: 75rem;

    --z-index-sticky: 1;
    --z-index-platform-mask: 2;
    --z-index-platform-console: 3;
    --z-index-platform-dock: 4;
    --z-index-position: 5;
    --z-index-modal: 5;
    --z-index-notifications: 6;
}

:root {
    --opacity-text--subtle: 0.75;
    --opacity-text--disabled: 0.3;

    --opacity-background--overlay-modal: 0.9;
    --opacity-background--overlay-heavy: 0.75;
    --opacity-background--overlay-light: 0.3;
    --opacity-background--subtle: 0.15;
    --opacity-background--active: 0.08;
    --opacity-background--disabled: 0.05;
    --opacity-background--hover: 0.04;

    --opacity-border: 0.2;

    --opacity-shadow--light: 0.14;
    --opacity-shadow--heavy: 0.15;
    --opacity-box-shadow: 0.3;

    --opacity-input-border--focused: 0.5;
    --opacity-input-border--valid: 0.4;
    --opacity-input-border--invalid: 0.75;
}

/* stylelint-disable max-line-length */
:root {
    --spacing-grid-size: 0.25rem;

    --spacing-grid-size--x1: var(--spacing-grid-size);
    --spacing-grid-size--x2: calc(var(--spacing-grid-size) * 2);
    --spacing-grid-size--x3: calc(var(--spacing-grid-size) * 3);
    --spacing-grid-size--x4: calc(var(--spacing-grid-size) * 4);
    --spacing-grid-size--x5: calc(var(--spacing-grid-size) * 5);
    --spacing-grid-size--x6: calc(var(--spacing-grid-size) * 6);
    --spacing-grid-size--x8: calc(var(--spacing-grid-size) * 8);

    --page-padding-horizontal: var(--spacing-grid-size--x6);
    --page-padding-vertical: var(--spacing-grid-size--x6);

    --component-line-height: 1rem;

    --component-total-line-height-small: calc(var(--component-line-height) + var(--component-padding-vertical-small) * 2 + var(--component-border-width-small) * 2);
    --component-total-line-height-medium: calc(var(--component-line-height) + var(--component-padding-vertical-medium) * 2 + var(--component-border-width-medium) * 2);
    --component-total-line-height-large: calc(var(--component-line-height) + var(--component-padding-vertical-large) * 2 + var(--component-border-width-large) * 2);

    --component-border-width-small: 0.0625rem;
    --component-border-width-medium: 0.0625rem;
    --component-border-width-large: 0.125rem;
    --component-border-width-huge: 0.125rem;
    --component-border-width: var(--component-border-width-small);

    --component-border-radius: 0.1875rem; /* 3px */
    --component-border-radius-large: 0.5rem;
    --component-border-radius-huge: 1.25rem;

    --component-padding-vertical-small: calc(var(--spacing-grid-size) - var(--component-border-width-small));
    --component-padding-vertical-medium: calc(var(--spacing-grid-size) * 2 - var(--component-border-width-small));
    --component-padding-vertical-large: calc(var(--spacing-grid-size) * 3 - var(--component-border-width-small));

    --component-padding-horizontal-small: calc(var(--spacing-grid-size) * 3);
    --component-padding-horizontal-medium: calc(var(--spacing-grid-size) * 3);
    --component-padding-horizontal-large: calc(var(--spacing-grid-size) * 4);

    --component-round-size-tiny: calc(var(--spacing-grid-size) * 4);
    --component-round-size-small: calc(var(--spacing-grid-size) * 6);
    --component-round-size-medium: calc(var(--spacing-grid-size) * 12);
    --component-round-size-large: calc(var(--spacing-grid-size) * 18);
    --component-round-size-huge: calc(var(--spacing-grid-size) * 30);

    --drop-shadow-border: 0 0 0 0.0625rem;
    --drop-shadow-definition: 0 0.0625rem 0.125rem 0.03125rem;
    --drop-shadow-elevation--x1: 0 0.0625rem 0.1875rem 0;
    --drop-shadow-elevation--x2: 0 0.25rem 0.5625rem 0;
    --component-box-shadow--focus: 0 0 0 0.1875rem;  /* 0 0 0 3px  */

    /**
   * Shared chart variables.
   *
   *  [1] Needed to normalise bar widths. However
   *      this is not in relation to anything so
   *      will need adjusting if text widths change :sob:
   */
    --cmp-chart-label-margin: var(--spacing-grid-size--x2);
    --cmp-chart-label-line-height: 1rem;  /* [1] */
    --cmp-chart-label-width: calc(2rem + var(--cmp-chart-label-margin));  /* [1] */
    --cmp-chart-label-height: calc(var(--cmp-chart-label-line-height) + var(--cmp-chart-label-margin));

    --cmp-chart-opacity-faded: 0.25;

    --cmp-dot-plot-diameter: 0.8125rem;
    --cmp-dot-plot-radius: calc(var(--cmp-dot-plot-diameter) * 0.5);

    --cmp-benchmark-line-width: 0.0625rem;
    --cmp-benchmark-line-height: var(--cmp-dot-plot-diameter);

    --cmp-chart-overflow-space: calc(var(--cmp-chart-label-width) + var(--cmp-dot-plot-radius));

    /**
   * Shared component variables.
   */
    --cmp-context-tip-edge-to-edge: 0.75rem;

    /**
   * Used for max-height of a topics container
   */
    --component-max-height: 62.5rem;
}
/* stylelint-enable */

.visually-hidden {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

/* stylelint-disable max-line-length */
:root {
    --rgb-theme-day-main: var(--rgb-ui-carbon);
    --rgb-theme-day-main--dark: var(--rgb-ui-carbon--dark);
    --rgb-theme-day-main--darker: var(--rgb-ui-carbon--darker);

    --rgb-theme-day-background--shade-1: var(--rgb-ui-white);
    --rgb-theme-day-background--shade-2: var(--rgb-ui-white-noise);
    --rgb-theme-day-background--shade-3: var(--rgb-ui-white-noise--dark);
    --rgb-theme-day-background--shade-4: var(--rgb-ui-white-noise--darker);

    --color-theme-day-main: rgb(var(--rgb-theme-day-main));
    --color-theme-day-main--dark: rgb(var(--rgb-theme-day-main--dark));
    --color-theme-day-main--darker: rgb(var(--rgb-theme-day-main--darker));

    --color-theme-day-text: var(--color-theme-day-main);
    --color-theme-day-text--subtle: rgba(var(--rgb-theme-day-main), var(--opacity-text--subtle));
    --color-theme-day-text--disabled: rgba(var(--rgb-theme-day-main), var(--opacity-text--disabled));

    --color-theme-day-background--shade-1: rgb(var(--rgb-theme-day-background--shade-1));
    --color-theme-day-background--shade-2: rgb(var(--rgb-theme-day-background--shade-2));
    --color-theme-day-background--shade-3: rgb(var(--rgb-theme-day-background--shade-3));
    --color-theme-day-background--shade-4: rgb(var(--rgb-theme-day-background--shade-4));

    --color-theme-day-background: var(--color-theme-day-background--shade-1);
    --color-theme-day-background--overlay-heavy: rgba(var(--rgb-theme-day-main), var(--opacity-background--overlay-heavy));
    --color-theme-day-background--overlay-light: rgba(var(--rgb-theme-day-main), var(--opacity-background--overlay-light));
    --color-theme-day-background--subtle: rgba(var(--rgb-theme-day-main), var(--opacity-background--subtle));
    --color-theme-day-background--active: rgba(var(--rgb-theme-day-main), var(--opacity-background--active));
    --color-theme-day-background--disabled: rgba(var(--rgb-theme-day-main), var(--opacity-background--disabled));
    --color-theme-day-background--hover: rgba(var(--rgb-theme-day-main), var(--opacity-background--hover));

    --color-theme-day-border: rgba(var(--rgb-theme-day-main), var(--opacity-border));

    --color-theme-day-shadow--border: rgba(var(--rgb-theme-day-main), var(--opacity-border));
    --color-theme-day-shadow--light: rgba(var(--rgb-theme-day-main), var(--opacity-shadow--light));
    --color-theme-day-shadow--heavy: rgba(var(--rgb-theme-day-main), var(--opacity-shadow--heavy));

    --drop-shadow-theme-day-border: var(--drop-shadow-border) var(--color-theme-day-shadow--border);
    --drop-shadow-theme-day-elevation--x1:
        var(--drop-shadow-elevation--x1) var(--color-theme-day-shadow--light),
        var(--drop-shadow-definition) var(--color-theme-day-shadow--heavy);
    --drop-shadow-theme-day-elevation--x2:
        var(--drop-shadow-elevation--x2) var(--color-theme-day-shadow--light),
        var(--drop-shadow-definition) var(--color-theme-day-shadow--heavy);

    --color-box-shadow-focus-visible: rgba(var(--rgb-ui-accent), var(--opacity-box-shadow));
    --theme-day-padding--border--shadow:
        0 0 0 0.1875rem var(--color-theme-day-background),
        0 0 0 0.25rem var(--color-ui-accent),
        0 0 0 0.44rem var(--color-box-shadow-focus-visible);
}

.ax-theme--day {
    --rgb-theme-main: var(--rgb-theme-day-main);
    --rgb-theme-main--dark: var(--rgb-theme-day-main--dark);
    --rgb-theme-main--darker: var(--rgb-theme-day-main--darker);

    --rgb-theme-background--shade-1: var(--rgb-theme-day-background--shade-1);
    --rgb-theme-background--shade-2: var(--rgb-theme-day-background--shade-2);
    --rgb-theme-background--shade-3: var(--rgb-theme-day-background--shade-3);
    --rgb-theme-background--shade-4: var(--rgb-theme-day-background--shade-4);

    --color-theme-main: var(--color-theme-day-main);
    --color-theme-main--dark: var(--color-theme-day-main--dark);
    --color-theme-main--darker: var(--color-theme-day-main--darker);

    --color-theme-text: var(--color-theme-day-text);
    --color-theme-text--subtle: var(--color-theme-day-text--subtle);
    --color-theme-text--disabled: var(--color-theme-day-text--disabled);

    --color-theme-background--shade-1: var(--color-theme-day-background--shade-1);
    --color-theme-background--shade-2: var(--color-theme-day-background--shade-2);
    --color-theme-background--shade-3: var(--color-theme-day-background--shade-3);
    --color-theme-background--shade-4: var(--color-theme-day-background--shade-4);

    --color-theme-background: var(--color-theme-day-background);
    --color-theme-background--overlay-heavy: var(--color-theme-day-background--overlay-heavy);
    --color-theme-background--overlay-light: var(--color-theme-day-background--overlay-light);
    --color-theme-background--subtle: var(--color-theme-day-background--subtle);
    --color-theme-background--active: var(--color-theme-day-background--active);
    --color-theme-background--disabled: var(--color-theme-day-background--disabled);
    --color-theme-background--hover: var(--color-theme-day-background--hover);

    --color-theme-border: var(--color-theme-day-border);

    --color-theme-shadow--border: var(--color-theme-day-shadow--border);
    --color-theme-shadow--light: var(--color-theme-day-shadow--heavy);
    --color-theme-shadow--heavy: var(--color-theme-day-shadow--light);

    --drop-shadow-theme-border: var(--drop-shadow-theme-day-border);
    --drop-shadow-theme-elevation--x1: var(--drop-shadow-theme-day-elevation--x1);
    --drop-shadow-theme-elevation--x2: var(--drop-shadow-theme-day-elevation--x2);

    --theme--padding--border--shadow: var(--theme-day-padding--border--shadow);
}

/* stylelint-disable max-line-length */
:root {
    --rgb-theme-night-main: var(--rgb-ui-white-noise);
    --rgb-theme-night-main--dark: var(--rgb-ui-white-noise--dark);
    --rgb-theme-night-main--darker: var(--rgb-ui-white-noise--darker);

    --rgb-theme-night-background--shade-1: var(--rgb-ui-black);
    --rgb-theme-night-background--shade-2: var(--rgb-ui-carbon--darker);
    --rgb-theme-night-background--shade-3: var(--rgb-ui-carbon--dark);
    --rgb-theme-night-background--shade-4: var(--rgb-ui-carbon);

    --color-theme-night-main: rgb(var(--rgb-theme-night-main));
    --color-theme-night-main--dark: rgb(var(--rgb-theme-night-main--dark));
    --color-theme-night-main--darker: rgb(var(--rgb-theme-night-main--darker));

    --color-theme-night-text: var(--color-theme-night-main);
    --color-theme-night-text--subtle: rgba(var(--rgb-theme-night-main), var(--opacity-text--subtle));
    --color-theme-night-text--disabled: rgba(var(--rgb-theme-night-main), var(--opacity-text--disabled));

    --color-theme-night-background--shade-1: rgb(var(--rgb-theme-night-background--shade-1));
    --color-theme-night-background--shade-2: rgb(var(--rgb-theme-night-background--shade-2));
    --color-theme-night-background--shade-3: rgb(var(--rgb-theme-night-background--shade-3));
    --color-theme-night-background--shade-4: rgb(var(--rgb-theme-night-background--shade-4));

    --color-theme-night-background: var(--color-theme-night-background--shade-2);
    --color-theme-night-background--overlay-heavy: rgba(var(--rgb-theme-night-main), var(--opacity-background--overlay-heavy));
    --color-theme-night-background--overlay-light: rgba(var(--rgb-theme-night-main), var(--opacity-background--overlay-light));
    --color-theme-night-background--subtle: rgba(var(--rgb-theme-night-main), var(--opacity-background--subtle));
    --color-theme-night-background--active: rgba(var(--rgb-theme-night-main), var(--opacity-background--active));
    --color-theme-night-background--disabled: rgba(var(--rgb-theme-night-main), var(--opacity-background--disabled));
    --color-theme-night-background--hover: rgba(var(--rgb-theme-night-main), var(--opacity-background--hover));

    --color-theme-night-border: rgba(var(--rgb-theme-night-main), var(--opacity-border));

    --color-theme-night-shadow--border: rgba(var(--rgb-theme-night-main), var(--opacity-border));
    --color-theme-night-shadow--light: rgba(var(--rgb-ui-black), var(--opacity-shadow--light));
    --color-theme-night-shadow--heavy: rgba(var(--rgb-ui-black), var(--opacity-shadow--heavy));

    --drop-shadow-theme-night-border: var(--drop-shadow-border) var(--color-theme-night-shadow--border);
    --drop-shadow-theme-night-elevation--x1:
        var(--drop-shadow-elevation--x1) var(--color-theme-night-shadow--light),
        var(--drop-shadow-definition) var(--color-theme-night-shadow--heavy);
    --drop-shadow-theme-night-elevation--x2:
        var(--drop-shadow-elevation--x2) var(--color-theme-night-shadow--light),
        var(--drop-shadow-definition) var(--color-theme-night-shadow--heavy);

    --theme-night-padding--border--shadow:
        0 0 0 0.1875rem var(--color-theme-night-background),
        0 0 0 0.25rem var(--color-ui-accent),
        0 0 0 0.44rem var(--color-box-shadow-focus-visible);
}

.ax-theme--night {
    --rgb-theme-main: var(--rgb-theme-night-main);
    --rgb-theme-main--dark: var(--rgb-theme-night-main--dark);
    --rgb-theme-main--darker: var(--rgb-theme-night-main--darker);

    --rgb-theme-background--shade-1: var(--rgb-theme-night-background--shade-1);
    --rgb-theme-background--shade-2: var(--rgb-theme-night-background--shade-2);
    --rgb-theme-background--shade-3: var(--rgb-theme-night-background--shade-3);
    --rgb-theme-background--shade-4: var(--rgb-theme-night-background--shade-4);

    --color-theme-main: var(--color-theme-night-main);
    --color-theme-main--dark: var(--color-theme-night-main--dark);
    --color-theme-main--darker: var(--color-theme-night-main--darker);

    --color-theme-text: var(--color-theme-night-text);
    --color-theme-text--subtle: var(--color-theme-night-text--subtle);
    --color-theme-text--disabled: var(--color-theme-night-text--disabled);

    --color-theme-background--shade-1: var(--color-theme-night-background--shade-1);
    --color-theme-background--shade-2: var(--color-theme-night-background--shade-2);
    --color-theme-background--shade-3: var(--color-theme-night-background--shade-3);
    --color-theme-background--shade-4: var(--color-theme-night-background--shade-4);

    --color-theme-background: var(--color-theme-night-background);
    --color-theme-background--overlay-heavy: var(--color-theme-night-background--overlay-heavy);
    --color-theme-background--overlay-light: var(--color-theme-night-background--overlay-light);
    --color-theme-background--subtle: var(--color-theme-night-background--subtle);
    --color-theme-background--active: var(--color-theme-night-background--active);
    --color-theme-background--disabled: var(--color-theme-night-background--disabled);
    --color-theme-background--hover: var(--color-theme-night-background--hover);

    --color-theme-border: var(--color-theme-night-border);

    --color-theme-shadow--border: var(--color-theme-night-shadow--border);
    --color-theme-shadow--light: var(--color-theme-night-shadow--heavy);
    --color-theme-shadow--heavy: var(--color-theme-night-shadow--light);

    --drop-shadow-theme-border: var(--drop-shadow-theme-night-border);
    --drop-shadow-theme-elevation--x1: var(--drop-shadow-theme-night-elevation--x1);
    --drop-shadow-theme-elevation--x2: var(--drop-shadow-theme-night-elevation--x2);

    --theme--padding--border--shadow: var(--theme-night-padding--border--shadow);
}

/* stylelint-disable value-keyword-case */
:root {
    --font-family-body: Inter, Roboto, sans-serif;
    --font-family-mono: 'Roboto Mono', monospace;

    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    --font-size-label: 0.625rem;
    --font-size-small: 0.75rem;
    --font-size-body: 0.8125rem;
    --font-size-large: 0.875rem;
    --font-size-headtitle: 1.0625rem;
    --font-size-headline: 1.375rem;
    --font-size-display1: 2rem;
    --font-size-display2: 2.5rem;

    --line-height-label: 1rem;
    --line-height-body: 1.25rem;
    --line-height-small: var(--line-height-body);
    --line-height-large: var(--line-height-body);
    --line-height-headtitle: 1.5rem;
    --line-height-headline: 1.75rem;
    --line-height-display1: 2.5rem;
    --line-height-display2: 3rem;

    --letter-spacing-tight: -0.00125rem;
    --letter-spacing-loose: 0.001875rem;
}
/* stylelint-enable */

/* stylelint-disable property-no-vendor-prefix, selector-max-type */
/* stylelint-disable selector-max-universal */
*,
*::before,
*::after {
    box-sizing: inherit;
}
/* stylelint-enable selector-max-universal */

html,
body {
    box-sizing: border-box;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body,
.global-styles {
    margin: 0;
    font-family: var(--font-family-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);

    /**
     * BDS interim styles, to smooth over phasing in the new DS.
     * Copied over from BaseMixin styles.
     */
    letter-spacing: 0.01em;
    font-feature-settings: 'ss01', 'ss03', 'calt', 'case', "liga", "clig";
    text-underline-offset: 0.1em;
    font-variant: common-ligatures;
    font-synthesis: none;
    text-rendering: optimizelegibility;
    hyphenate-character: '–';
    text-wrap: pretty;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
hr,
input {
    overflow: visible; /*  Show the overflow in Edge. */
}

input,
textarea {
    margin: 0; /* Remove the margin in Firefox and Safari. */
    font: inherit;
}

textarea {
    overflow: auto; /* Remove the default vertical scrollbar in IE. */
}

/* normalise button styles */
button {
    margin: 0;
    border-radius: 0;
    font: inherit;

    /* Remove the inner border and padding in Firefox. */
}
button::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

/* Hack: around webkits autofill styling */
@keyframes inputAutofillFix {
    to {
        background-color: transparent;
        color: inherit;
    }
}

@keyframes appear-standard {
    from { transform: scale3d(0.8, 0.8, 1); opacity: 0; }
    to { transform: scale3d(1, 1, 1);     opacity: 1; }
}

@keyframes disappear-standard {
    from { transform: scale3d(1, 1, 1);     opacity: 1; }
    to { transform: scale3d(0.8, 0.8, 1); opacity: 0; }
}

@keyframes appear-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes disappear-fade {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* stylelint-disable declaration-no-important */
@media (max-width: 47.9375rem) {
    .ax-hidden-until--small {
        display: none !important;
    }
}

@media (max-width: 61.9375rem) {
    .ax-hidden-until--medium {
        display: none !important;
    }
}

@media (max-width: 74.9375rem) {
    .ax-hidden-until--large {
        display: none !important;
    }
}

@media (min-width: 48rem) {
    .ax-visible-until--small {
        display: none !important;
    }
}

@media (min-width: 62rem) {
    .ax-visible-until--medium {
        display: none !important;
    }
}

@media (min-width: 75rem) {
    .ax-visible-until--large {
        display: none !important;
    }
}

/* stylelint-enable */
.ax-space--x0 {
    margin-top: 0;
    margin-bottom: 0;
}

.ax-space--x1 {
    margin-top: var(--spacing-grid-size--x1);
    margin-bottom: var(--spacing-grid-size--x1);
}

.ax-space--x2 {
    margin-top: var(--spacing-grid-size--x2);
    margin-bottom: var(--spacing-grid-size--x2);
}

.ax-space--x3 {
    margin-top: var(--spacing-grid-size--x3);
    margin-bottom: var(--spacing-grid-size--x3);
}

.ax-space--x4 {
    margin-top: var(--spacing-grid-size--x4);
    margin-bottom: var(--spacing-grid-size--x4);
}

.ax-space--x5 {
    margin-top: var(--spacing-grid-size--x5);
    margin-bottom: var(--spacing-grid-size--x5);
}

.ax-space--x6 {
    margin-top: var(--spacing-grid-size--x6);
    margin-bottom: var(--spacing-grid-size--x6);
}

.ax-space--x8 {
    margin-top: var(--spacing-grid-size--x8);
    margin-bottom: var(--spacing-grid-size--x8);
}

.ax-space--x0:first-child, .ax-space--x1:first-child, .ax-space--x2:first-child, .ax-space--x3:first-child, .ax-space--x4:first-child, .ax-space--x5:first-child, .ax-space--x6:first-child, .ax-space--x8:first-child { margin-top: 0; }

.ax-space--x0:last-child, .ax-space--x1:last-child, .ax-space--x2:last-child, .ax-space--x3:last-child, .ax-space--x4:last-child, .ax-space--x5:last-child, .ax-space--x6:last-child, .ax-space--x8:last-child { margin-bottom: 0; }

.ax-sticky {
    position: sticky;
    z-index: var(--z-index-sticky);
}

.ax-container {
    position: relative;
}

.ax-cloak {
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--transition-time-base);
    transition-timing-function: var(--transition-function);
    pointer-events: none;
}

.ax-cloak__container:hover .ax-cloak,
.ax-cloak.ax-cloak--visible {
    opacity: 1;
    pointer-events: all;
}

.ax-pointer--disabled {
    pointer-events: none;
}

.ax-radial-progress {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.ax-radial-progress--tiny {
    width: var(--component-round-size-tiny);
    height: var(--component-round-size-tiny);
}

.ax-radial-progress--small {
    width: var(--component-round-size-small);
    height: var(--component-round-size-small);
}

.ax-radial-progress--medium {
    width: var(--component-round-size-medium);
    height: var(--component-round-size-medium);
}

.ax-radial-progress--large {
    width: var(--component-round-size-large);
    height: var(--component-round-size-large);
}

.ax-progress-infinite__arc {
    fill: none;
    animation: spin 1s linear infinite;
}

.ax-progress-infinite__arc-gradient-stop--subtle {
    stop-color: var(--color-theme-background--subtle);
}

.ax-progress-infinite__arc-gradient-stop--white {
    stop-color: var(--color-ui-white-noise--dark);
}

.ax-progress-infinite__arc-gradient-stop--subtle:last-of-type,
.ax-progress-infinite__arc-gradient-stop--white:last-of-type {
    stop-opacity: 0;
}

@media (forced-colors: active) {
    .ax-progress-infinite__arc-gradient-stop--subtle {
        stop-color: GrayText;
    }
}

html,
body,
#root {
  background-color: var(--color-theme-background);
  color: var(--color-theme-text);
  height: 100%;
}

/* Basic, generic flexbox styles */
.flex {
  display: flex;
}

.flex--horizontal-end {
  justify-content: flex-end;
}

.flex--column {
  flex-direction: column;
}

.flex--full-height {
  height: 100%;
}

.flex--vertical-center {
  align-items: center;
}

.flex--horizontal-center {
  justify-content: center;
}

/* Convenient shorthand for centering */
.flex--full-center {
  height: 100%;
  align-items: center;
  justify-content: center;
}

.flex__child {
  flex: 0 1 auto;
}

.flex__child--grow {
  flex: 1;
}


/*# sourceMappingURL=main.bundle.css.map*/