.Spinner {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
}
.Spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: 0.09375em;
  border: 0.09375em solid #fff;
  border-radius: 50%;
  animation: Spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.Spinner div:nth-child(1) {
  animation-delay: -0.45s;
}
.Spinner div:nth-child(2) {
  animation-delay: -0.3s;
}
.Spinner div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes Spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: inherit;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
:root {
  /* app background color */
  --app-background: rgb(245, 247, 248);

  --white: #ffffff;
  /* white with changed opacity */
  --white-09: rgba(255, 255, 255, 0.9);
  --white-07: rgba(255, 255, 255, 0.7);
  --white-06: rgba(255, 255, 255, 0.6);
  --white-03: rgba(255, 255, 255, 0.3);
  --white-025: rgba(255, 255, 255, 0.25);
  --white-02: rgba(255, 255, 255, 0.2);

  /* color for primary content */
  --black: #000000;

  /* color for secondary content and hover */
  --black-light: rgba(0, 0, 0, 0.7);
  /* black with changed opacity */
  --black-08: rgba(0, 0, 0, 0.8);
  --black-05: rgba(0, 0, 0, 0.5);
  --black-04: rgba(0, 0, 0, 0.4);
  --black-02: rgba(0, 0, 0, 0.2);
  --black-01: rgba(0, 0, 0, 0.1);
  --black-007: rgba(0, 0, 0, 0.07);

  /* main color */
  --main: #22ccd8;
  --main-hover: rgba(68, 217, 230, 0.25);
  /* main with changed opacity */
  --main-09: rgba(1, 169, 224, 0.9);
  --main-085: rgba(1, 169, 224, 0.85);
  --main-025: rgba(1, 169, 224, 0.25);
  --main-02: rgba(1, 169, 224, 0.2);
  --main-015: rgba(1, 169, 224, 0.15);
  --main-01: rgba(1, 169, 224, 0.1);
  --main-003: rgba(1, 169, 224, 0.03);

  /* color for background */
  --main-light: rgba(1, 169, 224, 0.07);

  /* color for hover */
  --main-hover: #1ba3ad;
  --trigger-hover: rgba(68, 217, 230, 0.3);

  /* logo color */
  --accent: #22ccd8;

  /* color for word "Editing" */
  --purple: #8f5fae;

  /* color for errors */
  --error-pale: rgb(255, 59, 47);
  --error-hover: rgb(255, 98, 89);
  --error-pale: rgba(255, 59, 47, 0.1);

  /* color for no active text */
  --gray: rgb(152, 166, 173);
  /* gray with changed opacity */
  --gray-07: rgb(152, 166, 173, 0.7);
  --gray-045: rgb(152, 166, 173, 0.45);
  --gray-03: rgb(152, 166, 173, 0.3);

  /* color for notifications */
  --yellow: #f5a623;

  /* EventName component background color */
  --gray-background: #f6f8f8;

  /* colors for audio and video player */
  --errorgray: #dfdfdf;

  /* audio, video, logo */
  --darkgray: rgb(74, 74, 74);
  /* audio, video, logo with changed opacity */
  --darkgray-07: rgba(74, 74, 74, 0.7);
  --darkgray-055: rgba(74, 74, 74, 0.55);
  --darkgray-04: rgba(74, 74, 74, 0.4);
  --darkgray-01: rgba(74, 74, 74, 0.1);

  /* color for app background */
  --gray-light: #f6f6f6;

  /* color at the stats filter */
  --green: rgb(52, 200, 90);
  /* green with changed opacity */
  --green-02: rgba(52, 200, 90, 0.2);
  --green-01: rgba(52, 200, 90, 0.1);

  /* background in the ProfileAside for superuser */
  --superuser-background: linear-gradient(
    140deg,
    rgb(34, 121, 128) 20%,
    rgb(34, 74, 77) 100%
  );

  /* Not editable notification and product badge */
  --notification-background: var(--main-003);
  --notification-border: var(--main-02);

  /* fonts */
  --ptsans: 'PT Sans', sans-serif;
  --sans: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --gill-sans: 'Gill Sans', Helvetica, sans-serif;

  /* Widget top bar background color */
  --widget-top-bar-bg: linear-gradient(
    120deg,
    rgb(222, 247, 249) 0%,
    rgb(222, 247, 249) 80%
  );

  /* AudioPlayer actions color */
  --phone-action: var(--main);

  /* AudioPlayer gradiental progress bar */
  --phone-action-grad: var(--main);

  /* VideoPlayer actions color */
  --phone-action-secondary: #5648f8;

  /* Options action color */
  --phone-action-thirdly: var(--phone-action-secondary);

  /* Multiple choice background */
  --phone-bg: linear-gradient(
    133.73deg,
    var(--main) 0%,
    var(--phone-action-secondary) 100%
  );

  /* Open-ended (various) choice background */
  --phone-bg-secondary: linear-gradient(
    142.18deg,
    #34c85a 0%,
    var(--main) 100%
  );

  /* Artefact card background */
  --phone-bg-thirdly: linear-gradient(
    133.73deg,
    var(--phone-action-secondary) 0%,
    var(--main) 100%
  );

  /* Close button color */
  --phone-nav: #959595;

  /* Skip button color */
  --phone-nav-secondary: #ebebeb;

  /* Right answer button bg in multiple choice */
  --phone-ok: #34c85a;

  /* Wrong answer button bg in multiple choice */
  --phone-error: #ff3b2f;

  /* Request for tip in open-ended choice */
  --phone-user-focus: #ff3b2f;

  /* Onboarding progressbar color */
  --step: var(--main);

  /* Onboarding log in button color */
  --log-in: var(--main);
  --log-in-hover: rgb(128, 210, 216);
  --log-in-active: #1ba3ad; /* can be a button shadow color */

  /* Material UI colors, move into theme if required */
  --primary-main: #007dff;
  --primary-background: 0, 125, 255;
  --action-background: rgba(0, 0, 0, 0.08);
  --action-disabled-text-opaque: #c4c4c4;
  --text-primary: rgba(0, 0, 0, 0.87);
  --text-secondary: rgba(0, 0, 0, 0.54);
  --text-disabled: rgba(0, 0, 0, 0.38);

  --tone-200: rgba(5, 5, 5, 0.06);
  --tone-300: rgba(0, 0, 0, 0.11);
  --tone-400: rgba(0, 0, 0, 0.28);
  --tone-500: rgba(0, 0, 0, 0.51);
  --tone-600: rgba(0, 0, 0, 0.65);
  --tone-700: rgba(0, 0, 0, 0.76);
  --tone-800: rgba(0, 0, 0, 0.86);
  --tone-900: rgba(0, 0, 0, 0.98);

  --absolute-300: #e3e3e3;
  --absolute-700: #3d3d3d;
  --absolute-800: #1f1f1f;
  --absolute-900: #050505;

  --red-100: rgba(228, 70, 86, 0.1);

  --blue-100: rgba(0, 122, 255, 0.1);

  --text-secondary: rgba(0, 0, 0, 0.54);
  --text-disabled: rgba(0, 0, 0, 0.38);

  --white: white;
  --red: #ff3b2f;
  --light-red: #e44656;
  --transparent-red: rgba(228, 70, 86, 0.1);
  --light-footer-gray: #f1f1f1;
  --light-footer-bg-gray: #f8f8f8;
  --light-text-gray: rgba(0, 0, 0, 0.51);
  --text-black: rgba(0, 0, 0, 0.98);
  --text-black-title-popup: rgba(46, 46, 45, 1);
  --background-light-secondary: #f2f2f7;
  --popup-background: rgba(0, 0, 0, 0.28);
  --gray-border: rgba(0, 0, 0, 0.11);
  --gray-border-light: rgba(194, 194, 194, 0.5);
  --dark-gray: #333333;
  --light-gray: #d9d9d9;
  --medium-gray: #979797;
  --medium-dark-gray: #646464;
  --disabled-gray: #ebebeb;
  --disabled-dark-gray: #c2c2c2;
  --placeholder-gray: #f1f1f1;
  --white: white;
  --black: black;
  --light-black: rgba(61, 61, 61, 1);
  --blue: rgba(0, 122, 255, 1);
  --link-blue: rgba(0, 106, 219, 1);
  --medium-main: #c1bbff;
  --light-main: #e7eafb;
  --accent: #22ccd8;
  --light-cookie-accent: rgba(233, 250, 251, 1);
  --light-accent: rgba(34, 204, 216, 0.2);
  --light-background-accent: rgba(144, 247, 254, 0.08);
  --lightest-accent: #b3eef2;
  --mts-red: #e30611;
  --yelow: #ff9f0a;
}

