/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.root {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

.hidden {
  display: none;
}

.flex-spacer {
  flex-grow: 10;
  pointer-events: none;
}

.viewOptionsMenuSplitter {
  position: relative;
  height: 0;
}

.viewOptionsMenuSplitter::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: var(--color-border-default);
  transform: translateY(-50%);
}

.flex {
  display: flex;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

hr {
  margin: 0;
}

a {
  color: #2196f3;
}

button {
  border: none;
  cursor: pointer;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
}

.iconIsOffline {
  opacity: 0.5;
  pointer-events: none;
}

.app-size {
  max-width: 100vw !important;
  height: 100vh !important;
}

.app-size {
  margin: 0;
  min-width: 100vw;
}

._3W45N {
  font-size: 14px;
  background-color: rgb(36, 36, 36);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 20px;
  white-space: pre;
  /* Position the tooltip */
  position: absolute;
  left: -25%;
  top: -50%;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
  transition-delay: .1s;
}

@media (max-width: 1400px), (display-mode: standalone) {
  .app-size {
    height: 100vh;
    margin: 0;
    border-radius: 0;
  }
}

* {
  box-sizing: border-box;
}

html, body
{
  -ms-content-zooming:none;
  touch-action: none;
}

html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  min-height: 100vh;
  overflow: hidden;
}

button {
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-smoothing: antialiased;
}

body {
  font-family: SegoeUI, Helvetica, sans-serif;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 300;
  margin: 0;
  box-sizing: border-box;
}

#theme-provider {
  color: var(--color-text-default);
}

input[type='checkbox'] {
  outline: none;
}

strong {
  font-weight: 600;
}

i {
  font-style: italic;
}

body::after{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  z-index:-1;
  content:
    url(/img/noConversationSelected.png)
    url(/img/logo.png)
    url(/img/emptyNotifications.png)
    url(/img/Landing.png)
    url(/img/GetStarted/Notifications.png)
    url(/img/trouble/Connecting.png);
  visibility: hidden;
}

.app-size {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
}

.app-size {
  margin: 0;
  border-radius: 0;
}

._2ShK5 {
  width: 20px !important;
  height: 20px !important;
}

._2ShK5 {
  margin-right: var(--sp-8px);
}

.debugView {
  border-bottom: 1px solid coral;
  box-sizing: border-box;
}

.ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

.custom-close {
  position: absolute !important;
  top: -25px !important;
  right: -15px !important;
  background: transparent !important;
  font-size: 15px !important;
}

@media screen and (-ms-high-contrast: active) {
  .custom-close {
    color: white !important;
  }
}

.custom-info-icon {
  content: url(/img/icon/info.png);
}

.custom-warning-icon {
  content: url(/img/icon/warning.png);
}

.custom-error-icon {
  content: url(/img/icon/error.png);
}