.Logo {
  width: 85px;
  height: 45px;
  margin: 10px 30px 10px 30px;
  background-color: unset;
  background-size: 85px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 465.78 224.9%27 fill=%27var%28--black%29%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2322ccd8;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3E%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81 9%3C/title%3E%3Cg id=%27%D0%A1%D0%BB%D0%BE%D0%B9_2%27 data-name=%27%D0%A1%D0%BB%D0%BE%D0%B9 2%27%3E%3Cg id=%27%D0%A1%D0%BB%D0%BE%D0%B9_1-2%27 data-name=%27%D0%A1%D0%BB%D0%BE%D0%B9 1%27%3E%3Cpath class=%27cls-1%27 d=%27M136.73,224.9h-.54c-5.19-.14-12.64-2.57-18.62-13.34-2.67-4.8-5.13-11.29-7.54-19.85-4.1-14.61-7.59-33.71-11-52.19-2.62-14.33-5.33-29.15-8.17-40.86-.61-2.51-1.19-4.72-1.73-6.66-.09.27-.17.56-.26.84-2.51,8.46-5,19-7.36,29.24-3.06,13.12-6.23,26.7-9.77,37A63.75,63.75,0,0,1,65,173.75c-6.14,9.22-13.64,10.23-17.54,10-13.64-.77-20.41-15.4-25.23-29.61-3.9-11.46-7.77-27.18-11.52-46.73C4.45,74.59.38,40.59.06,37.19a13.07,13.07,0,1,1,26-2.46c.26,2.73,3.61,30.89,9,60.53,5.08,28.06,9.53,44,12.75,52.9.3-.93.61-1.92.93-3,2.49-8.39,4.94-18.88,7.3-29,3-13.08,6.21-26.61,9.74-37,2.57-7.51,8.57-25.09,23.53-25.09h0c16.45,0,22.29,21.18,25.1,31.35,3.77,13.63,6.94,31,10.31,49.39,2.79,15.25,5.67,31,8.8,43.62,1.48,6,2.81,10.37,3.94,13.58a132.23,132.23,0,0,0,7.15-21.24,254.92,254.92,0,0,0,7.75-54.49c.92-33.19-6.1-66.05-20.86-97.67a13.08,13.08,0,1,1,23.7-11.06c16.5,35.33,24.34,72.16,23.3,109.45A278.4,278.4,0,0,1,168,184.57c-3.12,10.5-6.6,19-10.32,25.35C151.8,219.86,144.76,224.9,136.73,224.9Z%27/%3E%3Cpath d=%27M147.09,146.46c-.36-.69-.68-1.36-1-2s-.6-1.31-.89-2l-8-18.27-8.85,20.5a2.74,2.74,0,0,0-.29.56,6,6,0,0,1-.51,1,3.8,3.8,0,0,1-.81.9,1.79,1.79,0,0,1-1.16.4,1.89,1.89,0,0,1-1.36-.54,5.16,5.16,0,0,1-1-1.31,11.8,11.8,0,0,1-.74-1.66c-.21-.58-.42-1.09-.62-1.54l-18.32-39.62c0-.15-.06-.3-.09-.47a2.27,2.27,0,0,1,0-.42c0-.89.61-1.34,1.83-1.34h9a2.69,2.69,0,0,1,1.61.47,2.66,2.66,0,0,1,1,1.27l8.71,22.24,8.4-22.28a2.5,2.5,0,0,1,2.59-1.79h8.13q1.83,0,1.83,1.29a2.52,2.52,0,0,1-.16.83,2.69,2.69,0,0,0-.15.6l-2.95,6.88,5.67,14.47,8.4-22.28a2.5,2.5,0,0,1,2.59-1.79h9q1.83,0,1.83,1.29a2.76,2.76,0,0,1-.15.83,2.38,2.38,0,0,0-.16.6l-18.76,41.45a2.74,2.74,0,0,0-.29.56,6,6,0,0,1-.51,1,3.8,3.8,0,0,1-.81.9,1.79,1.79,0,0,1-1.16.4,2,2,0,0,1-1.14-.29A2.37,2.37,0,0,1,147.09,146.46Z%27/%3E%3Cpath d=%27M195.47,134.84a13.14,13.14,0,0,0,4-.69,14.13,14.13,0,0,0,4-2.12l1.09-.63a2.21,2.21,0,0,1,1.05-.26,2.06,2.06,0,0,1,.94.22,2.43,2.43,0,0,1,.85.8l3.31,4.51a2.61,2.61,0,0,1,.58,1.57,2.27,2.27,0,0,1-.45,1.34,4.72,4.72,0,0,1-1.12,1.11,17.83,17.83,0,0,1-3.08,1.92,25.66,25.66,0,0,1-3.57,1.46,26.58,26.58,0,0,1-3.8.91,23.36,23.36,0,0,1-3.79.32,20.77,20.77,0,0,1-8.54-1.77,22.27,22.27,0,0,1-7-4.82,22.62,22.62,0,0,1-4.72-7.19,23.13,23.13,0,0,1-1.72-8.92,23.75,23.75,0,0,1,1.63-8.73,22.79,22.79,0,0,1,4.52-7.23,21.56,21.56,0,0,1,6.78-4.92A20,20,0,0,1,195,99.91a20.23,20.23,0,0,1,8.06,1.63,21.41,21.41,0,0,1,6.63,4.45,20.73,20.73,0,0,1,6.17,14.92v.27a8.41,8.41,0,0,1-.4,2.79,3.73,3.73,0,0,1-1.23,1.72,5.16,5.16,0,0,1-2.06.87,15.2,15.2,0,0,1-2.88.24H185.55a10.36,10.36,0,0,0,1.45,3.38,10.68,10.68,0,0,0,2.35,2.52,10.46,10.46,0,0,0,2.92,1.58A9.38,9.38,0,0,0,195.47,134.84Zm9-16.93a8.65,8.65,0,0,0-1.16-2.94,8.91,8.91,0,0,0-2.1-2.39,10.07,10.07,0,0,0-2.81-1.59,9.59,9.59,0,0,0-6.37-.07,9.69,9.69,0,0,0-2.74,1.48,9,9,0,0,0-3.4,5.51Z%27/%3E%3Cpath d=%27M252.5,145.33a10.21,10.21,0,0,0,.32-1.59c.09-.67.15-1.38.2-2.13s.07-1.48.09-2.21,0-1.35,0-1.86a19,19,0,0,1-1.7,2.49,11.86,11.86,0,0,1-2.32,2.2,11.44,11.44,0,0,1-6.79,2.13,22.48,22.48,0,0,1-8.6-1.63,20.32,20.32,0,0,1-11.32-11.44,23.32,23.32,0,0,1-1.61-8.77,24,24,0,0,1,1.61-8.8,21.85,21.85,0,0,1,4.49-7.15,20.89,20.89,0,0,1,6.83-4.78,21.12,21.12,0,0,1,8.6-1.74,13.84,13.84,0,0,1,4.06.58,14.58,14.58,0,0,1,3.49,1.56,10.69,10.69,0,0,1,2.63,2.3,7.56,7.56,0,0,1,1.48,2.79l1.29-4.11.41-1a2.61,2.61,0,0,1,.44-.81,1.78,1.78,0,0,1,.69-.51,2.87,2.87,0,0,1,1.1-.18h5.14a3.12,3.12,0,0,1,1.83.65,2.19,2.19,0,0,1,.89,1.89v37.75a24.3,24.3,0,0,1-1.74,9.49,19.61,19.61,0,0,1-4.8,6.94,20.72,20.72,0,0,1-7.22,4.29,26.31,26.31,0,0,1-8.93,1.48,32.05,32.05,0,0,1-4-.27,28.74,28.74,0,0,1-4.26-.87,23.5,23.5,0,0,1-4.09-1.57,15.24,15.24,0,0,1-3.48-2.3,3.19,3.19,0,0,1-.85-.93,2.42,2.42,0,0,1-.36-1.3,3,3,0,0,1,.63-1.79l3.61-4.82a2.62,2.62,0,0,1,1.79-1,3.66,3.66,0,0,1,1.88.81,7.18,7.18,0,0,0,2,1.31,12.63,12.63,0,0,0,2.33.81,14.94,14.94,0,0,0,2.32.38c.76.06,1.45.09,2.08.09a11.69,11.69,0,0,0,3.1-.43,11.49,11.49,0,0,0,2.95-1.23,9.43,9.43,0,0,0,2.37-2A6.51,6.51,0,0,0,252.5,145.33Zm-19.34-22.84a12.37,12.37,0,0,0,.72,4.26,10.09,10.09,0,0,0,2,3.43,9.13,9.13,0,0,0,3.12,2.28,9.83,9.83,0,0,0,4.07.82,10.27,10.27,0,0,0,4.15-.85,10.84,10.84,0,0,0,3.44-2.31,11.23,11.23,0,0,0,2.35-3.41,9.91,9.91,0,0,0,.87-4.08,10.33,10.33,0,0,0-.87-4.15,11.56,11.56,0,0,0-5.79-6,9.7,9.7,0,0,0-4.15-.91,9.31,9.31,0,0,0-7.19,3.23,10.57,10.57,0,0,0-2,3.47A12.19,12.19,0,0,0,233.16,122.49Z%27/%3E%3Cpath d=%27M274.21,122.52a22.08,22.08,0,0,1,1.81-8.94,22.56,22.56,0,0,1,12.24-12,23.31,23.31,0,0,1,9-1.76,23,23,0,0,1,16.24,6.59,22.66,22.66,0,0,1,4.91,7.21,23,23,0,0,1,0,17.89,22.88,22.88,0,0,1-4.91,7.26,23.23,23.23,0,0,1-7.3,4.87,22.61,22.61,0,0,1-8.94,1.78A22.84,22.84,0,0,1,276,131.47,22.2,22.2,0,0,1,274.21,122.52Zm12.37,0a12.22,12.22,0,0,0,.78,4.37,11.87,11.87,0,0,0,2.17,3.62,10.16,10.16,0,0,0,3.33,2.48,10,10,0,0,0,4.31.91,9.6,9.6,0,0,0,4.22-.91,10.09,10.09,0,0,0,3.26-2.48,11.36,11.36,0,0,0,2.12-3.62,12.43,12.43,0,0,0,.76-4.37,11.86,11.86,0,0,0-.76-4.25,10.59,10.59,0,0,0-2.12-3.5,10.12,10.12,0,0,0-3.26-2.39,9.73,9.73,0,0,0-4.22-.9,10.28,10.28,0,0,0-7.64,3.29,11.05,11.05,0,0,0-2.17,3.5A11.66,11.66,0,0,0,286.58,122.52Z%27/%3E%3Cpath d=%27M327.77,88.52a2.41,2.41,0,0,1,.67-1.76,3.36,3.36,0,0,1,2.05-.87l6.88-1a1.39,1.39,0,0,1,.33,0H338a1.78,1.78,0,0,1,1.72.76,3.84,3.84,0,0,1,.43,1.92v13h5.36a2.38,2.38,0,0,1,1.78.67,2.65,2.65,0,0,1,.67,2v4.92a2.86,2.86,0,0,1-.67,2.1,2.42,2.42,0,0,1-1.78.67h-5.36v31a2.51,2.51,0,0,1-.76,2,3.11,3.11,0,0,1-2.1.67H330.4a2.33,2.33,0,0,1-2.63-2.64V110.86h-2.42c-1.75,0-2.63-.93-2.63-2.77v-4.92a2.33,2.33,0,0,1,2.63-2.63h2.42Z%27/%3E%3Cpath d=%27M355.68,103.35a2.15,2.15,0,0,1,.92-1.94,3.35,3.35,0,0,1,1.85-.6h4.87a2,2,0,0,1,1.43.51,4.62,4.62,0,0,1,.94,1.34,18.54,18.54,0,0,1,.78,1.92c.25.73.56,1.48.91,2.26a25.81,25.81,0,0,1,1.55-2.55,11.41,11.41,0,0,1,1.89-2.14,8.33,8.33,0,0,1,2.42-1.48,8.49,8.49,0,0,1,3.12-.53,20.63,20.63,0,0,1,3.26.22,12.17,12.17,0,0,1,2.62.72,13.8,13.8,0,0,1,2.43,1.27c.8.52,1.71,1.15,2.73,1.9a2.28,2.28,0,0,1,1.42,2,3.48,3.48,0,0,1-.53,1.74L385.16,113a3.12,3.12,0,0,1-1.74,1.49,2,2,0,0,1-2.1-.51,12.78,12.78,0,0,0-1.5-1.16,6.35,6.35,0,0,0-1.38-.69,5.87,5.87,0,0,0-1.45-.32c-.51,0-1.07-.06-1.7-.06a6.42,6.42,0,0,0-2.34.38,6.66,6.66,0,0,0-1.86,1.07,9.12,9.12,0,0,0-1.56,1.65c-.48.64-1,1.35-1.43,2.12v24.88a2.74,2.74,0,0,1-.65,2,2.88,2.88,0,0,1-2.12.67h-7a2.8,2.8,0,0,1-2-.67,2.62,2.62,0,0,1-.69-2Z%27/%3E%3Cpath d=%27M395.16,88.21a7.13,7.13,0,0,1,.56-2.79,7.43,7.43,0,0,1,1.52-2.3,7.17,7.17,0,0,1,2.28-1.56,7.22,7.22,0,0,1,5.67,0,7.17,7.17,0,0,1,2.28,1.56,7,7,0,0,1,1.5,2.3,7.48,7.48,0,0,1,.53,2.79A7.3,7.3,0,0,1,409,91a6.87,6.87,0,0,1-1.5,2.26A7.21,7.21,0,0,1,395.72,91,7,7,0,0,1,395.16,88.21ZM408.7,142a2.37,2.37,0,0,1-.69,1.81,2.7,2.7,0,0,1-1.9.65h-7.37a2.17,2.17,0,0,1-2.46-2.46V103a2.59,2.59,0,0,1,.65-1.76,2.25,2.25,0,0,1,1.81-.74h7.37a2.73,2.73,0,0,1,1.74.71,2.25,2.25,0,0,1,.85,1.79Z%27/%3E%3Cpath d=%27M421.87,103a2.61,2.61,0,0,1,.65-1.85,2.71,2.71,0,0,1,1.86-.78h4.37c.48,0,.92,0,1.32,0a3.47,3.47,0,0,1,1.12.27,2.41,2.41,0,0,1,.89.67,3.37,3.37,0,0,1,.6,1.29l.58,3a18.85,18.85,0,0,1,5-4.47,12.73,12.73,0,0,1,6.7-1.65,19.32,19.32,0,0,1,8.24,1.76,20.59,20.59,0,0,1,6.64,4.85,22.73,22.73,0,0,1,4.4,7.19,24.37,24.37,0,0,1,1.58,8.8,24.87,24.87,0,0,1-1.56,8.86,21.88,21.88,0,0,1-4.38,7.2,20.64,20.64,0,0,1-6.68,4.82,19.94,19.94,0,0,1-8.42,1.76,14.42,14.42,0,0,1-3.21-.35,14.43,14.43,0,0,1-5.27-2.44,13.54,13.54,0,0,1-2-1.76V159a2.63,2.63,0,0,1-.71,1.9,2.75,2.75,0,0,1-2.06.74h-6.74a3.09,3.09,0,0,1-2-.74,2.37,2.37,0,0,1-.87-1.9Zm11.22,18.89a12,12,0,0,0,.8,4.43,11.73,11.73,0,0,0,2.19,3.59,10.44,10.44,0,0,0,3.21,2.44,8.91,8.91,0,0,0,3.93.89,8.72,8.72,0,0,0,3.87-.89,10.63,10.63,0,0,0,3.17-2.41,11.38,11.38,0,0,0,2.14-3.56,12.26,12.26,0,0,0,0-8.66,11,11,0,0,0-2.14-3.53,10.33,10.33,0,0,0-3.17-2.37,8.84,8.84,0,0,0-3.87-.87,9,9,0,0,0-3.88.87,10.81,10.81,0,0,0-3.22,2.35,11.32,11.32,0,0,0-2.21,3.46A11,11,0,0,0,433.09,121.93Z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 0px;
}