body {
  --Neutral-Alpha-light-100A: rgba(26,28,30,0.04706);
  --Neutral-Alpha-dark-100A: rgba(255,255,255,0.04706);
  --Neutral-Alpha-light-200A: rgba(26,28,30,0.09804);
  --Neutral-Alpha-dark-200A: rgba(255,255,255,0.09804);
  --Neutral-Alpha-light-300A: rgba(26,28,30,0.14902);
  --Neutral-Alpha-dark-300A: rgba(255,255,255,0.14902);
  --Neutral-200: rgba(225,226,229,1);
  --Neutral-800: rgba(54,57,63,1);
  --Neutral-400: rgba(167,171,179,1);
  --Neutral-500: rgba(134,140,150,1);
  --Neutral-600: rgba(103,109,120,1);
  --Blue-300: rgba(159,202,251,1);
  --Blue-800: rgba(0,55,119,1);
  --Blue-600: rgba(0,104,224,1);
  --Blue-500: rgba(46,140,247,1);
  --Blue-400: rgba(110,175,249,1);
  --Blue-700: rgba(0,77,165,1);
  --Blue-100: rgba(236,245,254,1);
  --Blue-1000: rgba(0,28,59,1);
  --Blue-200: rgba(207,229,253,1);
  --Blue-900: rgba(0,35,76,1);
  --Neutral-Alpha-dark-400A: rgba(255,255,255,0.2);
  --Neutral-900: rgba(34,36,39,1);
  --Neutral-700: rgba(76,80,88,1);
  --Neutral-Alpha-light-400A: rgba(26,28,30,0.2);
  --Neutral-Alpha-light-500A: rgba(26,28,30,0.24706);
  --Neutral-Alpha-dark-500A: rgba(255,255,255,0.24706);
  --Neutral-white: rgba(255,255,255,1);
  --Neutral-100: rgba(243,244,245,1);
  --Red-100: rgba(254,237,236,1);
  --Red-900: rgba(72,14,10,1);
  --Red-200: rgba(252,219,216,1);
  --Red-800: rgba(113,22,15,1);
  --Red-300: rgba(249,182,177,1);
  --Red-700: rgba(156,30,21,1);
  --Green-100: rgba(218,248,234,1);
  --Green-900: rgba(7,41,26,1);
  --Neutral-1000: rgba(26,28,30,1);
  --Green-200: rgba(178,240,212,1);
  --Green-800: rgba(11,66,41,1);
  --Green-500: rgba(26,159,99,1);
  --Green-400: rgba(31,195,121,1);
  --Green-300: rgba(88,222,161,1);
  --Green-700: rgba(15,92,57,1);
  --Yellow-200: rgba(254,225,130,1);
  --Yellow-900: rgba(44,35,5,1);
  --Yellow-800: rgba(70,55,8,1);
  --Neutral-Alpha-dark-900A: rgba(255,255,255,0.6);
  --Neutral-Alpha-dark-800A: rgba(255,255,255,0.49804);
  --Yellow-300: rgba(243,192,27,1);
  --Yellow-700: rgba(98,78,11,1);
  --Neutral-Alpha-light-900A: rgba(26,28,30,0.6);
  --Red-600: rgba(209,40,28,1);
  --Red-500: rgba(241,86,75,1);
  --Green-1000: rgba(5,32,20,1);
  --Green-600: rgba(20,125,77,1);
  --Red-400: rgba(246,142,135,1);
  --Neutral-300: rgba(196,199,204,1);
  --Neutral-Alpha-dark-1100A: rgba(255,255,255,0.8);
  --Neutral-Alpha-dark-700A: rgba(255,255,255,0.4);
  --Neutral-Alpha-light-600A: rgba(26,28,30,0.29804);
  --Neutral-Alpha-dark-600A: rgba(255,255,255,0.29804);
  --Base-Crystal: rgba(100,169,249,1);
  --Base-Lotus: rgba(91,105,255,1);
  --Base-Geode: rgba(143,93,162,1);
  --Base-Coral: rgba(255,86,98,1);
  --Base-Rust: rgba(255,142,81,1);
  --Base-Sun: rgba(249,189,30,1);
  --Base-Mint: rgba(30,189,117,1);
  --Base-Grass: rgba(25,153,95,1);
  --Base-Urban: rgba(134,140,150,1);
  --Base-White: rgba(255,255,255,1);
  --Base-Platinum: rgba(225,226,229,1);
  --Base-Silver: rgba(196,199,204,1);
  --Base-Charcoal: rgba(58,62,68,1);
  --Base-Sky: rgba(209,229,251,1);
  --Base-Sapphire: rgba(0,104,224,1);
  --Base-LightSkin: rgba(255,197,153,1);
  --Base-MediumSkin: rgba(221,180,146,1);
  --Base-DarkSkin: rgba(212,147,103,1);
  --Yellow-400: rgba(209,165,23,1);
}
#theme-provider {
  --color-background-neutral-subtle-default: rgba(0,0,0,0);
  --color-background-neutral-default: var(--Neutral-Alpha-light-100A);
  --color-background-neutral-subtle-hovered: var(--Neutral-Alpha-light-100A);
  --color-background-neutral-hovered: var(--Neutral-Alpha-light-200A);
  --color-background-neutral-pressed: var(--Neutral-Alpha-light-300A);
  --color-background-neutral-subtle-pressed: var(--Neutral-Alpha-light-200A);
  --color-background-neutral-strong-default: var(--Neutral-200);
  --color-background-neutral-strong-hovered: var(--Neutral-400);
  --color-background-neutral-strong-pressed: var(--Neutral-600);
  --color-background-brand-subtle-default: var(--Blue-300);
  --color-background-brand-default: var(--Blue-600);
  --color-background-brand-subtle-hovered: var(--Blue-400);
  --color-background-brand-hovered: var(--Blue-700);
  --color-background-brand-subtle-pressed: var(--Blue-500);
  --color-background-brand-pressed: var(--Blue-600);
  --color-background-brand-subtlest-default: var(--Blue-100);
  --color-background-brand-subtlest-hovered: var(--Blue-200);
  --color-background-brand-subtlest-pressed: var(--Blue-300);
  --color-background-selected-default: var(--Blue-200);
  --color-background-selected-hovered: var(--Blue-300);
  --color-background-selected-pressed: var(--Blue-200);
  --color-background-inverse-default: var(--Neutral-900);
  --color-background-inverse-hovered: var(--Neutral-800);
  --color-background-inverse-pressed: var(--Neutral-700);
  --color-background-inverse-subtle-default: var(--Neutral-Alpha-light-300A);
  --color-background-inverse-subtle-hovered: var(--Neutral-Alpha-light-400A);
  --color-background-inverse-subtle-pressed: var(--Neutral-Alpha-light-500A);
  --color-background-onInverse-subtle-default: var(--Neutral-Alpha-light-300A);
  --color-background-onInverse-subtle-hovered: var(--Neutral-Alpha-light-400A);
  --color-background-onInverse-subtle-pressed: var(--Neutral-Alpha-light-500A);
  --color-background-onInverse-default: var(--Neutral-white);
  --color-background-onInverse-hovered: var(--Neutral-100);
  --color-background-onInverse-pressed: var(--Neutral-200);
  --color-background-input-default: var(--Neutral-white);
  --color-background-input-hovered: var(--Neutral-Alpha-light-100A);
  --color-background-input-pressed: var(--Neutral-white);
  --color-background-critical-subtle-default: var(--Red-100);
  --color-background-critical-subtle-hovered: var(--Red-200);
  --color-background-critical-subtle-pressed: var(--Red-300);
  --color-background-success-subtle-default: var(--Green-100);
  --color-surface-primary: var(--Neutral-white);
  --color-background-success-subtle-hovered: var(--Green-200);
  --color-background-success-default: var(--Green-500);
  --color-background-success-hovered: var(--Green-400);
  --color-background-success-pressed: var(--Green-500);
  --color-background-success-subtle-pressed: var(--Green-300);
  --color-surface-secondary: var(--Neutral-white);
  --color-background-warning-subtle-default: var(--Yellow-200);
  --color-background-information-subtle-default: var(--Blue-100);
  --color-surface-tertiary: var(--Neutral-white);
  --color-background-information-subtle-hovered: var(--Blue-200);
  --color-text-default: var(--Neutral-1000);
  --color-surface-envelope: var(--Neutral-100);
  --color-background-warning-subtle-hovered: var(--Yellow-200);
  --color-text-subtle: var(--Neutral-800);
  --color-text-subtlest: var(--Neutral-600);
  --color-text-brand: var(--Blue-600);
  --color-background-warning-subtle-pressed: var(--Yellow-300);
  --color-background-information-subtle-pressed: var(--Blue-300);
  --color-text-inverse: var(--Neutral-100);
  --color-background-information-default: var(--Blue-600);
  --color-text-selected: var(--Blue-600);
  --color-background-information-hovered: var(--Blue-700);
  --color-text-disabled: var(--Neutral-Alpha-light-500A);
  --color-text-placeholder: var(--Neutral-Alpha-light-900A);
  --color-background-information-pressed: var(--Blue-800);
  --color-text-critical: var(--Red-600);
  --color-text-information: var(--Blue-600);
  --color-background-indication-green-default: var(--Green-500);
  --color-background-indication-red-default: var(--Red-600);
  --color-background-indication-green-subtle: var(--Green-100);
  --color-text-bubble-info: var(--Neutral-800);
  --color-text-bubble-critical: var(--Red-600);
  --color-text-alwaysDark-disabled: var(--Neutral-Alpha-dark-400A);
  --color-text-indication-green: var(--Green-600);
  --color-background-start-default: var(--Green-500);
  --color-background-start-hovered: var(--Green-600);
  --color-text-indication-red: var(--Red-600);
  --color-background-start-pressed: var(--Green-700);
  --color-background-end-default: var(--Red-500);
  --color-background-end-hovered: var(--Red-400);
  --color-link-default: var(--Blue-600);
  --color-background-end-pressed: var(--Red-500);
  --color-link-pressed: var(--Blue-700);
  --color-link-disabled: var(--Neutral-Alpha-light-400A);
  --color-border-default: var(--Neutral-200);
  --color-border-strong: var(--Neutral-300);
  --color-border-stronger: var(--Neutral-500);
  --color-border-brand-default: var(--Blue-600);
  --color-border-brand-subtle: var(--Blue-400);
  --color-border-inverse: var(--Neutral-white);
  --color-border-selected: var(--Blue-600);
  --color-border-disabled: var(--Neutral-200);
  --color-border-input: var(--Neutral-500);
  --color-border-critical: var(--Red-600);
  --color-border-success: var(--Green-500);
  --color-link-bubble: var(--Blue-700);
  --color-border-focused: var(--Blue-500);
  --color-icon-default: var(--Neutral-700);
  --color-icon-subtle: var(--Neutral-600);
  --color-icon-subtler: var(--Neutral-500);
  --color-icon-brand: var(--Blue-600);
  --color-icon-inverse: var(--Neutral-100);
  --color-icon-selected: var(--Blue-600);
  --color-icon-disabled: var(--Neutral-Alpha-light-500A);
  --color-icon-critical: var(--Red-600);
  --color-icon-success: var(--Green-500);
  --color-icon-information: var(--Blue-600);
  --color-icon-bubble-info: var(--Neutral-800);
  --color-icon-bubble-critical: var(--Red-600);
  --color-icon-alwaysDark-disabled: var(--Neutral-Alpha-dark-400A);
  --color-icon-indication-green: var(--Green-500);
  --color-icon-indication-red: var(--Red-600);
  --color-icon-accent-geode: rgba(142,93,161,1);
  --color-icon-accent-moss: rgba(161,189,107,1);
  --color-icon-accent-coral: rgba(255,120,129,1);
  --color-icon-accent-daisy: rgba(236,177,0,1);
  --color-background-disabled: var(--Neutral-Alpha-light-200A);
  --color-background-alwaysDark-disabled: var(--Neutral-300);
  --color-background-alwaysGray-default: rgba(72,72,72,0.49804);
  --color-background-alwaysGray-hover: rgba(72,72,72,0.69804);
  --color-background-alwaysGray-pressed: rgba(72,72,72,0.89804);
  --color-background-alwaysGray-subtle-default: rgba(72,72,72,0);
  --color-background-alwaysGray-subtle-hover: rgba(72,72,72,0.29804);
  --color-background-alwaysGray-subtle-pressed: rgba(72,72,72,0.49804);
  --color-background-alwaysBlue-default: var(--Blue-600);
  --color-background-alwaysBlue-hovered: var(--Blue-700);
  --color-background-alwaysBlue-pressed: var(--Blue-800);
  --color-background-placeholder: var(--Neutral-Alpha-light-300A);
  --color-background-stickynote-critical: var(--Red-300);
  --color-background-stickynote-warning: var(--Yellow-200);
  --color-background-stickynote-success: var(--Green-300);
  --color-background-drag-default: var(--Neutral-100);
  --color-background-stickynote-information: var(--Blue-200);
  --color-background-stickynote-basic: var(--Neutral-200);
  --color-background-drag-active: var(--Blue-600);
  --color-blanket-default: var(--Neutral-Alpha-light-900A);
  --color-blanket-subtle: var(--Neutral-Alpha-light-400A);
  --elevation-shadow-strong: var(--Neutral-Alpha-light-500A);
  --color-alwaysWhite: var(--Neutral-white);
  --color-alwaysBlack: var(--Neutral-1000);
  --color-alwaysBlue: var(--Blue-600);
  --color-alwaysGray-default: var(--Neutral-500);
  --color-alwaysGray-strong: var(--Neutral-600);
  --color-alwaysGray-stronger: var(--Neutral-700);
  --color-alwaysGray-subtle: var(--Neutral-200);
  --color-alwaysGray-subtlest: var(--Neutral-Alpha-light-500A);
  --color-blackWhite: var(--Neutral-1000);
  --color-whiteBlack: var(--Neutral-white);
  --color-splash: var(--Blue-600);
  --elevation-shadow-default: var(--Neutral-Alpha-light-300A);
  --elevation-shadow-subtle: var(--Neutral-Alpha-light-200A);
  --elevation-shadow-subtlest: var(--Neutral-Alpha-light-100A);
  --color-background-neutral-stronger-default: var(--Neutral-300);
  --color-background-neutral-stronger-hovered: var(--Neutral-400);
  --color-background-neutral-stronger-pressed: var(--Neutral-500);
  --color-background-neutral-strongest-default: var(--Neutral-700);
  --color-background-neutral-strongest-hovered: var(--Neutral-800);
  --color-background-neutral-strongest-pressed: var(--Neutral-900);
  --color-background-indication-green-strong: var(--Green-600);
  --color-surface-gray: var(--Neutral-200);
  --color-background-bubble-incoming: var(--Neutral-100);
  --color-background-scrollbar-default: var(--Neutral-Alpha-light-300A);
  --color-background-scrollbar-hovered: var(--Neutral-Alpha-light-600A);
  --color-background-bubble-outgoing: var(--Blue-200);
  --color-background-accent-Crystal: var(--Base-Crystal);
  --color-background-accent-Lotus: var(--Base-Lotus);
  --color-background-accent-Geode: var(--Base-Geode);
  --color-background-accent-Coral: var(--Base-Coral);
  --color-background-accent-Rust: var(--Base-Rust);
  --color-background-accent-Sun: var(--Base-Sun);
  --color-background-accent-Mint: var(--Base-Mint);
  --color-background-accent-Grass: var(--Base-Grass);
  --color-background-accent-Urban: var(--Base-Urban);
  --color-background-bubble-placeholder: var(--Neutral-200);
  --color-background-Base-White: var(--Base-White);
  --color-background-Base-Platinum: var(--Base-Platinum);
  --color-background-Base-Silver: var(--Base-Silver);
  --color-background-Base-Urban: var(--Base-Urban);
  --color-background-Base-Charcoal: var(--Base-Charcoal);
  --color-background-Base-Sky: var(--Base-Sky);
  --color-background-Base-Crystal: var(--Base-Crystal);
  --color-background-Base-Sapphire: var(--Base-Sapphire);
  --color-background-Base-Lotus: var(--Base-Lotus);
  --color-background-Base-Coral: var(--Base-Coral);
  --color-background-Base-Rust: var(--Base-Rust);
  --color-background-Base-Sun: var(--Base-Sun);
  --color-background-Base-Mint: var(--Base-Mint);
  --color-background-Base-LightSkin: var(--Base-LightSkin);
  --color-background-Base-MediumSkin: var(--Base-MediumSkin);
  --color-background-Base-DarkSkin: var(--Base-DarkSkin);
  --color-background-indication-yellow-default: var(--Yellow-400);
}
#theme-provider.theme-dark {
  --color-background-neutral-subtle-default: rgba(255,255,255,0);
  --color-background-neutral-default: var(--Neutral-Alpha-dark-100A);
  --color-background-neutral-subtle-hovered: var(--Neutral-Alpha-dark-100A);
  --color-background-neutral-hovered: var(--Neutral-Alpha-dark-200A);
  --color-background-neutral-pressed: var(--Neutral-Alpha-dark-300A);
  --color-background-neutral-subtle-pressed: var(--Neutral-Alpha-dark-200A);
  --color-background-neutral-strong-default: var(--Neutral-800);
  --color-background-neutral-strong-hovered: var(--Neutral-500);
  --color-background-neutral-strong-pressed: var(--Neutral-600);
  --color-background-brand-subtle-default: var(--Blue-800);
  --color-background-brand-default: var(--Blue-500);
  --color-background-brand-subtle-hovered: var(--Blue-700);
  --color-background-brand-hovered: var(--Blue-400);
  --color-background-brand-subtle-pressed: var(--Blue-600);
  --color-background-brand-pressed: var(--Blue-500);
  --color-background-brand-subtlest-default: var(--Blue-1000);
  --color-background-brand-subtlest-hovered: var(--Blue-900);
  --color-background-brand-subtlest-pressed: var(--Blue-800);
  --color-background-selected-default: var(--Neutral-Alpha-dark-200A);
  --color-background-selected-hovered: var(--Neutral-Alpha-dark-300A);
  --color-background-selected-pressed: var(--Neutral-Alpha-dark-400A);
  --color-background-inverse-default: var(--Neutral-700);
  --color-background-inverse-hovered: var(--Neutral-600);
  --color-background-inverse-pressed: var(--Neutral-500);
  --color-background-inverse-subtle-default: var(--Neutral-Alpha-dark-300A);
  --color-background-inverse-subtle-hovered: var(--Neutral-Alpha-dark-400A);
  --color-background-inverse-subtle-pressed: var(--Neutral-Alpha-dark-500A);
  --color-background-onInverse-subtle-default: var(--Neutral-Alpha-light-300A);
  --color-background-onInverse-subtle-hovered: var(--Neutral-Alpha-light-400A);
  --color-background-onInverse-subtle-pressed: var(--Neutral-Alpha-light-500A);
  --color-background-onInverse-default: var(--Neutral-white);
  --color-background-onInverse-hovered: var(--Neutral-100);
  --color-background-onInverse-pressed: var(--Neutral-200);
  --color-background-input-default: var(--Neutral-Alpha-dark-100A);
  --color-background-input-hovered: var(--Neutral-Alpha-dark-200A);
  --color-background-input-pressed: var(--Neutral-Alpha-dark-100A);
  --color-background-critical-subtle-default: var(--Red-900);
  --color-background-critical-subtle-hovered: var(--Red-800);
  --color-background-critical-subtle-pressed: var(--Red-700);
  --color-background-success-subtle-default: var(--Green-900);
  --color-surface-primary: var(--Neutral-1000);
  --color-background-success-subtle-hovered: var(--Green-800);
  --color-background-success-default: var(--Green-500);
  --color-background-success-hovered: var(--Green-400);
  --color-background-success-pressed: var(--Green-500);
  --color-background-success-subtle-pressed: var(--Green-700);
  --color-surface-secondary: var(--Neutral-900);
  --color-background-warning-subtle-default: var(--Yellow-900);
  --color-background-information-subtle-default: var(--Blue-900);
  --color-surface-tertiary: var(--Neutral-800);
  --color-background-information-subtle-hovered: var(--Blue-800);
  --color-text-default: var(--Neutral-100);
  --color-surface-envelope: var(--Neutral-900);
  --color-background-warning-subtle-hovered: var(--Yellow-800);
  --color-text-subtle: var(--Neutral-Alpha-dark-900A);
  --color-text-subtlest: var(--Neutral-Alpha-dark-800A);
  --color-text-brand: var(--Blue-500);
  --color-background-warning-subtle-pressed: var(--Yellow-700);
  --color-background-information-subtle-pressed: var(--Blue-700);
  --color-text-inverse: var(--Neutral-1000);
  --color-background-information-default: var(--Blue-500);
  --color-text-selected: var(--Blue-500);
  --color-background-information-hovered: var(--Blue-400);
  --color-text-disabled: var(--Neutral-Alpha-dark-500A);
  --color-text-placeholder: var(--Neutral-Alpha-dark-800A);
  --color-background-information-pressed: var(--Blue-300);
  --color-text-critical: var(--Red-500);
  --color-text-information: var(--Blue-500);
  --color-background-indication-green-default: var(--Green-500);
  --color-background-indication-red-default: var(--Red-500);
  --color-background-indication-green-subtle: var(--Green-1000);
  --color-text-bubble-info: var(--Neutral-100);
  --color-text-bubble-critical: var(--Neutral-100);
  --color-text-alwaysDark-disabled: var(--Neutral-Alpha-dark-400A);
  --color-text-indication-green: var(--Green-500);
  --color-background-start-default: var(--Green-500);
  --color-background-start-hovered: var(--Green-600);
  --color-text-indication-red: var(--Red-500);
  --color-background-start-pressed: var(--Green-700);
  --color-background-end-default: var(--Red-500);
  --color-background-end-hovered: var(--Red-400);
  --color-link-default: var(--Blue-500);
  --color-background-end-pressed: var(--Red-500);
  --color-link-pressed: var(--Blue-600);
  --color-link-disabled: var(--Neutral-Alpha-dark-400A);
  --color-border-default: var(--Neutral-800);
  --color-border-strong: var(--Neutral-700);
  --color-border-stronger: var(--Neutral-500);
  --color-border-brand-default: var(--Blue-500);
  --color-border-brand-subtle: var(--Blue-600);
  --color-border-inverse: var(--Neutral-1000);
  --color-border-selected: var(--Blue-500);
  --color-border-disabled: var(--Neutral-Alpha-dark-200A);
  --color-border-input: var(--Neutral-500);
  --color-border-critical: var(--Red-500);
  --color-border-success: var(--Green-500);
  --color-link-bubble: var(--Blue-100);
  --color-border-focused: var(--Blue-600);
  --color-icon-default: var(--Neutral-Alpha-dark-1100A);
  --color-icon-subtle: var(--Neutral-Alpha-dark-900A);
  --color-icon-subtler: var(--Neutral-Alpha-dark-700A);
  --color-icon-brand: var(--Blue-500);
  --color-icon-inverse: var(--Neutral-1000);
  --color-icon-selected: var(--Blue-500);
  --color-icon-disabled: var(--Neutral-Alpha-dark-500A);
  --color-icon-critical: var(--Red-500);
  --color-icon-success: var(--Green-500);
  --color-icon-information: var(--Blue-500);
  --color-icon-bubble-info: var(--Neutral-100);
  --color-icon-bubble-critical: var(--Neutral-100);
  --color-icon-alwaysDark-disabled: var(--Neutral-Alpha-dark-400A);
  --color-icon-indication-green: var(--Green-500);
  --color-icon-indication-red: var(--Red-500);
  --color-icon-accent-geode: rgba(142,93,161,1);
  --color-icon-accent-moss: rgba(161,189,107,1);
  --color-icon-accent-coral: rgba(255,120,129,1);
  --color-icon-accent-daisy: rgba(236,177,0,1);
  --color-background-disabled: var(--Neutral-Alpha-dark-200A);
  --color-background-alwaysDark-disabled: var(--Neutral-Alpha-dark-200A);
  --color-background-alwaysGray-default: rgba(72,72,72,0.49804);
  --color-background-alwaysGray-hover: rgba(72,72,72,0.69804);
  --color-background-alwaysGray-pressed: rgba(72,72,72,0.89804);
  --color-background-alwaysGray-subtle-default: rgba(72,72,72,0);
  --color-background-alwaysGray-subtle-hover: rgba(72,72,72,0.29804);
  --color-background-alwaysGray-subtle-pressed: rgba(72,72,72,0.49804);
  --color-background-alwaysBlue-default: var(--Blue-600);
  --color-background-alwaysBlue-hovered: var(--Blue-700);
  --color-background-alwaysBlue-pressed: var(--Blue-800);
  --color-background-placeholder: var(--Neutral-Alpha-dark-300A);
  --color-background-stickynote-critical: var(--Red-400);
  --color-background-stickynote-warning: var(--Yellow-200);
  --color-background-stickynote-success: var(--Green-400);
  --color-background-drag-default: var(--Neutral-900);
  --color-background-stickynote-information: var(--Blue-400);
  --color-background-stickynote-basic: var(--Neutral-800);
  --color-background-drag-active: var(--Blue-500);
  --color-blanket-default: var(--Neutral-Alpha-light-900A);
  --color-blanket-subtle: var(--Neutral-Alpha-light-400A);
  --elevation-shadow-strong: rgba(0,0,0,0.43922);
  --color-alwaysWhite: var(--Neutral-white);
  --color-alwaysBlack: var(--Neutral-900);
  --color-alwaysBlue: var(--Blue-600);
  --color-alwaysGray-default: var(--Neutral-500);
  --color-alwaysGray-strong: var(--Neutral-600);
  --color-alwaysGray-stronger: var(--Neutral-700);
  --color-alwaysGray-subtle: var(--Neutral-200);
  --color-alwaysGray-subtlest: var(--Neutral-Alpha-light-500A);
  --color-blackWhite: var(--Neutral-white);
  --color-whiteBlack: var(--Neutral-1000);
  --color-splash: var(--Neutral-1000);
  --elevation-shadow-default: rgba(0,0,0,0.31765);
  --elevation-shadow-subtle: rgba(0,0,0,0.23922);
  --elevation-shadow-subtlest: rgba(0,0,0,0.15686);
  --color-background-neutral-stronger-default: var(--Neutral-700);
  --color-background-neutral-stronger-hovered: var(--Neutral-600);
  --color-background-neutral-stronger-pressed: var(--Neutral-500);
  --color-background-neutral-strongest-default: var(--Neutral-400);
  --color-background-neutral-strongest-hovered: var(--Neutral-300);
  --color-background-neutral-strongest-pressed: var(--Neutral-200);
  --color-background-indication-green-strong: var(--Green-600);
  --color-surface-gray: var(--Neutral-800);
  --color-background-bubble-incoming: var(--Neutral-900);
  --color-background-scrollbar-default: var(--Neutral-Alpha-dark-300A);
  --color-background-scrollbar-hovered: var(--Neutral-Alpha-dark-600A);
  --color-background-bubble-outgoing: var(--Blue-500);
  --color-background-accent-Crystal: var(--Base-Crystal);
  --color-background-accent-Lotus: var(--Base-Lotus);
  --color-background-accent-Geode: var(--Base-Geode);
  --color-background-accent-Coral: var(--Base-Coral);
  --color-background-accent-Rust: var(--Base-Rust);
  --color-background-accent-Sun: var(--Base-Sun);
  --color-background-accent-Mint: var(--Base-Mint);
  --color-background-accent-Grass: var(--Base-Grass);
  --color-background-accent-Urban: var(--Base-Urban);
  --color-background-bubble-placeholder: var(--Neutral-800);
  --color-background-Base-White: var(--Base-White);
  --color-background-Base-Platinum: var(--Base-Platinum);
  --color-background-Base-Silver: var(--Base-Silver);
  --color-background-Base-Urban: var(--Base-Urban);
  --color-background-Base-Charcoal: var(--Base-Charcoal);
  --color-background-Base-Sky: var(--Base-Sky);
  --color-background-Base-Crystal: var(--Base-Crystal);
  --color-background-Base-Sapphire: var(--Base-Sapphire);
  --color-background-Base-Lotus: var(--Base-Lotus);
  --color-background-Base-Coral: var(--Base-Coral);
  --color-background-Base-Rust: var(--Base-Rust);
  --color-background-Base-Sun: var(--Base-Sun);
  --color-background-Base-Mint: var(--Base-Mint);
  --color-background-Base-LightSkin: var(--Base-LightSkin);
  --color-background-Base-MediumSkin: var(--Base-MediumSkin);
  --color-background-Base-DarkSkin: var(--Base-DarkSkin);
  --color-background-indication-yellow-default: var(--Yellow-300);
}
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content:
    url(/img/onboarding/bleHelp.png)
    url(/img/onboarding/btHelp.png)
    url(/img/AppleBadge.png)
    url(/img/GoogleBadge.png)
    url(/img/logo.png)
    url(/img/emptyNotifications.png)
    url(/img/trouble/Connecting.png)
    url(/img/GetStarted/BtPairing.png)
    url(/img/GetStarted/Contacts.png)
    url(/img/GetStarted/Media.png)
    url(/img/GetStarted/Sms.png)
    url(/img/GetStarted/iOSSms.png)
    url(/img/GetStarted/SmsReadOverBt.png)
    url(/img/onboarding/BluetoothInProgress.png)
    url(/img/onboarding/Contacts.png)
    url(/img/onboarding/Finish.png)
    url(/img/onboarding/Link.png)
    url(/img/onboarding/Media.png)
    url(/img/onboarding/MissedCalls.png)
    url(/img/onboarding/Notifications.png)
    url(/img/onboarding/NotificationsSettings.png)
    url(/img/onboarding/Sms.png)
    url(/img/onboarding/SpecialBatteryOptimization.png)
    url(/img/onboarding/SpecialSms.png)
    url(/img/trouble/AndroidPermissionImg.png)
    url(/img/trouble/BtUnpair.png)
    url(/img/trouble/Connecting.png)
    url(/img/trouble/Media.png)
    url(/img/trouble/Sms.png)
    url(/img/swiftConnect/intro.png)
    url(/img/swiftConnect/clap.png)
    url(/img/swiftConnect/filedrop.png)
    url(/img/swiftConnect/finish.png)
    url(/img/swiftConnect/intro.png)
    url(/img/swiftConnect/receiveFiles.png)
    url(/img/icon/check.png)
    url(/img/swiftConnect/guestPromo.png)
    url(/img/swiftConnect/linkExpired.png)
    url(/img/swiftConnect/error.png)
    url(/img/swiftConnect/errorLocalCancel.png)

    url(/img/msstorebadge/de.svg)
    url(/img/msstorebadge/en.svg)
    url(/img/msstorebadge/es.svg)
    url(/img/msstorebadge/fr.svg)
    url(/img/msstorebadge/it.svg)
    url(/img/msstorebadge/ja.svg)
    url(/img/msstorebadge/ko.svg)
    url(/img/msstorebadge/pl.svg)
    url(/img/msstorebadge/pt-BR.svg)
    url(/img/msstorebadge/ru.svg)
    url(/img/msstorebadge/sv.svg)
    url(/img/msstorebadge/tr.svg)
    url(/img/msstorebadge/zh-CN.svg)
    url(/img/msstorebadge/zh-TW.svg)

    url(/img/store-img/apple/de.svg)
    url(/img/store-img/apple/en.svg)
    url(/img/store-img/apple/es.svg)
    url(/img/store-img/apple/fr.svg)
    url(/img/store-img/apple/it.svg)
    url(/img/store-img/apple/ja.svg)
    url(/img/store-img/apple/ko.svg)
    url(/img/store-img/apple/pl.svg)
    url(/img/store-img/apple/pt-BR.svg)
    url(/img/store-img/apple/ru.svg)
    url(/img/store-img/apple/sv.svg)
    url(/img/store-img/apple/tr.svg)
    url(/img/store-img/apple/zh-CN.svg)
    url(/img/store-img/apple/zh-TW.svg)

    url(/img/store-img/google/de.png)
    url(/img/store-img/google/en.png)
    url(/img/store-img/google/es.png)
    url(/img/store-img/google/fr.png)
    url(/img/store-img/google/it.png)
    url(/img/store-img/google/ja.png)
    url(/img/store-img/google/ko.png)
    url(/img/store-img/google/pl.png)
    url(/img/store-img/google/pt-BR.png)
    url(/img/store-img/google/ru.png)
    url(/img/store-img/google/sv.png)
    url(/img/store-img/google/tr.png)
    url(/img/store-img/google/zh-CN.png)
    url(/img/store-img/google/zh-TW.png)

    url(/img/Hotspot/iosAutomationTesting.png)
    url(/img/hotspotSuccess.png)
    url(/img/trouble/WindowsLocation.png)
    url(/img/trouble/WindowsLocationRejected.png)
    url(/img/trouble/ancsPermissionConfirm.png)
    url(/img/trouble/ancsPermissionPbap.png)
    url(/img/trouble/androidBlePermission.png)
    url(/img/trouble/AndroidModifySystemSettings.png)
    url(/img/ActionCenterNetworksRadioOff.png)
    url(/img/icon/doneIcon.gif)
    url(/img/icon/doneIcon2.gif)

    url(/img/icon/toastMore.png)
    url(/img/icon/toastMute.png)
    url(/img/icon/toastReply.png)
    url(/img/icon/toastSend.png)
    url(/img/icon/toastShowDetails.png)
    url(/img/icon/toastAdditionalAction.png)
    url(/img/icon/toastDismiss.png)
  ;

  visibility: hidden;
}
* {
  font-family: 'Segoe UI', Arial, sans-serif;
}
body a {
  color: var(--color-link-default);
  text-decoration: none;
}
body a:hover {
  text-decoration: underline;
}
body {

      /*  spacings */
  --sp-2px: 2px;
  --sp-4px: 4px;
  --sp-8px: 8px;
  --sp-12px: 12px;
  --sp-16px: 16px;
  --sp-24px: 24px;
  --sp-32px: 32px;
  --sp-40px: 40px;
  --sp-48px: 48px;
  --sp-64px: 64px;
  --sp-96px: 96px;
  --sp-128px: 128px;
  --sp-192px: 192px;

  /* border radius */
  --br-4px: 4px;
  --br-8px: 8px;
  --br-16px: 16px;

  --LIST-ROW-HEIGHT: 64px;
  --s-navbar-width: 72px;
  --s-small-gallery-width: 590px;
  --s-medium-gallery-width: 740px;

  --s-landingSlideWidth: 450px;
  --s-landingSlideHeight: 350px;
  --GetStartedFrameBorderRadius: 16px;

  --f-display: 600 48px/56px var(--f);
  --f-title-large: normal 40px/52px var(--f);
  --f-title-medium: normal 32px/40px var(--f);
  --f-title-small: normal 24px/32px var(--f);
  --f-title-small-bold: 600 24px/32px var(--f);
  --f-subtitle-large: 600 20px/28px var(--f);
  --f-subtitle-normal: normal 16px/24px var(--f);
  --f-subtitle-strong: 600 16px/24px var(--f);
  --f-body-large: normal 18px/24px var(--f);
  --f-body-medium: normal 16px/24px var(--f);
  --f-body-strong: 600 14px/20px var(--f);
  --f-body-normal: normal 14px/20px var(--f);
  --f-caption-strong: 600 12px/16px var(--f);
  --f-caption-normal: normal 12px/16px var(--f);
  --f-tiny: normal 10px/14px var(--f);
}
body {
    --glass-bg: white !important;
}
body {
    --c-dark-hover: #222;
    --bg-panel-dark: rgba(0, 0, 0, 0.92);
    --bg-dialer: var(--bg-panel-dark);
    --bg-bottombar: var(--bg-panel-dark);

    --unit-medium: 40px;

    --color-on-primary-bg: #fff;
    --popUpContentPadding:15px;
    --triangle: #0096d6;
    --dark-text: #252525;
    --content-background: #f5f7fa;

    --c-menuBg: #0a0c14;
    --c-text: #202020;
    /* gray 10 */
    --tooltip-text: #FFFFFF;
    --tooltip-background: var(--c-text);
    --c-text-gray: #BDBDBD;
    --c-primary: #0054AE;
    --c-primary-bg: #D6EAFF;
    /* blue 40 */
    --c-primary-dark: #FFFFFF;
    --c-secondary: #CFE5FC;
    /* blue 90 */
    --c-tetriary: #F0F5FA;
    --c-fourth: #EBF4FF;
    /* blue 96 */
    --c-fifth: #F8FAFC;
    --c-sixth: #6CC4F5;
    /** blue 70 */
    --c-gray-0: #939393;
    --c-gray-1: #E9E9E9;
    /* gray 90 */
    --c-gray-2: #808080;
    --c-gray-2-transparent: rgba(128, 128, 128, 0.08);
    --c-gray-3: #656565;
    --c-gray-4: #CCCCCC;
    --c-gray-5: #F4F5F6;
    --c-gray-6: #EEEEEE;
    --c-gray-7: #333;
    --c-gray-8: #E9E8E8;
    --c-gray-9: #F5F5F5;
    --c-pane-list-bg: #FFFFFF;
    --c-list-item-hover: #F5F5F5;
    --deviceBg: rgba(147, 188, 221, 0.1);
    --deviceBorder: #93BCDD;
  
    --c-warning: #fdedba;
    --c-success: #1EB851;
    --c-green-active: #0E7C4A;
    --c-green-active-2: #7fff4c;
    --c-green-active-hover: #DCF9E6;
    --c-yellow: #C98F00;
    --c-error: #C71326;
    --c-error-2: #FDECEC;
    --c-dark2: #4B5166;
    --c-transparent-gray: rgba(224, 224, 224, 0.2);
    --c-inactive: #5E5E5E;
    --c-icon: #1873e8;
    --c-bg: #FFFFFF;
    --c-text-on-primary: #FFFFFF;
    --c-notif-bg: #FFFFFF;
    --c-icon-hover-background: #D6EAFF;
  
    --button-background: var(--color-background-brand-default);
    --button-hover-background: var(--color-background-brand-default);
    --button-active-background: var(--c-primary-dark);
    --button-disabled-background: #aaaaaa;
    --c-primary-gradient-horizontal: linear-gradient(269.49deg, #09A8ED 0%, #1146AC 100%);
  
    --s-list-width: 338px;
    --f: "Segoe UI", Helvetica, sans-serif;
    --f-48px: normal 500 48px/52px var(--f);
    --f-24px: normal 500 24px/30px var(--f);
    --f-18px: normal 400 18px/23px var(--f);
    --f-16px: normal 400 16px/24px var(--f);
    --f-14px: normal 400 14px/18px var(--f);
    --f-12px: normal 400 12px/16px var(--f);
    --f-9px: normal 400 9px/11px var(--f);
    --f-normal: 400;
    --f-bold: 600;
    --popUpContentPadding: 15px;
  

    --pwa-title-fg: #202020;
  
    --pwa-title-bg: #FFFFFF;
    --pwa-title-bg-inactive: #FFFFFF;
  
    --glass-blur: blur(0px);
  
    --animationSlideUpDuration: 400ms;
  
  
    /* figma colors */
    --c-gray-10: #202020;
    --c-gray-20: #363636;
    --c-gray-30: #505050;
    --c-gray-40: #656565;
    --c-gray-50: #808080;
    --c-gray-52: #1a1a1a;
    --c-gray-60: #999999;
    --c-gray-70: #AEAEAE;
    --c-gray-80: #CCCCCC;
    --c-gray-90: #E9E9E9;
    --c-gray-96: #F5f5f5;
    --c-main-10: #001E50;
    --c-main-20: #00377C;
    --c-main-30: #1E2EB7;
    --c-main-40: #0054AE;
    --c-main-40-transparent: rgba(0, 84, 174, 0.08);
    --c-main-50: #5B69FF;
    --c-main-60: #0099EC;
    --c-main-70: #6CC4F5;
    --c-main-80: #99CAFF;
    --c-main-90: #CFE5FC;
    --c-main-96: #EBF5FF;
    --c-accent-accent-40: #0054AE;
    --c-accent-accent-80: #A8D2FF;
    --c-light-blue: #EBF6FF;
    --status-hint-bg: var(--c-light-blue);
    --c-red-strong: #C71326;
    --c-red-light: #C91D39;
    --c-red-transparent: rgba(199, 19, 38, 0.1);
    --c-red-semi-transparent: rgba(199, 19, 38, 0.5);
    --c-green: #1EB851;
    --c-green-light: #bbeacb;
    --c-note-bg: #FFF3D6;
    --c-white: #FFFFFF;
    --c-help-link: #1E2EB7;
    --c-blue-40: #4C5CFF;
    --c-blue-70:#7ABAFF;
    --c-blue: #006EE4;
    --c-blue-light: #A4D0FF;
}
body {
  --MEDIA2_HEADER_HEIGHT: 50px;
  --MEDIA2_ITEM_HEIGHT: 240px;
  --MEDIA2_ITEM_WIDTH: 240px;
  --MEDIA2_ITEM_GAP: 8px;
  --MEDIA2_FILE_ROW_HEIGHT: 50px;

  --LARGE-ITEM_HEIGHT: 320px;
  --LARGE-ITEM_WIDTH: 320px;
  --LARGE-ITEM_GAP: 8px;
  
  --MEDIUM-ITEM_HEIGHT: 240px;
  --MEDIUM-ITEM_WIDTH: 240px;
  --MEDIUM-ITEM_GAP: 8px;

  --SMALL-ITEM_HEIGHT: 160px;
  --SMALL-ITEM_WIDTH: 160px;
  --SMALL-ITEM_GAP: 6px;
}
body{
  --MEDIA2_SIDE_PADDING: 32px;
  --bottomBarContainerHeight: 49px;
  --MEDIA2_HEADER_HEIGHT: 56px;
  --MEDIA2_HEADER_HEIGHT_LARGE: 70px;
  --MEDIA2_ITEM_HEIGHT: 180px;
  --MEDIA2_ITEM_WIDTH: 180px;
  --MEDIA2_ITEM_GAP: 8px;
  --MEDIA2_FILE_ROW_HEIGHT: 50px;

  --LARGE-ITEM_HEIGHT: 240px;
  --LARGE-ITEM_WIDTH:  240px;
  --LARGE-ITEM_GAP: 8px;
  
  --MEDIUM-ITEM_HEIGHT: 180px;
  --MEDIUM-ITEM_WIDTH: 180px;
  --MEDIUM-ITEM_GAP: 8px;

  --SMALL-ITEM_HEIGHT: 120px;
  --SMALL-ITEM_WIDTH: 120px;
  --SMALL-ITEM_GAP: 4px;
}
@media (max-width: 850px) {
  body {
    --MEDIA2_SIDE_PADDING: 18px;

    --LARGE-ITEM_HEIGHT: 120px;
    --LARGE-ITEM_WIDTH:  120px;

    --MEDIUM-ITEM_HEIGHT: 80px;
    --MEDIUM-ITEM_WIDTH: 80px;

    --SMALL-ITEM_HEIGHT: 40px;
    --SMALL-ITEM_WIDTH: 40px;  
    }
}
font-header {
  margin-top: 20px;
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.03em;
}
font-subtitle {
  margin-top: 10px;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.03em;
}
.frosted-glass-bg {
  background-color: var(--glass-bg) !important;
}
.popover {
  background-color: var(--color-surface-secondary) !important;
}
.popover {
  border-radius: 5px;
  border: 1px solid var(--color-border-default);
  color: var(--color-text-default);
}
* {
  font-family: var(--f);
}
.f-display {
  font: var(--f-display)
}
.f-title-large {
  font: var(--f-title-large)
}
.f-title-medium {
  font: var(--f-title-medium)
}
.f-subtitle-large {
  font: var(--f-subtitle-large)
}
.f-title-small {
  font: var(--f-title-small)
}
.f-title-small-bold {
  font: var(--f-title-small-bold)
}
.f-body-large {
  font: var(--f-body-large)
}
.f-subtitle {
  font: var(--f-subtitle-normal)
}
.f-body-medium {
  font: var(--f-body-medium)
}
.f-body-strong {
  font: var(--f-body-strong)
}
.f-body-normal {
  font: var(--f-body-normal)
}
.f-caption-strong {
  font: var(--f-caption-strong)
}
.f-caption-normal {
  font: var(--f-caption-normal)
}
.sp-40px {
  width: var(--sp-40px);
  height: var(--sp-40px);
  flex-shrink: 0;
}
.sp-24px {
  height: var(--sp-24px);
  width: var(--sp-24px);
  flex-shrink: 0;
}
.sp-8px {
  width: var(--sp-8px);
  height: var(--sp-8px);
  flex-shrink: 0;
}
.s-title {
  font: var(--f-title-small);
  font-weight: var(--f-bold);
  text-align: center;
  letter-spacing: -0.2px;
}
.s-message-title {
  font: var(--f-title-small);
  font-weight: var(--f-bold);
  text-align: center;
  letter-spacing: -0.2px;
  margin-top: var(--sp-32px);
}
.s-subtitle {
  font: var(--f-body-normal);
  text-align: center;
}
.s-message-subtitle {
  font: var(--f-body-normal);
  text-align: center;
  margin-top: var(--sp-12px);
}
.s-message-image {
  max-height: 120px;
}
.s-body-normal-gray {
  font: var(--f-body-normal);
  color: var(--c-gray-40);
}
.flex-column {
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
}
body:not(._6nDRw) *:focus,
body:not(._6nDRw) input:focus+span::before {
  outline: none !important;
}
.title {
  font: var(--f-title-medium);
}
.subtitle {
  font: var(--f-body-normal);
  text-align: center;
}
.title+.subtitle {
  margin-top: var(--sp-16px);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}
.no-text-wrap {
  white-space: nowrap;
}
sup {
  vertical-align: super;
}
.LottiePlayerInstance {
  pointer-events: none;
}
.iziToastErrorWithButton {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.iziToastErrorWithButton .iziToast-body {
  flex-direction: row !important;
}
.iziToastErrorWithButton .iziToast-body {
  display: flex;
  align-items: center;
}
.iziToast-body .iziToastButton.iziToast-buttons-child {
  background: transparent !important;
  color: var(--c-white) !important;
  font: var(--f-body-normal) !important;
}
.iziToast-body .iziToastButton.iziToast-buttons-child {
  border: none;
  cursor: pointer;
  text-decoration: underline;
}
.MediaErrToastClass {
  bottom: 60px;
}
.visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

._3K0l7 {
  position: relative;
  display: grid;
}

._3XFQg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  color: var(--color-text-default);
}

._1j-o5 {
  animation: iynRR 2s linear infinite;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}

._1j-o5._35xSw {
  width: 80px;
  height: 80px;
}

._3EhUL {
  stroke: var(--color-background-brand-default);
  stroke-linecap: round;
  animation: _24nZC 1.5s ease-in-out infinite;
}

._1pdfa {
  stroke: var(--color-background-neutral-strong-default);
}

@keyframes iynRR {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes _24nZC {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

@media screen and (-ms-high-contrast: active) {
  
  ._1j-o5 {
    border: solid 5px #cfd0d1;
    border-bottom-color: white
  }
  
}

@media screen and (-ms-high-contrast: black-on-white) {
  
  ._1j-o5 {
    border: solid 5px #cfd0d1;
    border-bottom-color: black;
  }
  
}

._2XTzH {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-text-default);
  background-color: var(--color-surface-primary);
  overflow-y: auto;
}
.MBzP3,
._2Nj09 {
  width: 800px;
  height: 600px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-color .5s ease;
  padding: var(--sp-8px);
}
.MBzP3 {
  margin-top: var(--sp-24px);
}
._2b7-K {
  font: var(--f-title-large);
  color: var(--color-text-brand);
  background-color: var(--color-background-neutral-default);
  padding: var(--sp-16px) var(--sp-24px);
  letter-spacing: var(--sp-8px);
}
._140Lx {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
._16d40 {
  width: 100%;
  height: 100%;
  max-width: 440px;
  max-height: 800px;
  justify-content: flex-start;
}
._3nhIp {
  padding: 0;
  color: var(--c-primary);
}
._3KZCp,
._3ACdE {
  width: var(--s-landingSlideWidth);
  height: var(--s-landingSlideHeight);
  max-height: 100%;
  flex-shrink: 1;
  min-height: 0;
}
._3KZCp video {
  max-width: 100%;
  max-height: 100%;
}
.dSy6k .OAlgw {
  margin-top: 20px;
}
._16d40 .OAlgw {
  justify-self: flex-end;
}
._2M0qq._2M0qq {
  margin: var(--sp-16px);
}
._1sArG {
  position: fixed !important;
}
._1sArG {
  bottom: 0;
  right: 0;
}
.BycKv {
  position: absolute !important;
}
.BycKv {
  bottom: var(--sp-24px);
  left: var(--sp-48px);
}
@media (max-width: 600px) {
  .BycKv {
    padding: var(--sp-8px) !important;
  }
  .BycKv {
    left: var(--sp-8px);
    bottom: var(--sp-8px);
  }
}
.BycKv svg {
  transform: rotateY(-180deg);
  padding-left: var(--sp-8px);
}
._18LBx {
  font: var(--f-title-medium);
}
._2bimC {
  font: var(--f-body-normal);
  margin-top: var(--sp-16px);
  margin-bottom: var(--sp-32px);
}
._23Jk5 ._2bimC {
  font: var(--f-body-large);
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
  transition-delay: 0.2s;
  margin-bottom: var(--sp-8px);
}
._23Jk5 ._2bimC._1HdFA {
  opacity: 1;
}
.OAlgw {
  font: var(--f-body-normal);
  text-align: center;
  white-space: pre-line;
}
._3wBeH {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  align-content: space-around;
  gap: 0 var(--sp-40px);
}
._3rBGW {
  flex: 1 1 auto;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-left: calc(24px + var(--sp-16px));
}
._2nlpw {
  margin-top: var(--sp-16px);
  color: var(--color-text-brand);
  font: var(--f-caption-strong);
  background: none;
  border-radius: 8px;
  padding: var(--sp-8px) var(--sp-16px);
  width: 100%;
  min-height: 36px;
}
._3srmj {
  opacity: 0;
  pointer-events: none;
}
.hhWii {
  width: 67px;
  height: 67px;
  background: white;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 15px 0;
}
.E-u7M {
  margin-bottom: var(--sp-40px);
}
._32l0O {
  height: 550px;
  max-height: 100vh;
}
._32l0O p {
  text-align: center;
  margin-bottom: var(--sp-64px);
}
._3RiEx {
  margin-bottom: var(--sp-12px);
  text-align: center;
}
._1huqz {
  counter-reset: li;
  list-style: none;
}
._3LFMi {
  width: 100%;
  padding-left: calc(24px + var(--sp-16px));
  position: relative;
  font: var(--f-body-normal);
}
._3LFMi:first-of-type {
  margin-top: var(--sp-32px);
}
._3wBeH button._2t23U {
  min-height: 40px;
  margin-top: var(--sp-16px);
  margin-bottom: var(--sp-24px);
  padding: 10px 20px;
  border-radius: var(--sp-8px);
}
._3LFMi::before {
  content: counter(li) "";
  counter-increment: li;
  position: absolute;
  left: 0;
  font: var(--f-body-strong);
  color: var(--color-text-subtle);
  background-color: var(--color-background-neutral-subtle-default);
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  border: 1px solid var(--color-border-strong);
}
._3LFMi:first-of-type::after {
  content: '';
  position: absolute;
  border: 1px solid var(--color-border-default);
  height: 66px;
  left: 11px;
  top: 28px;
}
/*First is title, last does not need a line.*/
._3LFMi:not(:first-of-type):not(:last-of-type):after {
  content: "";
  position: absolute;
  top: 29px;
  left: 10px;
  background-color: var(--c-secondary);
  width: 2px;
  height: 85%;
}
._3LFMi + ._3LFMi {
  margin-top: 10px;
}
._3rBGW:not(._1Q2_p) {
  perspective: 1000px;
}
._38fTR {
  background-color: var(--color-border-brand-default);
  border-radius: 24px;
  position: relative;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  min-width: 208px;
  min-height: 208px;
  margin-bottom: 10px;
}
._3rBGW._1Q2_p ._38fTR {
  transform-style: flat;
  transform-style: initial;
}
._2xH2F {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: var(--color-alwaysWhite);
  margin: var(--sp-8px);
  padding: var(--sp-16px);
  border-radius: 16px;
  justify-content: center;
  text-align: center;
  align-content: center;
  align-items: center;
}
._3rBGW._3bUJY ._38fTR {
  transform: rotateY(-180deg);
}
._3bUJY ._2xH2F {
  visibility: hidden;
}
._2oft4 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  color: var(--c-secondary);
  top: var(--sp-8px);
  left: var(--sp-8px);
  right: var(--sp-8px);
  bottom: var(--sp-8px);
  border-radius: 16px;
  transform: rotateY(180deg);
  background: var(--color-surface-primary);
  display: grid;
  justify-content: stretch;
  align-items: stretch;
}
._2TM80 {
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  text-align: center;
  font: var(--f);
  color: var(--color-text-default);
  margin: var(--sp-16px);
  border-radius: 16px;
  letter-spacing: 3px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
._1tIFp + ._1tIFp {
  margin-top: var(--sp-8px);
}
._1UM-a {
  flex-shrink: 1;
  min-height: 0;
}
._1UM-a > div {
  max-height: 100%;
}
._23Jk5 {
  width: 100%;
  max-height: 100%;
  padding: var(--sp-4px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.YYybm {
  margin-top: var(--sp-12px);
  width: 360px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.fRs3g {
  display: flex;
  cursor: pointer;
  border: 2px solid var(--color-border-default);
  padding: var(--sp-32px);
  width: 290px;
  max-width: calc(50vw - (2 * var(--sp-12px)));
  height: 204px;
  border-radius: 16px;
  margin: var(--sp-12px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-background-brand-subtlest-default);
}
.theme-dark .fRs3g {
  border-color: var(--color-border-default);
  background-color: var(--color-background-neutral-default);
}
.fRs3g:hover,
.fRs3g:active {
  border-color: var(--color-border-default);
  background-color: var(--color-background-brand-subtlest-hovered);
}
.theme-dark .fRs3g:hover,
.theme-dark .fRs3g:active {
  border-color: var(--color-border-default);
  background-color: var(--color-background-neutral-hovered);
}
.fRs3g .iconComponent {
  width: var(--sp-96px);
  height: var(--sp-96px);
}
.fRs3g svg rect {
  color: currentColor !important;
}
.fRs3g span {
  font: var(--f-subtitle-large);
  text-align: center;
  margin-top: var(--sp-16px);
  color: var(--color-text-default);
}
.fRs3g._1TMmN {
  border-bottom: 2px solid var(--c-main-40);
}
._1mU9F {
  display: flex;
  justify-content: center;
}
.fRs3g svg {
  fill: var(--c-transparent);
}
.fRs3g._1TMmN svg {
  color: var(--c-main-40);
  fill: var(--c-main-40-transparent);
}
@media (max-height: 800px) {
  .E-u7M {
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
  ._2Nj09 {
    padding: var(--sp-4px);
  }
  .E-u7M {
    width: 100%;
    max-width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
  }
  ._1huqz {
    flex: 1;
  }
  ._3rBGW {
    flex: 0;
  }
  ._38fTR {
    border-radius: 16px;
  }
  ._2xH2F {
    border-radius: 8px;
    margin: 8px;
    padding: 8px;
  }
  ._3rBGW {
    justify-content: center;
  }
  ._2nlpw {
    margin-top: 20px;
  }
}
@media (max-height: 600px) {
  ._38fTR, ._2xH2F, ._2oft4 {
    min-width: auto;
    min-height: auto;

  }

  ._2xH2F {
    padding: var(--sp-8px);
  }

  ._2oft4 {
    line-height: 2;
  }
}


._2ylrB {
  display: flex;
  max-width: 100%;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: color .2s, fill .2s, background-color .2s, filter .2s;
  justify-content: center;
  align-items: center;
  white-space: pre;
  filter: brightness(1);
  box-sizing: border-box;
  border-radius: var(--sp-4px);
  height: 36px;
  min-width: 56px;
  padding: 0 40px;
  border: 0;
  background: var(--color-background-alwaysBlue-default);
  color: var(--color-alwaysWhite);
  font: var(--f-body-strong);
  flex: 0 0 auto;
}

@media (max-width: 499px) {
  ._2ylrB {
    height: 54px;
    padding: var(--sp-16px) var(--sp-32px);
  }
}

._3SrcJ {
  background: var(--color-background-disabled) !important;
  pointer-events: none !important;
}

._3SrcJ {
  color: var(--color-text-disabled);
  box-shadow: none;
  opacity: 0.6;
}

._3JNdI {
  width: 100%;
}

._2ylrB:hover {
  background: var(--color-background-alwaysBlue-hovered);
}

._2ylrB:active {
  background: var(--color-background-alwaysBlue-pressed);
}

._2LzSu {
  background: var(--color-background-neutral-subtle-default);
  padding: var(--sp-4px) var(--sp-16px);
  border: 1px solid var(--color-border-strong);
  height: auto;
  min-height: 24px;
  color: var(--color-text-default);
  font: var(--f-body-strong);
  border-radius: 4px;
  align-self: center;
}

._2LzSu:hover {
  background: var(--color-background-neutral-subtle-hovered);
}

._2LzSu:active {
  background: var(--color-background-neutral-subtle-pressed);
}

._2Lwb5 {
  flex-direction: column;
}

._2Tkw3 {
  background-color: transparent;
  background-color: initial;
  color: #000;
  color: initial;
  border-radius: 0;
  border-radius: initial;
  max-width: none;
  max-width: initial;
  height: auto;
  height: initial;
  margin: 0;
  margin: initial;
  padding: 0;
  padding: initial;
}

._2Tkw3 {
  color: var(--color-text-inverse);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  background-image: var(--button-background);
  background-color: var(--button-background);
}

._2Tkw3:hover,
._2Tkw3:focus {
  background-image: var(--button-hover-background);
}

._2Tkw3:active {
  background-image: var(--button-active-background);
}

._2Tkw3:disabled,
._39wmE:disabled {
  pointer-events: none !important;
}

._2Tkw3:disabled,
._39wmE:disabled {
  color: var(--color-text-disabled);
  background: var(--color-background-disabled);
  box-shadow: none;
  opacity: 0.6;
}

._2KTus {
  border: none;
  color: var(--c-primary);
  fill: var(--c-primary);
  background-color: var(--c-secondary);
  border-radius: 8px;
}

._2KTus:disabled {
  pointer-events: none !important;
}

._2KTus:disabled {
  -o-border-image: none;
     border-image: none;
  border-color: var(--button-disabled-background);
  color: var(--button-disabled-background);
  box-shadow: none;
  opacity: 0.6;
}

.YASGu {
  background-color: hsl(64, 48%, 62%);
}

.YASGu:hover {
  background-color: hsl(64, 48%, 68%);
}

.YASGu:active {
  background-color: hsl(64, 48%, 45%);
}

._2UBx4 {
  background-color: var(--color-background-end-default);
}

._2UBx4:hover {
  background-color: var(--color-background-end-hovered);
}

._2UBx4:active {
  background-color: var(--color-background-end-pressed);
}

.uyNjd,
.uyNjd:hover,
.uyNjd:active,
.uyNjd:focus {
  background-color: transparent;
  color: var(--color-link-default);
  padding: 0;
  margin: 0;
  min-height: 16px;
  height: auto;
  font: var(--f-caption-normal);
  min-width: 0;
  text-decoration: underline;
}

._3mG5j,
._3mG5j:hover,
._3mG5j:active {
  border-style: none;
  box-shadow: none;
  background-image: none;
  background: transparent;
  color: var(--color-background-brand-default);
  height: 41px;
}

.shortenedStepButtons ._2ylrB {
  font: var(--f-caption-strong);
  height: 12px;
  color: var(--color-link-default);
}

.shortenedStepButtons ._3mG5j,
.shortenedStepButtons ._3mG5j:hover,
.shortenedStepButtons ._3mG5j:active {
  height: 12px;

}

._2ylrB._3mG5j:hover:not(.shortenedStepButtons ._2ylrB) {
  background-color: var(--c-fourth);
  filter: none;
}

._2Ib-3 {
  color: var(--color-text-brand);
  background: var(--color-background-neutral-subtle-default);
}

._2Ib-3:hover {
  background: var(--color-background-neutral-subtle-hovered);
}

._2Ib-3:active {
  background: var(--color-background-neutral-subtle-pressed);
}

._2V0Y6 {
  height: 30px;
}

.systemNotification ._2ylrB._39wmE,
.systemNotification ._2ylrB._2KTus {
  height: auto !important;
  background-image: none !important;
  min-width: 0 !important;
}

.systemNotification ._2ylrB._39wmE,
.systemNotification ._2ylrB._39wmE::before,
.systemNotification ._2ylrB._39wmE::after,
.systemNotification ._2ylrB._2KTus,
.systemNotification ._2ylrB._2KTus::before,
.systemNotification ._2ylrB._2KTus::after {
  content: none;
}

.systemNotification ._2ylrB._39wmE {
  background: var(--c-primary);
  color: var(--ts-button-text);
}

.systemNotification ._2ylrB._39wmE:hover {
  background: var(--ts-button-bg-hover);
  color: var(--ts-button-text-hover);
}

.systemNotification ._2ylrB._39wmE:active {
  background: var(--ts-button-bg-active);
  color: var(--ts-button-text-active);
}

.systemNotification ._2ylrB._2KTus {
  background: var(--ts-button-2nd-bg);
  color: var(--ts-button-2nd-text);
  border: 1px solid var(--ts-button-2nd-text);
}

.systemNotification ._2ylrB._2KTus:hover {
  background: var(--ts-button-2nd-bg-hover);
  color: var(--ts-button-2nd-text-hover);
}

.systemNotification ._2ylrB._2KTus:active {
  background: var(--ts-button-2nd-bg-active);
  color: var(--ts-button-2nd-text-active);
  border-color: var(--ts-button-2nd-bg-active);
}

@media screen and (-ms-high-contrast: black-on-white) {
  ._2ylrB._2KTus:hover::after,
  ._2ylrB._2KTus:not(:focus)::after,
  ._2ylrB._2KTus:not(:active)::after,
  ._2ylrB._2KTus:not(:disabled)::after,
  ._2ylrB._2KTus:not(._2Ib-3)::after {
    background: white;
  }
}

body {
  --t-carousel-transition-time: 0.5s;
}

._2b6sJ {
  display: flex;
  flex-direction: column;
  position: relative;
}

._3XRLh {
  width: 100%;
  height: 100%;
  flex-shrink: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

._1s0uW {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  display: flex;
  transition: transform var(--t-carousel-transition-time) ease-out;
}

._16CDn {
 display: flex;
 width: 100%;
 justify-content: center;
 justify-self: flex-end;
}

.EXOPJ {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  width: 8px;
  height: 8px;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}

.EXOPJ::after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--color-background-neutral-stronger-pressed);
}

._3qoLL::after {
  background: var(--color-blackWhite); 
}
._2x1aC {
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: center;
  max-width: 480px;
}

._3TpsL {
  width: 100%;
  max-width: 240px;
  margin-bottom: var(--sp-32px);

}

._339c8 {
  min-width: 192px;
  min-height: 85px;
  margin-top: var(--sp-40px);
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--sp-4px);
}

._339c8 > * {
  width: 100%;
}

._3TR4U {
  text-align: center;
}

._10dbS {
  width: auto;
}

._3fKTx {
  text-align: center;
  font: var(--f-body-normal);
}
._2OS0D {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color .2s;
  flex: 0 0 auto;
}

._2xSmn {
  pointer-events: none;
}

._3jYaf {
  flex-direction: column;
}

._2OS0D img {
  width: 100%;
  height: auto;

}

._34w0q {
  width: 10px;
}

._2tRvU {
  width: 13px;
}

._2n0hz {
  width: 20px;
}

.eXFRK {
  width: 25px;
}

._2GxME {
  width: 35px;
}

._1bwPj {
  width: 100%;
  max-height: 100%;
}

._2OS0D svg {
  width: 100%;
  height: auto;
}

._25uPv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-surface-primary);
    z-index: 22; /* needs to be higher z-index than the TopNavBar */
}

._10TuQ {
    font: var(--f-title-large);
}

._2DUwI {
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(0.5);
}

._37TJa {
  display: flex;
  font: var(--f-title-medium);
}

.MfHhq {
    width: 320px;
}

._2BaKi {
    padding: var(--sp-32px) 0;
    text-align: center;
    width: 350px;
    font: var(--f-18px)
}

._9CTlc {
    padding-top: var(--sp-32px);
    display: flex;
}

.vM4_s {
  visibility: hidden;
  opacity: 0;
}

@media (max-width: 600px), (max-height: 600px) {
  ._10TuQ {
    font: var(--f-title-medium)
  }

  ._37TJa {
    font: var(--f-title-small);
  }

  ._2BaKi {
    padding: var(--sp-16px) 0;
  }

  .MfHhq {
    width: 280px;
  } 
}
.iziToast-target .iziToast-capsule {
  z-index: 99999 !important;
}

.iziToast-target .iziToast-capsule {
  position: absolute;
  bottom: 0;
  width: auto;
  white-space: nowrap;
}

.iziToast-target  .iziToast-capsule ._3sxPB._3sxPB {
    background-color: #fff;
    width: 500px;
    min-height: 100px;
    max-width: 100%;
    height: 100%;
    padding: 5px 11px 10px  0;
    box-sizing: border-box;
    margin-top: 13px;
}

.iziToast-target  .iziToast-capsule ._3sxPB  .iziToast-title.iziToast-title {
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 21px;
   color: #333333;
}

._3sxPB .iziToast-body.iziToast-body {
    padding: 0;
  }

._3sxPB .iziToast-close.iziToast-close {
    height: 40px;
  }

._3sxPB  .iziToast-body .iziToast-message.iziToast-message {
    background-color: #F7F7F7;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

._3sxPB .iziToast-close.iziToast-close {
    height: 40px;
}

/* smsSimpleAlert */

.iziToast-capsule ._3LlZb._3LlZb {
  background-color: #fff;
  width: 500px;
  max-width: 80%;
  box-sizing: border-box;
  margin-top: 55px;
  display: flex;
  align-items: flex-end;
  padding: 10px;
  margin-left: auto;
}

.iziToast-target  .iziToast-capsule ._3LlZb  .iziToast-title.iziToast-title {
 font-style: normal;
 font-weight: normal;
 font-size: 18px;
 line-height: 21px;
 color: #333333;
 margin-bottom: 18px;
 padding: 0 10px;
}

.iziToast-target  .iziToast-capsule ._3LlZb  .iziToast-texts.iziToast-texts {
  margin-top: 0;
}

._3LlZb .iziToast-body.iziToast-body {
  margin: 10px 0 0 0;
  padding: 0;
}

._3LlZb .iziToast-close.iziToast-close {
  height: 40px;
  margin-top: -3px;
  position: absolute;
  right: 0;
}

._3LlZb  .iziToast-body .iziToast-message.iziToast-message {
  background-color: #F7F7F7;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}

/* mirroringShareDone, generalFilesToast */

.iziToast-capsule ._1Bw9Y._1Bw9Y {
  padding: 0 !important;
}

.iziToast-capsule ._1Bw9Y._1Bw9Y {
  background-color: #fff;
  width: 330px;
  height: 160px;
  box-sizing: border-box;
  overflow: hidden;
}

.iziToast-capsule ._1Bw9Y  .iziToast-title.iziToast-title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  margin-bottom: 27px;
  margin-top: 20px;
}

._1Bw9Y .iziToast-body.iziToast-body,
._2uhKx .iziToast-body.iziToast-body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

._1Bw9Y .iziToast-body.iziToast-body div:not(:last-child),
._2uhKx .iziToast-body.iziToast-body div:not(:last-child) {
  padding-left: 25px;
}

._1Bw9Y .iziToast-body.iziToast-body > .iziToast-buttons,
._2uhKx .iziToast-body.iziToast-body > .iziToast-button {
  margin: 15px 0 0 0;
}

._1Bw9Y .iziToast-body.iziToast-body > .iziToast-buttons > button,
._2uhKx .iziToast-body.iziToast-body > .iziToast-buttons > button {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  min-width: 50%;
  color: #666666;
  height: 48px;
  border-top: 1px solid var(--color-border-default);
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  text-transform: uppercase;

}

._1Bw9Y .iziToast-body.iziToast-body > .iziToast-buttons > button:first-child,
._2uhKx .iziToast-body.iziToast-body > .iziToast-buttons > button:first-child {
  border-right: 1px solid var(--color-border-default);
}

._1Bw9Y .iziToast-body .iziToast-message.iziToast-message {
  padding: 67px 0 0 20px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  position: absolute;
}

.iziToast-capsule ._2uhKx._2uhKx {
  background-color: var(--color-surface-secondary) !important;
  padding: 0 !important;
}

.iziToast-capsule ._2uhKx._2uhKx {
  width: 330px;
  height: 185x;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}

.iziToast-capsule ._2uhKx  .iziToast-title.iziToast-title {
  color: var(--color-text-default) !important;
}

.iziToast-capsule ._2uhKx  .iziToast-title.iziToast-title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
}

._2uhKx .iziToast-body .iziToast-message.iziToast-message {
  color: var(--color-text-default) !important;
}

._2uhKx .iziToast-body .iziToast-message.iziToast-message {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 20px;
}

._3296W .iziToast-body .iziToast-icon.iziToast-icon {
  display: none;
}

._3296W .iziToast-body {
  padding-left: 15px !important;
}

._3En-U {
  background: var(--color-background-inverse-default) !important;
  min-height: var(--sp-32px) !important;
}

@media screen and (-ms-high-contrast: black-on-white) {
  ._3sxPB  .iziToast-body .iziToast-message.iziToast-message {
    background-color: white;

}
  .iziToast-target  .iziToast-capsule ._3sxPB._3sxPB {
    background-color: white;
    border:1px solid black;
  }

  .dKgIP > *{
    fill:black;
    color:black;
  }
}

@media screen and (-ms-high-contrast: active) {
  .iziToast-target  .iziToast-capsule ._3sxPB._3sxPB {
    border:1px solid white;
  }
  .dKgIP > *{
    fill:white;
    color:white;
  }
}

@media (max-width: 650px) {
  .iziToast-wrapper { 
    padding: 10px 15px;
  }
  .iziToastErrorWithButton.iziToast {
    width: 80%!important;
  }
  .iziToastErrorWithButton.iziToast {
    margin-left: 50px;
  }
}

._3sxPB {
  color: var(--c-text) !important;
  border: 0.5px solid #FFFFFF !important;
  margin-left: 15px !important;
}

._3sxPB {
}

._3sxPB .iziToast-icon {
  display: none !important;
}

._3sxPB .iziToast-body.iziToast-body {
  padding-left: 0 !important;
  min-height: 100px !important;
}

._3sxPB .iziToast-body::after {
  content: none !important;
}

._3sxPB .iziToast-title {
  color: var(--c-text) !important;
  font: var(--f-14px) !important;
  font-weight: var(--f-bold) !important;
}

._3sxPB .iziToast-message {
  font: var(--f-14px) !important;
  color: var(--c-text) !important;
  background-color: transparent !important;
  padding: 10px 0 0 0 !important;
}

._3sxPB .iziToast-close {
  color: var(--c-text) !important;
  width: 30px !important;
  padding: 0 !important;
  display: grid !important;
  align-items: center !important;
  justify-items: center !important;
  place-items: center !important;
}

._3sxPB .iziToast-capsule {
  transition: none !important;
}

._2uhKx {
  color: var(--color-text-default) !important;
}

.iziToast-icon {
  display: none !important;
}

.iziToast-body {
  padding-left: 0 !important;
}

.iziToast-body .iziToast-title,
.iziToast-body .iziToast-message,
.iziToast-body .iziToast-buttons-child {
  color: var(--color-alwaysWhite) !important;
}

._2uhKx .iziToast-buttons-child {
  color: var(--color-text-default) !important;
}

._2uhKx .iziToast-buttons-child:first-child {
  color: var(--color-text-indication-red) !important;
}

._2uhKx .iziToast-buttons-child:hover {
  background: var(--color-background-neutral-subtle-hovered) !important;
}

._2uhKx .iziToast-buttons-child:active {
  background: var(--color-background-neutral-subtle-pressed) !important;
}

._2dhlS .iziToast-title {
  color: black !important;
}

.iziToast-buttons {
  margin-bottom: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.errorToast {
  background-color: var(--color-background-inverse-default) !important;
  min-height: 36px !important;
}

.errorToast .custom-close {
  top: 0 !important;
  bottom: 0 !important;
  color: var(--color-alwaysWhite) !important;
}

.errorToast .iziToast-texts {
  margin-top: 0 !important;
}

.errorToast .iziToast-title,
.errorToast .iziToast-message {
  color: var(--color-alwaysWhite) !important;
}

.errorToast .iziToast-title,
.errorToast .iziToast-message {
  font: var(--f-body-medium);
}

.errorToast .iziToast-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-close {
  position: absolute !important;
  top: -15px !important;
  right: -20px !important;
  background: transparent !important;
  font-size: 15px !important;
}

._3296W .iziToast-body {
  background-color: var(--color-background-inverse-default) !important;
}

._3296W._3296W {
  background-color: var(--color-background-inverse-default) !important;
}

._3296W .iziToast-body .iziToast-title {
  color: var(--color-alwaysWhite) !important;
}

.iziToast>.iziToast-body .iziToast-texts {
  display: flex !important;
}

.iziToast>.iziToast-body .iziToast-texts {
  flex-direction: column;
}

/* SwiftConnect Toast */

#swift-connect-toast-container.iziToast-target,
#toastContainer.iziToast-target { 
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
}

.iziToast-swiftConnectGuestWrapper {
  top: 60px;
}

.iziToast-wrapper {
  top: 50px;
}

.iziToast-progressbar{
  display: none;
}

.iziToast-wrapper .iziToast-capsule .iziToast {
  width: auto !important;
}

.swiftConnectToast {
  background: var(--color-background-inverse-default) !important;
  min-height: var(--sp-32px) !important;
  padding: var(--sp-8px) var(--sp-16px) !important;
}

.swiftConnectToast .iziToast-check-icon {
  width: var(--sp-16px) !important;
  height: var(--sp-16px) !important;
  display: block !important;
  position: static !important;
  margin: 0 var(--sp-8px) 0 0 !important;
  line-height: var(--sp-16px) !important;
}

.swiftConnectToast .iziToast-check-icon {
  background-image: url(/img/icon/check.png);
  background-size: var(--sp-16px) var(--sp-16px);
}

.swiftConnectToast .iziToast-texts {
  margin-top: 0 !important;
}

.swiftConnectToast .iziToast-message {
  color: var(--color-alwaysWhite) !important;
  margin: 0 !important;
}

.swiftConnectToast .iziToast-message {
  font: var(--f-body-strong);
}

.swiftConnectToast .iziToast-body {
  margin: 0px !important;
  min-height: var(--sp-16px) !important;
}

.swiftConnectToast .iziToast-body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.iziToast {
  background: var(--color-background-inverse-default) !important;
}

.iziToast-title, .iziToast-message {
  color: var(--color-alwaysWhite) !important
}

@media only screen and (min-width: 500px) {
  #swift-connect-toast-container.iziToast-target {
    position: absolute !important;
  }
  #swift-connect-toast-container.iziToast-target {
    width: 400px;
    left: auto;
    right: auto;
    margin-top: 3px;
  }
  .swiftConnectToast {
    width: auto !important;
  }
  .swiftConnectToast {
    max-width: 360px;
  }
  #swift-connect-toast-container .iziToast-capsule,
  #toastContainer .iziToast-capsule {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
  }
}
._2aRLd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
}

._3us5M {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 72px;
  height: 100%;
  background-color: #E1E2E5;
  flex: 0 0 auto;
}

._3hdfF, ._1M4TB {
  background-color: #C4C7CC;
  border-radius: 4px;
}

._3hdfF {
  width: 36px;
  height: 36px;
  margin-top: 18px;
  margin-bottom: 4px;
}

._1M4TB {
  width: 28px;
  height: 28px;
  margin-top: 24px;
}

._1M4TB:last-child {
  margin-bottom: 30px;
}

._3Zesp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

._3jl9p,
._2e9SI,
._1HSJc {
  background-color: #E1E2E5;
}

._3jl9p {
  width: 320px;
  height: 32px;
  border-radius: 16px;
}

._2e9SI {
  width: 380px;
  height: 20px;
  margin-top: 12px;
  border-radius: 16px;
}

._18Egm {
  margin-top: 40px;
  display: flex;
  max-width: 100%;
}

._1HSJc {
  width: 220px;
  min-width: 40%;
  height: 301px;
  border-radius: 16px;
  flex-shrink: 1;
  margin: 0 20px;
}

.root {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
.hidden {
  display: none;
}
.flex-spacer {
  flex-grow: 10;
  pointer-events: none;
}
.viewOptionsMenuSplitter {
  position: relative;
  height: 0;
}
.viewOptionsMenuSplitter::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: var(--color-border-default);
  transform: translateY(-50%);
}
.flex {
  display: flex;
}
.column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
hr {
  margin: 0;
}
a {
  color: #2196f3;
}
button {
  border: none;
  cursor: pointer;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
}
.iconIsOffline {
  opacity: 0.5;
  pointer-events: none;
}
.app-size {
  max-width: 100vw !important;
  height: 100vh !important;
}
.app-size {
  margin: 0;
  min-width: 100vw;
}
._31dc6 {
  font-size: 14px;
  background-color: rgb(36, 36, 36);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 20px;
  white-space: pre;
  /* Position the tooltip */
  position: absolute;
  left: -25%;
  top: -50%;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
  transition-delay: .1s;
}
@media (max-width: 1400px), (display-mode: standalone) {
  .app-size {
    height: 100vh;
    margin: 0;
    border-radius: 0;
  }
}
* {
  box-sizing: border-box;
}
._7ao4r {
  display: none;
}