.QuestShare__heading {
  margin-left: 0;
  padding-left: 11.5px;
}

.ProfileAbout__img {
  width: 145px;
}

.login__img {
  width: calc(100% - 29px);
  height: calc(100% - 70px);
  margin: 35px 29px 35px 0px;
  border-radius: 10px;
}

.login__main-wrapper {
  max-width: 580px;
  padding-right: 100px
}

@media (width <= 620px) {

.login__main-wrapper {
    max-width: unset;
    padding-right: 20px
}
  }

.LoginAndSignUp {
  --error: #f44336;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden
}

.LoginAndSignUp__container {
    display: grid;
    gap: 40px;
    width: 100%;
    max-width: 455px;
    margin-left: auto;
    margin-right: auto;
  }

.LoginAndSignUp__itemsGroup {
    display: grid;
    gap: 10px
  }

.LoginAndSignUp__itemsGroup--flex {
      display: flex;
      flex-wrap: nowrap
    }

@media (width <= 620px) {

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

.LoginAndSignUp__field--small {
  }

.LoginAndSignUp__field--small * {
      box-sizing: border-box !important;
    }

.LoginAndSignUp__field--small input {
      height: 48px;
    }

.LoginAndSignUp__field--small label {
      transform: translate(14px, 16px);
    }

.LoginAndSignUp__minor-text {
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.15px;
    padding: 4px 0 !important;
  }

.LoginAndSignUp__multipleInput {
  }

.LoginAndSignUp__multipleInput div[role='button'] {
      background-color: #22ccd8;
      color: white
    }

.LoginAndSignUp__multipleInput div[role='button'] svg {
        color: white;
        opacity: 0.7;
      }

.LoginAndSignUp__error {
    color: var(--error);
    font-size: 12px;
    margin-top: 4px;
  }

.LoginAndSignUp__password-btn > button:hover {
    background-color: transparent !important;
  }

.LoginAndSignUp .PhoneInput {
    border: 1px solid rgba(0, 0, 0, 0.23);
    padding-left: 14px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 0 -1px rgba(0, 0, 0, 0.23)
  }

@media (hover: hover) {
      .LoginAndSignUp .PhoneInput:hover {
        border-color: black;
      }
    }

.LoginAndSignUp .PhoneInput:focus-within {
      border-color: #22ccd8;
      box-shadow: 0 0 0 1px #22ccd8;
    }

.LoginAndSignUp .PhoneInput--error {
      border-color: var(--error)
    }

.LoginAndSignUp .PhoneInput--error:focus-within {
        box-shadow: 0 0 0 1px var(--error);
      }

.LoginAndSignUp .PhoneInputInput {
      border: 0;
      font-size: 16px;
      height: 46px;
    }

.LoginAndSignUp .PhoneInputCountry {
      padding-right: 10px
    }

.LoginAndSignUp .PhoneInputCountryIcon {
        width: 24px;
        border-radius: 3px
      }

.LoginAndSignUp .PhoneInputCountryIcon--border {
          overflow: hidden;
          border: 0.2px solid rgba(0, 0, 0, 0.1);
          box-shadow: none;
        }

.LoginAndSignUp button {
    box-shadow: none !important;
  }

.LoginAndSignUp .Mui-error {
    margin-left: 0;
    color: var(--error) !important;
    line-height: 1.2em;
  }


/*# sourceMappingURL=authors-onboarding.d4dc6566.css.map*/