._1dEiZ {
  display: flex;
  height: var(--QR_SIDE);
  width: var(--QR_SIDE);
  min-width: var(--QR_SIDE);
  min-height: var(--QR_SIDE);
  max-width: var(--QR_SIDE);
  max-height: var(--QR_SIDE);
}

._32Omq {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rlpYv {
  display: none;
}

._2NFYY {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  max-width: 300px;
  margin-bottom: 10px;
  margin-right: 20px;
  min-height: 100px;
  flex: 1 1 auto;
}

._33fJF {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

._36qFp {
  position: relative;
  display: flex;  
  width: 300px;
  max-width: 300px;
  margin-bottom: 10px;
  margin-right: 20px;
  min-height: 100px;
  flex: 1 1 auto;
  background-color: rgba(255,255,255, 0.5);
}

._36qFp svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  min-height: 100%;
  flex: 1 1 auto;
}

._39Arc {
  font-size: 18px;
}

._3E_Vt {
  width: 10em;
  height: 10em;
}

._1GdEx {
  display: none;
}

._1SqDh {
  display: flex;
  justify-content: center
}

._1SqDh::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 5px;
  padding: 2px;

  border-radius: 7px;
  border: 2px solid #4c4c4c;
  box-sizing: border-box;
  background-clip: content-box;
  transition: background-color .2s;
}

._1GdEx:checked + ._1SqDh::before {
  background-color: hsl(168, 74%, 48%);
}

.Z8H2w {
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._2155e {
  display: none;
}

._1dEiZ:not(._3u2QV) ._3yHIf {
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  max-width: 200px;
}

._3RrCs {
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  width: 100%;
}

.Z8H2w > button {
  margin: 3px 0;
}

@media screen and (max-width: 700), (max-height: 600px) {
  .Z8H2w > button {
    font-size: 12px !important;
    box-shadow: none !important;
  }
  .Z8H2w > button {
    min-width: 45px;
    padding: 0 10px;
  }
}

@media screen and (-ms-high-contrast: active) {
  ._36qFp {
    background-color: white;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  ._36qFp svg {
   fill:black;
  }
}

body {
  --QR_SIDE: 208px;
  --QR_STATIC_SIZE: var(--QR_SIDE);
}

._1HBY6 {
  position: relative;
  width: var(--QR_SIDE);
  height: var(--QR_SIDE);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background: var( --c-primary);
  border-radius: 16px;
}

.eMoy6.eMoy6 {
  display: none;
}

.rlpYv {
  display: none;
}

._3u2QV._1dEiZ {
  min-height: 100%;
  height: 100%;
}

._3u2QV ._1HBY6 {
  min-height: 100%;
}

._1HBY6 ._33fJF {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--c-text);
  font-weight: 400;
}

._33fJF.AK9RI,
._39Arc {
  display: none;
}

._21mFG {
  background: white;
  padding: 5px;
  border-radius: 100%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

._2KzaI {
  display: none;
}

._7ao4r {
  display: flex;
}

._33fJF {
  color: var(--c-primary-dark) !important;
  font: var(--f-12px) !important;
  padding: 5px !important;
}

._33fJF {
  display: block;
  text-align: center;
  margin-bottom: 2px;
}

._3PQRv {
  width: 100% !important;
  height: 100% !important;
  font-size: 0 !important;
  padding: 0!important;
}

._3PQRv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._1hJEz {
  width: 40px;
  height: 40px;
}

._37EA5 {
  font: var(--f-subtitle-strong);
  margin-top: var(--sp-24px);
}

._3SZ-j._3SZ-j {
  padding: 0;
}

._36qFp {
  width: var( --QR_SIDE);
  height: var( --QR_SIDE);
  min-width: var( --QR_SIDE);
  min-height: var( --QR_SIDE);
  max-width: var( --QR_SIDE);
  max-height: var( --QR_SIDE);
  padding: var(--sp-16px);
  box-sizing: border-box;
  margin: 0;
  background-color: transparent;
  background-color: var(--android-patch-qr-background);
  border-radius: 30px;
}

._3u2QV ._36qFp {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
}

._3u2QV ._2155e,
._3u2QV ._3yHIf {
  text-align: center !important;
}

._3u2QV ._2155e,
._3u2QV ._3yHIf {
  display: block;
}

._2155e {
  width: 100%;
}

._3yHIf {
  font: var(--f-14px) !important;
}

._3yHIf {
  margin-top: 20px;
}

._36qFp svg path {
  fill: black;
  stroke: transparent;
  stroke: black;
  stroke-width: 0.2px;
}

._1dEiZ {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 16px;
  background-size: cover;
  background-image: url('/img/QR.png');
  background: transparent;
}

._1dEiZ._3Xqkc {
  background-size: cover;
}

._1dEiZ._3Xqkc ._33fJF.LQAKF {
  color: var(--c-primary-dark) !important;
}

._3RrCs {
  text-align: center;
  width: 100%;
  font: var(--f-24px);
  color: var(--c-text);
  margin-top: 20px;
}

._1aWyO {
  padding: 0 20px !important;
  margin-top: 20px !important;
}

._2NFYY {
  margin: 0;
  min-height: 0;
  flex: 0 0 auto;
}

._32Omq {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}

._1HBY6._3ELLr,
._1dEiZ._3ELLr {
  width: 100%;
  height: 100%;
  background: transparent;
  flex-grow: 1;
  color: var(--c-text);
}

._3ELLr ._33fJF {
  color: var(--c-text) !important;
}

._2D0dL {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 33px;
}

._3VLy0 {
  font: var(--f-18px);
  font-weight: var(--f-bold);
  text-align: center;
}

._3JFq4 {
  font: var(--f-14px);
  margin-top: 10px;
  text-align: center;
  max-width: 230px;
}

._2JzC6 {
  display: block;
  width: 100%;
  font: var(--f-24px);
  font-weight: var(--f-bold);
  color: var(--c-primary);
  margin-top: 55px;
  text-align: center;
}

.XoTAu {
  height: 100%;
  flex-grow: 1;
  justify-content: center;
}

@media (max-width: 800px), (max-height: 550px) {
  body {
    --QR_SIDE: 208px;
  }
}

._25bCd {
  min-width: 100%;
  min-height: 100%;
  background: #EEEEEE;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.BofDe {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #333333;
    font-weight: normal;
    margin-top: 25px;
  }
._1Zc5T{
    width: 200px;
    height: 200px;
    margin-top: 20vh;
  }
._1Ugew {
    font-size: 12px;
    line-height: 14px;
    color: var(--c-secondary);
    margin-bottom: 25px;
}
._9gc7g {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: normal;
    margin-bottom: 90px;
    color: var(--c-text-2);
  }
  ._1btDf {
    background-color: var(--bg-browser);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  ._1btDf img {
     height: 100px;
  }
  ._9gc7g p {
    font-size: large;
    color: var(--c-text);
    font-family: sans-serif;
    margin: 0px;
  }
.lX5Af {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: var(--sp-32px) 0;
  width: 100%;
  text-align: center;
}
._2f19- {
  width: 96px;
  height: auto;
  overflow: hidden;
}
._3lzOk {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: pre;
}
._3vjXs {
  color: var(--c-text-gray);
  white-space: pre-wrap;
}
._2l7a9 {
  margin-top: var(--sp-32px);
}
._1av3C {
  margin-right: var(--sp-8px);
}
._13sLj {
  min-width: 30px;
  text-align: right;
  flex-grow: 0;
}
.qgRrZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 90px;
  margin-top: var(--sp-16px);
}
._16N-k {
  margin-top: var(--sp-32px);
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._1Guja {
  padding: 0 !important;
  height: 8px !important;
}
._1Guja {
  margin-bottom: var(--sp-12px);
}
._1x6T7 {
  margin-top: var(--sp-12px);
  font: var(---f-subtitle-strong);
  text-decoration: none;
  font-weight: var(--f-bold);
}

body {
  --PROGRESS_INFO_WIDTH: 60px;
}

._27OtR {
  display: flex;
  width: 100%;
  height: 24px;
  position: relative;
  background-color: #222222;
  padding: 8px;
  box-sizing: border-box;
  align-items: center;
  position: relative;
}

._2UlI0 svg {
  fill: #fff;
}

._1nC58 {
  color: white;
  padding: 0;
  font-weight: 500;
}

._2UlI0 {
  width: 9px;
  height: 12px;
  margin: 0 10px;
}

._3_m27{
  width: var(--PROGRESS_INFO_WIDTH);
  display: flex;
  align-items: center;
  justify-content: space-around;
}

._1Hgi8 {
  height: 100%;
  display: block;
  background-color: #2196f3;
  transition: max-width .1s;
  width: 100%;
  max-width: 0;
}

.HZH8U{
  animation: f4Wia 2s linear infinite;

  background-image: linear-gradient(
    -45deg, 
    #1C92EA 25%, 
    #0076CE 25%, 
    #0076CE 50%, 
    #1C92EA 50%, 
    #1C92EA 75%, 
    #0076CE 75%, 
    #0076CE
  );

  background-size: 50px 50px;
}

.E9mVm {
  background-color: black;
  width: calc(100% - var(--PROGRESS_INFO_WIDTH));
  height: 8px;
  overflow: hidden;
}

._1ibg_::after {
  content: "";
  position: absolute;
  animation: f4Wia 2s linear infinite;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgb(255, 255, 255) 25%, 
    #2196f3 25%, 
    #2196f3 50%, 
    rgb(255, 255, 255) 50%, 
    rgb(255, 255, 255) 75%, 
    #2196f3 75%, 
    #2196f3
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: f4Wia 2s linear infinite;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

._1osZe {
  position: absolute;
  background: #000000;
  bottom: 130%;
  left: 28px;
  white-space: nowrap;
  padding: 20px;
  border: 1px solid #333;
  font-size: 14px;
  line-height: 16px;
  color: #F4F4F4;
  opacity: 0;
  transition: opacity .35s linear .5s;
  z-index: -3;
  visibility: hidden;
}

._1osZe::before {
  content: '';
  position: absolute;
  background-color: #000000;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(45deg);
  width: 15px;
  height: 15px;
  bottom: -14%;
  left: 34px;
  opacity: 0;
  z-index: -3;
  visibility: hidden;
  transition: opacity .35s linear .5s;
}

._2UlI0:hover ~ ._1osZe,
._2UlI0:hover ~ ._1osZe::before {
  opacity: 1;
  z-index: 3;
  visibility: visible;
}

@keyframes f4Wia {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@media screen and (-ms-high-contrast: active) {
  ._1Hgi8{
  background-color: white;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  ._1Hgi8{
  background-color: white;
  }
}

._27OtR {
  background-color: transparent;
}

.E9mVm {
  height: 6px;
  border-radius: 5px;
  background: var(--color-background-neutral-strong-default);
  width: 100%;
}

._1Hgi8 {
  background: var(--color-background-brand-default) !important;
  
}

._1Hgi8 {
  border-radius: 5px;
  transition: max-width;
  transition-timing-function: ease;
  
}

._1nC58{
  font: var(--f-caption-normal);
  color: var(--color-text-subtle);
  margin-right: var(--sp-4px);
}

._3_m27 {
  position: absolute;
  top: -12px;
  display: flex;
  width: auto;
}

._2UlI0 {
  display: none;
}

._1osZe {
  position: relative;
  background: transparent;
  top: auto;
  bottom: auto;
  left: auto;
  white-space: nowrap;
  padding: 0;
  border: none;
  font: var(--f-caption-normal);
  color: var(--color-text-subtle);
  opacity: 1;
  transition: none;
  z-index: 0;
  visibility: visible;
}

._1osZe::before {
  content: none;
}
._3nuJd {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-text-default);
  background: var(--color-surface-primary);
}

._1neac {
  width: 160px;
  height: 120px;
  margin-bottom: var(--sp-24px);
}

._19AGp {
  width: 800px;
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--c-primary-dark);
  border-radius: 5px;
  border:  0.5px solid rgba(255, 255, 255, 0.4);
  padding: 42px;
  padding-top: 0;
  color: var( --c-text)
}

._3WQrW {
  width: 96px;
  heighT: 96px;
}

._1cqeF {
  margin-top: var(--sp-32px);
  font: var(--f-title-medium);
  display: flex;
  align-items: center;
  text-align: center;
  width: 480px;
}

._3Bo7i {
  margin-top: var(--sp-16px);
  font: var(--f-body-normal);
  text-align: center;
  width: 480px;
}

._165Pb{
  display: flex;
  flex-direction: column; 
  align-items: center;
  max-width: 400px;
  padding: 0 20px;
  box-sizing: content-box;
}

._3607G {
  height: 120px;
  margin-bottom: var(--sp-24px);
}

._1Jhdx {
  margin-top: var(--sp-8px);
  color: var(--color-text-default);
}

._3XcXc {
  font: var(--f-body-normal);
  border-radius: var(--br-8px);
  padding: var(--sp-12px) var(--sp-16px);
  background-color: var(--color-background-neutral-default);
  margin-top: var(--sp-24px);
  width: 100%;
  color: var(--color-text-default);
  word-wrap: break-word;
}

._2u0q5 {
  margin-top: var(--sp-24px);
  text-align: center;
  color: var(--color-text-subtle);
}

._34aHX {
  margin-top: var(--sp-16px);
  padding: var(--sp-16px) var(--sp-32px);
min-height: 54px;
}

@media (min-width: 720px) {
  ._34aHX {
    min-height: 44px;
    padding: var(--sp-12px) var(--sp-32px);
    border-radius: var(--br-8px);
  }
}

._2dk-Y {
  margin-top: var(--sp-16px);
  font: var(--f-caption-normal);
  color: var(--color-text-subtle);
  text-align: center;
  letter-spacing: -.01px;
}

._2dk-Y a{
  text-decoration: none;
}
._18hG6 {
  
}
._2FKoC {
  
}
.f_W73 {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--color-surface-primary);
}
._21RuX {
  max-height: calc(100% - 48px);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: auto;
}
.PDaaQ {
  width: 100%;
  height: 60px;
  display: flex;
  padding: var(--sp-12px) var(--sp-16px);
  justify-content: space-between;
  align-items: center;
}

.qu-Ro {
  display: none;
  flex-direction: row;
}

._2smx- .qu-Ro {
  display: flex;
  position: fixed;
  width: 100%;
  height: calc(100% - 60px);
  z-index: 1000;
  top: 60px;
  right: 0;
  flex-direction: column;
  background-color: var(--c-white);
  justify-content: space-between;
  padding: 0 20px 20px;
}

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

.LVFC0 {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: auto;
  min-width: 170px;
}

._3s-Kb {
  margin-left: var(--sp-8px);
}

._1MsjW {
  height: var(--sp-32px);
  width: var(--sp-32px);
}

._1MsjW svg {
  height: var(--sp-32px);
}

._8vK5u {
  height: var(--sp-32px);
  color: var(--color-icon-default);
}

._8vK5u svg {
  width: 133px;
}

.qu-Ro a {
  color: var(--color-text-default);
  font: var(--f-subtitle-large);
  font-weight: 400;
  text-decoration: none;
  padding: var(--sp-8px) 0;
  border-bottom: 1px solid var(--c-gray-90);
}

._1CUd0 a:first-of-type {
  border-top: 1px solid var(--c-gray-90);
}

a._3evDG {
  background-color: var(--c-accent-accent-40);
  color: var(--c-white);
  text-align: center;
  font: var(--f-subtitle-strong);
  padding: var(--sp-16px) var(--sp-32px);
  border-radius: var(--sp-8px);
}

._1gs5V {
  position: fixed;
  top: 16px;
  right: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

@media (min-width: 720px) {
  .PDaaQ{
    height: 64px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
    padding: var(--sp-12px) var(--sp-16px);
  }

  ._1gs5V {
    display: none;
  }

  .PDaaQ .qu-Ro  {
    display: flex;
    position: static;
    position: initial;
    width: 100%;
    height: auto;
    height: initial;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
  }

  ._1CUd0 {
    display: flex;
    flex-direction: row;
  }

  ._1CUd0 a:hover, ._1CUd0 a:active {
    text-decoration: none;
    background: var(--color-background-neutral-subtle-hovered);
    padding: 10px 20px;
    border-radius: var(--sp-8px);
  }

  ._1CUd0 a:active {
    background: var(--color-background-neutral-subtle-pressed);
  }


  .qu-Ro {
    display: flex;
  }

  ._1CUd0 a:first-of-type {
    border-top: 0;
  }

  .qu-Ro a {
    font: var(--f-body-strong);
    padding: 10px 20px;
    margin-left: 20px;
    border-bottom: 0;
    height: 40px;
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center;
  }

  a._3evDG {
    background: var(--color-background-neutral-default);
    color: var(--color-text-brand);
    padding: 10px 20px;
    border-radius: var(--sp-8px);
  }

  a._3evDG:hover {
    background: var(--color-background-neutral-hovered) !important;
  }

  a._3evDG:hover {
    text-decoration: none;
  }
}

@media (max-height: 365px) { 
  .PDaaQ{
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
  }
}
.e70P7 {
  height: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 500px) {
  .e70P7 {
    padding: 0 20px;
  }
}

._2H03K {
  height: 100%;
  display: flex;
  justify-content: center;
}

._2DwsV._2DwsV svg {
  width: 120px;
  height: 120px;
}

._2DwsV {
  font-size: 32px;
}

._3lXlB {
  margin-top: var(--sp-32px);
}

.W3oz4 {
  margin-top: var(--sp-8px);
}

._1uVDl {
  margin-top: var(--sp-32px);
}

._3mDrX {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--sp-24px);
}