/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/01_globals.css ***!
  \************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap);
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@elsci-io/ui-essential/dist/bundle.css ***!
  \*******************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0);
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/00_material-components-web.css ***!
  \****************************************************************************************************************/
/*!
 Material Components for the Web
 Copyright (c) 2019 Google Inc.
 License: MIT
*/
@-webkit-keyframes mdc-ripple-fg-radius-in{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0, 0.2, 1);
		animation-timing-function         : cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-transform                 : translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
		transform                         : translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
	}
	to{
		-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
		transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	}
}

@keyframes mdc-ripple-fg-radius-in{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0, 0.2, 1);
		animation-timing-function         : cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-transform                 : translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
		transform                         : translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
	}
	to{
		-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
		transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	}
}

@-webkit-keyframes mdc-ripple-fg-opacity-in{
	from{
		-webkit-animation-timing-function : linear;
		animation-timing-function         : linear;
		opacity                           : 0;
	}
	to{
		opacity : var(--mdc-ripple-fg-opacity, 0);
	}
}

@keyframes mdc-ripple-fg-opacity-in{
	from{
		-webkit-animation-timing-function : linear;
		animation-timing-function         : linear;
		opacity                           : 0;
	}
	to{
		opacity : var(--mdc-ripple-fg-opacity, 0);
	}
}

@-webkit-keyframes mdc-ripple-fg-opacity-out{
	from{
		-webkit-animation-timing-function : linear;
		animation-timing-function         : linear;
		opacity                           : var(--mdc-ripple-fg-opacity, 0);
	}
	to{
		opacity : 0;
	}
}

@keyframes mdc-ripple-fg-opacity-out{
	from{
		-webkit-animation-timing-function : linear;
		animation-timing-function         : linear;
		opacity                           : var(--mdc-ripple-fg-opacity, 0);
	}
	to{
		opacity : 0;
	}
}

.mdc-ripple-surface--test-edge-var-bug{
	--mdc-ripple-surface-test-edge-var : 1px solid #000;
	visibility                         : hidden;
}

.mdc-ripple-surface--test-edge-var-bug::before{
	border : var(--mdc-ripple-surface-test-edge-var);
}

.mdc-button{
	-moz-osx-font-smoothing         : grayscale;
	-webkit-font-smoothing          : antialiased;
	font-size                       : 0.875rem;
	line-height                     : 2.25rem;
	font-weight                     : 500;
	letter-spacing                  : 0.0892857143em;
	text-decoration                 : none;
	text-transform                  : uppercase;
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	padding                         : 0 8px 0 8px;
	display                         : inline-flex;
	position                        : relative;
	align-items                     : center;
	justify-content                 : center;
	box-sizing                      : border-box;
	min-width                       : 64px;
	height                          : 36px;
	border                          : none;
	outline                         : none;
	/* @alternate */
	line-height                     : inherit;
	-webkit-user-select             : none;
	-moz-user-select                : none;
	-ms-user-select                 : none;
	user-select                     : none;
	-webkit-appearance              : none;
	overflow                        : hidden;
	vertical-align                  : middle;
	border-radius                   : 4px;
}

.mdc-button::before, .mdc-button::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-button::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-button.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-button.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-button.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-button.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-button::before, .mdc-button::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-button.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-button::-moz-focus-inner{
	padding : 0;
	border  : 0;
}

.mdc-button:active{
	outline : none;
}

.mdc-button:hover{
	cursor : pointer;
}

.mdc-button:disabled{
	background-color : transparent;
	color            : rgba(0, 0, 0, 0.37);
	cursor           : default;
	pointer-events   : none;
}

.mdc-button.mdc-button--dense{
	border-radius : 4px;
}

.mdc-button:not(:disabled){
	background-color : transparent;
}

.mdc-button:not(:disabled){
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-button::before, .mdc-button::after{
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	.mdc-button::before, .mdc-button::after{
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

.mdc-button:hover::before{
	opacity : 0.04;
}

.mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-button:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-button:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-button.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-button .mdc-button__icon{
	/* @noflip */
	margin-left    : 0;
	/* @noflip */
	margin-right   : 8px;
	display        : inline-block;
	width          : 18px;
	height         : 18px;
	font-size      : 18px;
	vertical-align : top;
}

[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl]{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
}

.mdc-button__label + .mdc-button__icon{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 8px;
}

svg.mdc-button__icon{
	fill : currentColor;
}

.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon{
	/* @noflip */
	margin-left  : -4px;
	/* @noflip */
	margin-right : 8px;
}

[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon[dir=rtl]{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : -4px;
}

.mdc-button--raised .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : -4px;
}

[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl]{
	/* @noflip */
	margin-left  : -4px;
	/* @noflip */
	margin-right : 8px;
}

.mdc-button--raised,
.mdc-button--unelevated{
	padding : 0 16px 0 16px;
}

.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled{
	background-color : rgba(0, 0, 0, 0.12);
	color            : rgba(0, 0, 0, 0.37);
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled){
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	.mdc-button--raised:not(:disabled),
	.mdc-button--unelevated:not(:disabled){
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled){
	color : #fff;
	/* @alternate */
	color : var(--mdc-theme-on-primary, #fff);
}

.mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after{
	background-color : #fff;
}

@supports not (-ms-ime-align: auto){
	.mdc-button--raised::before, .mdc-button--raised::after,
	.mdc-button--unelevated::before,
	.mdc-button--unelevated::after{
		/* @alternate */
		background-color : var(--mdc-theme-on-primary, #fff);
	}
}

.mdc-button--raised:hover::before,
.mdc-button--unelevated:hover::before{
	opacity : 0.08;
}

.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-button--raised{
	box-shadow : 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	transition : box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-button--raised:hover, .mdc-button--raised:focus{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-button--raised:active{
	box-shadow : 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mdc-button--raised:disabled{
	box-shadow : 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-button--outlined{
	border-style : solid;
	padding      : 0 14px 0 14px;
	border-width : 2px;
}

.mdc-button--outlined:disabled{
	border-color : rgba(0, 0, 0, 0.37);
}

.mdc-button--outlined:not(:disabled){
	border-color : rgb(6, 95, 212);
	/* @alternate */
	border-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-button--dense{
	height    : 32px;
	font-size : 0.8125rem;
}

.mdc-card{
	background-color : #fff;
	/* @alternate */
	background-color : var(--mdc-theme-surface, #fff);
	border-radius    : 4px;
	box-shadow       : 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	display          : flex;
	flex-direction   : column;
	box-sizing       : border-box;
}

.mdc-card--outlined{
	box-shadow : 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
	border     : 1px solid #e0e0e0;
}

.mdc-card__media{
	position            : relative;
	box-sizing          : border-box;
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : cover;
}

.mdc-card__media::before{
	display : block;
	content : "";
}

.mdc-card__media:first-child{
	border-top-left-radius  : inherit;
	border-top-right-radius : inherit;
}

.mdc-card__media:last-child{
	border-bottom-left-radius  : inherit;
	border-bottom-right-radius : inherit;
}

.mdc-card__media--square::before{
	margin-top : 100%;
}

.mdc-card__media--16-9::before{
	margin-top : 56.25%;
}

.mdc-card__media-content{
	position   : absolute;
	top        : 0;
	right      : 0;
	bottom     : 0;
	left       : 0;
	box-sizing : border-box;
}

.mdc-card__primary-action{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	display                         : flex;
	flex-direction                  : column;
	box-sizing                      : border-box;
	position                        : relative;
	outline                         : none;
	color                           : inherit;
	text-decoration                 : none;
	cursor                          : pointer;
	overflow                        : hidden;
}

.mdc-card__primary-action::before, .mdc-card__primary-action::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-card__primary-action::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-card__primary-action.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-card__primary-action.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-card__primary-action::before, .mdc-card__primary-action::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-card__primary-action.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-card__primary-action::before, .mdc-card__primary-action::after{
	background-color : #000;
}

.mdc-card__primary-action:hover::before{
	opacity : 0.04;
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-card__primary-action.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-card__primary-action:first-child{
	border-top-left-radius  : inherit;
	border-top-right-radius : inherit;
}

.mdc-card__primary-action:last-child{
	border-bottom-left-radius  : inherit;
	border-bottom-right-radius : inherit;
}

.mdc-card__actions{
	display        : flex;
	flex-direction : row;
	align-items    : center;
	box-sizing     : border-box;
	min-height     : 52px;
	padding        : 8px;
}

.mdc-card__actions--full-bleed{
	padding : 0;
}

.mdc-card__action-buttons,
.mdc-card__action-icons{
	display        : flex;
	flex-direction : row;
	align-items    : center;
	box-sizing     : border-box;
}

.mdc-card__action-icons{
	color           : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color           : var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
	flex-grow       : 1;
	justify-content : flex-end;
}

.mdc-card__action-buttons + .mdc-card__action-icons{
	/* @noflip */
	margin-left  : 16px;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 16px;
}

.mdc-card__action{
	display             : inline-flex;
	flex-direction      : row;
	align-items         : center;
	box-sizing          : border-box;
	justify-content     : center;
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

.mdc-card__action:focus{
	outline : none;
}

.mdc-card__action--button{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 8px;
	padding      : 0 8px;
}

[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl]{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
}

.mdc-card__action--button:last-child{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 0;
}

.mdc-card__actions--full-bleed .mdc-card__action--button{
	justify-content : space-between;
	width           : 100%;
	height          : auto;
	max-height      : none;
	margin          : 0;
	padding         : 8px 16px;
	/* @noflip */
	text-align      : left;
}

[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl]{
	/* @noflip */
	text-align : right;
}

.mdc-card__action--icon{
	margin  : -6px 0;
	padding : 12px;
}

.mdc-card__action--icon:not(:disabled){
	color : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color : var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{
	0%, 50%{
		stroke-dashoffset : 29.7833385;
	}
	50%{
		-webkit-animation-timing-function : cubic-bezier(0, 0, 0.2, 1);
		animation-timing-function         : cubic-bezier(0, 0, 0.2, 1);
	}
	100%{
		stroke-dashoffset : 0;
	}
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path{
	0%, 50%{
		stroke-dashoffset : 29.7833385;
	}
	50%{
		-webkit-animation-timing-function : cubic-bezier(0, 0, 0.2, 1);
		animation-timing-function         : cubic-bezier(0, 0, 0.2, 1);
	}
	100%{
		stroke-dashoffset : 0;
	}
}

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{
	0%, 68.2%{
		-webkit-transform : scaleX(0);
		transform         : scaleX(0);
	}
	68.2%{
		-webkit-animation-timing-function : cubic-bezier(0, 0, 0, 1);
		animation-timing-function         : cubic-bezier(0, 0, 0, 1);
	}
	100%{
		-webkit-transform : scaleX(1);
		transform         : scaleX(1);
	}
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{
	0%, 68.2%{
		-webkit-transform : scaleX(0);
		transform         : scaleX(0);
	}
	68.2%{
		-webkit-animation-timing-function : cubic-bezier(0, 0, 0, 1);
		animation-timing-function         : cubic-bezier(0, 0, 0, 1);
	}
	100%{
		-webkit-transform : scaleX(1);
		transform         : scaleX(1);
	}
}

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0, 1, 1);
		animation-timing-function         : cubic-bezier(0.4, 0, 1, 1);
		opacity                           : 1;
		stroke-dashoffset                 : 0;
	}
	to{
		opacity           : 0;
		stroke-dashoffset : -29.7833385;
	}
}

@keyframes mdc-checkbox-checked-unchecked-checkmark-path{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0, 1, 1);
		animation-timing-function         : cubic-bezier(0.4, 0, 1, 1);
		opacity                           : 1;
		stroke-dashoffset                 : 0;
	}
	to{
		opacity           : 0;
		stroke-dashoffset : -29.7833385;
	}
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{
	from{
		-webkit-animation-timing-function : cubic-bezier(0, 0, 0.2, 1);
		animation-timing-function         : cubic-bezier(0, 0, 0.2, 1);
		-webkit-transform                 : rotate(0deg);
		transform                         : rotate(0deg);
		opacity                           : 1;
	}
	to{
		-webkit-transform : rotate(45deg);
		transform         : rotate(45deg);
		opacity           : 0;
	}
}

@keyframes mdc-checkbox-checked-indeterminate-checkmark{
	from{
		-webkit-animation-timing-function : cubic-bezier(0, 0, 0.2, 1);
		animation-timing-function         : cubic-bezier(0, 0, 0.2, 1);
		-webkit-transform                 : rotate(0deg);
		transform                         : rotate(0deg);
		opacity                           : 1;
	}
	to{
		-webkit-transform : rotate(45deg);
		transform         : rotate(45deg);
		opacity           : 0;
	}
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.14, 0, 0, 1);
		animation-timing-function         : cubic-bezier(0.14, 0, 0, 1);
		-webkit-transform                 : rotate(45deg);
		transform                         : rotate(45deg);
		opacity                           : 0;
	}
	to{
		-webkit-transform : rotate(360deg);
		transform         : rotate(360deg);
		opacity           : 1;
	}
}

@keyframes mdc-checkbox-indeterminate-checked-checkmark{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.14, 0, 0, 1);
		animation-timing-function         : cubic-bezier(0.14, 0, 0, 1);
		-webkit-transform                 : rotate(45deg);
		transform                         : rotate(45deg);
		opacity                           : 0;
	}
	to{
		-webkit-transform : rotate(360deg);
		transform         : rotate(360deg);
		opacity           : 1;
	}
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{
	from{
		-webkit-animation-timing-function : mdc-animation-deceleration-curve-timing-function;
		animation-timing-function         : mdc-animation-deceleration-curve-timing-function;
		-webkit-transform                 : rotate(-45deg);
		transform                         : rotate(-45deg);
		opacity                           : 0;
	}
	to{
		-webkit-transform : rotate(0deg);
		transform         : rotate(0deg);
		opacity           : 1;
	}
}

@keyframes mdc-checkbox-checked-indeterminate-mixedmark{
	from{
		-webkit-animation-timing-function : mdc-animation-deceleration-curve-timing-function;
		animation-timing-function         : mdc-animation-deceleration-curve-timing-function;
		-webkit-transform                 : rotate(-45deg);
		transform                         : rotate(-45deg);
		opacity                           : 0;
	}
	to{
		-webkit-transform : rotate(0deg);
		transform         : rotate(0deg);
		opacity           : 1;
	}
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.14, 0, 0, 1);
		animation-timing-function         : cubic-bezier(0.14, 0, 0, 1);
		-webkit-transform                 : rotate(0deg);
		transform                         : rotate(0deg);
		opacity                           : 1;
	}
	to{
		-webkit-transform : rotate(315deg);
		transform         : rotate(315deg);
		opacity           : 0;
	}
}

@keyframes mdc-checkbox-indeterminate-checked-mixedmark{
	from{
		-webkit-animation-timing-function : cubic-bezier(0.14, 0, 0, 1);
		animation-timing-function         : cubic-bezier(0.14, 0, 0, 1);
		-webkit-transform                 : rotate(0deg);
		transform                         : rotate(0deg);
		opacity                           : 1;
	}
	to{
		-webkit-transform : rotate(315deg);
		transform         : rotate(315deg);
		opacity           : 0;
	}
}

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{
	0%{
		-webkit-animation-timing-function : linear;
		animation-timing-function         : linear;
		-webkit-transform                 : scaleX(1);
		transform                         : scaleX(1);
		opacity                           : 1;
	}
	32.8%, 100%{
		-webkit-transform : scaleX(0);
		transform         : scaleX(0);
		opacity           : 0;
	}
}

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{
	0%{
		-webkit-animation-timing-function : linear;
		animation-timing-function         : linear;
		-webkit-transform                 : scaleX(1);
		transform                         : scaleX(1);
		opacity                           : 1;
	}
	32.8%, 100%{
		-webkit-transform : scaleX(0);
		transform         : scaleX(0);
		opacity           : 0;
	}
}

.mdc-checkbox{
	display                         : inline-block;
	position                        : relative;
	flex                            : 0 0 18px;
	box-sizing                      : content-box;
	width                           : 18px;
	height                          : 18px;
	padding                         : 11px;
	line-height                     : 0;
	white-space                     : nowrap;
	cursor                          : pointer;
	vertical-align                  : bottom;
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
}

.mdc-checkbox::before, .mdc-checkbox::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-checkbox::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-checkbox.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-checkbox.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-checkbox::before, .mdc-checkbox::after{
	background-color : #018786;
}

@supports not (-ms-ime-align: auto){
	.mdc-checkbox::before, .mdc-checkbox::after{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-checkbox:hover::before{
	opacity : 0.04;
}

.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-checkbox:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-checkbox:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-checkbox.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-checkbox::before, .mdc-checkbox::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-checkbox.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-checkbox__checkmark{
	color : #fff;
}

.mdc-checkbox__mixedmark{
	border-color : #fff;
}

.mdc-checkbox__background::before{
	background-color : #018786;
}

@supports not (-ms-ime-align: auto){
	.mdc-checkbox__background::before{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background{
	border-color     : rgba(0, 0, 0, 0.54);
	background-color : transparent;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background{
	border-color     : #018786;
	/* @alternate */
	border-color     : var(--mdc-theme-secondary, #018786);
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
}

@-webkit-keyframes mdc-checkbox-fade-in-background-0{
	0%{
		border-color     : rgba(0, 0, 0, 0.54);
		background-color : transparent;
	}
	50%{
		border-color     : #018786;
		/* @alternate */
		border-color     : var(--mdc-theme-secondary, #018786);
		background-color : #018786;
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

@keyframes mdc-checkbox-fade-in-background-0{
	0%{
		border-color     : rgba(0, 0, 0, 0.54);
		background-color : transparent;
	}
	50%{
		border-color     : #018786;
		/* @alternate */
		border-color     : var(--mdc-theme-secondary, #018786);
		background-color : #018786;
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

@-webkit-keyframes mdc-checkbox-fade-out-background-0{
	0%, 80%{
		border-color     : #018786;
		/* @alternate */
		border-color     : var(--mdc-theme-secondary, #018786);
		background-color : #018786;
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
	100%{
		border-color     : rgba(0, 0, 0, 0.54);
		background-color : transparent;
	}
}

@keyframes mdc-checkbox-fade-out-background-0{
	0%, 80%{
		border-color     : #018786;
		/* @alternate */
		border-color     : var(--mdc-theme-secondary, #018786);
		background-color : #018786;
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
	100%{
		border-color     : rgba(0, 0, 0, 0.54);
		background-color : transparent;
	}
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background{
	-webkit-animation-name : mdc-checkbox-fade-in-background-0;
	animation-name         : mdc-checkbox-fade-in-background-0;
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background{
	-webkit-animation-name : mdc-checkbox-fade-out-background-0;
	animation-name         : mdc-checkbox-fade-out-background-0;
}

.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background{
	border-color : rgba(0, 0, 0, 0.26);
}

.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background{
	border-color     : transparent;
	background-color : rgba(0, 0, 0, 0.26);
}

@media screen and (-ms-high-contrast : active){
	.mdc-checkbox__mixedmark{
		margin : 0 1px;
	}
}

.mdc-checkbox--disabled{
	cursor         : default;
	pointer-events : none;
}

.mdc-checkbox__background{
	/* @noflip */
	left             : 11px;
	/* @noflip */
	right            : initial;
	display          : inline-flex;
	position         : absolute;
	top              : 11px;
	bottom           : 0;
	align-items      : center;
	justify-content  : center;
	box-sizing       : border-box;
	width            : 45%;
	height           : 45%;
	transition       : background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	border           : 2px solid currentColor;
	border-radius    : 2px;
	background-color : transparent;
	pointer-events   : none;
	will-change      : background-color, border-color;
}

.mdc-checkbox[dir=rtl] .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox__background{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 11px;
}

.mdc-checkbox__checkmark{
	position   : absolute;
	top        : 0;
	right      : 0;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	transition : opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	opacity    : 0;
}

.mdc-checkbox--upgraded .mdc-checkbox__checkmark{
	opacity : 1;
}

.mdc-checkbox__checkmark-path{
	transition        : stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	stroke            : currentColor;
	stroke-width      : 3.12px;
	stroke-dashoffset : 29.7833385;
	stroke-dasharray  : 29.7833385;
}

.mdc-checkbox__mixedmark{
	width             : 100%;
	height            : 0;
	-webkit-transform : scaleX(0) rotate(0deg);
	transform         : scaleX(0) rotate(0deg);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	border-width      : 1px;
	border-style      : solid;
	opacity           : 0;
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{
	transition : none !important;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{
	-webkit-animation-duration        : 180ms;
	animation-duration                : 180ms;
	-webkit-animation-timing-function : linear;
	animation-timing-function         : linear;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{
	-webkit-animation : 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
	animation         : 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
	transition        : none;
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{
	-webkit-animation : 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
	animation         : 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
	transition        : none;
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{
	-webkit-animation : 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
	animation         : 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
	transition        : none;
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{
	-webkit-animation : 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
	animation         : 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
	transition        : none;
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{
	-webkit-animation : 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
	animation         : 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
	transition        : none;
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{
	-webkit-animation : 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
	animation         : 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
	transition        : none;
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{
	-webkit-animation : 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
	animation         : 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
	transition        : none;
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{
	-webkit-animation : 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
	animation         : 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
	transition        : none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background{
	transition : border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path{
	stroke-dashoffset : 0;
}

.mdc-checkbox__background::before{
	position          : absolute;
	top               : 0;
	right             : 0;
	bottom            : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	-webkit-transform : scale(0, 0);
	transform         : scale(0, 0);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	border-radius     : 50%;
	opacity           : 0;
	pointer-events    : none;
	content           : "";
	will-change       : opacity, transform;
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before{
	content : none;
}

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before{
	-webkit-transform : scale(2.75, 2.75);
	transform         : scale(2.75, 2.75);
	transition        : opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
	opacity           : 0.12;
}

.mdc-checkbox__native-control{
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
	margin   : 0;
	padding  : 0;
	opacity  : 0;
	cursor   : inherit;
}

.mdc-checkbox__native-control:disabled{
	cursor         : default;
	pointer-events : none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark{
	transition : opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
	opacity    : 1;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark{
	-webkit-transform : scaleX(1) rotate(-45deg);
	transform         : scaleX(1) rotate(-45deg);
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark{
	-webkit-transform : rotate(45deg);
	transform         : rotate(45deg);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	opacity           : 0;
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark{
	-webkit-transform : scaleX(1) rotate(0deg);
	transform         : scaleX(1) rotate(0deg);
	opacity           : 1;
}

.mdc-chip{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	border-radius                   : 16px;
	background-color                : #e0e0e0;
	color                           : rgba(0, 0, 0, 0.87);

	-moz-osx-font-smoothing         : grayscale;
	-webkit-font-smoothing          : antialiased;
	font-size                       : 0.875rem;
	line-height                     : 1.25rem;
	font-weight                     : 400;
	letter-spacing                  : 0.0178571429em;
	text-decoration                 : inherit;
	text-transform                  : inherit;
	height                          : 32px;
	display                         : inline-flex;
	position                        : relative;
	align-items                     : center;
	box-sizing                      : border-box;
	padding                         : 7px 12px;
	outline                         : none;
	cursor                          : pointer;
	overflow                        : hidden;
}

.mdc-chip::before, .mdc-chip::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-chip::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-chip.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-chip.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-chip.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-chip.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-chip::before, .mdc-chip::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-chip.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-chip::before, .mdc-chip::after{
	background-color : rgba(0, 0, 0, 0.87);
}

.mdc-chip:hover::before{
	opacity : 0.04;
}

.mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-chip:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-chip:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-chip.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-chip:hover{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){
	margin : -4px 4px -4px -4px;
}

.mdc-chip:hover{
	color : #000;
	/* @alternate */
	color : var(--mdc-theme-on-surface, #000);
}

.mdc-chip__icon--leading{
	color : rgba(0, 0, 0, 0.54);
}

.mdc-chip__icon--trailing{
	color : rgba(0, 0, 0, 0.54);
}

.mdc-chip__icon--trailing:hover{
	color : rgba(0, 0, 0, 0.62);
}

.mdc-chip__icon--trailing:focus{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){
	width     : 20px;
	height    : 20px;
	font-size : 20px;
}

.mdc-chip__icon.mdc-chip__icon--trailing{
	width     : 18px;
	height    : 18px;
	font-size : 18px;
}

.mdc-chip__icon--trailing{
	margin : 0 -4px 0 4px;
}

.mdc-chip--exit{
	transition : opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;
	opacity    : 0;
}

.mdc-chip__text{
	white-space : nowrap;
}

.mdc-chip__icon{
	border-radius  : 50%;
	outline        : none;
	vertical-align : middle;
}

.mdc-chip__checkmark{
	height : 20px;
}

.mdc-chip__checkmark-path{
	transition        : stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
	stroke-width      : 2px;
	stroke-dashoffset : 29.7833385;
	stroke-dasharray  : 29.7833385;
}

.mdc-chip--selected .mdc-chip__checkmark-path{
	stroke-dashoffset : 0;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before{
	opacity : 0.08;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after{
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after{
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before{
	opacity : 0.12;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.2;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.24;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected{
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading{
	color : rgba(98, 0, 238, 0.54);
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover{
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path{
	stroke : rgb(6, 95, 212);
	/* @alternate */
	stroke : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-chip-set--choice .mdc-chip--selected{
	background-color : #fff;
	/* @alternate */
	background-color : var(--mdc-theme-surface, #fff);
}

.mdc-chip__checkmark-svg{
	width      : 0;
	height     : 20px;
	transition : width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-chip--selected .mdc-chip__checkmark-svg{
	width : 20px;
}

.mdc-chip-set--filter .mdc-chip__icon--leading{
	transition       : opacity 75ms linear;
	transition-delay : -50ms;
	opacity          : 1;
}

.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark{
	transition       : opacity 75ms linear;
	transition-delay : 80ms;
	opacity          : 0;
}

.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg{
	transition : width 0ms;
}

.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading{
	opacity : 0;
}

.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark{
	width   : 0;
	opacity : 1;
}

.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading{
	width   : 0;
	opacity : 0;
}

.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark{
	width : 20px;
}

@-webkit-keyframes mdc-chip-entry{
	from{
		-webkit-transform : scale(0.8);
		transform         : scale(0.8);
		opacity           : 0.4;
	}
	to{
		-webkit-transform : scale(1);
		transform         : scale(1);
		opacity           : 1;
	}
}

@keyframes mdc-chip-entry{
	from{
		-webkit-transform : scale(0.8);
		transform         : scale(0.8);
		opacity           : 0.4;
	}
	to{
		-webkit-transform : scale(1);
		transform         : scale(1);
		opacity           : 1;
	}
}

.mdc-chip-set{
	padding    : 4px;
	display    : flex;
	flex-wrap  : wrap;
	box-sizing : border-box;
}

.mdc-chip-set .mdc-chip{
	margin : 4px;
}

.mdc-chip-set--input .mdc-chip{
	-webkit-animation : mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
	animation         : mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-dialog,
.mdc-dialog__scrim{
	position        : fixed;
	top             : 0;
	left            : 0;
	align-items     : center;
	justify-content : center;
	box-sizing      : border-box;
	width           : 100%;
	height          : 100%;
}

.mdc-dialog{
	display : none;
	z-index : 7;
}

.mdc-dialog .mdc-dialog__surface{
	background-color : #fff;
	/* @alternate */
	background-color : var(--mdc-theme-surface, #fff);
}

.mdc-dialog .mdc-dialog__scrim{
	background-color : rgba(0, 0, 0, 0.32);
}

.mdc-dialog .mdc-dialog__title{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-dialog .mdc-dialog__content{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{
	border-color : rgba(0, 0, 0, 0.12);
}

.mdc-dialog .mdc-dialog__surface{
	min-width : 280px;
}

@media (max-width : 592px){
	.mdc-dialog .mdc-dialog__surface{
		max-width : calc(100vw - 32px);
	}
}

@media (min-width : 592px){
	.mdc-dialog .mdc-dialog__surface{
		max-width : 560px;
	}
}

.mdc-dialog .mdc-dialog__surface{
	max-height : calc(100vh - 32px);
}

.mdc-dialog .mdc-dialog__surface{
	border-radius : 4px;
}

.mdc-dialog__scrim{
	opacity : 0;
	z-index : -1;
}

.mdc-dialog__container{
	display           : flex;
	flex-direction    : row;
	justify-content   : space-around;
	box-sizing        : border-box;
	-webkit-transform : scale(0.8);
	transform         : scale(0.8);
	opacity           : 0;
}

.mdc-dialog__surface{
	box-shadow     : 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	display        : flex;
	flex-direction : column;
	flex-grow      : 0;
	flex-shrink    : 0;
	box-sizing     : border-box;
	max-width      : 100%;
	max-height     : 100%;
}

.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface{
	text-align : right;
}

.mdc-dialog__title{
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.25rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.0125em;
	text-decoration         : inherit;
	text-transform          : inherit;
	display                 : block;
	position                : relative;
	flex-shrink             : 0;
	box-sizing              : border-box;
	margin                  : 0;
	padding                 : 0 24px 9px;
	border-bottom           : 1px solid transparent;
}

.mdc-dialog__title::before{
	display        : inline-block;
	width          : 0;
	height         : 40px;
	content        : "";
	vertical-align : 0;
}

.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title{
	text-align : right;
}

.mdc-dialog--scrollable .mdc-dialog__title{
	padding-bottom : 15px;
}

.mdc-dialog__content{

	-moz-osx-font-smoothing    : grayscale;
	-webkit-font-smoothing     : antialiased;
	font-size                  : 1rem;
	line-height                : 1.5rem;
	font-weight                : 400;
	letter-spacing             : 0.03125em;
	text-decoration            : inherit;
	text-transform             : inherit;
	flex-grow                  : 1;
	box-sizing                 : border-box;
	margin                     : 0;
	padding                    : 20px 24px;
	overflow                   : auto;
	-webkit-overflow-scrolling : touch;
}

.mdc-dialog__content > :first-child{
	margin-top : 0;
}

.mdc-dialog__content > :last-child{
	margin-bottom : 0;
}

.mdc-dialog__title + .mdc-dialog__content{
	padding-top : 0;
}

.mdc-dialog--scrollable .mdc-dialog__content{
	padding-top    : 8px;
	padding-bottom : 8px;
}

.mdc-dialog__content .mdc-list:first-child:last-child{
	padding : 6px 0 0;
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child{
	padding : 0;
}

.mdc-dialog__actions{
	display         : flex;
	position        : relative;
	flex-shrink     : 0;
	flex-wrap       : wrap;
	align-items     : center;
	justify-content : flex-end;
	box-sizing      : border-box;
	min-height      : 52px;
	margin          : 0;
	padding         : 8px;
	border-top      : 1px solid transparent;
}

.mdc-dialog--stacked .mdc-dialog__actions{
	flex-direction : column;
	align-items    : flex-end;
}

.mdc-dialog__button{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
	max-width    : 100%;
	text-align   : right;
}

[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 8px;
}

.mdc-dialog__button:first-child{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 0;
}

.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button{
	text-align : left;
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child){
	margin-top : 12px;
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing{
	display : flex;
}

.mdc-dialog--opening .mdc-dialog__scrim{
	transition : opacity 150ms linear;
}

.mdc-dialog--opening .mdc-dialog__container{
	transition : opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container{
	transition : opacity 75ms linear;
}

.mdc-dialog--closing .mdc-dialog__container{
	-webkit-transform : scale(1);
	transform         : scale(1);
}

.mdc-dialog--open .mdc-dialog__scrim{
	opacity : 1;
}

.mdc-dialog--open .mdc-dialog__container{
	-webkit-transform : scale(1);
	transform         : scale(1);
	opacity           : 1;
}

.mdc-dialog-scroll-lock{
	overflow : hidden;
}

.mdc-drawer{
	border-color               : rgba(0, 0, 0, 0.12);
	background-color           : #fff;
	/* @noflip */
	border-radius              : 0 0 0 0;
	z-index                    : 6;
	width                      : 256px;
	display                    : flex;
	flex-direction             : column;
	flex-shrink                : 0;
	box-sizing                 : border-box;
	height                     : 100%;
	transition-property        : -webkit-transform;
	transition-property        : transform;
	transition-property        : transform, -webkit-transform;
	transition-timing-function : cubic-bezier(0.4, 0, 0.2, 1);
	/* @noflip */
	border-right-width         : 1px;
	/* @noflip */
	border-right-style         : solid;
	overflow                   : hidden;
}

.mdc-drawer .mdc-drawer__title{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-drawer .mdc-list-group__subheader{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-drawer .mdc-drawer__subtitle{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-drawer .mdc-list-item__graphic{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-drawer .mdc-list-item{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic{
	color : rgb(6, 95, 212);
}

.mdc-drawer .mdc-list-item--activated{
	color : rgba(98, 0, 238, 0.87);
}

[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl]{
	/* @noflip */
	border-radius : 0 0 0 0;
}

.mdc-drawer .mdc-list-item{
	border-radius : 4px;
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content{
	/* @noflip */
	margin-left  : 256px;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 256px;
}

[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl]{
	/* @noflip */
	border-right-width : 0;
	/* @noflip */
	border-left-width  : 1px;
	/* @noflip */
	border-right-style : none;
	/* @noflip */
	border-left-style  : solid;
}

.mdc-drawer .mdc-list-item{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.375rem;
	font-weight             : 500;
	letter-spacing          : 0.0071428571em;
	text-decoration         : inherit;
	text-transform          : inherit;
	height                  : calc(48px - 2 * 4px);
	margin                  : 8px 8px;
	padding                 : 0 8px;
}

.mdc-drawer .mdc-list-item:nth-child(1){
	margin-top : 2px;
}

.mdc-drawer .mdc-list-item:nth-last-child(1){
	margin-bottom : 0;
}

.mdc-drawer .mdc-list-group__subheader{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;
	margin                  : 0;
	padding                 : 0 16px;
}

.mdc-drawer .mdc-list-group__subheader::before{
	display        : inline-block;
	width          : 0;
	height         : 24px;
	content        : "";
	vertical-align : 0;
}

.mdc-drawer .mdc-list-divider{
	margin : 3px 0 4px 0;
}

.mdc-drawer .mdc-list-item__text,
.mdc-drawer .mdc-list-item__graphic{
	pointer-events : none;
}

.mdc-drawer--animate{
	-webkit-transform : translateX(-100%);
	transform         : translateX(-100%);
}

[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl]{
	-webkit-transform : translateX(100%);
	transform         : translateX(100%);
}

.mdc-drawer--opening{
	-webkit-transform   : translateX(0);
	transform           : translateX(0);
	transition-duration : 250ms;
}

[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl]{
	-webkit-transform : translateX(0);
	transform         : translateX(0);
}

.mdc-drawer--closing{
	-webkit-transform   : translateX(-100%);
	transform           : translateX(-100%);
	transition-duration : 200ms;
}

[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl]{
	-webkit-transform : translateX(100%);
	transform         : translateX(100%);
}

.mdc-drawer__header{
	flex-shrink : 0;
	box-sizing  : border-box;
	min-height  : 64px;
	padding     : 0 16px 4px;
}

.mdc-drawer__title{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.25rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.0125em;
	text-decoration         : inherit;
	text-transform          : inherit;
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;
	margin-bottom           : -20px;
}

.mdc-drawer__title::before{
	display        : inline-block;
	width          : 0;
	height         : 36px;
	content        : "";
	vertical-align : 0;
}

.mdc-drawer__title::after{
	display        : inline-block;
	width          : 0;
	height         : 20px;
	content        : "";
	vertical-align : -20px;
}

.mdc-drawer__subtitle{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;
	margin-bottom           : 0;
}

.mdc-drawer__subtitle::before{
	display        : inline-block;
	width          : 0;
	height         : 20px;
	content        : "";
	vertical-align : 0;
}

.mdc-drawer__content{
	height                     : 100%;
	overflow-y                 : auto;
	-webkit-overflow-scrolling : touch;
}

.mdc-drawer--dismissible{
	/* @noflip */
	left     : 0;
	/* @noflip */
	right    : initial;
	display  : none;
	position : absolute;
}

[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 0;
}

.mdc-drawer--dismissible.mdc-drawer--open{
	display : flex;
}

.mdc-drawer-app-content{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 0;
	position     : relative;
}

[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 0;
}

.mdc-drawer--modal{
	box-shadow : 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
	/* @noflip */
	left       : 0;
	/* @noflip */
	right      : initial;
	display    : none;
	position   : fixed;
}

.mdc-drawer--modal + .mdc-drawer-scrim{
	background-color : rgba(0, 0, 0, 0.32);
}

[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 0;
}

.mdc-drawer--modal.mdc-drawer--open{
	display : flex;
}

.mdc-drawer-scrim{
	display                    : none;
	position                   : fixed;
	top                        : 0;
	left                       : 0;
	width                      : 100%;
	height                     : 100%;
	transition-property        : opacity;
	transition-timing-function : cubic-bezier(0.4, 0, 0.2, 1);
	z-index                    : 5;
}

.mdc-drawer--open + .mdc-drawer-scrim{
	display : block;
}

.mdc-drawer--animate + .mdc-drawer-scrim{
	opacity : 0;
}

.mdc-drawer--opening + .mdc-drawer-scrim{
	transition-duration : 250ms;
	opacity             : 1;
}

.mdc-drawer--closing + .mdc-drawer-scrim{
	transition-duration : 200ms;
	opacity             : 0;
}

.mdc-elevation--z0{
	box-shadow : 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z1{
	box-shadow : 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z2{
	box-shadow : 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z3{
	box-shadow : 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z4{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z5{
	box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z6{
	box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z7{
	box-shadow : 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z8{
	box-shadow : 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z9{
	box-shadow : 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z10{
	box-shadow : 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z11{
	box-shadow : 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z12{
	box-shadow : 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z13{
	box-shadow : 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z14{
	box-shadow : 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z15{
	box-shadow : 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z16{
	box-shadow : 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z17{
	box-shadow : 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z18{
	box-shadow : 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z19{
	box-shadow : 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z20{
	box-shadow : 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z21{
	box-shadow : 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z22{
	box-shadow : 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z23{
	box-shadow : 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z24{
	box-shadow : 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mdc-elevation-transition{
	transition  : box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
	will-change : box-shadow;
}

.mdc-fab{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	box-shadow                      : 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	display                         : inline-flex;
	position                        : relative;
	align-items                     : center;
	justify-content                 : center;
	box-sizing                      : border-box;
	width                           : 56px;
	height                          : 56px;
	padding                         : 0;
	transition                      : box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition                      : box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition                      : box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
	border                          : none;
	fill                            : currentColor;
	cursor                          : pointer;
	-webkit-user-select             : none;
	-moz-user-select                : none;
	-ms-user-select                 : none;
	user-select                     : none;
	-moz-appearance                 : none;
	-webkit-appearance              : none;
	overflow                        : hidden;
	background-color                : #018786;
	color                           : #fff;
	/* @alternate */
	color                           : var(--mdc-theme-on-secondary, #fff);
}

.mdc-fab::before, .mdc-fab::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-fab::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-fab.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-fab.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-fab.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-fab.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-fab::before, .mdc-fab::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-fab.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-fab:not(.mdc-fab--extended){
	border-radius : 50%;
}

.mdc-fab::-moz-focus-inner{
	padding : 0;
	border  : 0;
}

.mdc-fab:hover, .mdc-fab:focus{
	box-shadow : 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mdc-fab:active{
	box-shadow : 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mdc-fab:active, .mdc-fab:focus{
	outline : none;
}

.mdc-fab:hover{
	cursor : pointer;
}

.mdc-fab > svg{
	width : 100%;
}

@supports not (-ms-ime-align: auto){
	.mdc-fab{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-fab .mdc-fab__icon{
	width     : 24px;
	height    : 24px;
	font-size : 24px;
}

.mdc-fab::before, .mdc-fab::after{
	background-color : #fff;
}

@supports not (-ms-ime-align: auto){
	.mdc-fab::before, .mdc-fab::after{
		/* @alternate */
		background-color : var(--mdc-theme-on-secondary, #fff);
	}
}

.mdc-fab:hover::before{
	opacity : 0.08;
}

.mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-fab:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-fab:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-fab.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-fab--mini{
	width  : 40px;
	height : 40px;
}

.mdc-fab--extended{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 2.25rem;
	font-weight             : 500;
	letter-spacing          : 0.0892857143em;
	text-decoration         : none;
	text-transform          : uppercase;
	border-radius           : 24px;
	padding                 : 0 20px;
	width                   : auto;
	max-width               : 100%;
	height                  : 48px;
}

.mdc-fab--extended .mdc-fab__icon{
	/* @noflip */
	margin-left  : -8px;
	/* @noflip */
	margin-right : 12px;
}

[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl]{
	/* @noflip */
	margin-left  : 12px;
	/* @noflip */
	margin-right : -8px;
}

.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon{
	/* @noflip */
	margin-left  : 12px;
	/* @noflip */
	margin-right : -8px;
}

[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl]{
	/* @noflip */
	margin-left  : -8px;
	/* @noflip */
	margin-right : 12px;
}

.mdc-fab__label{
	justify-content : flex-start;
	text-overflow   : ellipsis;
	white-space     : nowrap;
	overflow        : hidden;
}

.mdc-fab__icon{
	transition  : -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
	transition  : transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
	transition  : transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
	fill        : currentColor;
	will-change : transform;
}

.mdc-fab .mdc-fab__icon{
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
}

.mdc-fab--exited{
	-webkit-transform : scale(0);
	transform         : scale(0);
	transition        : opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
	transition        : opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
	transition        : opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
	opacity           : 0;
}

.mdc-fab--exited .mdc-fab__icon{
	-webkit-transform : scale(0);
	transform         : scale(0);
	transition        : -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
	transition        : transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
	transition        : transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-floating-label{
	-moz-osx-font-smoothing  : grayscale;
	-webkit-font-smoothing   : antialiased;
	font-size                : 1rem;
	line-height              : 1.75rem;
	font-weight              : 400;
	letter-spacing           : 0.009375em;
	text-decoration          : inherit;
	text-transform           : inherit;
	position                 : absolute;
	/* @noflip */
	left                     : 0;
	/* @noflip */
	-webkit-transform-origin : left top;
	transform-origin         : left top;
	transition               : color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition               : transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition               : transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	/* @alternate */
	line-height              : 1.15rem;
	text-align               : left;
	text-overflow            : ellipsis;
	white-space              : nowrap;
	cursor                   : text;
	overflow                 : hidden;
	will-change              : transform;
}

[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl]{
	/* @noflip */
	right                    : 0;
	/* @noflip */
	left                     : auto;
	/* @noflip */
	-webkit-transform-origin : right top;
	transform-origin         : right top;
	/* @noflip */
	text-align               : right;
}

.mdc-floating-label--float-above{
	cursor : auto;
}

.mdc-floating-label--float-above{
	-webkit-transform : translateY(-50%) scale(0.75);
	transform         : translateY(-50%) scale(0.75);
}

.mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-standard 250ms 1;
	animation         : mdc-floating-label-shake-float-above-standard 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
		transform                         : translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
		transform                         : translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-standard{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
		transform                         : translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
		transform                         : translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
	}
}

.mdc-form-field{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
	color                   : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color                   : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
	display                 : inline-flex;
	align-items             : center;
	vertical-align          : middle;
}

.mdc-form-field > label{
	order        : 0;
	/* @noflip */
	margin-right : auto;
	/* @noflip */
	padding-left : 4px;
}

[dir=rtl] .mdc-form-field > label, .mdc-form-field[dir=rtl] > label{
	/* @noflip */
	margin-left   : auto;
	/* @noflip */
	padding-right : 4px;
}

.mdc-form-field--align-end > label{
	order         : -1;
	/* @noflip */
	margin-left   : auto;
	/* @noflip */
	padding-right : 4px;
}

[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir=rtl] > label{
	/* @noflip */
	margin-right : auto;
	/* @noflip */
	padding-left : 4px;
}

.mdc-grid-tile__primary{
	padding-bottom : calc(100% / 1);
}

.mdc-grid-tile{
	margin  : 2px 0;
	padding : 0 2px;
}

.mdc-grid-tile__secondary{
	left  : 2px;
	width : calc(100% - 4px);
}

.mdc-grid-list__tiles{
	margin : 2px auto;
}

.mdc-grid-list__tiles{
	display   : flex;
	flex-flow : row wrap;
	padding   : 0;
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-tile{
	margin  : 0.5px 0;
	padding : 0 0.5px;
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary{
	left  : 0.5px;
	width : calc(100% - 1px);
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles{
	margin : 0.5px auto;
}

.mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary{
	padding-bottom : calc(100% / 1.7777777778);
}

.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary{
	padding-bottom : calc(100% / 1.5);
}

.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary{
	padding-bottom : calc(100% / 0.6666666667);
}

.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary{
	padding-bottom : calc(100% / 1.3333333333);
}

.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary{
	padding-bottom : calc(100% / 0.75);
}

.mdc-grid-tile{
	display  : block;
	position : relative;
	/* @alternate */
	width    : 200px;
	width    : var(--mdc-grid-list-tile-width, 200px);
}

.mdc-grid-tile__primary{
	background-color : #fff;
	/* @alternate */
	background-color : var(--mdc-theme-background, #fff);
	color            : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color            : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
	position         : relative;
	height           : 0;
}

.mdc-grid-tile__primary-content{
	position            : absolute;
	top                 : 0;
	right               : 0;
	bottom              : 0;
	left                : 0;
	width               : 100%;
	height              : 100%;
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : cover;
}

.mdc-grid-tile__secondary{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	color            : #fff;
	/* @alternate */
	color            : var(--mdc-theme-on-primary, #fff);
	position         : absolute;
	bottom           : 0;
	box-sizing       : border-box;
	height           : 48px;
	padding          : 16px;
}

.mdc-grid-tile__title{
	text-overflow : ellipsis;
	white-space   : nowrap;
	overflow      : hidden;
	display       : block;
	margin        : 0;
	padding       : 0;
	font-size     : 1rem;
	font-weight   : 500;
	line-height   : 1rem;
}

.mdc-grid-tile__support-text{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
	text-overflow           : ellipsis;
	white-space             : nowrap;
	overflow                : hidden;
	display                 : block;
	margin                  : 0;
	margin-top              : 4px;
	padding                 : 0;
}

.mdc-grid-tile__icon{
	position  : absolute;
	top       : calc(50% - 24px / 2);
	font-size : 0;
}

.mdc-grid-list--twoline-caption .mdc-grid-tile__secondary{
	height : 68px;
}

.mdc-grid-list--header-caption .mdc-grid-tile__secondary{
	top    : 0;
	bottom : auto;
}

.mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary{
	/* @noflip */
	padding-left  : 56px;
	/* @noflip */
	padding-right : 8px;
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary{
	/* @noflip */
	padding-left  : 8px;
	/* @noflip */
	padding-right : 56px;
}

.mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon{
	/* @noflip */
	left      : 16px;
	/* @noflip */
	right     : initial;
	font-size : 24px;
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary{
	/* @noflip */
	padding-left  : 16px;
	/* @noflip */
	padding-right : 56px;
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary{
	/* @noflip */
	padding-left  : 56px;
	/* @noflip */
	padding-right : 16px;
}

.mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon{
	/* @noflip */
	left      : initial;
	/* @noflip */
	right     : 16px;
	font-size : 24px;
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon{
	/* @noflip */
	left  : 16px;
	/* @noflip */
	right : initial;
}

.mdc-icon-button{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	width                           : 48px;
	height                          : 48px;
	padding                         : 12px;
	font-size                       : 24px;
	display                         : inline-block;
	position                        : relative;
	box-sizing                      : border-box;
	border                          : none;
	outline                         : none;
	background-color                : transparent;
	fill                            : currentColor;
	color                           : inherit;
	text-decoration                 : none;
	cursor                          : pointer;
	-webkit-user-select             : none;
	-moz-user-select                : none;
	-ms-user-select                 : none;
	user-select                     : none;
}

.mdc-icon-button::before, .mdc-icon-button::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-icon-button::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-icon-button.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-icon-button.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-icon-button.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-icon-button::before, .mdc-icon-button::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-icon-button.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-icon-button svg,
.mdc-icon-button img{
	width  : 24px;
	height : 24px;
}

.mdc-icon-button:disabled{
	color          : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color          : var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
	cursor         : default;
	pointer-events : none;
}

.mdc-icon-button::before, .mdc-icon-button::after{
	background-color : #000;
}

.mdc-icon-button:hover::before{
	opacity : 0.04;
}

.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-icon-button:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-icon-button:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-icon-button.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-icon-button__icon{
	display : inline-block;
}

.mdc-icon-button__icon.mdc-icon-button__icon--on{
	display : none;
}

.mdc-icon-button--on .mdc-icon-button__icon{
	display : none;
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{
	display : inline-block;
}

.mdc-icon-toggle{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	color                           : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color                           : var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
	display                         : flex;
	position                        : relative;
	align-items                     : center;
	justify-content                 : center;
	box-sizing                      : border-box;
	width                           : 48px;
	height                          : 48px;
	padding                         : 12px;
	outline                         : none;
	font-size                       : 1.5rem;
	cursor                          : pointer;
	-webkit-user-select             : none;
	-moz-user-select                : none;
	-ms-user-select                 : none;
	user-select                     : none;
	/* @alternate */
	will-change                     : initial;
}

.mdc-icon-toggle::before, .mdc-icon-toggle::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-icon-toggle::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-icon-toggle.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-icon-toggle.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-icon-toggle.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-icon-toggle::before, .mdc-icon-toggle::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-icon-toggle.mdc-ripple-upgraded::before, .mdc-icon-toggle.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-icon-toggle.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-icon-toggle::before, .mdc-icon-toggle::after{
	background-color : black;
}

.mdc-icon-toggle:hover::before{
	opacity : 0.04;
}

.mdc-icon-toggle:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-toggle.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-icon-toggle:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-icon-toggle:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-icon-toggle.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-icon-toggle::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-icon-toggle--disabled{
	color          : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color          : var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
	pointer-events : none;
}

.mdc-image-list{
	display   : flex;
	flex-wrap : wrap;
	margin    : 0 auto;
	padding   : 0;
}

.mdc-image-list__item,
.mdc-image-list__image-aspect-container{
	position   : relative;
	box-sizing : border-box;
}

.mdc-image-list__item{
	list-style-type : none;
}

.mdc-image-list__image{
	width : 100%;
}

.mdc-image-list__image-aspect-container .mdc-image-list__image{
	position            : absolute;
	top                 : 0;
	right               : 0;
	bottom              : 0;
	left                : 0;
	height              : 100%;
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : cover;
}

.mdc-image-list__image-aspect-container{
	padding-bottom : calc(100% / 1);
}

.mdc-image-list__image{
	border-radius : 0;
}

.mdc-image-list--with-text-protection .mdc-image-list__supporting{
	border-radius : 0 0 0 0;
}

.mdc-image-list__supporting{
	color           : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color           : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	box-sizing      : border-box;
	padding         : 8px 0;
	line-height     : 24px;
}

.mdc-image-list__label{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
	text-overflow           : ellipsis;
	white-space             : nowrap;
	overflow                : hidden;
}

.mdc-image-list--with-text-protection .mdc-image-list__supporting{
	position   : absolute;
	bottom     : 0;
	width      : 100%;
	height     : 48px;
	padding    : 0 16px;
	background : rgba(0, 0, 0, 0.6);
	color      : #fff;
}

.mdc-image-list--masonry{
	display : block;
}

.mdc-image-list--masonry .mdc-image-list__item{
	-webkit-column-break-inside : avoid;
	break-inside                : avoid-column;
}

.mdc-image-list--masonry .mdc-image-list__image{
	display : block;
	height  : auto;
}

:root{
	--mdc-layout-grid-margin-desktop       : 24px;
	--mdc-layout-grid-gutter-desktop       : 24px;
	--mdc-layout-grid-column-width-desktop : 72px;
	--mdc-layout-grid-margin-tablet        : 16px;
	--mdc-layout-grid-gutter-tablet        : 16px;
	--mdc-layout-grid-column-width-tablet  : 72px;
	--mdc-layout-grid-margin-phone         : 16px;
	--mdc-layout-grid-gutter-phone         : 16px;
	--mdc-layout-grid-column-width-phone   : 72px;
}

@media (min-width : 840px){
	.mdc-layout-grid{
		box-sizing : border-box;
		margin     : 0 auto;
		padding    : 24px;
		padding    : var(--mdc-layout-grid-margin-desktop, 24px);
	}
}

@media (min-width : 480px) and (max-width : 839px){
	.mdc-layout-grid{
		box-sizing : border-box;
		margin     : 0 auto;
		padding    : 16px;
		padding    : var(--mdc-layout-grid-margin-tablet, 16px);
	}
}

@media (max-width : 479px){
	.mdc-layout-grid{
		box-sizing : border-box;
		margin     : 0 auto;
		padding    : 16px;
		padding    : var(--mdc-layout-grid-margin-phone, 16px);
	}
}

@media (min-width : 840px){
	.mdc-layout-grid__inner{
		display     : flex;
		flex-flow   : row wrap;
		align-items : stretch;
		margin      : -12px;
		margin      : calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
	}

	@supports (display: grid){
		.mdc-layout-grid__inner{
			display               : grid;
			margin                : 0;
			grid-gap              : 24px;
			grid-gap              : var(--mdc-layout-grid-gutter-desktop, 24px);
			grid-template-columns : repeat(12, minmax(0, 1fr));
		}
	}
}

@media (min-width : 480px) and (max-width : 839px){
	.mdc-layout-grid__inner{
		display     : flex;
		flex-flow   : row wrap;
		align-items : stretch;
		margin      : -8px;
		margin      : calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
	}

	@supports (display: grid){
		.mdc-layout-grid__inner{
			display               : grid;
			margin                : 0;
			grid-gap              : 16px;
			grid-gap              : var(--mdc-layout-grid-gutter-tablet, 16px);
			grid-template-columns : repeat(8, minmax(0, 1fr));
		}
	}
}

@media (max-width : 479px){
	.mdc-layout-grid__inner{
		display     : flex;
		flex-flow   : row wrap;
		align-items : stretch;
		margin      : -8px;
		margin      : calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
	}

	@supports (display: grid){
		.mdc-layout-grid__inner{
			display               : grid;
			margin                : 0;
			grid-gap              : 16px;
			grid-gap              : var(--mdc-layout-grid-gutter-phone, 16px);
			grid-template-columns : repeat(4, minmax(0, 1fr));
		}
	}
}

@media (min-width : 840px){
	.mdc-layout-grid__cell{
		width      : calc(33.3333333333% - 24px);
		width      : calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
		box-sizing : border-box;
		margin     : 12px;
		margin     : calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
	}

	@supports (display: grid){
		.mdc-layout-grid__cell{
			width           : auto;
			grid-column-end : span 4;
		}
	}
	@supports (display: grid){
		.mdc-layout-grid__cell{
			margin : 0;
		}
	}
	.mdc-layout-grid__cell--span-1,
	.mdc-layout-grid__cell--span-1-desktop{
		width : calc(8.3333333333% - 24px);
		width : calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-1,
		.mdc-layout-grid__cell--span-1-desktop{
			width           : auto;
			grid-column-end : span 1;
		}
	}

	.mdc-layout-grid__cell--span-2,
	.mdc-layout-grid__cell--span-2-desktop{
		width : calc(16.6666666667% - 24px);
		width : calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-2,
		.mdc-layout-grid__cell--span-2-desktop{
			width           : auto;
			grid-column-end : span 2;
		}
	}

	.mdc-layout-grid__cell--span-3,
	.mdc-layout-grid__cell--span-3-desktop{
		width : calc(25% - 24px);
		width : calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-3,
		.mdc-layout-grid__cell--span-3-desktop{
			width           : auto;
			grid-column-end : span 3;
		}
	}

	.mdc-layout-grid__cell--span-4,
	.mdc-layout-grid__cell--span-4-desktop{
		width : calc(33.3333333333% - 24px);
		width : calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-4,
		.mdc-layout-grid__cell--span-4-desktop{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-5,
	.mdc-layout-grid__cell--span-5-desktop{
		width : calc(41.6666666667% - 24px);
		width : calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-5,
		.mdc-layout-grid__cell--span-5-desktop{
			width           : auto;
			grid-column-end : span 5;
		}
	}

	.mdc-layout-grid__cell--span-6,
	.mdc-layout-grid__cell--span-6-desktop{
		width : calc(50% - 24px);
		width : calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-6,
		.mdc-layout-grid__cell--span-6-desktop{
			width           : auto;
			grid-column-end : span 6;
		}
	}

	.mdc-layout-grid__cell--span-7,
	.mdc-layout-grid__cell--span-7-desktop{
		width : calc(58.3333333333% - 24px);
		width : calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-7,
		.mdc-layout-grid__cell--span-7-desktop{
			width           : auto;
			grid-column-end : span 7;
		}
	}

	.mdc-layout-grid__cell--span-8,
	.mdc-layout-grid__cell--span-8-desktop{
		width : calc(66.6666666667% - 24px);
		width : calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-8,
		.mdc-layout-grid__cell--span-8-desktop{
			width           : auto;
			grid-column-end : span 8;
		}
	}

	.mdc-layout-grid__cell--span-9,
	.mdc-layout-grid__cell--span-9-desktop{
		width : calc(75% - 24px);
		width : calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-9,
		.mdc-layout-grid__cell--span-9-desktop{
			width           : auto;
			grid-column-end : span 9;
		}
	}

	.mdc-layout-grid__cell--span-10,
	.mdc-layout-grid__cell--span-10-desktop{
		width : calc(83.3333333333% - 24px);
		width : calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-10,
		.mdc-layout-grid__cell--span-10-desktop{
			width           : auto;
			grid-column-end : span 10;
		}
	}

	.mdc-layout-grid__cell--span-11,
	.mdc-layout-grid__cell--span-11-desktop{
		width : calc(91.6666666667% - 24px);
		width : calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-11,
		.mdc-layout-grid__cell--span-11-desktop{
			width           : auto;
			grid-column-end : span 11;
		}
	}

	.mdc-layout-grid__cell--span-12,
	.mdc-layout-grid__cell--span-12-desktop{
		width : calc(100% - 24px);
		width : calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-12,
		.mdc-layout-grid__cell--span-12-desktop{
			width           : auto;
			grid-column-end : span 12;
		}
	}
}

@media (min-width : 480px) and (max-width : 839px){
	.mdc-layout-grid__cell{
		width      : calc(50% - 16px);
		width      : calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
		box-sizing : border-box;
		margin     : 8px;
		margin     : calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
	}

	@supports (display: grid){
		.mdc-layout-grid__cell{
			width           : auto;
			grid-column-end : span 4;
		}
	}
	@supports (display: grid){
		.mdc-layout-grid__cell{
			margin : 0;
		}
	}
	.mdc-layout-grid__cell--span-1,
	.mdc-layout-grid__cell--span-1-tablet{
		width : calc(12.5% - 16px);
		width : calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-1,
		.mdc-layout-grid__cell--span-1-tablet{
			width           : auto;
			grid-column-end : span 1;
		}
	}

	.mdc-layout-grid__cell--span-2,
	.mdc-layout-grid__cell--span-2-tablet{
		width : calc(25% - 16px);
		width : calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-2,
		.mdc-layout-grid__cell--span-2-tablet{
			width           : auto;
			grid-column-end : span 2;
		}
	}

	.mdc-layout-grid__cell--span-3,
	.mdc-layout-grid__cell--span-3-tablet{
		width : calc(37.5% - 16px);
		width : calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-3,
		.mdc-layout-grid__cell--span-3-tablet{
			width           : auto;
			grid-column-end : span 3;
		}
	}

	.mdc-layout-grid__cell--span-4,
	.mdc-layout-grid__cell--span-4-tablet{
		width : calc(50% - 16px);
		width : calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-4,
		.mdc-layout-grid__cell--span-4-tablet{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-5,
	.mdc-layout-grid__cell--span-5-tablet{
		width : calc(62.5% - 16px);
		width : calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-5,
		.mdc-layout-grid__cell--span-5-tablet{
			width           : auto;
			grid-column-end : span 5;
		}
	}

	.mdc-layout-grid__cell--span-6,
	.mdc-layout-grid__cell--span-6-tablet{
		width : calc(75% - 16px);
		width : calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-6,
		.mdc-layout-grid__cell--span-6-tablet{
			width           : auto;
			grid-column-end : span 6;
		}
	}

	.mdc-layout-grid__cell--span-7,
	.mdc-layout-grid__cell--span-7-tablet{
		width : calc(87.5% - 16px);
		width : calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-7,
		.mdc-layout-grid__cell--span-7-tablet{
			width           : auto;
			grid-column-end : span 7;
		}
	}

	.mdc-layout-grid__cell--span-8,
	.mdc-layout-grid__cell--span-8-tablet{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-8,
		.mdc-layout-grid__cell--span-8-tablet{
			width           : auto;
			grid-column-end : span 8;
		}
	}

	.mdc-layout-grid__cell--span-9,
	.mdc-layout-grid__cell--span-9-tablet{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-9,
		.mdc-layout-grid__cell--span-9-tablet{
			width           : auto;
			grid-column-end : span 8;
		}
	}

	.mdc-layout-grid__cell--span-10,
	.mdc-layout-grid__cell--span-10-tablet{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-10,
		.mdc-layout-grid__cell--span-10-tablet{
			width           : auto;
			grid-column-end : span 8;
		}
	}

	.mdc-layout-grid__cell--span-11,
	.mdc-layout-grid__cell--span-11-tablet{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-11,
		.mdc-layout-grid__cell--span-11-tablet{
			width           : auto;
			grid-column-end : span 8;
		}
	}

	.mdc-layout-grid__cell--span-12,
	.mdc-layout-grid__cell--span-12-tablet{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-12,
		.mdc-layout-grid__cell--span-12-tablet{
			width           : auto;
			grid-column-end : span 8;
		}
	}
}

@media (max-width : 479px){
	.mdc-layout-grid__cell{
		width      : calc(100% - 16px);
		width      : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
		box-sizing : border-box;
		margin     : 8px;
		margin     : calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
	}

	@supports (display: grid){
		.mdc-layout-grid__cell{
			width           : auto;
			grid-column-end : span 4;
		}
	}
	@supports (display: grid){
		.mdc-layout-grid__cell{
			margin : 0;
		}
	}
	.mdc-layout-grid__cell--span-1,
	.mdc-layout-grid__cell--span-1-phone{
		width : calc(25% - 16px);
		width : calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-1,
		.mdc-layout-grid__cell--span-1-phone{
			width           : auto;
			grid-column-end : span 1;
		}
	}

	.mdc-layout-grid__cell--span-2,
	.mdc-layout-grid__cell--span-2-phone{
		width : calc(50% - 16px);
		width : calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-2,
		.mdc-layout-grid__cell--span-2-phone{
			width           : auto;
			grid-column-end : span 2;
		}
	}

	.mdc-layout-grid__cell--span-3,
	.mdc-layout-grid__cell--span-3-phone{
		width : calc(75% - 16px);
		width : calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-3,
		.mdc-layout-grid__cell--span-3-phone{
			width           : auto;
			grid-column-end : span 3;
		}
	}

	.mdc-layout-grid__cell--span-4,
	.mdc-layout-grid__cell--span-4-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-4,
		.mdc-layout-grid__cell--span-4-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-5,
	.mdc-layout-grid__cell--span-5-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-5,
		.mdc-layout-grid__cell--span-5-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-6,
	.mdc-layout-grid__cell--span-6-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-6,
		.mdc-layout-grid__cell--span-6-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-7,
	.mdc-layout-grid__cell--span-7-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-7,
		.mdc-layout-grid__cell--span-7-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-8,
	.mdc-layout-grid__cell--span-8-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-8,
		.mdc-layout-grid__cell--span-8-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-9,
	.mdc-layout-grid__cell--span-9-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-9,
		.mdc-layout-grid__cell--span-9-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-10,
	.mdc-layout-grid__cell--span-10-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-10,
		.mdc-layout-grid__cell--span-10-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-11,
	.mdc-layout-grid__cell--span-11-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-11,
		.mdc-layout-grid__cell--span-11-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}

	.mdc-layout-grid__cell--span-12,
	.mdc-layout-grid__cell--span-12-phone{
		width : calc(100% - 16px);
		width : calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
	}

	@supports (display: grid){
		.mdc-layout-grid__cell--span-12,
		.mdc-layout-grid__cell--span-12-phone{
			width           : auto;
			grid-column-end : span 4;
		}
	}
}

.mdc-layout-grid__cell--order-1{
	order : 1;
}

.mdc-layout-grid__cell--order-2{
	order : 2;
}

.mdc-layout-grid__cell--order-3{
	order : 3;
}

.mdc-layout-grid__cell--order-4{
	order : 4;
}

.mdc-layout-grid__cell--order-5{
	order : 5;
}

.mdc-layout-grid__cell--order-6{
	order : 6;
}

.mdc-layout-grid__cell--order-7{
	order : 7;
}

.mdc-layout-grid__cell--order-8{
	order : 8;
}

.mdc-layout-grid__cell--order-9{
	order : 9;
}

.mdc-layout-grid__cell--order-10{
	order : 10;
}

.mdc-layout-grid__cell--order-11{
	order : 11;
}

.mdc-layout-grid__cell--order-12{
	order : 12;
}

.mdc-layout-grid__cell--align-top{
	align-self : flex-start;
}

@supports (display: grid){
	.mdc-layout-grid__cell--align-top{
		align-self : start;
	}
}

.mdc-layout-grid__cell--align-middle{
	align-self : center;
}

.mdc-layout-grid__cell--align-bottom{
	align-self : flex-end;
}

@supports (display: grid){
	.mdc-layout-grid__cell--align-bottom{
		align-self : end;
	}
}

@media (min-width : 840px){
	.mdc-layout-grid--fixed-column-width{
		width : 1176px;
		width : calc(var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2);
	}
}

@media (min-width : 480px) and (max-width : 839px){
	.mdc-layout-grid--fixed-column-width{
		width : 720px;
		width : calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2);
	}
}

@media (max-width : 479px){
	.mdc-layout-grid--fixed-column-width{
		width : 368px;
		width : calc(var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2);
	}
}

.mdc-layout-grid--align-left{
	margin-right : auto;
	margin-left  : 0;
}

.mdc-layout-grid--align-right{
	margin-right : 0;
	margin-left  : auto;
}

.mdc-line-ripple{
	position          : absolute;
	bottom            : 0;
	left              : 0;
	width             : 100%;
	height            : 2px;
	-webkit-transform : scaleX(0);
	transform         : scaleX(0);
	transition        : opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
	transition        : transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
	transition        : transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity           : 0;
	z-index           : 2;
}

.mdc-line-ripple--active{
	-webkit-transform : scaleX(1);
	transform         : scaleX(1);
	opacity           : 1;
}

.mdc-line-ripple--deactivating{
	opacity : 0;
}

@-webkit-keyframes primary-indeterminate-translate{
	0%{
		-webkit-transform : translateX(0);
		transform         : translateX(0);
	}
	20%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	59.15%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(83.67142%);
		transform                         : translateX(83.67142%);
	}
	100%{
		-webkit-transform : translateX(200.611057%);
		transform         : translateX(200.611057%);
	}
}

@keyframes primary-indeterminate-translate{
	0%{
		-webkit-transform : translateX(0);
		transform         : translateX(0);
	}
	20%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	59.15%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(83.67142%);
		transform                         : translateX(83.67142%);
	}
	100%{
		-webkit-transform : translateX(200.611057%);
		transform         : translateX(200.611057%);
	}
}

@-webkit-keyframes primary-indeterminate-scale{
	0%{
		-webkit-transform : scaleX(0.08);
		transform         : scaleX(0.08);
	}
	36.65%{
		-webkit-animation-timing-function : cubic-bezier(0.334731, 0.12482, 0.785844, 1);
		animation-timing-function         : cubic-bezier(0.334731, 0.12482, 0.785844, 1);
		-webkit-transform                 : scaleX(0.08);
		transform                         : scaleX(0.08);
	}
	69.15%{
		-webkit-animation-timing-function : cubic-bezier(0.06, 0.11, 0.6, 1);
		animation-timing-function         : cubic-bezier(0.06, 0.11, 0.6, 1);
		-webkit-transform                 : scaleX(0.661479);
		transform                         : scaleX(0.661479);
	}
	100%{
		-webkit-transform : scaleX(0.08);
		transform         : scaleX(0.08);
	}
}

@keyframes primary-indeterminate-scale{
	0%{
		-webkit-transform : scaleX(0.08);
		transform         : scaleX(0.08);
	}
	36.65%{
		-webkit-animation-timing-function : cubic-bezier(0.334731, 0.12482, 0.785844, 1);
		animation-timing-function         : cubic-bezier(0.334731, 0.12482, 0.785844, 1);
		-webkit-transform                 : scaleX(0.08);
		transform                         : scaleX(0.08);
	}
	69.15%{
		-webkit-animation-timing-function : cubic-bezier(0.06, 0.11, 0.6, 1);
		animation-timing-function         : cubic-bezier(0.06, 0.11, 0.6, 1);
		-webkit-transform                 : scaleX(0.661479);
		transform                         : scaleX(0.661479);
	}
	100%{
		-webkit-transform : scaleX(0.08);
		transform         : scaleX(0.08);
	}
}

@-webkit-keyframes secondary-indeterminate-translate{
	0%{
		-webkit-animation-timing-function : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		animation-timing-function         : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	25%{
		-webkit-animation-timing-function : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		animation-timing-function         : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		-webkit-transform                 : translateX(37.651913%);
		transform                         : translateX(37.651913%);
	}
	48.35%{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		animation-timing-function         : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		-webkit-transform                 : translateX(84.386165%);
		transform                         : translateX(84.386165%);
	}
	100%{
		-webkit-transform : translateX(160.277782%);
		transform         : translateX(160.277782%);
	}
}

@keyframes secondary-indeterminate-translate{
	0%{
		-webkit-animation-timing-function : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		animation-timing-function         : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	25%{
		-webkit-animation-timing-function : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		animation-timing-function         : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		-webkit-transform                 : translateX(37.651913%);
		transform                         : translateX(37.651913%);
	}
	48.35%{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		animation-timing-function         : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		-webkit-transform                 : translateX(84.386165%);
		transform                         : translateX(84.386165%);
	}
	100%{
		-webkit-transform : translateX(160.277782%);
		transform         : translateX(160.277782%);
	}
}

@-webkit-keyframes secondary-indeterminate-scale{
	0%{
		-webkit-animation-timing-function : cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
		animation-timing-function         : cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
		-webkit-transform                 : scaleX(0.08);
		transform                         : scaleX(0.08);
	}
	19.15%{
		-webkit-animation-timing-function : cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
		animation-timing-function         : cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
		-webkit-transform                 : scaleX(0.457104);
		transform                         : scaleX(0.457104);
	}
	44.15%{
		-webkit-animation-timing-function : cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
		animation-timing-function         : cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
		-webkit-transform                 : scaleX(0.72796);
		transform                         : scaleX(0.72796);
	}
	100%{
		-webkit-transform : scaleX(0.08);
		transform         : scaleX(0.08);
	}
}

@keyframes secondary-indeterminate-scale{
	0%{
		-webkit-animation-timing-function : cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
		animation-timing-function         : cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
		-webkit-transform                 : scaleX(0.08);
		transform                         : scaleX(0.08);
	}
	19.15%{
		-webkit-animation-timing-function : cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
		animation-timing-function         : cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
		-webkit-transform                 : scaleX(0.457104);
		transform                         : scaleX(0.457104);
	}
	44.15%{
		-webkit-animation-timing-function : cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
		animation-timing-function         : cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
		-webkit-transform                 : scaleX(0.72796);
		transform                         : scaleX(0.72796);
	}
	100%{
		-webkit-transform : scaleX(0.08);
		transform         : scaleX(0.08);
	}
}

@-webkit-keyframes buffering{
	to{
		-webkit-transform : translateX(-10px);
		transform         : translateX(-10px);
	}
}

@keyframes buffering{
	to{
		-webkit-transform : translateX(-10px);
		transform         : translateX(-10px);
	}
}

@-webkit-keyframes primary-indeterminate-translate-reverse{
	0%{
		-webkit-transform : translateX(0);
		transform         : translateX(0);
	}
	20%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	59.15%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(-83.67142%);
		transform                         : translateX(-83.67142%);
	}
	100%{
		-webkit-transform : translateX(-200.611057%);
		transform         : translateX(-200.611057%);
	}
}

@keyframes primary-indeterminate-translate-reverse{
	0%{
		-webkit-transform : translateX(0);
		transform         : translateX(0);
	}
	20%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	59.15%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(-83.67142%);
		transform                         : translateX(-83.67142%);
	}
	100%{
		-webkit-transform : translateX(-200.611057%);
		transform         : translateX(-200.611057%);
	}
}

@-webkit-keyframes secondary-indeterminate-translate-reverse{
	0%{
		-webkit-animation-timing-function : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		animation-timing-function         : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	25%{
		-webkit-animation-timing-function : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		animation-timing-function         : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		-webkit-transform                 : translateX(-37.651913%);
		transform                         : translateX(-37.651913%);
	}
	48.35%{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		animation-timing-function         : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		-webkit-transform                 : translateX(-84.386165%);
		transform                         : translateX(-84.386165%);
	}
	100%{
		-webkit-transform : translateX(-160.277782%);
		transform         : translateX(-160.277782%);
	}
}

@keyframes secondary-indeterminate-translate-reverse{
	0%{
		-webkit-animation-timing-function : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		animation-timing-function         : cubic-bezier(0.15, 0, 0.515058, 0.409685);
		-webkit-transform                 : translateX(0);
		transform                         : translateX(0);
	}
	25%{
		-webkit-animation-timing-function : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		animation-timing-function         : cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
		-webkit-transform                 : translateX(-37.651913%);
		transform                         : translateX(-37.651913%);
	}
	48.35%{
		-webkit-animation-timing-function : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		animation-timing-function         : cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
		-webkit-transform                 : translateX(-84.386165%);
		transform                         : translateX(-84.386165%);
	}
	100%{
		-webkit-transform : translateX(-160.277782%);
		transform         : translateX(-160.277782%);
	}
}

@-webkit-keyframes buffering-reverse{
	to{
		-webkit-transform : translateX(10px);
		transform         : translateX(10px);
	}
}

@keyframes buffering-reverse{
	to{
		-webkit-transform : translateX(10px);
		transform         : translateX(10px);
	}
}

.mdc-linear-progress{
	position          : relative;
	width             : 100%;
	height            : 4px;
	-webkit-transform : translateZ(0);
	transform         : translateZ(0);
	transition        : opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	overflow          : hidden;
}

.mdc-linear-progress__bar{
	position                 : absolute;
	width                    : 100%;
	height                   : 100%;
	-webkit-animation        : none;
	animation                : none;
	-webkit-transform-origin : top left;
	transform-origin         : top left;
	transition               : -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition               : transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition               : transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-linear-progress__bar-inner{
	display           : inline-block;
	position          : absolute;
	width             : 100%;
	height            : 100%;
	-webkit-animation : none;
	animation         : none;
}

.mdc-linear-progress__buffering-dots{
	position          : absolute;
	width             : 100%;
	height            : 100%;
	-webkit-animation : buffering 250ms infinite linear;
	animation         : buffering 250ms infinite linear;
	background-repeat : repeat-x;
	background-size   : 10px 4px;
}

.mdc-linear-progress__buffer{
	position                 : absolute;
	width                    : 100%;
	height                   : 100%;
	-webkit-transform-origin : top left;
	transform-origin         : top left;
	transition               : -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition               : transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition               : transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-linear-progress__primary-bar{
	-webkit-transform : scaleX(0);
	transform         : scaleX(0);
}

.mdc-linear-progress__secondary-bar{
	visibility : hidden;
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{
	transition : none;
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{
	left              : -145.166611%;
	-webkit-animation : primary-indeterminate-translate 2s infinite linear;
	animation         : primary-indeterminate-translate 2s infinite linear;
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner{
	-webkit-animation : primary-indeterminate-scale 2s infinite linear;
	animation         : primary-indeterminate-scale 2s infinite linear;
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{
	left              : -54.888891%;
	-webkit-animation : secondary-indeterminate-translate 2s infinite linear;
	animation         : secondary-indeterminate-translate 2s infinite linear;
	visibility        : visible;
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner{
	-webkit-animation : secondary-indeterminate-scale 2s infinite linear;
	animation         : secondary-indeterminate-scale 2s infinite linear;
}

.mdc-linear-progress--reversed .mdc-linear-progress__bar,
.mdc-linear-progress--reversed .mdc-linear-progress__buffer{
	right                    : 0;
	-webkit-transform-origin : center right;
	transform-origin         : center right;
}

.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar{
	-webkit-animation-name : primary-indeterminate-translate-reverse;
	animation-name         : primary-indeterminate-translate-reverse;
}

.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar{
	-webkit-animation-name : secondary-indeterminate-translate-reverse;
	animation-name         : secondary-indeterminate-translate-reverse;
}

.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots{
	-webkit-animation : buffering-reverse 250ms infinite linear;
	animation         : buffering-reverse 250ms infinite linear;
}

.mdc-linear-progress--closed{
	opacity : 0;
}

.mdc-linear-progress__bar-inner{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-linear-progress__buffering-dots{
	background-image : url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 enable-background=%27new 0 0 5 2%27 xml:space=%27preserve%27 viewBox=%270 0 5 2%27 preserveAspectRatio=%27none slice%27%3E%3Ccircle cx=%271%27 cy=%271%27 r=%271%27 fill=%27%23e6e6e6%27/%3E%3C/svg%3E");
}

.mdc-linear-progress__buffer{
	background-color : #e6e6e6;
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar{
	right : -145.166611%;
	left  : auto;
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar{
	right : -54.888891%;
	left  : auto;
}

.mdc-list{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
	color                   : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color                   : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
	margin                  : 0;
	padding                 : 8px 0;
	/* @alternate */
	line-height             : 1.5rem;
	list-style-type         : none;
}

.mdc-list-item__secondary-text{
	color : rgba(0, 0, 0, 0.54);
	/* @alternate */
	color : var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__graphic{
	background-color : transparent;
}

.mdc-list-item__graphic{
	color : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color : var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__meta{
	color : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color : var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list--dense{
	padding-top    : 4px;
	padding-bottom : 4px;
	font-size      : 0.812rem;
}

.mdc-list-item{
	display         : flex;
	position        : relative;
	align-items     : center;
	justify-content : flex-start;
	height          : 48px;
	padding         : 0 16px;
	overflow        : hidden;
}

.mdc-list-item:focus{
	outline : none;
}

.mdc-list-item--selected,
.mdc-list-item--activated{
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-list-item--selected .mdc-list-item__graphic,
.mdc-list-item--activated .mdc-list-item__graphic{
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-list-item--disabled{
	color : rgba(0, 0, 0, 0.38);
	/* @alternate */
	color : var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__graphic{
	/* @noflip */
	margin-left     : 0;
	/* @noflip */
	margin-right    : 32px;
	width           : 24px;
	height          : 24px;
	flex-shrink     : 0;
	align-items     : center;
	justify-content : center;
	fill            : currentColor;
}

.mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic{
	/* @noflip */
	margin-left  : 32px;
	/* @noflip */
	margin-right : 0;
}

.mdc-list .mdc-list-item__graphic{
	display : inline-flex;
}

.mdc-list-item__meta{
	/* @noflip */
	margin-left  : auto;
	/* @noflip */
	margin-right : 0;
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : auto;
}

.mdc-list-item__text{
	text-overflow : ellipsis;
	white-space   : nowrap;
	overflow      : hidden;
}

.mdc-list-item__text[for]{
	pointer-events : none;
}

.mdc-list-item__primary-text{
	text-overflow : ellipsis;
	white-space   : nowrap;
	overflow      : hidden;
	display       : block;
	margin-top    : 0;
	/* @alternate */
	line-height   : normal;
	margin-bottom : -20px;
	display       : block;
}

.mdc-list-item__primary-text::before{
	display        : inline-block;
	width          : 0;
	height         : 32px;
	content        : "";
	vertical-align : 0;
}

.mdc-list-item__primary-text::after{
	display        : inline-block;
	width          : 0;
	height         : 20px;
	content        : "";
	vertical-align : -20px;
}

.mdc-list--dense .mdc-list-item__primary-text{
	display       : block;
	margin-top    : 0;
	/* @alternate */
	line-height   : normal;
	margin-bottom : -20px;
}

.mdc-list--dense .mdc-list-item__primary-text::before{
	display        : inline-block;
	width          : 0;
	height         : 24px;
	content        : "";
	vertical-align : 0;
}

.mdc-list--dense .mdc-list-item__primary-text::after{
	display        : inline-block;
	width          : 0;
	height         : 20px;
	content        : "";
	vertical-align : -20px;
}

.mdc-list-item__secondary-text{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
	text-overflow           : ellipsis;
	white-space             : nowrap;
	overflow                : hidden;
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;
	display                 : block;
}

.mdc-list-item__secondary-text::before{
	display        : inline-block;
	width          : 0;
	height         : 20px;
	content        : "";
	vertical-align : 0;
}

.mdc-list--dense .mdc-list-item__secondary-text{
	display     : block;
	margin-top  : 0;
	/* @alternate */
	line-height : normal;
	font-size   : inherit;
}

.mdc-list--dense .mdc-list-item__secondary-text::before{
	display        : inline-block;
	width          : 0;
	height         : 20px;
	content        : "";
	vertical-align : 0;
}

.mdc-list--dense .mdc-list-item{
	height : 40px;
}

.mdc-list--dense .mdc-list-item__graphic{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 36px;
	width        : 20px;
	height       : 20px;
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic{
	/* @noflip */
	margin-left  : 36px;
	/* @noflip */
	margin-right : 0;
}

.mdc-list--avatar-list .mdc-list-item{
	height : 56px;
}

.mdc-list--avatar-list .mdc-list-item__graphic{
	/* @noflip */
	margin-left   : 0;
	/* @noflip */
	margin-right  : 16px;
	width         : 40px;
	height        : 40px;
	border-radius : 50%;
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic{
	/* @noflip */
	margin-left  : 16px;
	/* @noflip */
	margin-right : 0;
}

.mdc-list--two-line .mdc-list-item__text{
	align-self : flex-start;
}

.mdc-list--two-line .mdc-list-item{
	height : 72px;
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item{
	height : 60px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item{
	height : 60px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 20px;
	width        : 36px;
	height       : 36px;
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic{
	/* @noflip */
	margin-left  : 20px;
	/* @noflip */
	margin-right : 0;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after{
	background-color : #000;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before{
	opacity : 0.04;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before{
	opacity : 0.12;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after{
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after{
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before{
	opacity : 0.16;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.28;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.28;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before{
	opacity : 0.08;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after{
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after{
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before{
	opacity : 0.12;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.2;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.24;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.24;
}

a.mdc-list-item{
	color           : inherit;
	text-decoration : none;
}

.mdc-list-divider{
	height              : 0;
	margin              : 0;
	border              : none;
	border-bottom-width : 1px;
	border-bottom-style : solid;
}

.mdc-list-divider{
	border-bottom-color : rgba(0, 0, 0, 0.12);
}

.mdc-list-divider--padded{
	margin : 0 16px;
}

.mdc-list-divider--inset{
	/* @noflip */
	margin-left  : 72px;
	/* @noflip */
	margin-right : 0;
	width        : calc(100% - 72px);
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 72px;
}

.mdc-list-divider--inset.mdc-list-divider--padded{
	width : calc(100% - 72px - 16px);
}

.mdc-list-group .mdc-list{
	padding : 0;
}

.mdc-list-group__subheader{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
	margin                  : 0.75rem 16px;
}

.mdc-list-group__subheader{
	color : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-menu{
	min-width : 112px;
}

.mdc-menu .mdc-list-item__meta{
	color : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-menu .mdc-list-item__graphic{
	color : rgba(0, 0, 0, 0.87);
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-menu .mdc-list-divider{
	margin : 8px 0;
}

.mdc-menu .mdc-list-item{
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

.mdc-menu .mdc-list-item--disabled{
	cursor : auto;
}

.mdc-menu a.mdc-list-item .mdc-list-item__text,
.mdc-menu a.mdc-list-item .mdc-list-item__graphic{
	pointer-events : none;
}

.mdc-menu__selection-group{
	padding : 0;
	fill    : currentColor;
}

.mdc-menu__selection-group .mdc-list-item{
	/* @noflip */
	padding-left  : 56px;
	/* @noflip */
	padding-right : 0;
}

[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl]{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 56px;
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon{
	/* @noflip */
	left     : 16px;
	/* @noflip */
	right    : initial;
	display  : none;
	position : absolute;
}

[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon{
	display : inline;
}

.mdc-menu-surface{
	box-shadow               : 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
	background-color         : #fff;
	/* @alternate */
	background-color         : var(--mdc-theme-surface, #fff);
	color                    : #000;
	/* @alternate */
	color                    : var(--mdc-theme-on-surface, #000);
	/* @noflip */
	transform-origin-left    : top left;
	/* @noflip */
	transform-origin-right   : top right;
	border-radius            : 4px;
	display                  : none;
	position                 : absolute;
	box-sizing               : border-box;
	max-width                : calc(100vw - 32px);
	max-height               : calc(100vh - 32px);
	margin                   : 0;
	padding                  : 0;
	-webkit-transform        : scale(1);
	transform                : scale(1);
	-webkit-transform-origin : top left;
	transform-origin         : top left;
	opacity                  : 0;
	overflow                 : auto;
	will-change              : transform, opacity;
	z-index                  : 8;
}

[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl]{
	/* @noflip */
	transform-origin-left  : top right;
	/* @noflip */
	transform-origin-right : top left;
}

.mdc-menu-surface:focus{
	outline : none;
}

.mdc-menu-surface--animating-open{
	display           : inline-block;
	-webkit-transform : scale(0.8);
	transform         : scale(0.8);
	transition        : opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
	opacity           : 0;
}

.mdc-menu-surface--open{
	display           : inline-block;
	-webkit-transform : scale(1);
	transform         : scale(1);
	opacity           : 1;
}

.mdc-menu-surface--animating-closed{
	display    : inline-block;
	transition : opacity 0.075s linear;
	opacity    : 0;
}

.mdc-menu-surface--anchor{
	position : relative;
	overflow : visible;
}

.mdc-menu-surface--fixed{
	position : fixed;
}

.mdc-notched-outline{
	display        : flex;
	position       : absolute;
	right          : 0;
	left           : 0;
	box-sizing     : border-box;
	width          : 100%;
	max-width      : 100%;
	height         : 100%;
	/* @noflip */
	text-align     : left;
	pointer-events : none;
}

[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl]{
	/* @noflip */
	text-align : right;
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing{
	box-sizing     : border-box;
	height         : 100%;
	border-top     : 1px solid;
	border-bottom  : 1px solid;
	pointer-events : none;
}

.mdc-notched-outline__leading{
	/* @noflip */
	border-left  : 1px solid;
	/* @noflip */
	border-right : none;
	width        : 12px;
}

[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl]{
	/* @noflip */
	border-left  : none;
	/* @noflip */
	border-right : 1px solid;
}

.mdc-notched-outline__trailing{
	/* @noflip */
	border-left  : none;
	/* @noflip */
	border-right : 1px solid;
	flex-grow    : 1;
}

[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl]{
	/* @noflip */
	border-left  : 1px solid;
	/* @noflip */
	border-right : none;
}

.mdc-notched-outline__notch{
	flex      : 0 0 auto;
	width     : auto;
	max-width : calc(100% - 12px * 2);
}

.mdc-notched-outline .mdc-floating-label{
	display   : inline-block;
	position  : relative;
	top       : 17px;
	bottom    : auto;
	max-width : 100%;
}

.mdc-notched-outline .mdc-floating-label--float-above{
	text-overflow : clip;
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	max-width : calc(100% / .75);
}

.mdc-notched-outline--notched .mdc-notched-outline__notch{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 8px;
	border-top    : none;
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{
	/* @noflip */
	padding-left  : 8px;
	/* @noflip */
	padding-right : 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch{
	padding : 0;
}

.mdc-radio{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	display                         : inline-block;
	position                        : relative;
	flex                            : 0 0 auto;
	box-sizing                      : border-box;
	width                           : 40px;
	height                          : 40px;
	padding                         : 10px;
	cursor                          : pointer;
	/* @alternate */
	will-change                     : opacity, transform, border-color, color;
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle{
	border-color : rgba(0, 0, 0, 0.54);
}

.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle{
	border-color : #018786;
	/* @alternate */
	border-color : var(--mdc-theme-secondary, #018786);
}

.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle{
	border-color : #018786;
	/* @alternate */
	border-color : var(--mdc-theme-secondary, #018786);
}

.mdc-radio .mdc-radio__background::before{
	background-color : #018786;
}

@supports not (-ms-ime-align: auto){
	.mdc-radio .mdc-radio__background::before{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-radio::before, .mdc-radio::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-radio::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-radio.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-radio.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-radio.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-radio::before, .mdc-radio::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-radio.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-radio::before, .mdc-radio::after{
	background-color : #018786;
}

@supports not (-ms-ime-align: auto){
	.mdc-radio::before, .mdc-radio::after{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-radio:hover::before{
	opacity : 0.04;
}

.mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-radio:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-radio:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-radio.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-radio__background{
	display    : inline-block;
	position   : absolute;
	left       : 10px;
	box-sizing : border-box;
	width      : 50%;
	height     : 50%;
}

.mdc-radio__background::before{
	position          : absolute;
	top               : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	-webkit-transform : scale(0, 0);
	transform         : scale(0, 0);
	transition        : opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	border-radius     : 50%;
	opacity           : 0;
	pointer-events    : none;
	content           : "";
}

.mdc-radio__outer-circle{
	position      : absolute;
	top           : 0;
	left          : 0;
	box-sizing    : border-box;
	width         : 100%;
	height        : 100%;
	transition    : border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	border-width  : 2px;
	border-style  : solid;
	border-radius : 50%;
}

.mdc-radio__inner-circle{
	position          : absolute;
	top               : 0;
	left              : 0;
	box-sizing        : border-box;
	width             : 100%;
	height            : 100%;
	-webkit-transform : scale(0, 0);
	transform         : scale(0, 0);
	transition        : border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	transition        : transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
	border-width      : 10px;
	border-style      : solid;
	border-radius     : 50%;
}

.mdc-radio__native-control{
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
	margin   : 0;
	padding  : 0;
	opacity  : 0;
	cursor   : inherit;
	z-index  : 1;
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before{
	content : none;
}

.mdc-radio__native-control:checked + .mdc-radio__background,
.mdc-radio__native-control:disabled + .mdc-radio__background{
	transition : opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle{
	transition : border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle{
	transition : border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition : transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio--disabled{
	cursor         : default;
	pointer-events : none;
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle{
	-webkit-transform : scale(0.5);
	transform         : scale(0.5);
	transition        : border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio__native-control:disabled + .mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background{
	cursor : default;
}

.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle{
	border-color : rgba(0, 0, 0, 0.26);
}

.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle{
	border-color : rgba(0, 0, 0, 0.26);
}

.mdc-radio__native-control:focus + .mdc-radio__background::before{
	-webkit-transform : scale(2, 2);
	transform         : scale(2, 2);
	transition        : opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
	opacity           : 0.12;
}

.mdc-ripple-surface{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	position                        : relative;
	outline                         : none;
	overflow                        : hidden;
}

.mdc-ripple-surface::before, .mdc-ripple-surface::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-ripple-surface::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-ripple-surface.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-ripple-surface.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-ripple-surface::before, .mdc-ripple-surface::after{
	background-color : #000;
}

.mdc-ripple-surface:hover::before{
	opacity : 0.04;
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-ripple-surface.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-ripple-surface::before, .mdc-ripple-surface::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-ripple-surface.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded]{
	overflow : visible;
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after{
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after{
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

.mdc-ripple-surface--primary:hover::before{
	opacity : 0.04;
}

.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after{
	background-color : #018786;
}

@supports not (-ms-ime-align: auto){
	.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-ripple-surface--accent:hover::before{
	opacity : 0.04;
}

.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

@-webkit-keyframes mdc-select-float-native-control{
	0%{
		-webkit-transform : translateY(8px);
		transform         : translateY(8px);
		opacity           : 0;
	}
	100%{
		-webkit-transform : translateY(0);
		transform         : translateY(0);
		opacity           : 1;
	}
}

@keyframes mdc-select-float-native-control{
	0%{
		-webkit-transform : translateY(8px);
		transform         : translateY(8px);
		opacity           : 0;
	}
	100%{
		-webkit-transform : translateY(0);
		transform         : translateY(0);
		opacity           : 1;
	}
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon{
	color : #000;
	/* @alternate */
	color : var(--mdc-theme-on-surface, #000);
}

.mdc-select--with-leading-icon .mdc-select__icon{
	display             : inline-block;
	position            : absolute;
	bottom              : 16px;
	box-sizing          : border-box;
	width               : 24px;
	height              : 24px;
	border              : none;
	background-color    : transparent;
	fill                : currentColor;
	opacity             : 0.54;
	text-decoration     : none;
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"]{
	cursor         : default;
	pointer-events : none;
}

.mdc-select-helper-text{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.75rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0333333333em;
	text-decoration         : inherit;
	text-transform          : inherit;
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;
	margin                  : 0;
	transition              : opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity                 : 0;
	will-change             : opacity;
}

.mdc-select-helper-text::before{
	display        : inline-block;
	width          : 0;
	height         : 16px;
	content        : "";
	vertical-align : 0;
}

.mdc-select-helper-text--persistent{
	transition  : none;
	opacity     : 1;
	will-change : initial;
}

.mdc-select{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	display                         : inline-flex;
	position                        : relative;
	box-sizing                      : border-box;
	height                          : 56px;
	overflow                        : hidden;
	will-change                     : opacity, transform, color;
}

.mdc-select:not(.mdc-select--disabled){
	background-color : whitesmoke;
}

.mdc-select::before, .mdc-select::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-select::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-select.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-select.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-select.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-select.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-select.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-select::before, .mdc-select::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-select.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-select::before, .mdc-select::after{
	background-color : rgba(0, 0, 0, 0.87);
}

.mdc-select:hover::before{
	opacity : 0.04;
}

.mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text{
	border-bottom-color : rgba(0, 0, 0, 0.42);
}

.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-select, .mdc-select__native-control{
	border-radius : 4px 4px 0 0;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{
	color : rgba(98, 0, 238, 0.87);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover{
	border-bottom-color : rgba(0, 0, 0, 0.87);
}

.mdc-select .mdc-floating-label--float-above{
	-webkit-transform : translateY(-70%) scale(0.75);
	transform         : translateY(-70%) scale(0.75);
}

.mdc-select .mdc-floating-label{
	/* @noflip */
	left           : 16px;
	/* @noflip */
	right          : initial;
	top            : 21px;
	pointer-events : none;
}

[dir=rtl] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label{
	/* @noflip */
	left  : 48px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 48px;
}

.mdc-select.mdc-select--outlined .mdc-floating-label{
	/* @noflip */
	left  : 4px;
	/* @noflip */
	right : initial;
	top   : 17px;
}

[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 4px;
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{
	/* @noflip */
	left  : 36px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 36px;
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{
	/* @noflip */
	left  : 36px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 36px;
}

.mdc-select__dropdown-icon{
	background     : url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
	/* @noflip */
	left           : auto;
	/* @noflip */
	right          : 8px;
	position       : absolute;
	bottom         : 16px;
	width          : 24px;
	height         : 24px;
	transition     : -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition     : transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition     : transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events : none;
}

[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl]{
	/* @noflip */
	left  : 8px;
	/* @noflip */
	right : auto;
}

.mdc-select--focused .mdc-select__dropdown-icon{
	background        : url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%236200ee%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
	-webkit-transform : rotate(180deg) translateY(-5px);
	transform         : rotate(180deg) translateY(-5px);
	transition        : -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition        : transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition        : transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-select__native-control{
	padding-top : 20px;
}

.mdc-select.mdc-select--focused .mdc-line-ripple::after{
	-webkit-transform : scale(1, 2);
	transform         : scale(1, 2);
	opacity           : 1;
}

.mdc-select + .mdc-select-helper-text{
	margin-right : 12px;
	margin-left  : 12px;
}

.mdc-select--outlined + .mdc-select-helper-text{
	margin-right : 16px;
	margin-left  : 16px;
}

.mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg){
	opacity : 1;
}

.mdc-select__selected-text{
	min-width   : 200px;
	padding-top : 22px;
}

.mdc-select__native-control,
.mdc-select__selected-text{
	/* @noflip */
	padding-left            : 16px;
	/* @noflip */
	padding-right           : 52px;

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
	box-sizing              : border-box;
	width                   : 100%;
	height                  : 56px;
	padding-top             : 20px;
	padding-bottom          : 4px;
	border                  : none;
	border-bottom           : 1px solid;
	outline                 : none;
	background-color        : transparent;
	color                   : inherit;
	white-space             : nowrap;
	cursor                  : pointer;
	-webkit-appearance      : none;
	-moz-appearance         : none;
	appearance              : none;
}

[dir=rtl] .mdc-select__native-control, .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select__selected-text,
.mdc-select__selected-text[dir=rtl]{
	/* @noflip */
	padding-left  : 52px;
	/* @noflip */
	padding-right : 16px;
}

.mdc-select__native-control::-ms-expand,
.mdc-select__selected-text::-ms-expand{
	display : none;
}

.mdc-select__native-control::-ms-value,
.mdc-select__selected-text::-ms-value{
	background-color : transparent;
	color            : inherit;
}

@-moz-document url-prefix(""){
	.mdc-select__native-control,
	.mdc-select__selected-text{
		text-indent : -2px;
	}
}

.mdc-select--outlined{
	border   : none;
	overflow : visible;
}

.mdc-select--outlined:not(.mdc-select--disabled){
	background-color : transparent;
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.24);
}

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.87);
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{
	border-width : 2px;
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : rgb(6, 95, 212);
	/* @alternate */
	border-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-select--outlined .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{
	/* @noflip */
	border-radius : 4px 0 0 4px;
}

[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{
	/* @noflip */
	border-radius : 0 4px 4px 0;
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing{
	/* @noflip */
	border-radius : 0 4px 4px 0;
}

[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{
	/* @noflip */
	border-radius : 4px 0 0 4px;
}

.mdc-select--outlined .mdc-select__native-control{
	border-radius : 4px;
}

.mdc-select--outlined::before, .mdc-select--outlined::after{
	content : none;
}

.mdc-select--outlined:not(.mdc-select--disabled){
	background-color : transparent;
}

.mdc-select--outlined .mdc-floating-label--float-above{
	-webkit-transform : translateY(-144%) scale(1);
	transform         : translateY(-144%) scale(1);
}

.mdc-select--outlined .mdc-floating-label--float-above{
	font-size : 0.75rem;
}

.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-130%) scale(0.75);
	transform         : translateY(-130%) scale(0.75);
}

.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-select--outlined .mdc-select__native-control,
.mdc-select--outlined .mdc-select__selected-text{
	/* @noflip */
	padding-left     : 16px;
	/* @noflip */
	padding-right    : 52px;
	display          : flex;
	padding-top      : 12px;
	padding-bottom   : 12px;
	border           : none;
	background-color : transparent;
	z-index          : 1;
}

[dir=rtl] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-select__selected-text,
.mdc-select--outlined .mdc-select__selected-text[dir=rtl]{
	/* @noflip */
	padding-left  : 52px;
	/* @noflip */
	padding-right : 16px;
}

.mdc-select--outlined .mdc-select__selected-text{
	padding-top : 14px;
}

.mdc-select--outlined .mdc-select__icon{
	z-index : 2;
}

.mdc-select--outlined .mdc-floating-label{
	line-height    : 1.15rem;
	pointer-events : auto;
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text{
	border-bottom-color : #b00020;
	/* @alternate */
	border-bottom-color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple{
	background-color : #b00020;
	/* @alternate */
	background-color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{
	color : #b00020;
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover{
	border-bottom-color : #b00020;
	/* @alternate */
	border-bottom-color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{
	border-width : 2px;
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-select--invalid .mdc-select__dropdown-icon{
	background : url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}

.mdc-select--invalid + .mdc-select-helper-text--validation-msg{
	opacity : 1;
}

.mdc-select--required .mdc-floating-label::after{
	content : "*";
}

.mdc-select--disabled{
	background-color : #fafafa;
	cursor           : default;
	pointer-events   : none;
}

.mdc-select--disabled .mdc-floating-label{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-select--disabled .mdc-select__dropdown-icon{
	background : url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}

.mdc-select--disabled .mdc-line-ripple{
	display : none;
}

.mdc-select--disabled .mdc-select__icon{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-select--disabled .mdc-select__native-control,
.mdc-select--disabled .mdc-select__selected-text{
	color               : rgba(0, 0, 0, 0.37);
	border-bottom-style : dotted;
}

.mdc-select--disabled .mdc-select__selected-text{
	pointer-events : none;
}

.mdc-select--disabled.mdc-select--outlined{
	background-color : transparent;
}

.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
.mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text{
	border-bottom-style : none;
}

.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.16);
}

.mdc-select--with-leading-icon .mdc-select__icon{
	/* @noflip */
	left  : 16px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-select--with-leading-icon .mdc-select__native-control,
.mdc-select--with-leading-icon .mdc-select__selected-text{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 32px;
}

[dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text,
.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl]{
	/* @noflip */
	padding-left  : 32px;
	/* @noflip */
	padding-right : 48px;
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above{
	-webkit-transform : translateY(-144%) translateX(-32px) scale(1);
	transform         : translateY(-144%) translateX(-32px) scale(1);
}

[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl]{
	-webkit-transform : translateY(-144%) translateX(32px) scale(1);
	transform         : translateY(-144%) translateX(32px) scale(1);
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above{
	font-size : 0.75rem;
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-130%) translateX(-32px) scale(0.75);
	transform         : translateY(-130%) translateX(-32px) scale(0.75);
}

[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{
	-webkit-transform : translateY(-130%) translateX(32px) scale(0.75);
	transform         : translateY(-130%) translateX(32px) scale(0.75);
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
	animation         : mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
}

[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
	animation         : mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text{
	/* @noflip */
	padding-left  : 32px;
	/* @noflip */
	padding-right : 32px;
}

[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl]{
	/* @noflip */
	padding-left  : 32px;
	/* @noflip */
	padding-right : 32px;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected{
	color : #000;
	/* @alternate */
	color : var(--mdc-theme-on-surface, #000);
}

.mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after{
	background-color : #000;
}

@supports not (-ms-ime-align: auto){
	.mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after{
		/* @alternate */
		background-color : var(--mdc-theme-on-surface, #000);
	}
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before{
	opacity : 0.04;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon{
	0%{
		-webkit-transform : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon{
	0%{
		-webkit-transform : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl{
	0%{
		-webkit-transform : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl{
	0%{
		-webkit-transform : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
	}
}

@-webkit-keyframes mdc-slider-emphasize{
	0%{
		-webkit-animation-timing-function : ease-out;
		animation-timing-function         : ease-out;
	}
	50%{
		-webkit-animation-timing-function : ease-in;
		animation-timing-function         : ease-in;
		-webkit-transform                 : scale(0.85);
		transform                         : scale(0.85);
	}
	100%{
		-webkit-transform : scale(0.571);
		transform         : scale(0.571);
	}
}

@keyframes mdc-slider-emphasize{
	0%{
		-webkit-animation-timing-function : ease-out;
		animation-timing-function         : ease-out;
	}
	50%{
		-webkit-animation-timing-function : ease-in;
		animation-timing-function         : ease-in;
		-webkit-transform                 : scale(0.85);
		transform                         : scale(0.85);
	}
	100%{
		-webkit-transform : scale(0.571);
		transform         : scale(0.571);
	}
}

.mdc-slider{
	position                    : relative;
	width                       : 100%;
	height                      : 48px;
	cursor                      : pointer;
	touch-action                : pan-x;
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track{
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container{
	background-color : rgba(1, 135, 134, 0.26);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after{
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb{
	fill   : #018786;
	/* @alternate */
	fill   : var(--mdc-theme-secondary, #018786);
	stroke : #018786;
	/* @alternate */
	stroke : var(--mdc-theme-secondary, #018786);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring{
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin{
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin{
	color : white;
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-dark, white);
}

.mdc-slider--disabled{
	cursor : auto;
}

.mdc-slider--disabled .mdc-slider__track{
	background-color : #9a9a9a;
}

.mdc-slider--disabled .mdc-slider__track-container{
	background-color : rgba(154, 154, 154, 0.26);
}

.mdc-slider--disabled .mdc-slider__track-marker::after,
.mdc-slider--disabled .mdc-slider__track-marker-container::after{
	background-color : #9a9a9a;
}

.mdc-slider--disabled .mdc-slider__thumb{
	fill   : #9a9a9a;
	stroke : #9a9a9a;
}

.mdc-slider--disabled .mdc-slider__thumb{
	/* @alternate */
	stroke : white;
	stroke : var(--mdc-slider-bg-color-behind-component, white);
}

.mdc-slider:focus{
	outline : none;
}

.mdc-slider__track-container{
	position : absolute;
	top      : 50%;
	width    : 100%;
	height   : 2px;
	overflow : hidden;
}

.mdc-slider__track{
	position                 : absolute;
	width                    : 100%;
	height                   : 100%;
	-webkit-transform-origin : left top;
	transform-origin         : left top;
	will-change              : transform;
}

.mdc-slider[dir=rtl] .mdc-slider__track, [dir=rtl] .mdc-slider .mdc-slider__track{
	-webkit-transform-origin : right top;
	transform-origin         : right top;
}

.mdc-slider__track-marker-container{
	display      : flex;
	margin-right : 0;
	margin-left  : -1px;
	visibility   : hidden;
}

.mdc-slider[dir=rtl] .mdc-slider__track-marker-container, [dir=rtl] .mdc-slider .mdc-slider__track-marker-container{
	margin-right : -1px;
	margin-left  : 0;
}

.mdc-slider__track-marker-container::after{
	display : block;
	width   : 2px;
	height  : 2px;
	content : "";
}

.mdc-slider__track-marker{
	flex : 1;
}

.mdc-slider__track-marker::after{
	display : block;
	width   : 2px;
	height  : 2px;
	content : "";
}

.mdc-slider__track-marker:first-child::after{
	width : 3px;
}

.mdc-slider__thumb-container{
	position            : absolute;
	top                 : 15px;
	left                : 0;
	width               : 21px;
	height              : 100%;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	will-change         : transform;
}

.mdc-slider__thumb{
	position          : absolute;
	top               : 0;
	left              : 0;
	-webkit-transform : scale(0.571);
	transform         : scale(0.571);
	transition        : fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
	transition        : transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
	transition        : transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
	stroke-width      : 3.5;
}

.mdc-slider__focus-ring{
	width         : 21px;
	height        : 21px;
	transition    : opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
	transition    : transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
	transition    : transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
	border-radius : 50%;
	opacity       : 0;
}

.mdc-slider__pin{
	display           : flex;
	position          : absolute;
	top               : 0;
	left              : 0;
	align-items       : center;
	justify-content   : center;
	width             : 26px;
	height            : 26px;
	margin-top        : -2px;
	margin-left       : -2px;
	-webkit-transform : rotate(-45deg) scale(0) translate(0, 0);
	transform         : rotate(-45deg) scale(0) translate(0, 0);
	transition        : -webkit-transform 100ms ease-out;
	transition        : transform 100ms ease-out;
	transition        : transform 100ms ease-out, -webkit-transform 100ms ease-out;
	border-radius     : 50% 50% 50% 0%;
	z-index           : 1;
}

.mdc-slider__pin-value-marker{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
	-webkit-transform       : rotate(45deg);
	transform               : rotate(45deg);
}

.mdc-slider--active .mdc-slider__thumb{
	-webkit-transform : scale3d(1, 1, 1);
	transform         : scale3d(1, 1, 1);
}

.mdc-slider--focus .mdc-slider__thumb{
	-webkit-animation : mdc-slider-emphasize 266.67ms linear;
	animation         : mdc-slider-emphasize 266.67ms linear;
}

.mdc-slider--focus .mdc-slider__focus-ring{
	-webkit-transform : scale3d(1.55, 1.55, 1.55);
	transform         : scale3d(1.55, 1.55, 1.55);
	opacity           : 0.25;
}

.mdc-slider--in-transit .mdc-slider__thumb{
	transition-delay : 140ms;
}

.mdc-slider--in-transit .mdc-slider__thumb-container,
.mdc-slider--in-transit .mdc-slider__track,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track{
	transition : -webkit-transform 80ms ease;
	transition : transform 80ms ease;
	transition : transform 80ms ease, -webkit-transform 80ms ease;
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb{
	-webkit-transform : scale(calc(12 / 21));
	transform         : scale(calc(12 / 21));
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin{
	-webkit-transform : rotate(-45deg) scale(1) translate(19px, -20px);
	transform         : rotate(-45deg) scale(1) translate(19px, -20px);
}

.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb{
	-webkit-animation : none;
	animation         : none;
}

.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container{
	visibility : visible;
}

.mdc-snackbar{
	z-index                     : 8;
	margin                      : 8px;
	display                     : none;
	position                    : fixed;
	right                       : 0;
	bottom                      : 0;
	left                        : 0;
	align-items                 : center;
	justify-content             : center;
	box-sizing                  : border-box;
	pointer-events              : none;
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}

.mdc-snackbar__surface{
	background-color : #333333;
}

.mdc-snackbar__label{
	color : rgba(255, 255, 255, 0.87);
}

.mdc-snackbar__surface{
	min-width : 344px;
}

@media (max-width : 480px), (max-width : 344px){
	.mdc-snackbar__surface{
		min-width : 100%;
	}
}

.mdc-snackbar__surface{
	max-width : 672px;
}

.mdc-snackbar__surface{
	box-shadow : 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-snackbar__surface{
	border-radius : 4px;
}

.mdc-snackbar--opening,
.mdc-snackbar--open,
.mdc-snackbar--closing{
	display : flex;
}

.mdc-snackbar--leading{
	justify-content : flex-start;
}

.mdc-snackbar--stacked .mdc-snackbar__surface{
	flex-direction : column;
	align-items    : flex-start;
}

.mdc-snackbar--stacked .mdc-snackbar__actions{
	align-self    : flex-end;
	margin-bottom : 8px;
}

.mdc-snackbar__surface{
	display           : flex;
	align-items       : center;
	justify-content   : flex-start;
	box-sizing        : border-box;
	-webkit-transform : scale(0.8);
	transform         : scale(0.8);
	opacity           : 0;
}

.mdc-snackbar--open .mdc-snackbar__surface{
	-webkit-transform : scale(1);
	transform         : scale(1);
	transition        : opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
	transition        : opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
	opacity           : 1;
	pointer-events    : auto;
}

.mdc-snackbar--closing .mdc-snackbar__surface{
	-webkit-transform : scale(1);
	transform         : scale(1);
	transition        : opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-snackbar__label{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
	flex-grow               : 1;
	box-sizing              : border-box;
	margin                  : 0;
	padding                 : 14px 16px;
}

.mdc-snackbar__label::before{
	display : inline;
	content : attr(data-mdc-snackbar-label-text);
}

.mdc-snackbar__actions{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 8px;
	display      : flex;
	flex-shrink  : 0;
	align-items  : center;
	box-sizing   : border-box;
}

[dir=rtl] .mdc-snackbar__actions, .mdc-snackbar__actions[dir=rtl]{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
}

.mdc-snackbar__action:not(:disabled){
	color : #bb86fc;
}

.mdc-snackbar__action::before, .mdc-snackbar__action::after{
	background-color : #bb86fc;
}

.mdc-snackbar__action:hover::before{
	opacity : 0.08;
}

.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-snackbar__action.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-snackbar__dismiss{
	color : rgba(255, 255, 255, 0.87);
}

.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after{
	background-color : rgba(255, 255, 255, 0.87);
}

.mdc-snackbar__dismiss:hover::before{
	opacity : 0.08;
}

.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-snackbar__dismiss.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-snackbar__dismiss.mdc-snackbar__dismiss{
	width     : 36px;
	height    : 36px;
	padding   : 9px;
	font-size : 18px;
}

.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
.mdc-snackbar__dismiss.mdc-snackbar__dismiss img{
	width  : 18px;
	height : 18px;
}

.mdc-snackbar__action + .mdc-snackbar__dismiss{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 8px;
}

.mdc-switch{
	display             : inline-block;
	position            : relative;
	outline             : none;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

.mdc-switch.mdc-switch--checked .mdc-switch__track{
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
	border-color     : #018786;
	/* @alternate */
	border-color     : var(--mdc-theme-secondary, #018786);
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb{
	background-color : #018786;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786);
	border-color     : #018786;
	/* @alternate */
	border-color     : var(--mdc-theme-secondary, #018786);
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track{
	background-color : #000;
	border-color     : #000;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb{
	background-color : #fff;
	border-color     : #fff;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after{
	background-color : #9e9e9e;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before{
	opacity : 0.08;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-switch__native-control{
	/* @noflip */
	left           : 0;
	/* @noflip */
	right          : initial;
	position       : absolute;
	top            : 0;
	width          : 68px;
	height         : 48px;
	margin         : 0;
	opacity        : 0;
	cursor         : pointer;
	pointer-events : auto;
}

[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 0;
}

.mdc-switch__track{
	box-sizing    : border-box;
	width         : 32px;
	height        : 14px;
	transition    : opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
	border        : 1px solid;
	border-radius : 7px;
	opacity       : 0.38;
}

.mdc-switch__thumb-underlay{
	/* @noflip */
	left                            : -18px;
	/* @noflip */
	right                           : initial;
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	display                         : flex;
	position                        : absolute;
	top                             : -17px;
	align-items                     : center;
	justify-content                 : center;
	width                           : 48px;
	height                          : 48px;
	-webkit-transform               : translateX(0);
	transform                       : translateX(0);
	transition                      : background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
	transition                      : transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
	transition                      : transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
}

[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : -18px;
}

.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-switch__thumb-underlay::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after{
	background-color : #018786;
}

@supports not (-ms-ime-align: auto){
	.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after{
		/* @alternate */
		background-color : var(--mdc-theme-secondary, #018786);
	}
}

.mdc-switch__thumb-underlay:hover::before{
	opacity : 0.04;
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-switch__thumb{
	box-shadow     : 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-sizing     : border-box;
	width          : 20px;
	height         : 20px;
	border         : 10px solid;
	border-radius  : 50%;
	pointer-events : none;
	z-index        : 1;
}

.mdc-switch--checked .mdc-switch__track{
	opacity : 0.54;
}

.mdc-switch--checked .mdc-switch__thumb-underlay{
	-webkit-transform : translateX(20px);
	transform         : translateX(20px);
}

[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl]{
	-webkit-transform : translateX(-20px);
	transform         : translateX(-20px);
}

.mdc-switch--checked .mdc-switch__native-control{
	-webkit-transform : translateX(-20px);
	transform         : translateX(-20px);
}

[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl]{
	-webkit-transform : translateX(20px);
	transform         : translateX(20px);
}

.mdc-switch--disabled{
	opacity        : 0.38;
	pointer-events : none;
}

.mdc-switch--disabled .mdc-switch__thumb{
	border-width : 1px;
}

.mdc-switch--disabled .mdc-switch__native-control{
	cursor         : default;
	pointer-events : none;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab{
	position                : relative;

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 2.25rem;
	font-weight             : 500;
	letter-spacing          : 0.0892857143em;
	text-decoration         : none;
	text-transform          : uppercase;
	display                 : flex;
	flex                    : 1 0 auto;
	justify-content         : center;
	box-sizing              : border-box;
	height                  : 48px;
	padding                 : 0 24px;
	border                  : none;
	outline                 : none;
	background              : none;
	text-align              : center;
	text-decoration         : none;
	text-transform          : uppercase;
	white-space             : nowrap;
	cursor                  : pointer;
	-webkit-appearance      : none;
	z-index                 : 1;
}

.mdc-tab .mdc-tab__text-label{
	color : #000;
	/* @alternate */
	color : var(--mdc-theme-on-surface, #000);
}

.mdc-tab .mdc-tab__icon{
	color : #000;
	/* @alternate */
	color : var(--mdc-theme-on-surface, #000);
}

.mdc-tab--min-width{
	flex : 0 1 auto;
}

.mdc-tab__ripple{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	position                        : absolute;
	top                             : 0;
	left                            : 0;
	width                           : 100%;
	height                          : 100%;
	overflow                        : hidden;
}

.mdc-tab__ripple::before, .mdc-tab__ripple::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-tab__ripple::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-tab__ripple.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-tab__ripple.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-tab__ripple::before, .mdc-tab__ripple::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-tab__ripple.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-tab__ripple::before, .mdc-tab__ripple::after{
	background-color : rgb(6, 95, 212);
}

@supports not (-ms-ime-align: auto){
	.mdc-tab__ripple::before, .mdc-tab__ripple::after{
		/* @alternate */
		background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	}
}

.mdc-tab__ripple:hover::before{
	opacity : 0.04;
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.16;
}

.mdc-tab__ripple.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.16;
}

.mdc-tab__content{
	position        : relative;
	display         : flex;
	align-items     : center;
	justify-content : center;
	height          : inherit;
	pointer-events  : none;
}

.mdc-tab__text-label,
.mdc-tab__icon{
	transition : 150ms color linear, 150ms opacity linear;
	z-index    : 2;
}

.mdc-tab__text-label{
	display     : inline-block;
	opacity     : 0.6;
	line-height : 1;
}

.mdc-tab__icon{
	width     : 24px;
	height    : 24px;
	opacity   : 0.54;
	font-size : 24px;
}

.mdc-tab--stacked{
	height : 72px;
}

.mdc-tab--stacked .mdc-tab__content{
	flex-direction  : column;
	align-items     : center;
	justify-content : space-between;
}

.mdc-tab--stacked .mdc-tab__icon{
	padding-top : 12px;
}

.mdc-tab--stacked .mdc-tab__text-label{
	padding-bottom : 16px;
}

.mdc-tab--active .mdc-tab__text-label{
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-tab--active .mdc-tab__icon{
	color : rgb(6, 95, 212);
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon{
	transition-delay : 100ms;
	opacity          : 1;
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label{
	/* @noflip */
	padding-left  : 8px;
	/* @noflip */
	padding-right : 0;
}

[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl]{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 8px;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-bar{
	width : 100%;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-indicator{
	display        : flex;
	position       : absolute;
	top            : 0;
	left           : 0;
	width          : 100%;
	height         : 100%;
	pointer-events : none;
	z-index        : 1;
}

.mdc-tab-indicator > .mdc-tab-indicator__content--underline{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-tab-indicator > .mdc-tab-indicator__content--underline{
	height : 2px;
}

.mdc-tab-indicator > .mdc-tab-indicator__content--icon{
	color : #018786;
	/* @alternate */
	color : var(--mdc-theme-secondary, #018786);
}

.mdc-tab-indicator > .mdc-tab-indicator__content--icon{
	height    : 34px;
	font-size : 34px;
}

.mdc-tab-indicator__content{
	-webkit-transform-origin : left;
	transform-origin         : left;
	opacity                  : 0;
}

.mdc-tab-indicator__content--underline{
	align-self : flex-end;
	width      : 100%;
}

.mdc-tab-indicator__content--icon{
	align-self : center;
	margin     : 0 auto;
}

.mdc-tab-indicator--active > .mdc-tab-indicator__content{
	opacity : 1;
}

.mdc-tab-indicator > .mdc-tab-indicator__content{
	transition : 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
	transition : 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
	transition : 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-tab-indicator--no-transition > .mdc-tab-indicator__content{
	transition : none;
}

.mdc-tab-indicator--fade > .mdc-tab-indicator__content{
	transition : 150ms opacity linear;
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content{
	transition-delay : 100ms;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-scroller{
	overflow-y : hidden;
}

.mdc-tab-scroller__test{
	position   : absolute;
	top        : -9999px;
	width      : 100px;
	height     : 100px;
	overflow-x : scroll;
}

.mdc-tab-scroller__scroll-area{
	-webkit-overflow-scrolling : touch;
	display                    : flex;
	overflow-x                 : hidden;
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar{
	display : none;
}

.mdc-tab-scroller__scroll-area--scroll{
	overflow-x : scroll;
}

.mdc-tab-scroller__scroll-content{
	position          : relative;
	display           : flex;
	flex              : 1 0 auto;
	-webkit-transform : none;
	transform         : none;
	will-change       : transform;
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{
	justify-content : flex-start;
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{
	justify-content : flex-end;
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{
	justify-content : center;
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{
	-webkit-overflow-scrolling : auto;
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{
	transition : 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
	transition : 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
	transition : 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-text-field-helper-text{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.75rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0333333333em;
	text-decoration         : inherit;
	text-transform          : inherit;
	display                 : block;
	margin-top              : 0;
	/* @alternate */
	line-height             : normal;
	margin                  : 0;
	transition              : opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity                 : 0;
	will-change             : opacity;
}

.mdc-text-field-helper-text::before{
	display        : inline-block;
	width          : 0;
	height         : 16px;
	content        : "";
	vertical-align : 0;
}

.mdc-text-field-helper-text--persistent{
	transition  : none;
	opacity     : 1;
	will-change : initial;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon{
	position : absolute;
	bottom   : 16px;
	cursor   : pointer;
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"]{
	cursor         : default;
	pointer-events : none;
}

.mdc-text-field{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	border-radius                   : 4px 4px 0 0;
	display                         : inline-flex;
	position                        : relative;
	box-sizing                      : border-box;
	height                          : 56px;
	overflow                        : hidden;
	will-change                     : opacity, transform, color;
}

.mdc-text-field::before, .mdc-text-field::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-text-field::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-text-field.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-text-field.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-text-field.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-text-field.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-text-field::before, .mdc-text-field::after{
	background-color : rgba(0, 0, 0, 0.87);
}

.mdc-text-field:hover::before{
	opacity : 0.04;
}

.mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.12;
}

.mdc-text-field::before, .mdc-text-field::after{
	top    : calc(50% - 100%);
	/* @noflip */
	left   : calc(50% - 100%);
	width  : 200%;
	height : 200%;
}

.mdc-text-field.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{
	color : rgba(0, 0, 0, 0.87);
}

.mdc-text-field .mdc-text-field__input{
	caret-color : rgb(6, 95, 212);
	/* @alternate */
	caret-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{
	border-bottom-color : rgba(0, 0, 0, 0.42);
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover{
	border-bottom-color : rgba(0, 0, 0, 0.87);
}

.mdc-text-field .mdc-line-ripple{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea){
	border-bottom-color : rgba(0, 0, 0, 0.12);
}

.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text{
	color : rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{
	color : rgba(0, 0, 0, 0.54);
}

.mdc-text-field:not(.mdc-text-field--disabled){
	background-color : whitesmoke;
}

.mdc-text-field .mdc-floating-label{
	/* @noflip */
	left           : 16px;
	/* @noflip */
	right          : initial;
	top            : 18px;
	pointer-events : none;
}

[dir=rtl] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-text-field--textarea .mdc-floating-label{
	/* @noflip */
	left  : 4px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 4px;
}

.mdc-text-field--outlined .mdc-floating-label{
	/* @noflip */
	left  : 4px;
	/* @noflip */
	right : initial;
	top   : 17px;
}

[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 4px;
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label{
	/* @noflip */
	left  : 36px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 36px;
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above{
	/* @noflip */
	left  : 40px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 40px;
}

.mdc-text-field__input{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
	align-self              : flex-end;
	box-sizing              : border-box;
	width                   : 100%;
	height                  : 100%;
	padding                 : 20px 16px 6px;
	transition              : opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
	border                  : none;
	border-bottom           : 1px solid;
	border-radius           : 0;
	background              : none;
	-webkit-appearance      : none;
	-moz-appearance         : none;
	appearance              : none;
}

.mdc-text-field__input::-webkit-input-placeholder{
	transition : color 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity    : 1;
}

.mdc-text-field__input:-ms-input-placeholder{
	transition : color 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity    : 1;
}

.mdc-text-field__input::-ms-input-placeholder{
	transition : color 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity    : 1;
}

.mdc-text-field__input::placeholder{
	transition : color 180ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity    : 1;
}

.mdc-text-field__input:focus{
	outline : none;
}

.mdc-text-field__input:invalid{
	box-shadow : none;
}

.mdc-text-field__input:-webkit-autofill + .mdc-floating-label{
	-webkit-transform : translateY(-50%) scale(0.75);
	transform         : translateY(-50%) scale(0.75);
	cursor            : auto;
}

.mdc-text-field--outlined{
	border   : none;
	overflow : visible;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.24);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.87);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{
	border-color : rgb(6, 95, 212);
	/* @alternate */
	border-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-text-field--outlined .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{
	/* @noflip */
	border-radius : 4px 0 0 4px;
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{
	/* @noflip */
	border-radius : 0 4px 4px 0;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{
	/* @noflip */
	border-radius : 0 4px 4px 0;
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{
	/* @noflip */
	border-radius : 4px 0 0 4px;
}

.mdc-text-field--outlined .mdc-floating-label--float-above{
	-webkit-transform : translateY(-144%) scale(1);
	transform         : translateY(-144%) scale(1);
}

.mdc-text-field--outlined .mdc-floating-label--float-above{
	font-size : 0.75rem;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-130%) scale(0.75);
	transform         : translateY(-130%) scale(0.75);
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-text-field--outlined::before, .mdc-text-field--outlined::after{
	content : none;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled){
	background-color : transparent;
}

.mdc-text-field--outlined .mdc-text-field__input{
	display          : flex;
	padding          : 12px 16px 14px;
	border           : none !important;
	background-color : transparent;
	z-index          : 1;
}

.mdc-text-field--outlined .mdc-text-field__icon{
	z-index : 2;
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing{
	border-width : 2px;
}

.mdc-text-field--outlined.mdc-text-field--disabled{
	background-color : transparent;
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.06);
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{
	border-bottom : none;
}

.mdc-text-field--outlined.mdc-text-field--dense{
	height : 48px;
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{
	-webkit-transform : translateY(-134%) scale(1);
	transform         : translateY(-134%) scale(1);
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{
	font-size : 0.8rem;
}

.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-120%) scale(0.8);
	transform         : translateY(-120%) scale(0.8);
}

.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input{
	padding : 12px 12px 7px;
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label{
	top : 14px;
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon{
	top : 12px;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon{
	/* @noflip */
	left  : 16px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-text-field--with-leading-icon .mdc-text-field__input{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 16px;
}

[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 16px;
	/* @noflip */
	padding-right : 48px;
}

.mdc-text-field--with-leading-icon .mdc-floating-label{
	/* @noflip */
	left  : 48px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon{
	/* @noflip */
	left  : 16px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 16px;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 16px;
	/* @noflip */
	padding-right : 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{
	-webkit-transform : translateY(-144%) translateX(-32px) scale(1);
	transform         : translateY(-144%) translateX(-32px) scale(1);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{
	-webkit-transform : translateY(-144%) translateX(32px) scale(1);
	transform         : translateY(-144%) translateX(32px) scale(1);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{
	font-size : 0.75rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-130%) translateX(-32px) scale(0.75);
	transform         : translateY(-130%) translateX(-32px) scale(0.75);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{
	-webkit-transform : translateY(-130%) translateX(32px) scale(0.75);
	transform         : translateY(-130%) translateX(32px) scale(0.75);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{
	/* @noflip */
	left  : 36px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 36px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{
	-webkit-transform : translateY(-134%) translateX(-21px) scale(1);
	transform         : translateY(-134%) translateX(-21px) scale(1);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl]{
	-webkit-transform : translateY(-134%) translateX(21px) scale(1);
	transform         : translateY(-134%) translateX(21px) scale(1);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{
	font-size : 0.8rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-120%) translateX(-21px) scale(0.8);
	transform         : translateY(-120%) translateX(-21px) scale(0.8);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{
	-webkit-transform : translateY(-120%) translateX(21px) scale(0.8);
	transform         : translateY(-120%) translateX(21px) scale(0.8);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label{
	/* @noflip */
	left  : 32px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 32px;
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 12px;
}

[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : 12px;
	/* @noflip */
	right : initial;
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input{
	/* @noflip */
	padding-left  : 12px;
	/* @noflip */
	padding-right : 48px;
}

[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 12px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 16px;
}

[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : 16px;
	/* @noflip */
	right : initial;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input{
	/* @noflip */
	padding-left  : 16px;
	/* @noflip */
	padding-right : 48px;
}

[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon{
	/* @noflip */
	left  : 16px;
	/* @noflip */
	right : auto;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : auto;
	/* @noflip */
	right : 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon{
	/* @noflip */
	right : 12px;
	/* @noflip */
	left  : auto;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	right : auto;
	/* @noflip */
	left  : 12px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 48px;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 48px;
	/* @noflip */
	padding-right : 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon{
	bottom            : 16px;
	-webkit-transform : scale(0.8);
	transform         : scale(0.8);
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon{
	/* @noflip */
	left  : 12px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 12px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input{
	/* @noflip */
	padding-left  : 44px;
	/* @noflip */
	padding-right : 12px;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 12px;
	/* @noflip */
	padding-right : 44px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label{
	/* @noflip */
	left  : 44px;
	/* @noflip */
	right : initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl]{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 44px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon{
	/* @noflip */
	left  : initial;
	/* @noflip */
	right : 12px;
}

[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : 12px;
	/* @noflip */
	right : initial;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input{
	/* @noflip */
	padding-left  : 12px;
	/* @noflip */
	padding-right : 44px;
}

[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 44px;
	/* @noflip */
	padding-right : 12px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon{
	/* @noflip */
	left  : 12px;
	/* @noflip */
	right : auto;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	left  : auto;
	/* @noflip */
	right : 12px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon{
	/* @noflip */
	right : 12px;
	/* @noflip */
	left  : auto;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl]{
	/* @noflip */
	right : auto;
	/* @noflip */
	left  : 12px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input{
	/* @noflip */
	padding-left  : 44px;
	/* @noflip */
	padding-right : 44px;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl]{
	/* @noflip */
	padding-left  : 44px;
	/* @noflip */
	padding-right : 44px;
}

.mdc-text-field--dense .mdc-floating-label--float-above{
	-webkit-transform : translateY(-70%) scale(0.8);
	transform         : translateY(-70%) scale(0.8);
}

.mdc-text-field--dense .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
}

.mdc-text-field--dense .mdc-text-field__input{
	padding : 12px 12px 0;
}

.mdc-text-field--dense .mdc-floating-label{
	font-size : 0.813rem;
}

.mdc-text-field--dense .mdc-floating-label--float-above{
	font-size : 0.813rem;
}

.mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after{
	margin-left : 1px;
	content     : "*";
}

.mdc-text-field--textarea{
	display    : inline-flex;
	width      : auto;
	height     : auto;
	transition : none;
	overflow   : visible;
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.24);
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.87);
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{
	border-color : rgb(6, 95, 212);
	/* @alternate */
	border-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-text-field--textarea .mdc-floating-label--shake{
	-webkit-animation : mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
	animation         : mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading{
	/* @noflip */
	border-radius : 4px 0 0 4px;
}

[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{
	/* @noflip */
	border-radius : 0 4px 4px 0;
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing{
	/* @noflip */
	border-radius : 0 4px 4px 0;
}

[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{
	/* @noflip */
	border-radius : 4px 0 0 4px;
}

.mdc-text-field--textarea::before, .mdc-text-field--textarea::after{
	content : none;
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled){
	background-color : transparent;
}

.mdc-text-field--textarea .mdc-floating-label--float-above{
	-webkit-transform : translateY(-144%) scale(1);
	transform         : translateY(-144%) scale(1);
}

.mdc-text-field--textarea .mdc-floating-label--float-above{
	font-size : 0.75rem;
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform : translateY(-130%) scale(0.75);
	transform         : translateY(-130%) scale(0.75);
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	font-size : 1rem;
}

.mdc-text-field--textarea .mdc-text-field__input{
	align-self : auto;
	box-sizing : border-box;
	height     : auto;
	margin     : 8px 1px 1px 0;
	padding    : 0 16px 16px;
	border     : none;
}

.mdc-text-field--textarea .mdc-floating-label{
	top            : 17px;
	bottom         : auto;
	width          : auto;
	pointer-events : none;
}

.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing{
	border-width : 2px;
}

.mdc-text-field--fullwidth{
	width : 100%;
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea){
	display : block;
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after{
	content : none;
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled){
	background-color : transparent;
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input{
	padding : 0;
}

.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input{
	resize : vertical;
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea){
	border-bottom-color : #b00020;
	/* @alternate */
	border-bottom-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--dense + .mdc-text-field-helper-text{
	margin-bottom : 4px;
}

.mdc-text-field + .mdc-text-field-helper-text{
	margin-right : 12px;
	margin-left  : 12px;
}

.mdc-text-field--outlined + .mdc-text-field-helper-text{
	margin-right : 16px;
	margin-left  : 16px;
}

.mdc-form-field > .mdc-text-field + label{
	align-self : flex-start;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{
	color : rgba(98, 0, 238, 0.87);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{
	color : rgba(98, 0, 238, 0.87);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{
	color : rgba(98, 0, 238, 0.87);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{
	color : rgba(98, 0, 238, 0.87);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{
	color : rgba(98, 0, 238, 0.87);
}

.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){
	opacity : 1;
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color : rgb(6, 95, 212);
	/* @alternate */
	border-color : var(--mdc-theme-primary, rgb(6, 95, 212));
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{
	border-bottom-color : #b00020;
	/* @alternate */
	border-bottom-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover{
	border-bottom-color : #b00020;
	/* @alternate */
	border-bottom-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple{
	background-color : #b00020;
	/* @alternate */
	background-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid .mdc-text-field__input{
	caret-color : #b00020;
	/* @alternate */
	caret-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon{
	color : #b00020;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg{
	opacity : 1;
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{
	border-color : #b00020;
	/* @alternate */
	border-color : var(--mdc-theme-error, #b00020);
}

.mdc-text-field--disabled{
	background-color : #fafafa;
	border-bottom    : none;
	pointer-events   : none;
}

.mdc-text-field--disabled .mdc-text-field__input{
	border-bottom-color : rgba(0, 0, 0, 0.06);
}

.mdc-text-field--disabled .mdc-text-field__input{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled .mdc-floating-label{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled .mdc-text-field__input::placeholder{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled + .mdc-text-field-helper-text{
	color : rgba(0, 0, 0, 0.37);
}

.mdc-text-field--disabled .mdc-text-field__icon{
	color : rgba(0, 0, 0, 0.3);
}

.mdc-text-field--disabled:not(.mdc-text-field--textarea){
	border-bottom-color : rgba(0, 0, 0, 0.12);
}

.mdc-text-field--disabled .mdc-floating-label{
	cursor : default;
}

.mdc-text-field--textarea.mdc-text-field--disabled{
	background-color : transparent;
	background-color : #f9f9f9;
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing{
	border-color : rgba(0, 0, 0, 0.06);
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input{
	border-bottom : none;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
		transform                         : translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
		transform                         : translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
		transform                         : translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
		transform                         : translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{
	0%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{
	0%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense{
	0%{
		-webkit-transform : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense{
	0%{
		-webkit-transform : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{
	0%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{
	0%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl{
	0%{
		-webkit-transform : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
	}
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl{
	0%{
		-webkit-transform : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
		transform                         : translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
	}
	100%{
		-webkit-transform : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
		transform         : translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
	}
}

@-webkit-keyframes mdc-floating-label-shake-float-above-textarea{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
}

@keyframes mdc-floating-label-shake-float-above-textarea{
	0%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
	33%{
		-webkit-animation-timing-function : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		animation-timing-function         : cubic-bezier(0.5, 0, 0.701732, 0.495819);
		-webkit-transform                 : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
	}
	66%{
		-webkit-animation-timing-function : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		animation-timing-function         : cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
		-webkit-transform                 : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
		transform                         : translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
	}
	100%{
		-webkit-transform : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
		transform         : translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
	}
}

:root{
	--mdc-theme-primary                      : rgb(6, 95, 212) !important;
	--mdc-theme-secondary                    : #018786;
	--mdc-theme-background                   : #fff;
	--mdc-theme-surface                      : #fff;
	--mdc-theme-error                        : #b00020;
	--mdc-theme-on-primary                   : #fff;
	--mdc-theme-on-secondary                 : #fff;
	--mdc-theme-on-surface                   : #000;
	--mdc-theme-on-error                     : #fff;
	--mdc-theme-text-primary-on-background   : rgba(0, 0, 0, 0.87);
	--mdc-theme-text-secondary-on-background : rgba(0, 0, 0, 0.54);
	--mdc-theme-text-hint-on-background      : rgba(0, 0, 0, 0.38);
	--mdc-theme-text-disabled-on-background  : rgba(0, 0, 0, 0.38);
	--mdc-theme-text-icon-on-background      : rgba(0, 0, 0, 0.38);
	--mdc-theme-text-primary-on-light        : rgba(0, 0, 0, 0.87);
	--mdc-theme-text-secondary-on-light      : rgba(0, 0, 0, 0.54);
	--mdc-theme-text-hint-on-light           : rgba(0, 0, 0, 0.38);
	--mdc-theme-text-disabled-on-light       : rgba(0, 0, 0, 0.38);
	--mdc-theme-text-icon-on-light           : rgba(0, 0, 0, 0.38);
	--mdc-theme-text-primary-on-dark         : white;
	--mdc-theme-text-secondary-on-dark       : rgba(255, 255, 255, 0.7);
	--mdc-theme-text-hint-on-dark            : rgba(255, 255, 255, 0.5);
	--mdc-theme-text-disabled-on-dark        : rgba(255, 255, 255, 0.5);
	--mdc-theme-text-icon-on-dark            : rgba(255, 255, 255, 0.5);
}

.mdc-theme--primary{
	color : rgb(6, 95, 212) !important;
	/* @alternate */
	color : var(--mdc-theme-primary, rgb(6, 95, 212)) !important;
}

.mdc-theme--secondary{
	color : #018786 !important;
	/* @alternate */
	color : var(--mdc-theme-secondary, #018786) !important;
}

.mdc-theme--background{
	background-color : #fff;
	/* @alternate */
	background-color : var(--mdc-theme-background, #fff);
}

.mdc-theme--surface{
	background-color : #fff;
	/* @alternate */
	background-color : var(--mdc-theme-surface, #fff);
}

.mdc-theme--error{
	color : #b00020 !important;
	/* @alternate */
	color : var(--mdc-theme-error, #b00020) !important;
}

.mdc-theme--on-primary{
	color : #fff !important;
	/* @alternate */
	color : var(--mdc-theme-on-primary, #fff) !important;
}

.mdc-theme--on-secondary{
	color : #fff !important;
	/* @alternate */
	color : var(--mdc-theme-on-secondary, #fff) !important;
}

.mdc-theme--on-surface{
	color : #000 !important;
	/* @alternate */
	color : var(--mdc-theme-on-surface, #000) !important;
}

.mdc-theme--on-error{
	color : #fff !important;
	/* @alternate */
	color : var(--mdc-theme-on-error, #fff) !important;
}

.mdc-theme--text-primary-on-background{
	color : rgba(0, 0, 0, 0.87) !important;
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
}

.mdc-theme--text-secondary-on-background{
	color : rgba(0, 0, 0, 0.54) !important;
	/* @alternate */
	color : var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important;
}

.mdc-theme--text-hint-on-background{
	color : rgba(0, 0, 0, 0.38) !important;
	/* @alternate */
	color : var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-disabled-on-background{
	color : rgba(0, 0, 0, 0.38) !important;
	/* @alternate */
	color : var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-icon-on-background{
	color : rgba(0, 0, 0, 0.38) !important;
	/* @alternate */
	color : var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-primary-on-light{
	color : rgba(0, 0, 0, 0.87) !important;
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important;
}

.mdc-theme--text-secondary-on-light{
	color : rgba(0, 0, 0, 0.54) !important;
	/* @alternate */
	color : var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important;
}

.mdc-theme--text-hint-on-light{
	color : rgba(0, 0, 0, 0.38) !important;
	/* @alternate */
	color : var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-disabled-on-light{
	color : rgba(0, 0, 0, 0.38) !important;
	/* @alternate */
	color : var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-icon-on-light{
	color : rgba(0, 0, 0, 0.38) !important;
	/* @alternate */
	color : var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-primary-on-dark{
	color : white !important;
	/* @alternate */
	color : var(--mdc-theme-text-primary-on-dark, white) !important;
}

.mdc-theme--text-secondary-on-dark{
	color : rgba(255, 255, 255, 0.7) !important;
	/* @alternate */
	color : var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important;
}

.mdc-theme--text-hint-on-dark{
	color : rgba(255, 255, 255, 0.5) !important;
	/* @alternate */
	color : var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important;
}

.mdc-theme--text-disabled-on-dark{
	color : rgba(255, 255, 255, 0.5) !important;
	/* @alternate */
	color : var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important;
}

.mdc-theme--text-icon-on-dark{
	color : rgba(255, 255, 255, 0.5) !important;
	/* @alternate */
	color : var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important;
}

.mdc-theme--primary-bg{
	background-color : rgb(6, 95, 212) !important;
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212)) !important;
}

.mdc-theme--secondary-bg{
	background-color : #018786 !important;
	/* @alternate */
	background-color : var(--mdc-theme-secondary, #018786) !important;
}

.mdc-toolbar{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	color            : white;
	display          : flex;
	position         : relative;
	flex-direction   : column;
	justify-content  : space-between;
	box-sizing       : border-box;
	width            : 100%;
}

.mdc-toolbar .mdc-toolbar__icon{
	color : white;
}

.mdc-toolbar .mdc-toolbar__icon::before, .mdc-toolbar .mdc-toolbar__icon::after{
	background-color : white;
}

.mdc-toolbar .mdc-toolbar__icon:hover::before{
	opacity : 0.08;
}

.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-toolbar__row{
	display     : flex;
	position    : relative;
	align-items : center;
	box-sizing  : border-box;
	width       : 100%;
	height      : auto;
	min-height  : 64px;
}

@media (max-width : 959px) and (orientation : landscape){
	.mdc-toolbar__row{
		min-height : 48px;
	}
}

@media (max-width : 599px){
	.mdc-toolbar__row{
		min-height : 56px;
	}
}

.mdc-toolbar__section{
	display         : inline-flex;
	flex            : 1;
	align-items     : start;
	justify-content : center;
	box-sizing      : border-box;
	min-width       : 0;
	height          : 100%;
	padding         : 8px;
	z-index         : 1;
}

@media (max-width : 959px) and (orientation : landscape){
	.mdc-toolbar__section{
		padding : 0;
	}
}

@media (max-width : 599px){
	.mdc-toolbar__section{
		padding : 4px 0;
	}
}

.mdc-toolbar__section--align-start{
	/* @noflip */
	padding-left    : 12px;
	/* @noflip */
	padding-right   : 0;
	justify-content : flex-start;
	order           : -1;
}

[dir=rtl] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir=rtl]{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 12px;
}

@media (max-width : 959px) and (orientation : landscape){
	.mdc-toolbar__section--align-start{
		/* @noflip */
		padding-left  : 4px;
		/* @noflip */
		padding-right : 0;
	}

	[dir=rtl] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir=rtl]{
		/* @noflip */
		padding-left  : 0;
		/* @noflip */
		padding-right : 4px;
	}
}

@media (max-width : 599px){
	.mdc-toolbar__section--align-start{
		/* @noflip */
		padding-left  : 4px;
		/* @noflip */
		padding-right : 0;
	}

	[dir=rtl] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir=rtl]{
		/* @noflip */
		padding-left  : 0;
		/* @noflip */
		padding-right : 4px;
	}
}

.mdc-toolbar__section--align-end{
	/* @noflip */
	padding-left    : 0;
	/* @noflip */
	padding-right   : 12px;
	justify-content : flex-end;
	order           : 1;
}

[dir=rtl] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir=rtl]{
	/* @noflip */
	padding-left  : 12px;
	/* @noflip */
	padding-right : 0;
}

@media (max-width : 959px) and (orientation : landscape){
	.mdc-toolbar__section--align-end{
		/* @noflip */
		padding-left  : 0;
		/* @noflip */
		padding-right : 4px;
	}

	[dir=rtl] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir=rtl]{
		/* @noflip */
		padding-left  : 4px;
		/* @noflip */
		padding-right : 0;
	}
}

@media (max-width : 599px){
	.mdc-toolbar__section--align-end{
		/* @noflip */
		padding-left  : 0;
		/* @noflip */
		padding-right : 4px;
	}

	[dir=rtl] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir=rtl]{
		/* @noflip */
		padding-left  : 4px;
		/* @noflip */
		padding-right : 0;
	}
}

.mdc-toolbar__title{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.25rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.0125em;
	text-decoration         : inherit;
	text-transform          : inherit;
	text-overflow           : ellipsis;
	white-space             : nowrap;
	overflow                : hidden;
	/* @noflip */
	margin-left             : 24px;
	/* @noflip */
	margin-right            : 0;
	align-self              : center;
	padding                 : 12px 0;
	line-height             : 1.5rem;
	z-index                 : 1;
}

[dir=rtl] .mdc-toolbar__title, .mdc-toolbar__title[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 24px;
}

.mdc-toolbar__icon, .mdc-toolbar__menu-icon{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	display                         : flex;
	position                        : relative;
	align-items                     : start;
	justify-content                 : center;
	box-sizing                      : border-box;
	width                           : 48px;
	height                          : 48px;
	padding                         : 12px;
	border                          : none;
	outline                         : none;
	background-color                : transparent;
	fill                            : currentColor;
	color                           : inherit;
	text-decoration                 : none;
	cursor                          : pointer;
}

.mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-toolbar__icon::before, .mdc-toolbar__menu-icon::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-toolbar__menu-icon + .mdc-toolbar__title{
	/* @noflip */
	margin-left  : 8px;
	/* @noflip */
	margin-right : 0;
}

[dir=rtl] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir=rtl]{
	/* @noflip */
	margin-left  : 0;
	/* @noflip */
	margin-right : 8px;
}

@media (max-width : 599px){
	.mdc-toolbar__title{
		/* @noflip */
		margin-left  : 16px;
		/* @noflip */
		margin-right : 0;
	}

	[dir=rtl] .mdc-toolbar__title, .mdc-toolbar__title[dir=rtl]{
		/* @noflip */
		margin-left  : 0;
		/* @noflip */
		margin-right : 16px;
	}
}

.mdc-toolbar--fixed{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	position   : fixed;
	top        : 0;
	left       : 0;
	z-index    : 4;
}

.mdc-toolbar--flexible{
	--mdc-toolbar-ratio-to-extend-flexible : 4;
}

.mdc-toolbar--flexible .mdc-toolbar__row:first-child{
	height : 256px;
	height : calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4));
}

@media (max-width : 599px){
	.mdc-toolbar--flexible .mdc-toolbar__row:first-child{
		height : 224px;
		height : calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4));
	}
}

.mdc-toolbar--flexible .mdc-toolbar__row:first-child::after{
	position : absolute;
	content  : "";
}

.mdc-toolbar--flexible-default-behavior .mdc-toolbar__title{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.25rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.0125em;
	text-decoration         : inherit;
	text-transform          : inherit;
	align-self              : flex-end;
	line-height             : 1.5rem;
}

.mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after{
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	transition : opacity 0.2s ease;
	opacity    : 1;
}

.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after{
	opacity : 0;
}

.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title{
	font-weight : 500;
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed{
	box-shadow  : 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
	transition  : box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
	will-change : box-shadow;
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized{
	box-shadow : 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-toolbar-fixed-adjust{
	padding-top : 64px;
}

@media (max-width : 959px) and (max-height : 599px){
	.mdc-toolbar-fixed-adjust{
		padding-top : 48px;
	}
}

@media (max-width : 599px){
	.mdc-toolbar-fixed-adjust{
		padding-top : 56px;
	}
}

.mdc-toolbar__section--shrink-to-fit{
	flex : none;
}

.mdc-top-app-bar{
	background-color : rgb(6, 95, 212);
	/* @alternate */
	background-color : var(--mdc-theme-primary, rgb(6, 95, 212));
	color            : white;
	display          : flex;
	position         : fixed;
	flex-direction   : column;
	justify-content  : space-between;
	box-sizing       : border-box;
	width            : 100%;
	z-index          : 4;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon{
	color : #fff;
	/* @alternate */
	color : var(--mdc-theme-on-primary, #fff);
}

.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after{
	background-color : #fff;
}

@supports not (-ms-ime-align: auto){
	.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
	.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
	.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after{
		/* @alternate */
		background-color : var(--mdc-theme-on-primary, #fff);
	}
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before{
	opacity : 0.08;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before{
	transition-duration : 75ms;
	opacity             : 0.24;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after{
	transition : opacity 150ms linear;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after{
	transition-duration : 75ms;
	opacity             : 0.32;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded{
	--mdc-ripple-fg-opacity : 0.32;
}

.mdc-top-app-bar__row{
	display    : flex;
	position   : relative;
	box-sizing : border-box;
	width      : 100%;
	height     : 64px;
}

.mdc-top-app-bar__section{
	display     : inline-flex;
	flex        : 1 1 auto;
	align-items : center;
	min-width   : 0;
	padding     : 8px 12px;
	z-index     : 1;
}

.mdc-top-app-bar__section--align-start{
	justify-content : flex-start;
	order           : -1;
}

.mdc-top-app-bar__section--align-end{
	justify-content : flex-end;
	order           : 1;
}

.mdc-top-app-bar__title{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.25rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.0125em;
	text-decoration         : inherit;
	text-transform          : inherit;
	/* @noflip */
	padding-left            : 20px;
	/* @noflip */
	padding-right           : 0;
	text-overflow           : ellipsis;
	white-space             : nowrap;
	overflow                : hidden;
	z-index                 : 1;
}

[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl]{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 20px;
}

.mdc-top-app-bar__action-item, .mdc-top-app-bar__navigation-icon{
	--mdc-ripple-fg-size            : 0;
	--mdc-ripple-left               : 0;
	--mdc-ripple-top                : 0;
	--mdc-ripple-fg-scale           : 1;
	--mdc-ripple-fg-translate-end   : 0;
	--mdc-ripple-fg-translate-start : 0;
	-webkit-tap-highlight-color     : rgba(0, 0, 0, 0);
	will-change                     : transform, opacity;
	display                         : flex;
	position                        : relative;
	flex-shrink                     : 0;
	align-items                     : center;
	justify-content                 : center;
	box-sizing                      : border-box;
	width                           : 48px;
	height                          : 48px;
	padding                         : 12px;
	border                          : none;
	outline                         : none;
	background-color                : transparent;
	fill                            : currentColor;
	color                           : inherit;
	text-decoration                 : none;
	cursor                          : pointer;
}

.mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after{
	position       : absolute;
	border-radius  : 50%;
	opacity        : 0;
	pointer-events : none;
	content        : "";
}

.mdc-top-app-bar__action-item::before, .mdc-top-app-bar__navigation-icon::before{
	transition : opacity 15ms linear, background-color 15ms linear;
	z-index    : 1;
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before{
	-webkit-transform : scale(var(--mdc-ripple-fg-scale, 1));
	transform         : scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after{
	top                      : 0;
	/* @noflip */
	left                     : 0;
	-webkit-transform        : scale(0);
	transform                : scale(0);
	-webkit-transform-origin : center center;
	transform-origin         : center center;
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after{
	top  : var(--mdc-ripple-top, 0);
	/* @noflip */
	left : var(--mdc-ripple-left, 0);
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after{
	-webkit-animation : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
	animation         : 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after{
	-webkit-animation : 150ms mdc-ripple-fg-opacity-out;
	animation         : 150ms mdc-ripple-fg-opacity-out;
	-webkit-transform : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
	transform         : translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after{
	top    : calc(50% - 50%);
	/* @noflip */
	left   : calc(50% - 50%);
	width  : 100%;
	height : 100%;
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after{
	top    : var(--mdc-ripple-top, calc(50% - 50%));
	/* @noflip */
	left   : var(--mdc-ripple-left, calc(50% - 50%));
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after{
	width  : var(--mdc-ripple-fg-size, 100%);
	height : var(--mdc-ripple-fg-size, 100%);
}

.mdc-top-app-bar--short-collapsed{
	/* @noflip */
	border-radius : 0 0 24px 0;
}

[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl]{
	/* @noflip */
	border-radius : 0 0 0 24px;
}

.mdc-top-app-bar--short{
	top        : 0;
	/* @noflip */
	right      : auto;
	/* @noflip */
	left       : 0;
	width      : 100%;
	transition : width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl]{
	/* @noflip */
	right : 0;
	/* @noflip */
	left  : auto;
}

.mdc-top-app-bar--short .mdc-top-app-bar__row{
	height : 56px;
}

.mdc-top-app-bar--short .mdc-top-app-bar__section{
	padding : 4px;
}

.mdc-top-app-bar--short .mdc-top-app-bar__title{
	transition : opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity    : 1;
}

.mdc-top-app-bar--short-collapsed{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	width      : 56px;
	transition : width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title{
	display : none;
}

.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item{
	transition : padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item{
	width : 112px;
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 12px;
}

[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl]{
	/* @noflip */
	padding-left  : 12px;
	/* @noflip */
	padding-right : 0;
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row{
	height : 48px;
}

.mdc-top-app-bar--dense .mdc-top-app-bar__section{
	padding : 0 4px;
}

.mdc-top-app-bar--dense .mdc-top-app-bar__title{
	/* @noflip */
	padding-left  : 12px;
	/* @noflip */
	padding-right : 0;
}

[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl]{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 12px;
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row{
	height : 128px;
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__title{
	align-self     : flex-end;
	padding-bottom : 2px;
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon{
	align-self : flex-start;
}

.mdc-top-app-bar--fixed{
	transition : box-shadow 200ms linear;
}

.mdc-top-app-bar--fixed-scrolled{
	box-shadow : 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	transition : box-shadow 200ms linear;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row{
	height : 96px;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section{
	padding : 0 12px;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title{
	/* @noflip */
	padding-left   : 20px;
	/* @noflip */
	padding-right  : 0;
	padding-bottom : 9px;
}

[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl]{
	/* @noflip */
	padding-left  : 0;
	/* @noflip */
	padding-right : 20px;
}

.mdc-top-app-bar--fixed-adjust{
	padding-top : 64px;
}

.mdc-top-app-bar--dense-fixed-adjust{
	padding-top : 48px;
}

.mdc-top-app-bar--short-fixed-adjust{
	padding-top : 56px;
}

.mdc-top-app-bar--prominent-fixed-adjust{
	padding-top : 128px;
}

.mdc-top-app-bar--dense-prominent-fixed-adjust{
	padding-top : 96px;
}

@media (max-width : 599px){
	.mdc-top-app-bar__row{
		height : 56px;
	}

	.mdc-top-app-bar__section{
		padding : 4px;
	}

	.mdc-top-app-bar--short{
		transition : width 200ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.mdc-top-app-bar--short-collapsed{
		transition : width 250ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end{
		/* @noflip */
		padding-left  : 0;
		/* @noflip */
		padding-right : 12px;
	}

	[dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl]{
		/* @noflip */
		padding-left  : 12px;
		/* @noflip */
		padding-right : 0;
	}

	.mdc-top-app-bar--prominent .mdc-top-app-bar__title{
		padding-bottom : 6px;
	}

	.mdc-top-app-bar--fixed-adjust{
		padding-top : 56px;
	}
}

.mdc-typography{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
}

.mdc-typography--headline1{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 6rem;
	line-height             : 6rem;
	font-weight             : 300;
	letter-spacing          : -0.015625em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--headline2{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 3.75rem;
	line-height             : 3.75rem;
	font-weight             : 300;
	letter-spacing          : -0.0083333333em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--headline3{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 3rem;
	line-height             : 3.125rem;
	font-weight             : 400;
	letter-spacing          : normal;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--headline4{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 2.125rem;
	line-height             : 2.5rem;
	font-weight             : 400;
	letter-spacing          : 0.0073529412em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--headline5{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.5rem;
	line-height             : 2rem;
	font-weight             : 400;
	letter-spacing          : normal;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--headline6{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1.25rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.0125em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--subtitle1{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.75rem;
	font-weight             : 400;
	letter-spacing          : 0.009375em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--subtitle2{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.375rem;
	font-weight             : 500;
	letter-spacing          : 0.0071428571em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--body1{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 1rem;
	line-height             : 1.5rem;
	font-weight             : 400;
	letter-spacing          : 0.03125em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--body2{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0178571429em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--caption{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.75rem;
	line-height             : 1.25rem;
	font-weight             : 400;
	letter-spacing          : 0.0333333333em;
	text-decoration         : inherit;
	text-transform          : inherit;
}

.mdc-typography--button{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.875rem;
	line-height             : 2.25rem;
	font-weight             : 500;
	letter-spacing          : 0.0892857143em;
	text-decoration         : none;
	text-transform          : uppercase;
}

.mdc-typography--overline{

	-moz-osx-font-smoothing : grayscale;
	-webkit-font-smoothing  : antialiased;
	font-size               : 0.75rem;
	line-height             : 2rem;
	font-weight             : 500;
	letter-spacing          : 0.1666666667em;
	text-decoration         : none;
	text-transform          : uppercase;
}

/*# sourceMappingURL=00_material-components-web.css.map*/
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/01_globals.css (1) ***!
  \****************************************************************************************************/
* {
	font-family: Lato, sans-serif;
	-webkit-font-smoothing: antialiased;
}

*, :after, :before {
	box-sizing : border-box;
}

@font-face{
	font-family : 'Material Icons';
	font-style  : normal;
	font-weight : 400;
	src         : url(/static/font/font.woff2) format('woff2');
}

:root {
	--theme-element-background     : white;
	--md-theme-background             : rgb(238, 238, 238);
	--theme-background-on-hover   	  : rgb(238, 238, 238);
	--md-theme-input-border           : rgb(127, 127, 127);
	--theme-input-border-error     : rgb(229, 57, 53);
	--theme-text-primary-on-light  : rgba(0, 0, 0, 0.87);
	--theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
	--theme-text-hint-on-light     : rgba(0, 0, 0, 0.38);
	--theme-primary               : rgb(6, 95, 212);
	--theme-primary-light         : rgba(6, 95, 212, .1);
	--theme-primary-light-hover   : rgba(6, 95, 212, .2);
	--theme-primary-light-active  : rgba(6, 95, 212, .3);
	--icon-team                   : rgba(6, 95, 212, 0.63);
	--theme-secondary-light       : rgba(1, 135, 134, 0.5);
	--box-shadow                      : 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	--card-text-color                 : rgba(0, 0, 0, .5);
	--font-size-secondary             : 0.875rem;
	--list-background-on-hover-color  : rgba(0, 0, 0, 0.04);
	--list-background-secondary-color : #f9f9f9;
	--border-color                    : #dee2e6;
	--border-width                    : 0.0625rem;
	--border-radius                   : 0.375rem;
	--plain-border                    : var(--border-width) solid var(--border-color);
	--background-button-disabled      : rgba(0, 0, 0, 0.1);
	--background-button-text-active   : rgba(0, 0, 0, 0.1);
	--background-button-text-hover    : rgba(0, 0, 0, 0.04);
	--box-shadow-hover                : 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
	--page-header-box-shadow          : 0 0 10px rgba(0, 0, 0, 0.5);
	--page-header-title-line-height   : 2.5rem;
	--vis-shadow-color                : rgba(0, 208, 22);
	--vis-shadow-forbidden-color      : rgba(246, 129, 129, 0.7);
	--footer-height: 11rem;
	--table-border: 1px solid #ddd;
}

@-webkit-keyframes indeterminate{
	0%{
		left  : -35%;
		right : 100%;
	}
	60%{
		left  : 100%;
		right : -90%;
	}
	100%{
		left  : 100%;
		right : -90%;
	}
}

@keyframes indeterminate{
	0%{
		left  : -35%;
		right : 100%;
	}
	60%{
		left  : 100%;
		right : -90%;
	}
	100%{
		left  : 100%;
		right : -90%;
	}
}

@-webkit-keyframes indeterminate-short{
	0%{
		left  : -200%;
		right : 100%;
	}
	60%{
		left  : 107%;
		right : -8%;
	}
	100%{
		left  : 107%;
		right : -8%;
	}
}

@keyframes indeterminate-short{
	0%{
		left  : -200%;
		right : 100%;
	}
	60%{
		left  : 107%;
		right : -8%;
	}
	100%{
		left  : 107%;
		right : -8%;
	}
}

html {
	height     : 100%;
	scroll-padding-top: 80px; /* for header when navigate inside of the page */
}

body {
	background : white;
	margin     : 0;
	width      : 100%;
	min-height : 100vh;
	display: flex;
	flex-direction: column;
}

.injection-page-body, .batch-page-body {
	background : var(--md-theme-background);
}

ul {
	list-style : none;
	margin     : 0;
	padding    : 0;
}

text{
	user-select : none;
}

svg{float : left;}

p{
	margin : 0;
	cursor : default;
}

input{
	display       : block;
	width         : 5em;
	border        : none;
	border-bottom : 1px solid var(--md-theme-input-border);
	color         : var(--theme-text-primary-on-light);
	outline       : 0;
	padding       : 16px 0 8px 0;
	cursor        : text;
}

input.error{
	border-bottom : 1px solid var(--theme-input-border-error);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
	-webkit-appearance : none;
	margin             : 0;
}

input[type=number]{-moz-appearance : textfield;}

input[type=checkbox]{
	cursor : pointer;
}
input[type=checkbox][disabled]{
	cursor : default;
}

input::placeholder{opacity : 0.5;}

.search-input{
	position : relative;
	padding  : 1rem 0 0.5rem 0;
	height   : 2rem;
	width    : 18.5rem;
	display  : inline-block;
}

.search-input.sampleList{
	left : 50%;
}

.search-input input{
	font-size        : 1rem;
	line-height      : 1rem;
	margin           : 0;
	padding          : 0.5rem 0;
	width            : 100%;
	text-align       : left;
	background-color : transparent;
}

.search-input input:focus{
	outline : none;
}

.search-input label{
	position           : absolute;
	left               : 0;
	top                : 1.625rem;
	width              : 100%;
	color              : var(--theme-text-hint-on-light);
	font-size          : 1rem;
	line-height        : 1rem;
	font-weight        : normal;
	pointer-events     : none;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
}

.search-input input:focus ~ label{
	top       : 0;
	font-size : 0.75rem;
	color     : var(--theme-text-primary-on-light);
}

.search-input label.not-empty{
	top       : 0;
	font-size : 0.75rem;
}

.search-input .bar{
	display            : block;
	width              : 0;
	margin-left        : 50%;
	height             : 1px;
	background         : var(--theme-text-primary-on-light);
	opacity            : 0;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
}

.search-input input:focus ~ .bar{
	opacity     : 1;
	width       : 100%;
	margin-left : 0;
}

.search-input #total{
	float       : left;
	margin-top  : 8px;
	font-size   : 14px;
}

.material-icons{
	font-family                   : 'Material Icons', sans-serif;
	font-weight                   : normal;
	font-style                    : normal;
	font-size                     : 24px;
	line-height                   : 1;
	letter-spacing                : normal;
	text-transform                : none;
	display                       : inline-block;
	white-space                   : nowrap;
	word-wrap                     : normal;
	direction                     : ltr;
	-webkit-font-feature-settings : 'liga';
	-webkit-font-smoothing        : antialiased;
	text-rendering                : optimizeLegibility;
	-moz-osx-font-smoothing       : grayscale;
	font-feature-settings         : 'liga';
}

.page-title{text-align : center;}

.mdc-button{text-transform : none !important;}

.clickable {
	cursor : pointer;
}

.material-icons--red {
    color : var(--mdc-theme-error);
}

dialog {
	border: none;
	border-radius : var(--border-radius);
	box-shadow: var(--box-shadow);
	outline: none;
}

.resource-not-found-message-container {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	padding-top: 4rem;
	gap: 1rem;
	width: 100%;
}

.account-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 0.85rem;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	color: white;
	opacity: 0.6;
	flex-shrink: 0;
}

.user-icon__initials {
	text-decoration: none;
}
/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/01_helpers.css ***!
  \************************************************************************************************/
.not-displayed {
    display: none !important;
}
.form-row {
    margin-bottom: .75em;
}
.form-row--n-elements {
    display: grid;
    /*Can put as many elements you wish, while auto-fit will extend them as much as possible*/
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-auto-flow: row;
    gap: 1em;
}
.form-row__input-w-label {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
}
.form-row__input-w-icon {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 2px;
}
.form-row__label {
    margin-bottom: .7em;
}

.form-row__title {
    padding : 0.25rem 0 1rem;
    color   : var(--theme-text-secondary-on-light);
}

.outlined-button {
    border: 1px solid var(--theme-primary);
    color: var(--theme-primary);
    background: transparent;
    border-radius: 5px;
    cursor: pointer;
}
.outlined-button:active {
    background: var(--theme-primary-light);
}
.link-icon {
    color: inherit;
    opacity: 0.5;
    text-decoration: none;
    width: fit-content;
    display: inline-block;
    transition: 250ms;
}
.link-icon:visited {
    color:inherit;
    text-decoration: none;
}
.link-icon:hover, .link-icon:active {
    color:inherit;
    text-decoration: none;
    opacity: 1;
}
.material-icons--help {
    /*For some reason "help_outlined" icon takes twice in width as in height. Overriding this*/
    width: 1em;
}

.justify-start {
    margin-right : auto;
}

.justify-end {
    margin-left : auto;
}

.visually-hidden {
    display: none !important;
}

.scroll-hidden {
    overflow: hidden !important;
}

/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_accordion.css ***!
  \**************************************************************************************************/
.accordion__item {
    background-color : var(--mdc-theme-background);
    border           : var(--plain-border);
}

.accordion__item:first-of-type {
    border-top-left-radius  : var(--border-radius);
    border-top-right-radius : var(--border-radius);
}

.accordion__item:not(:first-of-type) {
    border-top : 0;
}

.accordion__item:last-of-type {
    border-bottom-right-radius : var(--border-radius);
    border-bottom-left-radius  : var(--border-radius);
}

.accordion__item-header {
    display         : flex;
    padding         : 0.75rem 1rem;
    justify-content : space-between;
    align-items     : center;
}

.accordion__item:not([collapsed]) > .accordion__item-header {
    box-shadow : inset 0 calc(-1 * var(--border-width)) 0 var(--border-color);
}

.accordion__item:not([collapsed]) .accordion__item-header {
    box-shadow : inset 0 calc(-1px) 0 var(--border-color);
}

.accordion__collapse-icon {
    color     : var(--theme-text-secondary-on-light);
    transform : rotate(-180deg);
    font-size : 1.25rem;
}

.accordion__item[collapsed] .accordion__collapse-icon {
    transform : rotate(0deg);
}

.accordion__item[collapsed] > .accordion__inner {
    display : none;
}
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_action-icons.css ***!
  \*****************************************************************************************************/
.action-icons {
    display     : flex;
    align-items : center;
    gap         : 0.25rem;
    padding     : 0.25rem 0.5rem;
}

.action-icons__item {
    font-size   : 1rem;
    line-height : 1.25rem;
    padding     : 0.25rem;
    color       : var(--mdc-theme-text-icon-on-background);
}
.action-icons__item--after-input {
    font-size   : 1.3rem;
    padding: 0;
}

.action-icons__item:not(.action-icons__item--disabled):hover {
    cursor : pointer;
    color  : var(--mdc-theme-text-primary-on-background);
}

.action-icons__item--disabled:hover {
    cursor : not-allowed;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_button.css ***!
  \***********************************************************************************************/
.button {
	min-width       : 3rem;
	min-height      : 2.25rem;
	font-size       : 0.875rem;
	line-height     : 1;
	border-radius   : 0.25rem;
	letter-spacing  : 0.09em;
	font-weight     : 500;
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	cursor          : pointer;
	padding         : 0 1rem;
}

.button[disabled] {
	cursor: default;
	color          : var(--mdc-theme-text-disabled-on-background);
}

.button--contained {
	background : var(--theme-primary);
	color      : var(--mdc-theme-text-primary-on-dark);
	border     : 1px solid var(--theme-primary);
	box-shadow : var(--box-shadow);
	transition : box-shadow cubic-bezier(0.4, 0, 0.2, 1);
}

.button--contained[disabled] {
	background     : var(--background-button-disabled);
	box-shadow     : none;
	border         : 1px solid transparent;
}

.button--contained:hover {
	opacity    : 0.9;
	box-shadow : var(--box-shadow-hover);
}

.button--contained[disabled]:hover {
	opacity    : unset;
	box-shadow : unset;
}

.button--contained:active {
	opacity : 0.8;
}

.button--outlined {
	background : none;
	color      : var(--theme-primary);
	border     : 1px solid var(--theme-primary);
}

.button--outlined[disabled] {
	border : 1px solid var(--mdc-theme-text-disabled-on-background);
}

.button--outlined:hover {
	background : var(--background-button-text-hover);
}

.button--outlined[disabled]:hover {
	background : unset;
}

.button--outlined:active {
	background : var(--background-button-text-active);
}

.button--text {
	border     : none;
	background : none;
	color      : var(--theme-primary);
	/* If you need underlined text in a button, then use '.button--link' class */
	text-decoration: none;
}

.button--text:hover {
	background : var(--background-button-text-hover);
}

.button--text[disabled]:hover {
	background : unset;
}

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

.button--text-red {
	color      : var(--mdc-theme-error);
}

.button-group {
	display       : inline-flex;
	box-shadow    : var(--box-shadow);
	border-radius : 0.25rem;
}

.button-group[disabled] {
	pointer-events : none;
	box-shadow     : none;
}

.button-group__button {
	min-width       : 3rem;
	min-height      : 2.25rem;
	font-size       : 0.875rem;
	line-height     : 1;
	border-radius   : 0.25rem;
	letter-spacing  : 0.09em;
	font-weight     : 500;
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	cursor          : pointer;
	padding         : 0 1rem;
	background      : var(--theme-primary);
	color           : var(--mdc-theme-text-primary-on-dark);
	border          : 1px solid var(--theme-primary);
	transition      : box-shadow cubic-bezier(0.4, 0, 0.2, 1);
}

.button-group__button:hover {
	opacity    : 0.9;
	box-shadow : var(--box-shadow-hover);
}

.button-group__button:active {
	opacity : 0.8;
}

.button-group[disabled] .button-group__button {
	color      : var(--mdc-theme-text-disabled-on-background);
	background : var(--background-button-disabled);
	border     : 1px solid transparent;
}

.button-group[disabled] .button-icon {
	fill : var(--mdc-theme-text-disabled-on-background);
}

.button-group__button--left {
	border-radius : 0.25rem 0 0 0.25rem;
}

.button-group__button--right {
	border-radius : 0 0.25rem 0.25rem 0;
	min-width     : 0;
	padding       : 0;
}

.button-icon {
	fill   : var(--mdc-theme-text-primary-on-dark);
	width  : 1.5rem;
	height : 1.5rem;
}

.button--floating {
	position: fixed;
	top: 90%;
	left: 90%;
	height: 56px;
	width: 56px;
	border-radius: 50%;
}

.button--link {
	border: none;
	background: unset;
	font-size: inherit;
	padding: 0;
	color: var(--theme-primary);
	text-decoration: underline;
	cursor: pointer;
}
/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_container.css ***!
  \**************************************************************************************************/
.container {
    display          : flex;
    flex-direction   : column;
    justify-content  : center;
    align-items      : center;
    background-color : var(--mdc-theme-background);
    border           : var(--plain-border);
    border-radius    : var(--border-radius);
}

.container__header {
    display       : flex;
    flex-direction: column;
    width         : 100%;
    padding       : 0 1rem;
}

.container__title {
    font-size : 1.25rem;
}

.container__header-row {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
}

.container__header-title{
    margin: 0;
    font-weight: 400;
}

.container__header-icon {
    display: none;
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.25rem;
    color: var(--mdc-theme-text-icon-on-background);
}

.container__header-icon:hover{
    cursor: pointer;
    color: var(--mdc-theme-text-primary-on-background);
}

/* Should be uncomment when we edit team description  */
/*.container__header:hover .container__header-icon {*/
/*    display: inline-block;*/
/*}*/

.container__header-description {
    padding-bottom: 1rem;
}

.container__header-description:empty {
    display: none;
}

.container__body {
    width : 100%;
    padding: 1rem;
}
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@elsci-io/ui-essential/dist/bundle.css (1) ***!
  \***********************************************************************************************************/
list-box ul{display:grid;position:absolute;margin:0;box-shadow:var(--box-shadow);background-color:var(--theme-element-background);grid-template-columns:1fr;max-height:10rem;padding:0;border-radius:.375rem;color:var(--theme-text-primary-on-light);z-index:9;overflow-y:auto;max-width:100%}list-box li{display:flex;align-items:center;padding:0 .75rem;min-height:2rem;color:var(--theme-text-primary-on-light);cursor:pointer;background-color:var(--theme-element-background)}list-box li[hidden]{display:none}list-box li:hover,.list-box__item--active{background-color:var(--list-background-on-hover-color)}list-box li mark{font-weight:600;background-color:unset}text-input{--text-input__small-font-size: .75rem;--text-input__error-line-height: 1rem;--text-input__label__left-padding: .25rem;position:relative;padding-top:1.25rem;font-size:1rem;display:block;overflow-x:clip}.text-input__input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #ddd;outline:none;padding:.1rem 0 .1em var(--text-input__label__left-padding);font-size:1rem;color:var(--theme-text-primary-on-light)}.text-input__input[disabled]{opacity:.5;cursor:default;background:#fff}.text-input__input:focus{border-bottom:1px solid var(--theme-primary)}.text-input__input::placeholder{color:rgba(0,0,0,0);user-select:none;-webkit-user-select:none}text-input.placeholder-shown .text-input__input::placeholder{color:var(--theme-text-hint-on-light)}.text-input__label{position:absolute;color:var(--theme-text-hint-on-light);bottom:2.25rem;left:0;margin:0;pointer-events:none;transform-origin:0 0;transform:translate3d(var(--text-input__label__left-padding), 1rem, 0);transition:.1s ease-in-out}.text-input__input:not(:focus):not(:placeholder-shown)+.text-input__label{color:var(--theme-text-hint-on-light)}.text-input__input:focus+.text-input__label{transform:translate(var(--text-input__label__left-padding), -0.375rem);font-size:var(--text-input__small-font-size);color:var(--theme-primary)}.text-input__input:not(:placeholder-shown)+.text-input__label{transform:translate(var(--text-input__label__left-padding), -0.375rem);font-size:var(--text-input__small-font-size)}text-input.placeholder-shown .text-input__label{transform:translate(var(--text-input__label__left-padding), -0.375rem);font-size:var(--text-input__small-font-size)}.text-input__input:invalid+.text-input__label{color:var(--theme-input-border-error)}.text-input__input:invalid{border-bottom:1px solid var(--theme-input-border-error)}.text-input__input:invalid:not(:focus):not(:placeholder-shown)+.text-input__label{color:var(--theme-input-border-error)}.text-input__error{margin:0;font-size:var(--text-input__small-font-size);height:var(--text-input__error-line-height);color:var(--theme-input-border-error);padding-left:var(--text-input__label__left-padding);text-align:start}.text-input--with-right-icon .text-input__input,.text-input--select .text-input__input{padding-right:1rem}.text-input__trailing-icon{position:absolute;right:0;bottom:1rem;font-size:1rem;cursor:pointer;color:var(--theme-text-secondary-on-light)}text-input[disabled] .text-input__trailing-icon{display:none !important}text-input[disabled] .text-input__input{padding-right:0 !important}.text-input__input[type=number]::-webkit-outer-spin-button,.text-input__input[type=number]::-webkit-inner-spin-button,.text-input__input[type=number]{-webkit-appearance:none;margin:0;-moz-appearance:textfield !important}.text-input__trailing-icon:hover{color:var(--theme-text-primary-on-light)}.text-input__input:placeholder-shown+label+.text-input__trailing-icon{display:none}.text-input__input:not(:placeholder-shown)+label+.text-input__trailing-icon{display:block}.text-input__input[readonly]{cursor:pointer}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}select-input{height:4rem;width:100%;display:inline-block}select-input list-box{display:none;margin-top:3rem;position:fixed;z-index:9}select-input list-box[open]{display:block}select-input text-input{cursor:pointer}select-input text-input .text-input__trailing-icon{pointer-events:none}select-input[disabled]{cursor:default}typeahead-input{display:inline-block;width:100%;height:4rem}typeahead-input list-box{display:none;margin-top:3rem;position:fixed;z-index:9}typeahead-input list-box[open]{display:block}typeahead-input.dropdown-select text-input .text-input__input{pointer-events:none}edit-text{display:inline-block;max-width:100%}.edit-text__popup{max-width:100%;min-width:8rem;width:auto;box-shadow:var(--box-shadow);position:absolute;border:none;margin:-0.7rem 0 0 -0.75rem;padding:0}.edit-text__popup text-input{width:calc(100% - 1rem);padding-top:0;margin:.5rem .5rem 1rem}.edit-text__popup .text-input__error{height:unset}.edit-text__popup::backdrop{background:rgba(0,0,0,0)}.edit-text__popup .text-input--with-right-icon .text-input__input{padding-right:0}edit-text .edit-text__text{text-decoration:underline;cursor:pointer;font-weight:normal}edit-text[disabled] .edit-text__text{text-decoration:none;cursor:default;pointer-events:none}edit-text[incorrect] .edit-text__text{color:var(--theme-input-border-error)}.edit-text__text[empty-value]{font-style:italic}.snackbar-container{--snackbar-background-color: rgb(51, 51, 51);--snackbar-background-color-hover: rgb(84, 84, 84);--snackbar-text-label-color: rgba(255, 255, 255, 0.87);--snackbar-text-action-color: rgb(187, 134, 252);--snackbar-text-action-disabled-color: rgb(140, 140, 140);z-index:8;margin:.5rem;position:fixed;right:0;bottom:0;left:0;display:flex;align-items:start;justify-content:center;box-sizing:border-box;flex-direction:column;pointer-events:none}.snackbar{pointer-events:all;margin:.5rem;background-color:var(--snackbar-background-color);min-width:344px;box-shadow:var(--box-shadow);max-width:672px;border-radius:4px;display:flex;align-items:center;justify-content:flex-start}@media(max-width: 480px),(max-width: 344px){.snackbar__surface{min-width:100%}}.snackbar__label{color:var(--snackbar-text-label-color)}.snackbar__label{font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.012rem;flex-grow:1;box-sizing:border-box;margin:0;padding:1rem}.snackbar__buttons{margin-left:.5rem;margin-right:.5rem;display:flex;flex-shrink:0;align-items:center;box-sizing:border-box}.snackbar__button-ok{background:var(--snackbar-background-color);color:var(--snackbar-text-action-color);border:none;cursor:pointer;padding:.5rem 1rem;border-radius:.25rem;margin-right:.5rem}.snackbar__button-ok:disabled,.snackbar__button-close:disabled{border:none;color:var(--snackbar-text-action-disabled-color);pointer-events:none}.snackbar__button-ok:hover,.snackbar__button-close:hover{background:var(--snackbar-background-color-hover)}.snackbar__button-close{background:var(--snackbar-background-color);color:var(--snackbar-text-label-color);border:none;cursor:pointer;font-size:1rem;width:1.5rem;height:1.5rem;border-radius:50%;padding:0}.visually-hidden{display:none !important}

/*# sourceMappingURL=bundle.css.map*/
/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_custom-components.css ***!
  \**********************************************************************************************************/

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_footer.css ***!
  \***********************************************************************************************/
.footer {
    font-weight: normal;
    font-size: 0.8rem;
    border-top: 1px solid var(--border-color);
    background: transparent;
    height: var(--footer-height);
    flex: 0;
}

.injection-page-body .footer{
    border-top: none;
}

.footer-row {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem 2rem;
    width: 100%;
    max-width: 75rem;
    flex-wrap: wrap;
    margin: 0 auto;
}

.footer-section {
    padding-top: 1rem;
    min-width: 190px;
}

.footer__list-item {
    margin: 0.3rem 0;
}
.footer__link {
    color: black;
    text-decoration: none;
}
.footer__link:hover {
    text-decoration: underline;
}

.footer__address p {
    margin: 0.3rem 0;
    font-style: normal;
}

.footer-section__title {
    font-weight: 400;
    padding-bottom: 0.5rem;
}

/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_html-loader.css ***!
  \****************************************************************************************************/
#htmlLoader {
    width: 100%;
    height: 100%;
}

#htmlLoaderIconWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    margin: .5rem 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

#htmlLoaderIcon {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #ccc;
    width: 40px;
    height: 40px;
    -webkit-animation: rotate 1s ease-in-out infinite forwards;
    animation: rotate 1s ease-in-out infinite forwards;
}
/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_list.css ***!
  \*********************************************************************************************/
.list {
    overflow : hidden;
}

.list__item {
    display     : flex;
    align-items : center;
}

.list__item:hover {
    background-color : var(--list-background-on-hover-color) !important;
}

.list__item--border-bottom:not(:last-of-type) {
    box-shadow : inset 0 calc(-1px) 0 var(--border-color);
}

.list__item-cell:first-of-type {
    padding-left : 1.5rem;
    flex         : 1 1 auto;
}

.list__item-cell--text {
    padding       : 0.5rem;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    color         : var(--theme-text-primary-on-light);
    font-size     : var(--font-size-secondary);
}

.list__item-cell--text-n-lines {
    display        : flex;
    flex-direction : column;
    padding        : 0.5rem;
    color          : var(--theme-text-primary-on-light);
    font-size      : var(--font-size-secondary);
    line-height    : 1.25rem;
}

.list__item-cell--visible-on-hover {
    visibility : hidden;
}

.list__item:hover > .list__item-cell--visible-on-hover {
    visibility : visible;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_menu.css ***!
  \*********************************************************************************************/
.menu-caller {
    position: relative;
}

.menu {
    display: grid;
    position: absolute;
    right: 0;
    margin: 0;

    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    background-color: var(--theme-element-background);
    grid-template-columns: 1fr;
    width: max-content;
    padding: 0;
    border-radius: 6px;
    color: var(--theme-text-primary-on-light);
    z-index: 9;
}
.menu--below {
    top: 2em;
}
.menu--left {
    right: 1em;
}
.menu[data-hidden] {
    display: none;
}
.menu__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    min-height: 42px;
    cursor: pointer;
}
.menu__item--disabled {
    /*Can't do
        pointer-events: none;
    because this would prevent tooltips from being shown on hover. So need to do this with JS*/
    color: var(--mdc-theme-text-disabled-on-background);
}
.menu__hotkey {
    color: var(--theme-text-hint-on-light);
    margin-left: 1em;
    margin-bottom: .1em;
}
.menu__item:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.menu__separator {
    height: 1px;
    width: 100%;
    border: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
}
/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_named-list-item.css ***!
  \********************************************************************************************************/
.named-list-item {
    padding: .3em 0;
}
.named-list-item.fade-out {
    opacity : 0.4;
}
.named-list-item__title {
    font-size: .75em;
    color: var(--theme-text-hint-on-light);
}
.named-list-item:hover .named-list-item__title {
    color: var(--theme-primary);
}
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_page-header.css ***!
  \****************************************************************************************************/
.page__header {
    display          : flex;
    position         : fixed;
    top              : 0;
    left             : 0;
    right            : 0;
    justify-content  : space-between;
    align-items      : center;
    height           : 4rem;
    padding          : 0.5rem 0 0.5rem 0.75rem;
    color            : var(--theme-text-primary-on-light);
    background-color : var(--mdc-theme-background);
    z-index          : 9;
    border-bottom: var(--plain-border);
}

.page__header.scroll {
    -webkit-box-shadow: var(--page-header-box-shadow);
    box-shadow: var(--page-header-box-shadow);
}

.page__header .header__title {
    font-weight    : 500;
    letter-spacing : 0.009375em;
    padding        : 0 1rem;
}

/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_popup.css ***!
  \**********************************************************************************************/
.page-overlay {
    display          : flex;
    position         : fixed;
    z-index          : 4;
    left             : 0;
    top              : 0;
    width            : 100vw;
    height           : 100vh;
    background-color : rgba(0, 0, 0, 0.4);
}
.page-overlay--transparent {
    background-color: transparent;
}

.popup {
    --popup__header__height: 3em;
    --popup__header__top-padding: 24px;
    --popup__header__bottom-padding: 10px;
    --popup__footer__height: 3em;
    --popup__right-padding: 24px;

    margin: auto auto;
    /*need to keep right padding 0 so that the content could extend fully to the right and have its own padding.
     This way its scroll bar will touch popup right border instead of being padded.*/
    padding : 24px 0 var(--popup__header__bottom-padding) 24px;
    background: white;
    outline : none;
    /*position is set to relative because child element "progress-bar" has position "absolute" with top:left: 0*/
    position: relative;
    border-radius: var(--border-radius);
}

.popup__progress {
    position : absolute;
    top      : 0;
    left     : 0;
}
.popup__header {
    font-size: 1.25em;
    padding-right: var(--popup__right-padding);
}

.popup__main-content {
    /*
      We want the content of the popup to be scrollable while the header and the footer (buttons) stay on the screen,
      so the max height of the content is the screen height minus header & footer.

      The calculations are a bit off since the scroll appears sooner when you start shrinking the window,
      was lazy to figure out the mistake. But that's fine - we'd add extra space anyway, don't want to touch
      browser boundaries.

      There will be dialogs w/o header or footer, but those are usually small ones. Their max-height will have
      extra pixels, well.. because they have no actual header or footer. But for small popups this isn't critical
      because no one will shrink the browser that much.
    */
    max-height: calc(100vh - var(--popup__header__height)
                           - var(--popup__header__top-padding) - var(--popup__header__bottom-padding)
                           - var(--popup__footer__height));
    overflow: auto;
    margin-top: 1em;
    padding-right: var(--popup__right-padding);
}
.popup__main-content--text-only {
    margin-bottom: 3em;
}

.popup__footer {
    height   : var(--popup__footer__height);
    padding-right: var(--popup__right-padding);
}

.popup__footer--main-buttons-only {
    display         : flex;
    justify-content : flex-end;
    align-items     : center;
}

.popup__footer--main-buttons-only > button {
    margin-left : 0.5rem;
}
/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_style.css ***!
  \**********************************************************************************************/
#aliasInput, #formulaInput {
    width : 135px;
}

.bar {
    fill : #757575;
}

.selected {
    width : 2px;
}

.tick text {
    fill : #9e9e9e;
}

.bar-highlight {
    fill: var(--theme-primary);
}

.line {
    fill         : none;
    stroke       : #F44336;
    stroke-width : 2px;
}

.material-symbols-outlined[data-name="change-view"] {
    width: 18px;
    height: 18px;
    border-radius: 15%;
    color: var(--theme-text-secondary-on-light);
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 4px;
    z-index: 3;
}
.white-background {
    background: #ffffff;
}

.material-symbols-outlined[data-name="change-view"]:hover {
    color: var(--theme-text-primary-on-light);
    transform: scale(1.1);
}

.plate-container {
    display        : inline-block;
    /*margin-right   : 6px;*/
    vertical-align : top;
    position       : relative;
}

.plate-container:last-child {
    margin-right : 0;
}

.plate-container paginator-cmp {
    margin : 8px auto 0 auto;
}

.plate-body {
    position   : relative;
    width      : fit-content;
    display    : inline-block;
    cursor     : pointer;
    padding    : 8px 8px 5px 8px;
    border-radius: var(--border-radius);
    background : #ffffff;
    box-shadow : 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

.plate-container .progress {
    position : absolute;
    margin   : unset !important;
    left     : 0;
    top      : 0;
    z-index  : 1;
}

.chromatogram .line, .chromatogram-line {
    fill         : none;
    stroke       : #000000;
    stroke-width : 1px;
}

.overlay {
    fill           : none;
    stroke         : none;
    pointer-events : all;
}

.focus, .massLabel {
    pointer-events : none;
}

.massLabelText {
    font-size   : 75%;
    fill        : white;
}

.massLabelRect {
    height  : 15px;
    opacity : 0.9;
    fill    : #616161;
}

.dialog-container {
    display          : none;
    position         : fixed;
    width            : 16em;
    height           : 11em;
    box-shadow       : -6px 4px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.13);
    background-color : white;
    top              : 50%;
    left             : 50%;
    margin-top       : -9em;
    margin-left      : -15em;
    z-index          : 6;
}

.dialog-title-container {
    padding : 24px 24px 20px 24px;
}

.dialog-title-container p {
    color       : black;
    font-size   : 125%;
    font-weight : 500;
}

.dialog-content-container {
    padding : 0 24px 24px;
}

.dialog-actions-container {
    height   : 52px;
    position : absolute;
    left     : 0;
    right    : 0;
    bottom   : 0;
}

.flat-button {
    float              : right;
    height             : 36px;
    width              : 64px;
    color              : #2196f3;
    font-size          : 87%;
    cursor             : pointer;
    position           : relative;
    margin             : 8px 8px 8px 0;
    padding            : 0;
    background         : transparent;
    text-transform     : uppercase;
    overflow           : hidden;
    user-select        : none;
    outline            : none;
    box-sizing         : border-box;
    border             : none;
    -webkit-transition : box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
    transition         : box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
}

.flat-button:hover {
    background : #eeeeee;
}

.flat-button:active {
    background : darkgray;
}

.flat-button:disabled {
    background-color : transparent;
    color            : rgba(0, 0, 0, .37);
    cursor           : default;
    pointer-events   : none;
}

.tracked-mass {
    user-select : none;
    cursor      : pointer;
}


.overlay:active, .overlay:focus {
    outline : 0;
}

.batches {
    box-shadow       : 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background-color : white;
    width            : 90%;
    top              : 8px;
    position         : relative;
    margin-left      : auto;
    margin-right     : auto;
}

.dialogInput {
    height         : 64px;
    width          : 5em;
    display        : inline-block;
    vertical-align : top;
}

.errorText {
    display     : none;
    color       : #E53935;
    font-size   : 80%;
    padding-top : 8px;
}

/* Progress Bar */
.progress {
    position         : absolute;
    height           : 4px;
    top              : 0;
    left             : 0;
    display          : none;
    width            : 100%;
    background-color : #acece6;
    background-clip  : padding-box;
    margin           : 0;
    overflow         : hidden;
}

.progress .determinate {
    background-color : #26a69a;
    position         : absolute;
    top              : 0;
    bottom           : 0;
    transition       : width .3s linear;
}

.progress .indeterminate {
    background-color : #26a69a;
}

.progress .indeterminate:before {
    content           : '';
    position          : absolute;
    background-color  : inherit;
    top               : 0;
    left              : 0;
    bottom            : 0;
    -webkit-animation : indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation         : indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
    content                 : '';
    position                : absolute;
    background-color        : inherit;
    top                     : 0;
    left                    : 0;
    bottom                  : 0;
    -webkit-animation       : indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation               : indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay : 1.15s;
    animation-delay         : 1.15s;
}

.search-input .search-label {
    display : none;
}

.error-label {
    color : #b00020 !important;
}

.injectionContent {
    margin    : 8px 8px 0 8px;
    min-width : 950px;
    display   : flex;
}

.well {
    fill         : #b0b0b0;
    fill-opacity : 0.2;
}

.well.not-empty:hover {
    fill-opacity : 1;
}

.well.active {
    fill-opacity : 1;
}

.well.not-empty {
    fill : #009292;
}

.multi-injection {
    fill         : var(--theme-primary);
    fill-opacity : 0.5;
}

.hash-selection {
    fill-opacity : 0.5;
}

.user-selection {
    fill-opacity : 0.5;
}

.mdc-list-item__graphic {
    margin-right : 16px !important;
}

.mdc-list-item__text label {
    cursor : pointer;
}

.list-icon {
    font-size : 2.25em;
}

#export-dialog {
    width       : 21em;
    height      : 11em;
}

.dialog-content-container i {
    cursor    : pointer;
    float     : left;
    font-size : 30px;
}

.align {
    cursor : grab;
}

.align-progress {
    cursor : grabbing;
}

#apply-to-others-dialog {
    width  : 22em;
}

.header-overlay {
    visibility       : hidden;
    background-color : white;
    min-width        : 350px;
    max-width        : 600px;
    margin-left      : auto;
    margin-right     : auto;
    z-index          : 2;
    opacity          : 0;
    transition       : visibility 0s linear 300ms, opacity 300ms;
    border           : none;
    pointer-events   : none;
}

.header-overlay.visible {
    pointer-events : all;
}

.visible {
    visibility : visible;
    opacity    : 1;
    transition : visibility 0s linear 0s, opacity 300ms;
}

.header-overlay-start {
    color       : black;
    display     : inline;
    margin      : 0 50px 0 20px;
    max-width   : 100px;
    white-space : nowrap;
}

.header-overlay-end {
    color       : black;
    display     : inline;
    margin      : 0 auto 0 0;
    max-width   : 200px;
}

.header-overlay-end button {
    float       : right;
    margin-left : 8px;
}

.header-overlay-end button {
    float       : right;
    margin-left : 8px;
}

.header-overlay-start i {
    font-size    : 18px;
    cursor       : pointer;
    margin-right : 12px;
}

.header-overlay-start i:hover {
    font-weight : bold;
}

.header-overlay-start i,
.header-overlay-start p {
    display        : inline;
    vertical-align : text-bottom;
}

#reassign-batch-dialog {
    width : 450px;
}

#reassign-batch-dialog #batch-name {
    margin-top : 16px;
}

.reassign-batch-dialog__title{
    margin-bottom: 1rem;
}

.dialog-title-container {
    border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}

.dialog-actions-container {
    border-top : 1px solid rgba(0, 0, 0, 0.1);
}

#reassign-batch-dialog .dialog-content-container {
    padding-top  : 20px;
    padding-left : 30px;
}

#reassign-batch-dialog .dropdown {
    width : 18.5rem;
}

.reassign-batch-dialog__dropdown-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    list-style: none;
    padding: 0.5rem;
}

.reassign-batch-dialog__item-description {
    font-size: 0.75rem;
}

.modal-overlay {
    display          : block;
    position         : fixed;
    z-index          : 4;
    padding-top      : 100px;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    overflow         : auto;
    background-color : rgba(0, 0, 0, 0.4);
}

i, img {
    user-select : none;
}

.mdc-list-item__graphic input[type="checkbox"] {
    width  : 1rem;
}

.tools-panel {
    height         : 62px;
    overflow       : hidden;
    pointer-events : none;
}

.plate {
    float   : none;
    display : inline-block;
    width   : 238px;
    height  : 176px;
}

.plate-well-injections {
    display    : inline-block;
    position   : absolute;
    z-index    : 3;
    background : white;
    box-shadow : 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

#wavelength-dialog {
    width : 400px;
}

.detectedPeak {
    fill         : #cafebabe;
    stroke       : gray;
    fill-opacity : .15;
}

.dialog-row {
    display     : block;
    width       : 100%;
    height      : 52px;
    padding-top : 8px;
}

.dialog-row > .dialogInput {
    width  : auto;
    height : 18px;
    cursor : default;
}

.dialog-row > .dialogInput > p {
    display   : inline;
    font-size : 14px;
}

.dialog-row > .dialogInput > input {
    display    : inline;
    font-size  : 15px;
    text-align : center;
    padding    : 0;
}

.dialog-row .input-container {
    width       : 155px;
    height      : 25px;
    padding-top : 16px;
}

.dialog-row > .search-input {
    width        : 96px;
    margin-right : 8px;
}

.simple-notification-dialog {
    width   : auto !important;
    z-index : 8;
}

.peakBorders {
    fill-opacity   : .05;
    stroke-opacity : 1;
    pointer-events : none;
}

#crawlers-table {
    font-size        : 12px;
    font-weight      : bold;
    border-spacing   : 0;
    border-collapse  : collapse;
    width            : 100%;
    color            : rgba(0, 0, 0, .7);
    background-color : #ffffff;
    box-shadow       : 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

#crawlers-table tr:not(:first-child):hover {
    background-color : rgba(0, 0, 0, 0.1);
    transition       : 250ms;
}

#crawlers-table th, #crawlers-table td {
    text-align : left;
    padding    : 8px;
}

#crawlers-table tr {
    cursor : default;
}

.mdc-text-field label.not-empty {
    top        : 0;
    font-size  : 0.75rem;
    transition : 150ms;
}

.mdc-text-field-helper-text--validation-msg {
    color : var(--mdc-theme-error);
}

#hot-key-helper-dialog {
    width  : 400px;
}

.dropdown-triangle-area {
    display        : inline-block;
    cursor         : pointer;
    border-radius  : 50%;
    vertical-align : middle;
}

.dropdown-triangle {
    border           : 4px solid transparent;
    border-top-color : rgba(0, 0, 0, 0.54);
    width            : 1px;
}

.dropdown-triangle-area:hover .dropdown-triangle {
    border-top-color : black;
}

#analyze-injections {
    left        : 50%;
    margin-left : 110px;
    margin-top  : 8px;
}

#search-batches {
    background    : #f1f3f4;
    border        : 1px solid transparent;
    border-radius : 8px;
    position      : relative;
    width         : 100%;
    display       : inline-flex;
    padding-left  : 4px;
}

#search-batches div:nth-child(1) {
    width   : 40px;
    display : inline-block;
}

#search-batches div:nth-child(2) {
    display      : inline-block;
    width        : 100%;
    height       : 44px;
    padding      : 0;
    margin-left  : 12px;
    margin-right : 16px;
    overflow     : hidden;
}

#search-batches i {
    color   : black;
    margin  : 3px;
    padding : 8px;
}

#search-batches input {
    padding    : 14px 0;
    background : none;
    width      : 100%;
    border     : none;
    font-size  : 16px;
}

.integration-method-controls {
    display    : none;
    position   : relative;
    width      : 80px;
    height     : 190px;
    background : white;
}

.baseline {
    pointer-events : none;
    fill           : none;
    stroke         : orangered;
    stroke-width   : 1px;
}

.dropdown-list {
    display          : none;
    margin-left      : -145px;
    margin-top       : 8px;
    position         : absolute;
    background-color : #ffffff;
    width            : 215px;
    box-shadow       : 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    z-index          : 1;
}

.dropdown-item {
    font-size       : 16px;
    line-height     : 20px;
    font-weight     : 400;
    letter-spacing  : 0.04em;
    cursor          : pointer;
    color           : black;
    padding         : 8px 8px;
    text-decoration : none;
    display         : block;
    position        : relative;
    outline         : none;
    user-select     : none;
}

.dropdown-item:hover {
    background-color : #f5f5f5;
}

.dropdown-item span:nth-child(2) {
    float       : right;
    color       : grey;
    font-size   : 14px;
    line-height : 16px;
}

.dropdown {
    display          : block;
    position         : absolute;
    background-color : #ffffff;
    width            : 80px;
    box-shadow       : 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    z-index          : 1;
}

.dropdown.aliases {
    width       : auto;
    min-width   : 150px;
    margin-left : 24px;
    top         : 48px;
}

.dropdown.aliases.hidden {
    display : none;
}

.dropdown .item {
    font-size       : 1rem;
    line-height     : 1.75rem;
    font-weight     : 400;
    letter-spacing  : 0.04em;
    cursor          : pointer;
    color           : black;
    padding         : 8px 8px;
    text-decoration : none;
    display         : block;
    position        : relative;
    outline         : none;
    user-select     : none;
}

.dropdown .item:hover {
    background-color : #f5f5f5
}

.shaking {
    animation           : shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform           : translate3d(0, 0, 0);
    backface-visibility : hidden;
    perspective         : 1000px;
}

@keyframes shake {
    10%, 90% {
        transform : translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform : translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform : translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform : translate3d(4px, 0, 0);
    }
}

.report-page-header {
    background-color : var(--mdc-theme-background);
    position         : static;
    top              : 0;
    width            : 100%;
    letter-spacing   : 0.0125em;
    padding-top      : 16px;
    padding-left     : 16px;
    box-sizing       : border-box;
    border-bottom    : 1px solid black;
    margin-bottom    : 10px;
    padding-bottom   : 2px;
}

.report-header-injection-name span {
    font-size   : 20px;
    font-weight : 500;
}

.report-header-injection-name span#acquired {
    margin-left : 8px;
}

.report-page-header-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.report-page-header-row button {
    flex: none;
    margin-top: 2px;
    margin-left: 2px;
}
.report-header-injection-method {
    margin-top : 8px;
    font-style : italic;
}

@media print {
    .no-print, .no-print * {
        display : none !important;
    }
}

.report-page {
    margin           : 0 auto;
    padding          : 0 20px;
    display          : table;
    width            : 750px;
    background-color : white;
    box-sizing       : border-box;
}

.substance-cards {
    display    : inline-block;
    width      : 100%;
}

.substance-card {
    width            : 218px;
    height           : 60px;
    display          : inline-block;
    border           : 1px solid gray;
    margin           : 8px;
    text-align       : center;
    background-color : white;
    vertical-align   : top;
}

.substance-card.with-svg {
    height : 208px;
}

.substance-card .substance-name, .substance-card .description {
    margin        : 8px 0;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.substance-card .description span {
    font-size : 12px;
}

.substance-card .description span:nth-of-type(2) {
    margin-left : 8px;
    color       : gray;
}

.substance-card.with-svg .card-svg {
    margin : 4px;
    height : 140px;
}

.detector-run-report-card {
    width             : 694px;
    height            : 220px;
    display           : flex;
    flex-direction    : column;
    border            : 1px solid gray;
    margin            : 8px;
    letter-spacing    : 0.0125em;
    page-break-inside : avoid;
    background        : var(--theme-element-background);
    position          : relative;
}

.report-card-header {
    margin      : 8px 4px 4px 12px;
    font-size   : 14px;
    flex-grow   : 1;
}

.detector-run-report-card .report-card-header {
    font-weight : 600;
}

.detector-run-report-card .integration-method-editor, .detector-run-report-card .chromatogram-graph__scan-selector {
    display        : none;
    pointer-events : none;
}

.transient-traces-layer {
    pointer-events : none;
}

.detector-run-report-card .peak-label-background {
    filter       : none;
    stroke       : gray;
    stroke-width : 1px;
    overflow     : hidden;
}

.report-page .axis:nth-of-type(2) .tick {
    display : none;
}

.resize-handle {
    display  : inline-block;
    width    : 4px;
    cursor   : ew-resize;
}

div.left {
    position   : absolute;
    display    : inline-block;
    left       : 8px;
    cursor     : ew-resize;
    box-shadow : 0 0 6px rgba(0, 0, 0, 0.5);
}

div.right {
    position   : absolute;
    display    : inline-block;
    cursor     : ew-resize;
    box-shadow : 0 0 6px rgba(0, 0, 0, 0.5);
}

/*  Scan card  (TBD: refactor when move to the new component) */
.scan-card {
    display    : block;
    position   : relative;
    height     : 266px;
    border-radius: var(--border-radius);
    background : var(--theme-element-background);
    box-shadow : var(--box-shadow)
}

.scan-card__header {
    position : relative;
    width    : 100%;
    height   : 44px;
}

.scan-card__body {
    position : relative;
    width    : 100%;
    height   : 222px;
}

.scan-header-columns {
    display         : flex;
    width           : 100%;
    height          : 100%;
    padding         : 0 16px;
    gap             : 8px;
    flex-wrap       : nowrap;
    flex-direction  : row;
    align-content   : center;
    justify-content : space-between;
    box-sizing      : border-box;
    align-items     : center;
}

.header-column__chips {
    display   : flex;
    flex-grow : 1;
}

.header-column__zoom {
    display   : flex;
    flex-grow : 0;
}

.header-column__ions {
    display   : flex;
    flex-grow : 0;
}

#select-ion-type {
    cursor : pointer;
}

#select-ion-type .name {
    line-height : 16px;
    font-size   : 13px;
    color       : rgba(0, 0, 0, 0.64);
}

#select-ion-type .dropdown-menu {
    right : 0;
    top   : 36px;
}

.scan-chart {
    width    : 100%;
    height   : 100%;
    position : relative;
}

.scan-card svg {
    /*m/z labels that are shown on hover if long can overflow the scan card - in this case we don't want to cut them*/
    overflow : visible;
    position : absolute;
}

.scan-card svg .bar {
    opacity : 1;
}

.scan-card svg.active .bar {
    opacity : .75;
}

.scan-card .main-group text {
    transform   : matrix(1, 0, 0, -1, 0, 0) rotate(-90deg);
    text-anchor : start;
    font-size   : 11px;
    fill        : #0000cd;
}

.scan-axis-y-label {
    transform   : rotate(-90deg) translate(0px, 15px);;
    font-size   : 12px;
    fill        : #9e9e9e;
    user-select : text;
    text-anchor : end;
}

.transient-mass-rectangle--active {
    filter: brightness(0.5);
}

/* -- end scan card -- */


.mode-switcher-dropdown .spacer {
    height        : 8px;
    border-bottom : 1px solid lightgray;
    margin-bottom : 8px;
}

path[non-substance-chromatogram="true"] {
    opacity : .5;
}

#create-alias-dialog {
    width : 380px;
}

#create-alias-dialog .dialog-title {
    padding   : 24px 24px 0 24px;
    font-size : 16px;
}

#create-alias-dialog .dialog-content {
    padding : 16px 24px 24px;
    display : flex;
}

#create-alias-dialog .right-column {
    width       : 206px;
    height      : 215px;
    margin-left : 24px;
    position    : relative;
}

#create-alias-dialog #aliasInput {
    margin-top : 64px;
    width      : 170px;
}

.btn-delete {
    color       : red !important;
    float       : left !important;
    margin-left : 16px;
}

.btn-delete[disabled] {
    color : rgba(0, 0, 0, 0.37) !important;
}

#custom-top-bar {
    width      : 100%;
    height     : 64px;
    position   : fixed;
    top        : 0;
    background : white;
    z-index    : 10;
    right      : 0;
    overflow   : hidden;
}

#custom-top-bar div {
    width  : 600px;
    margin : 14px auto auto;
}

#custom-top-bar span {
    font-family : Robota, sans-serif;
    font-size   : 20px;
    float       : left;
    margin-top  : 8px;
}

#custom-top-bar button {
    width       : 80px;
    margin-left : 16px;
    float       : right;
}


.page-with-contextual-sidebar {
    padding : 0 0 0 150px;
}

.page-with-contextual-sidebar .settings-page-tab {
    padding : 0;
}

.sidebar {
    top              : 64px;
    width            : 150px;
    bottom           : 0;
    left             : 0;
    display          : block;
    position         : fixed;
    background-color : #fafafa;
    box-shadow       : 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.sidebar ul {
    padding-left : 0;
    list-style   : none;
}

.sidebar li {
    white-space : nowrap;
    cursor      : pointer;

}

.sidebar-li-content {
    display                 : flex;
    align-items             : center;
    padding                 : 12px 16px;
    color                   : #666;
    text-align              : center;
    -moz-osx-font-smoothing : grayscale;
    -webkit-font-smoothing  : antialiased;
    font-size               : 1rem;
    line-height             : 1.75rem;
    font-weight             : 400;
    letter-spacing          : 0.009375em;
}

.sidebar-li-content:hover {
    color            : #303030;
    background-color : rgba(48, 48, 48, 0.06);
}

.sidebar-li-content[active] {
    color       : #303030;
    background  : rgba(0, 0, 0, 0.04);
    box-shadow  : inset 4px 0 0 var(--theme-primary);
    font-weight : 600;
}

.sidebar-li-content[active] .nav-icon-container svg {
    fill : #4b4ba3;
}

.nav-icon-container {
    display      : flex;
    margin-right : 8px;
}

.nav-icon-container svg {
    fill : currentColor;
}

.page-content {
    flex: 1 1 auto;
}

.settings-page-tab h1 {
    text-align     : center;
    font-size      : 30px;
    font-weight    : 400;
    line-height    : 1.235;
    letter-spacing : 0.00735em;
}

.settings-page-content {
    margin : 96px 8px 0 116px;
}

.settings-page-tab {
    padding-top : 16px;
}

.settings-page-header-content {
    width                  : 100%;
    -webkit-font-smoothing : antialiased;
    font-weight            : 400;
    letter-spacing         : 0.009375em;
    color                  : rgba(0, 0, 0, 0.87);
    padding                : 8px 0;
    line-height            : 1.5rem;
    margin-left            : 60px;
}

.header-tab span {
    color          : black;
    font-size      : 1.5rem;
    margin-left    : 120px;
    vertical-align : super;
}

.header-tab mdc-button {
    float  : right;
    bottom : 8px;
    right  : 16px;
}

.methods-list {
    display                : block;
    list-style             : none;
    width                  : 600px;
    margin                 : auto;
    background-color       : white;
    box-shadow             : 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-font-smoothing : antialiased;
    font-size              : 1rem;
    font-weight            : 400;
    letter-spacing         : 0.009375em;
    color                  : rgba(0, 0, 0, 0.87);
    padding                : 8px 0;
    line-height            : 1.5rem;
    position               : relative;
}

.methods-list-li-container {
    position : relative;
    cursor   : pointer;
    padding  : 10px 16px;
    color    : #303030;
}

.methods-list-li-container span {
    letter-spacing : 0.015em;
    display        : block;
}

.li-col-2 .text-main {
    display : block;
}

.li-col-2 .text-secondary {
    display   : block;
    font-size : 0.875rem;
    opacity   : 0.7;
}


.chips {
    display : block;
}

.chip {
    align-items      : center;
    background-color : red;
    overflow         : hidden;
    display          : inline-flex;
    border-radius    : 0.75rem;
    position         : relative;
    max-width        : 100%;
    font-size        : 0.75rem;
    line-height      : 1rem;
    padding          : 0 8px;
}


.methods-list-li-container:hover {
    color            : #303030;
    background-color : rgba(48, 48, 48, 0.06);
}

.method-dialog {
    display  : block;
    width    : auto;
    height   : 560px;
    position : relative;
    left     : unset;
    top      : unset;
    margin   : auto;
}

.method-dialog .dialog-content-container {
    position   : relative;
    margin-top : 16px;
}

.method-dialog .dialog-actions-container {
    padding : 12px 8px 0px 24px;
}

.method-dialog .dialog-actions-container .mdc-button:not(.btn-delete) {
    float        : right;
    margin-right : 16px;
}

.processing-methods-dialog {
    width            : 690px;
}

.accordion-list-container {
    margin-top : 8px;
    margin-bottom: 20px;
    padding: 4px 4px 0 4px;
}

.accordion-list-title {
    margin-top : 24px;
    opacity    : 0.6;
    color      : #303030;
}

.accordion-list {
    width            : 100%;
    height           : fit-content;
    font-weight      : 400;
    background-color : #fff;
    box-shadow       : 1px 0px 4px 1px rgba(0, 0, 0, 0.15);
}

.accordion-list .accordion-card .accordion-card-content {
    display : none;
}

.accordion-list .accordion-card .accordion-card-content ul {
    margin  : 0;
    padding : 8px 0;
}

.accordion-list .accordion-card[expanded] .accordion-card-content {
    display          : block;
    border-bottom    : 1px solid rgba(0, 0, 0, 0.12);
    background-color : rgba(0, 0, 0, 0.025)
}

.accordion-card-content ul {
    list-style : none;
}

.accordion-card .accordion-card-header .title {
    padding        : 12px;
    display        : inline-block;
    pointer-events : none;
    font-size      : 18px;
}

.accordion-card .accordion-card-header .alignment-title {
    display   : inline-block;
    font-size : 14px;
}

.accordion-card .accordion-card-header {
    border-bottom : 1px solid rgba(0, 0, 0, 0.12);
    cursor        : pointer;
    position      : relative;
    color         : #303030;
}

.accordion-card .accordion-card-header svg {
    float   : right;
    padding : 12px;
    fill    : currentColor;
}


.accordion-list .accordion-card[expanded] .accordion-card-header svg {
    transform : rotate(180deg);
}

.card-list__item {
    padding : 12px 24px;
    border  : 1px solid transparent;
}

.card-list__item--active {
    border-color     : var(--theme-primary);
    background-color : rgba(48, 48, 48, 0.06);
}

.card-list__item:hover {
    background-color : rgba(48, 48, 48, 0.06);
}

.list-item-title {
    pointer-events : none;
    color          : rgba(0, 0, 0, 0.84);
    letter-spacing : 0.0625rem;
}

.list-item-options {
    display    : none;
    float      : right;
    color      : #303030;
    margin-top : -8px;
    width      : 90px;
}

.list-item-options svg {
    opacity : 0.6;
}

.list-item-options svg:hover {
    opacity : 1;
    cursor  : pointer;
}

.card-list__item:hover .list-item-options {
    display : inline-block;
}

.list-item-options svg {
    padding : 6px;
    fill    : currentColor;
}

.md-list-wrapper {
    display          : block;
    background-color : white;
    position         : relative;
    pointer-events   : none;
    box-shadow       : 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.processing-methods-list {
    width  : 600px;
    margin : auto;
}

.processing-methods-list .dropdown-menu {
    width : 120px;
}

.md-list {
    font-size       : 1rem;
    font-weight     : 400;
    letter-spacing  : .009375em;
    text-decoration : inherit;
    text-transform  : inherit;
    line-height     : 1.5rem;
    margin          : 0;
    padding         : 8px 0;
    list-style-type : none;
    pointer-events  : none;
    color           : rgba(0, 0, 0, .87);
}

.md-list-item {
    display         : flex;
    position        : relative;
    align-items     : center;
    justify-content : flex-start;
    padding         : 0 16px;
    cursor          : pointer;
    min-height      : 36px;
    pointer-events  : all;
}

.md-list-item:hover {
    background-color : rgba(0, 0, 0, 0.04);
}

.md-list-item.md-list-item__faded-out {
    opacity : .6;
}

.processing-method-switch {
    margin : 24px 16px 24px 0;
}

.md-list-item__text {
    display : inline-block;
}

.two-line-text__primary {
    display       : block;
    text-overflow : ellipsis;
    white-space   : nowrap;
    overflow      : hidden;
}

.two-line-text__secondary {
    font-size      : .875rem;
    font-weight    : 400;
    letter-spacing : .0178571429em;
    text-overflow  : ellipsis;
    white-space    : nowrap;
    overflow       : hidden;
    display        : block;
    color          : rgba(0, 0, 0, .54);
}

.md-list-item__action-icons {
    position : absolute;
    right    : 24px;
    top      : 12px;
    display  : block;
}

.md-list-item__action-icons svg {
    fill          : currentColor;
    padding       : 12px;
    border-radius : 50%;
    color         : rgba(0, 0, 0, .54);
}

.md-list-item:hover .md-list-item__action-icons {
    display : block;
}

.md-list-item .md-list-item__action-icons svg:hover {
    background-color : rgba(0, 0, 0, .06);
}

.mouse-blocking-overlay {
    display  : block;
    position : fixed;
    z-index  : 8;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%;
    overflow : auto;
    cursor   : default;
}

.multiple-structures-confirmation-dialog {
    width : 350px;
    top   : calc(50% - 250px);
    padding-bottom: 8px;
}

.delete-chromatogram-dialog {
    width : 350px;
    top   : calc(50% - 250px);
    padding-bottom: 8px;
}

.skipped-injections-dialog {
    width : 540px;
}

.skipped-injections-dialog .dialog-content ul {
    overflow   : auto;
    max-height : 296px;
}

.skipped-injections-dialog .dialog-content p {
    padding-top : 16px;
}

.skipped-injections-dialog .dialog-content-container ul li {
    padding-top : 4px;
}

#full-window-progress-bar {
    display          : none;
    position         : fixed;
    z-index          : 9;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    overflow         : auto;
    background-color : rgba(0, 0, 0, 0.4);
}

#full-window-progress-bar .progress {
    display : block;
    margin  : 0;

}

.common-notification-dialog {
    width     : fit-content;
    min-width : 450px;
    max-width : 700px;
    padding-bottom: 10px;
}

.common-notification-dialog p:nth-of-type(1) {
    font-weight : 600;
}

.common-notification-dialog p:nth-of-type(2) {
    margin-top : 16px;
}

.modal .dialog {
    margin           : 144px auto;
    background-color : white;
    position         : relative;
    box-shadow       : 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: var(--border-radius);
}

#discovered-injection-dialog {
    position  : relative;
    min-width : 450px;
    max-width : 600px;
    width     : fit-content;
}

#discovered-injection-dialog .labeled-text:nth-child(1) {
    margin-top : 0;
    width      : 100%;
}

#discovered-injection-dialog .labeled-text:nth-child(2), #discovered-injection-dialog .labeled-text:nth-child(3) {
    width   : 172px;
    display : inline-block;
}

#discovered-injection-dialog .labeled-text:nth-child(3) {
    float : right;
}

#discovered-injection-dialog .labeled-text:nth-child(4) .labeled-text--text {
    max-height : 250px;
    overflow-y : auto;
}

#discovered-injection-dialog .labeled-text {
    margin-top : 24px;
}

.labeled-text {
    position : relative;
}

.labeled-text span {
    display : block;
}

.labeled-text--label {
    font-size     : 0.75rem;
    color         : rgba(0, 0, 0, 0.52);
    margin-bottom : 8px;
}

.labeled-text--text {
    font-size  : 16px;
    color      : rgba(0, 0, 0, 0.82);
    width      : 100%;
    line-break : auto;
    word-break : break-word;
}

.labeled-text--text-italic-grey {
    font-size: 16px;
    color: var(--theme-text-secondary-on-light);
    width: 100%;
    line-break: auto;
    word-break: break-word;
    font-style: italic;
}

.labeled-text--bar {
    width      : 100%;
    height     : 1px;
    background : rgba(0, 0, 0, 0.22);
}

.dialog .progress {
    margin        : 0 !important;
    border-radius : unset;
}

#discovered-injection-dialog .discovered-injection-icon {
    margin-right : 0.5rem;
}

.modal {
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, 0.4);
    position         : fixed;
    top              : 0;
    z-index          : 1050;
    display          : none;
}

.modal:last-of-type {
    display : block;
}

.dialog-content {
    padding : 24px;
}

.dialog-buttons {
    height : 48px;
}

.dialog-buttons > * {
    float        : right;
    margin-right : 16px;
}

.dialog-buttons-row {
    display         : flex;
    width           : 100%;
    height          : 3.25rem;
    align-items     : center;
    justify-content : end;
    padding-right   : 1.5rem;
}

.dialog-buttons-row .button:not(:last-child) {
    margin-right : 0.5rem;
}

#search-records {
    background    : #f1f3f4;
    border        : 1px solid transparent;
    border-radius : 8px;
    position      : relative;
    width         : 100%;
    height        : 48px;
    display       : inline-flex;
    padding-left  : 4px;
}

#search-records div:nth-child(1) {
    width   : 48px;
    height  : 48px;
    display : inline-block;
}

#search-records div:nth-child(2) {
    display  : inline-block;
    overflow : hidden;
    height   : 48px;
    width    : calc(100% - 60px);
}

#search-records i {
    color    : black;
    position : absolute;
    top      : 14px;
    left     : 14px;
}

#search-records input {
    padding-top : 18px;
    background  : none;
    width       : 100%;
    border      : none;
    font-size   : 16px;
}

#discovered-injection-table-paginator {
    margin : 16px auto;
}

.batch-not-exists-confirmation {
    width     : fit-content;
    min-width : 400px;
    max-width : 1000px;
}

#create-batch-dialog {
    width    : 450px;
    position : relative;
}

.batch-created-confirmation {
    width     : fit-content;
    max-width : 750px;
}

#create-batch-dialog #confirmation-sign {
    margin-top : 36px;
}

#create-batch-dialog #confirmation-sign span#total-filtered {
    font-weight : 600;
}

.loading-span::after {
    display   : inline-block;
    animation : dotty steps(1, end) 1s infinite;
    content   : '';
}

@keyframes dotty {
    0% {
        content : '';
    }
    25% {
        content : '.';
    }
    50% {
        content : '..';
    }
    75% {
        content : '...';
    }
    100% {
        content : '';
    }
}

#column-picker-dialog {
    width    : 750px;
    border-radius: var(--border-radius);
}

#column-picker-dialog .dialog-content {
    padding : 8px 24px 24px;
}

#column-picker-dialog #tabs {
    height : 64px;
}

#column-picker-dialog #column-filter {
    width : 100%;
}

#column-picker-dialog #global-selector {
    width      : 36px;
    margin-top : 16px;
}


#column-picker-dialog #column-list {
    width      : 100%;
    list-style : none;
    padding    : 0;
    margin     : 16px 0 0 0;
    max-height : 300px;
    overflow-y : auto;
}

#column-picker-dialog #column-list li {
    height      : 25px;
    white-space : nowrap;
}

#column-picker-dialog #column-list li input {
    width      : 36px;
    display    : inline-block;
    margin-top : 8px;
}

.column-picker-dialog__col-label {
    cursor         : pointer;
    font-size      : 14px;
    vertical-align : text-top;
}

#column-picker-dialog #row-filter {
    width : 100%;
}

#column-picker-dialog #tab-2-content {
    display : none;
}

#column-picker-dialog .btn-ok-secondary {
    float       : left;
    margin-left : 24px;
}

.visualisation-component {
    display        : inline-block;
    width          : calc(50% - 12px);
    min-width      : 254px;
    height         : 512px;
    min-height     : 512px;
    border-radius: var(--border-radius);
    background     : #ffffff;
    box-shadow     : 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    margin         : 0 4px;
    position       : relative;
    vertical-align : top;
    flex: 1;
}

.visualisation-component__right-shadow:before {
    content: '';
    position: absolute;
    right: -3px;
    top: 0;
    height: 100%;
    width: 3px;
    box-shadow: 5px 0 10px var(--vis-shadow-color);
}

.visualisation-component__left-shadow:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 3px;
    box-shadow: -5px 0 10px var(--vis-shadow-color);
}

.vis-grid-row__bottom-shadow:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    box-shadow: 0 5px 10px var(--vis-shadow-color);
}

.vis-grid-row__top-shadow:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    box-shadow: 0 -5px 10px var(--vis-shadow-color);
}

.visualisation-component.stub {
    background-color : #cacaca;
    box-shadow       : none;
    margin-bottom    : -8px;
}

.visualisation-component.stub-v2 {
    background-color : transparent !important;
    box-shadow       : none;
    margin-bottom    : -8px;
    border           : 2px dashed gray;
    box-sizing       : border-box;
}

.visualisation-component.stub-v2:after {
    content   : '+';
    font-size : 68px;
    color     : gray;
    position  : absolute;
    top       : calc(50% - 34px);
    left      : calc(50% - 20px);
}

.visualisation-component-header {
    padding : 1.125rem 0.75rem;
}

.visualisation-component-header span {
    display        : inline-block;
    letter-spacing : 1px;
}

.visualisation-component-header .vis-buttons {
    float   : right;
    display : inline-block;
}

.visualisation-component-header .vis-buttons > div {
    display : inline-block;
}

.visualisation-component-header .vis-buttons .add-column-dropdown {
    display     : none;
    margin-left : 24px;
    margin-top  : 0;
    z-index     : 10;
    width       : 168px;
}

.visualisation-component-header .vis-name {
    cursor      : default;
    max-width   : calc(100% - 8.75rem);
    position    : relative;
    min-width   : 7.5rem;
    width       : 100%;
    display     : inline-block;
    font-size   : 0.875rem;
    line-height : 1.25rem;
}

.visualisation-component-header edit-text {
    overflow: hidden;
}

.visualisation-component-header .vis-name i {
    display    : none;
    cursor     : pointer;
    font-size  : 14px;
    opacity    : 0.5;
    transition : transform 150ms;
}

.visualisation-component-header .vis-name:hover i {
    display : inline-block;
}

.visualisation-component-header .vis-name i:hover {
    transform : scale(1.3);
    opacity   : 0.82;
}

.visualisation-component-header div svg {
    width        : 24px;
    fill-opacity : 0.5;
    cursor       : pointer;
    transition   : transform 150ms;
}

.visualisation-component-header div svg:hover {
    transform    : scale(1.1);
    fill-opacity : 0.82;
}

.visualisation-component .move-bar {
    position : absolute;
    top      : 0;
    width    : 100%;
    height   : 16px;
    cursor   : all-scroll;
}

.visualisation-component-body {
    padding  : 8px;
    position : relative;
    width    : 100%;
    height   : calc(100% - 58px);
}

.visualisation-component-body .table-layer {
    position : absolute;
}

.visualisation-component-body .scatter-plot-layer {
    position : absolute;
    width    : calc(100% - 16px);
    height   : calc(100% - 72px);
}

.visualisation-component-body .table-container {
    height : 426px;
}

.visualization-component--new{
    box-shadow: 0 0 5px var(--theme-primary);
}

#edit-column-dialog {
    width : 650px;
}

#filter-table-dialog {
    width : 500px;
}

th[data-type="unknown"], td[data-type="unknown"] {
    text-align : left !important;
}

th[data-type="number"], td[data-type="number"] {
    text-align : right !important;
}

th[data-type="string"], td[data-type="string"] {
    text-align : left !important;
}

th[data-type="svg"], td[data-type="svg"] {
    text-align : left !important;
}

th[data-type="mixed"], td[data-type="mixed"] {
    text-align : left !important;
}

.th-w-control {
    width            : 4px;
    height           : 100%;
    background-color : transparent;
    position         : absolute;
    top              : 0;
    right            : 0;
}

.th-w-control:hover {
    cursor : col-resize;
}

.tr-h-control {
    width            : 100%;
    height           : 4px;
    background-color : transparent;
    position         : absolute;
    bottom           : -2px;
    left             : 0;
    z-index          : 1;
}

.tr-h-control:hover {
    cursor : row-resize;
}

.select-visualisation-source-dialog {
    display : block;
    width   : 400px;
}

.select-visualisation-source-dialog p {
    font-weight : 600;
}

.select-visualisation-source-dialog div:not(:nth-of-type(3)) {
    margin-top : 24px;
}

.select-visualisation-source-dialog input {
    display : inline-block;
    cursor  : pointer;
    width   : 36px;
}

.select-visualisation-source-dialog label {
    cursor      : pointer;
    margin-left : -8px;
}

.vis-resize-wl {
    position : absolute;
    right    : 0;
    top      : 0;
    height   : 100%;
    width    : 4px;
    cursor   : ew-resize;
}

.vis-grid {
    white-space    : nowrap;
    padding: 0 0.5rem 1rem;
}

.vis-grid-row {
    margin  : 8px 0;
    display: flex;
    max-width: 100%;
    position: relative;
}

.vis-grid-row--forbidden .visualisation-component {
    box-shadow: 20px 0 20px -10px var(--vis-shadow-forbidden-color), -20px 0 20px -10px var(--vis-shadow-forbidden-color);
}

.zoomed-svg .dialog__main-content{
    margin: 0;
    height : 75vh;
}

/*Chart component*/
.chart-component {
    width  : 100%;
    height : 100%;
}

.chart-component svg {
    width  : 100%;
    height : 100%;
}


/*VisualizationChart component*/

.vis-chart-container {
    font-size   : 100%;
    position    : absolute;
    left        : 16px;
    top         : 0;
    width       : calc(100% - 108px);
    height      : calc(100% - 26px);
}

.vis-chart-data-options {
    font-size   : 100%;
    position    : absolute;
    right       : 8px;
    top         : 0;
    width       : 92px;
    height      : calc(100% - 26px);
}

.vis-chart-data-options ul {
    list-style  : none;
    margin      : 0;
    padding     : 0;
    line-height : 16px;
}

.vis-chart-data-options .option-name {
    color          : rgba(0, 0, 0, 0.54);
    font-size      : 12px;
    pointer-events : none;
}

.z-axis-label {
    margin-top : 4px;
    cursor     : pointer;
}

.z-axis-label span#name {
    display        : inline-block;
    max-width      : 72px;
    overflow       : hidden;
    font-size      : 12px;
    pointer-events : none;
}

.z-axis-label .axis-options-dropdown {
    max-height : 375px;
}

.scatter-plot-circle[selected="false"] {
    color : #fff;
}

.scatter-plot-circle {
    stroke           : rgba(96, 96, 96, 0.8);
    fill             : currentColor;
    cursor           : pointer;
    transform-box    : fill-box;
    transform-origin : center;
}

.scatter-plot-circle:hover {
    transform : scale(1.2);

}

.chart-point-tooltip {
    padding       : 4px;
    position      : fixed;
    font-size     : 12px;
    color         : rgba(0, 0, 0, 0.54);
    visibility    : hidden;
    background    : white;
    box-shadow    : 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    border-radius : 6px;
    z-index       : 9;
    min-width     : min-content;
}

.chart-point-tooltip td {
    padding-top : 4px;
}

.chart-point-tooltip tr td:nth-of-type(1) {
    text-align  : right;
    white-space : break-spaces;
}

.chart-point-tooltip tr td:nth-of-type(3) {
    text-align : left;
}

.chart-point-tooltip tr:nth-last-of-type(1) td:nth-of-type(3), .chart-point-tooltip tr:nth-last-of-type(2) td:nth-of-type(3) {
    font-weight : bold;
    color       : black;
}

.vis-chart-component {
    width  : 100%;
    height : 100%;
}

.vis-chart-component .y-axis-label .name {
    position    : absolute;
    top         : calc(50% - 26px);
    transform   : translate(calc(-50% + 12px)) rotate(-90deg);
    cursor      : pointer;
    z-index     : 1;
    line-height : 12px;
}

.vis-chart-component .x-axis-label {
    margin      : auto;
    cursor      : pointer;
    width       : fit-content;
    width       : -moz-fit-content;
    max-width   : calc(100% - 36px);
    line-height : 12px;
}

.vis-chart-component .y-axis-label span#name {
    max-width : 400px;
}

.vis-chart-component .x-axis-label span#name, .vis-chart-component .y-axis-label span#name {
    color          : rgba(0, 0, 0, 0.54);
    font-size      : 12px;
    pointer-events : none;
    vertical-align : top;
    display        : inline-block;
    white-space    : nowrap;
    text-overflow  : ellipsis;
    overflow       : hidden;
    width          : calc(100% - 8px);
}

.axis-options-dropdown {
    pointer-events : all;
    overflow-y     : auto;
    overflow-x     : hidden;
}

.vis-chart-component .y-axis-label .axis-options-dropdown {
    left : 30px;
}

.y-axis-col {
    height : calc(100% - 26px);
}

.x-axis-col {
    width  : 100%;
    height : 26px;
}

.chart-tab {
    display  : none;
    position : absolute;
    width    : 100%;
    height   : 100%;
    left     : 0;
    top      : 0;
}

.chart-component .axes .tick line {
    stroke         : rgba(0, 0, 0, 0.12);
    pointer-events : none;
}

.chart-component .axes path.domain {
    stroke : currentColor;
}

.area-selector .selection {
    color            : rgb(34 121 181);
    fill             : currentColor;
    stroke           : currentColor;
    stroke-dasharray : 2 2;
    fill-opacity     : 0.1;
}

/* Dropdown menu */
.dropdown-menu {
    display       : none !important;
    position      : absolute !important;
    z-index       : 9;
    width         : max-content;
    border-radius : 6px;
    right         : 8px;
    top           : 42px;
}

.dropdown-menu[visible] {
    display : block !important;
}

.dropdown-menu .md-list {
    padding   : 4px 0;
    font-size : 14px;
    width     : max-content;
    min-width : 100%;
}

.dropdown-menu .md-list li {
    padding    : 0 12px;
    min-height : 32px;
    width      : auto;
}

.md-list-item.selected {
    background-color : rgba(0, 0, 0, 0.04);
}

li.md-list-item.item-separator {
    padding    : 4px 0 4px 0;
    min-height : 0;
    cursor     : default;
}

li.md-list-item.item-separator .separator-line {
    pointer-events : none;
}

span.separator-line {
    display       : block;
    border-bottom : 1px solid rgba(0, 0, 0, 0.24);
    height        : 1px;
    width         : 100%;
    box-sizing    : border-box;
}

.chart-options {
    display  : none;
    position : absolute;
    right    : 20px;
    top      : 20px;
    width    : 116px;
}

.dialog.chart-statistics-options {
    width : fit-content;
}

.dialog.chart-statistics-options tr {
    vertical-align : top;
}

.dialog.chart-statistics-options td ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

.dialog.chart-statistics-options td {
    padding : 0 18px;
}

.dialog.chart-statistics-options td li {
    padding : 6px;
}

.dialog.chart-statistics-options td li input {
    display : inline-block;
    width   : 16px;
}

.dialog.chart-statistics-options td li label {
    padding-left : 16px;
    cursor       : pointer;
}

.labeled-line-group {
    pointer-events : painted;
}

.labeled-line-group:hover {
    cursor : pointer;
}

.labeled-line-group .line-text {
    color       : currentColor;
    text-anchor : end;
}

.labeled-line-group .line-text textPath {
    fill      : currentColor;
    font-size : 12px;
}

.labeled-line-group:hover .line-text {
    color : rgba(0, 0, 0, 0.82);
}

.labeled-line-group:hover path:not(.labeled-line-background) {
    stroke-width     : 2px !important;
    stroke-dasharray : none !important;
}

input:disabled + label {
    color : rgba(0, 0, 0, 0.5);
}

.statistic-function-config-dialog {
    width : 450px;
}

.statistic-function-config-dialog__title {
    color : gray;
}

.statistic-function-config-dialog #label-pattern {
    margin-top : 24px;
    display    : block;
}

.statistic-function-config-dialog #param {
    margin-top : 24px;
    display    : block;
}

.statistic-function-config-dialog #sd-number, .statistic-function-config-dialog #percentile {
    margin-top : 24px;
    width      : 128px;
    display    : block;
}

.labeled-line-group[data-line-type="solid"] path:not(.labeled-line-background) {
    stroke       : currentColor;
    stroke-width : 1px;
    fill         : none;
}

.labeled-line-group[data-line-type="dotted"] path:not(.labeled-line-background) {
    stroke           : currentColor;
    stroke-width     : 2px;
    stroke-linecap   : round;
    stroke-dasharray : 0 10;
    fill             : none;
}

.labeled-line-background {
    stroke-width   : 4px;
    fill           : none;
    pointer-events : all;
    cursor         : pointer;
}

.labeled-line-group[data-line-type="dashed"] path:not(.labeled-line-background) {
    stroke           : currentColor;
    stroke-dasharray : 4 8;
    fill             : none;
}

#function-style-color {
    display    : inline-block;
    margin-top : 24px;
    position   : relative;
    cursor     : pointer;
}

#function-style-color span {
    font-size : 14px;
    color     : rgba(0, 0, 0, 0.64);
}

#function-style-color .color-preview-rect {
    width          : 36px;
    height         : 18px;
    display        : inline-block;
    margin-left    : 8px;
    box-shadow     : 0 0 2px -1px rgb(0 0 0 / 14%), 0 2px 4px 0 rgb(0 0 0 / 14%), 0 1px 8px 0 rgb(0 0 0 / 14%);
    vertical-align : sub;
}

#function-style-color color-palette {
    position : absolute;
    top      : -122px;
    right    : -136px;
    z-index  : 1;
}

.statistic-function-config-dialog #line-type {
    display     : inline-block;
    width       : 150px;
    margin-left : 128px;
}

.statistic-function-config-dialog #line-type label {
    font-size : 14px;
    color     : rgba(0, 0, 0, 0.64);
}

.choose-substance-dialog {
    width     : fit-content;
    max-width : 700px;
}

.choose-substance-dialog .dialog-content ul {
    margin-top : 24px;
    max-height : 300px;
    overflow-y : auto;
}

.dancing-bars,
.dancing-bars:before,
.dancing-bars:after {
    background        : #009292;
    -webkit-animation : dancing-bars-animation 1s infinite ease-in-out;
    animation         : dancing-bars-animation 1s infinite ease-in-out;
    width             : 1em;
    height            : 4em;
}

.dancing-bars {
    color                   : #009292;
    text-indent             : -9999em;
    margin                  : 225px auto;
    position                : relative;
    font-size               : 11px;
    -webkit-transform       : translateZ(0);
    -ms-transform           : translateZ(0);
    transform               : translateZ(0);
    -webkit-animation-delay : -0.16s;
    animation-delay         : -0.16s;
}

.dancing-bars:before,
.dancing-bars:after {
    position : absolute;
    top      : 0;
    content  : '';
}

.dancing-bars:before {
    left                    : -1.5em;
    -webkit-animation-delay : -0.32s;
    animation-delay         : -0.32s;
}

.dancing-bars:after {
    left : 1.5em;
}

@-webkit-keyframes dancing-bars-animation {
    0%,
    80%,
    100% {
        box-shadow : 0 0;
        height     : 4em;
    }
    40% {
        box-shadow : 0 -2em;
        height     : 5em;
    }
}

@keyframes dancing-bars-animation {
    0%,
    80%,
    100% {
        box-shadow : 0 0;
        height     : 4em;
    }
    40% {
        box-shadow : 0 -2em;
        height     : 5em;
    }
}

.connection {
    fill         : none;
    stroke       : rgba(0, 0, 0, 0.42);
    stroke-width : 1px;
    cursor       : pointer;
}

.connection:hover {
    stroke       : rgba(0, 0, 0, 0.84);
    stroke-width : 2px;
}

#header-more-icon {
    cursor       : pointer;
    fill-opacity : 0.82;
}

.header-section .dropdown-menu {
    top : 54px;
}

.header-section.add-visualization .section-control {
    color          : var(--theme-primary);
    cursor         : pointer;
    font-size      : 14px;
    padding        : 0 12px;
    letter-spacing : 1px;
}

.page-header__section--align-end #open-injections-btn {
    white-space: nowrap;
    min-width: 90px;
}

.header-section.add-visualization .section-control .span-triangle {
    width: 1rem;
}

.header-section.add-visualization .dropdown-menu {
    right : 36px;
}

.header-section .md-list-item {
    min-height : 42px !important;
}

#import-visualizations-dialog {
    width          : 600px;
    padding-bottom : 10px;
}

#import-visualizations-dialog #batch-name {
    width : 100%;
}

#import-visualizations-dialog .md-list {
    max-height     : 300px;
    overflow       : auto;
    pointer-events : all;
    margin-top     : 16px;
}

.batch-edit {
    padding-top: 1rem;
}

.injection-list__checkboxes li > * {
    pointer-events : none;
}

.create-batch-confirmation {
    width     : fit-content;
    max-width : 550px;
}

.continuum-ms-line {
    stroke         : gray;
    stroke-width   : 1px;
    stroke-opacity : 0.5;
}

.mass-range-rect {
    fill-opacity : .25;
}

#upload-zip-overlay {
    position         : fixed;
    width            : 100%;
    height           : calc(100% - 64px);
    background-color : white;
    top              : 64px;
}

#upload-zip-overlay .overlay-content {
    margin-top     : calc(50vh - 154px);
    margin-left    : calc(50% - 222px);
    display        : block;
    pointer-events : none;
    width          : max-content;
}

#upload-zip-overlay #zip-icon {
    height : 128px;
}

#upload-zip-overlay #zip-icon svg {
    margin-left : calc(50% - 64px);
}

#upload-zip-overlay p {
    font-size      : 24px;
    color          : rgba(0, 0, 0, 0.82);
    letter-spacing : 0.0125em;
    margin-top     : 24px;
}

.upload-zip-error-message {
    width : 300px;
}

.labeled-text.error-text .labeled-text--text {
    font-family : monospace;
    font-size   : 12px;
    line-height : 1.3;
}

.last-table-column-delete-warning {
    width : 550px;
    padding-bottom: 10px;
}

#import-status-page-header {
    color        : black;
    font-size    : 18px;
    padding-left : 16px;
}

.table-tab {
    width  : 100%;
    height : 100%;
}

.v-table {
    display    : block;
    width      : 100%;
    height     : 100%;
    overflow-x : auto;
    overflow-y : hidden;
}

.v-table-header {
    min-width: fit-content;
    font-size      : 16px;
    color          : rgba(0, 0, 0, 0.8);
    letter-spacing : 0.0125em;
    vertical-align : middle;
    border-bottom: var(--table-border);
}

.v-table-body {
    overflow-y : auto;
    overflow-x : hidden;
    height     : 400px;
    min-width: 100%;
    max-width: fit-content;
}

.v-table-header-cell {
    display        : inline-block;
    font-size      : 13px;
    min-height     : 24px;
    max-height     : 48px;
    vertical-align : top;
    position       : sticky;
    top            : 0;
    z-index        : 1;
    color          : rgba(0, 0, 0, 0.82);
    cursor         : pointer;
    overflow       : hidden;
    white-space    : nowrap;
    text-overflow  : ellipsis;
    font-weight    : bold;
    padding        : 4px;
    box-sizing     : border-box;
    border-left    : var(--table-border);
}

.v-table-header-cell:first-child {
    border-left    : unset;
}

.v-table-header-cell:hover {
    background : rgba(0, 0, 0, 0.18);
}

.v-table-header-cell-name {
    pointer-events : none;
}

.v-table-body-row-cell:last-of-type, .v-table-header-cell:last-of-type{
    margin-right: 25px;
}

.v-table-body-row-cell {
    display        : inline-block;
    font-size      : 12px;
    color          : rgba(0, 0, 0, 0.82);
    cursor         : default;
    word-break     : break-word;
    overflow       : hidden;
    text-overflow  : ellipsis;
    height         : inherit !important;
    padding        : 0 4px;
    box-sizing     : border-box;
    border-left   : var(--table-border);
}

.v-table-body-row-cell:first-child {
    border-left   : unset;
}

.v-table-body-row-cells {
    height         : inherit !important;
    pointer-events : auto;
}

.v-table-body-row-cell * {
    height : inherit !important;
}

.v-table-body-row {
    position      : relative;
    border-bottom : var(--table-border);
    box-sizing    : border-box;
}

.v-table-body-row .tr-h-control {
    width    : 100%;
    height   : 4px;
    position : absolute;
    bottom   : -2px;
    left     : 0;
    z-index  : 1;
}

.v-table-body-row[data-order="odd"] {
    background-color : #fafafa;
}

.v-table-body-row[data-order="even"] {
    background-color : #fff;
}

.v-table-body-row:hover {
    background-color : #efefef;
}

.v-table-header-cell[data-type="unknown"], .v-table-body-row-cell[data-type="unknown"] {
    text-align : left !important;
}

.v-table-header-cell[data-type="number"], .v-table-body-row-cell[data-type="number"] {
    text-align : right !important;
}

.v-table-header-cell[data-type="string"], .v-table-body-row-cell[data-type="string"] {
    text-align : left !important;
}

.v-table-header-cell[data-type="svg"], .v-table-body-row-cell[data-type="svg"] {
    text-align : left !important;
}

.v-table-header-cell[data-type="mixed"], .v-table-body-row-cell[data-type="mixed"] {
    text-align : left !important;
}

.v-table-header-cell-missing-dependencies {
    color : red;
}

.v-table-body-row.row-selected {
    background-color : rgba(83, 114, 255, 0.47) !important;
}
.v-table-body-row.row-active {
    background-color : rgba(83, 114, 255, 0.87) !important;
}

.v-table-body-row-cell {
    user-select    : none;
}

.row-selected .v-table-body-row-cell--selected{
    background: rgba(83, 114, 255, 0.47);
    color: white;
    border: 1px solid black;
}

.v-table__unmatched-icon {
    color: red;
    font-size: 1rem;
    vertical-align: text-top;
    margin-right: 0.5rem;
}

.v-table-body-row:has(.v-table__unmatched-icon) {
    background: rgba(255, 0, 0, 0.1);
}
/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_switch.css ***!
  \***********************************************************************************************/
.switch {
    /*Size of the all children elements based on the size of the switch, this allows the switch to be resized*/
    font-size                     : 1rem;
    display                       : flex;
    padding                       : 0.375em;
    cursor                        : pointer;
    --background-color-transition : background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
    --slider-position-transition  : margin-left 0.2s ease-in-out;
}

.switch[disabled] {
    /*
    We want to show "not-allowed" cursor on disabled switch, but we still allow all pointer events to pass through it.
    To prevent the switch from being clicked, you have to set property "disabled" on the input element itself.
    */
    cursor  : not-allowed;
    opacity : 0.4;
}

.switch__input {
    display : none;
}

.switch__slider {
    display          : flex;
    width            : 2em;
    height           : 0.625em;
    border-radius    : 0.3125em;
    align-items      : center;
    transition       : var(--background-color-transition);
    background-color : var(--mdc-theme-text-icon-on-background);

}

.switch__slider::after {
    display          : flex;
    background-color : var(--mdc-theme-background);
    box-shadow       : var(--box-shadow);
    width            : 1em;
    height           : 1em;
    border-radius    : 50%;
    pointer-events   : none;
    z-index          : 1;
    margin-left      : 0;
    transition       : var(--slider-position-transition), var(--background-color-transition);
    content          : "";
}

.switch__input:checked + .switch__slider {
    background-color : var(--theme-secondary-light);
}

.switch__input:checked + .switch__slider::after {
    background-color : var(--mdc-theme-secondary);
    margin-left      : 1em;
}

/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/02_table.css ***!
  \**********************************************************************************************/
.table {
    width           : 100%;
    height          : 100%;
    border-collapse : collapse;
    border-spacing  : 0;
    font-weight     : 300;
}

.table__cell--head {
    font-size   : 0.875rem;
    font-weight : 500;
    text-align  : start;
}

.table .table__row {
    height        : 48px;
    border-bottom : 1px #eee solid;
}

.table tbody .table__row:hover {
    background-color : var(--list-background-on-hover-color);
}

.table__cell--visible-on-hover > * {
    visibility : hidden;
}

.table__row:hover .table__cell--visible-on-hover > * {
    visibility : visible;
}

.table__row--empty-table-message {
    font-style     : italic;
    text-align     : center;
    pointer-events : none;
    font-weight    : 400;
}

.table__cell--one-line-value {
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_apply-peak-dialog.css ***!
  \**********************************************************************************************************/
#apply-peak-dialog {
    width  : 420px;
}

.apply-peak-dialog__text {
    display : inline;
    margin-right: .2em;
}

#applyPeakChemFormula {
    font-weight     : bold;
    text-decoration : underline;
}
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_asciidoctor.css ***!
  \****************************************************************************************************/
.asciidoc-box html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%
}

.asciidoc-box a {
    background: none
}

.asciidoc-box a:focus {
    outline: thin dotted
}

.asciidoc-box a:active, .asciidoc-box a:hover {
    outline: 0
}

.asciidoc-box h1 {
    font-size: 2em;
    margin: .67em 0
}

.asciidoc-box b, .asciidoc-box strong {
    font-weight: bold
}

.asciidoc-box abbr {
    font-size: .9em
}

.asciidoc-box abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #dddddf;
    text-decoration: none
}

.asciidoc-box dfn {
    font-style: italic
}

.asciidoc-box hr {
    height: 0
}

.asciidoc-box mark {
    background: #ff0;
    color: #000
}

.asciidoc-box code, .asciidoc-box kbd, .asciidoc-box pre, .asciidoc-box samp {
    font-family: monospace;
    font-size: 1em
}

.asciidoc-box pre {
    white-space: pre-wrap
}

.asciidoc-box q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

.asciidoc-box small {
    font-size: 80%
}

.asciidoc-box sub, .asciidoc-box sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.asciidoc-box sup {
    top: -.5em
}

.asciidoc-box sub {
    bottom: -.25em
}

.asciidoc-box img {
    border: 0
}

.asciidoc-box svg:not(:root) {
    overflow: hidden
}

.asciidoc-box figure {
    margin: 0
}

.asciidoc-box audio, .asciidoc-box video {
    display: inline-block
}

.asciidoc-box audio:not([controls]) {
    display: none;
    height: 0
}

.asciidoc-box fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.asciidoc-box legend {
    border: 0;
    padding: 0
}

.asciidoc-box button, .asciidoc-box input, .asciidoc-box select, .asciidoc-box textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

.asciidoc-box button, .asciidoc-box input {
    line-height: normal
}

.asciidoc-box button, .asciidoc-box select {
    text-transform: none
}

.asciidoc-box button, .asciidoc-box html input[type=button], .asciidoc-box input[type=reset], .asciidoc-box input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.asciidoc-box button[disabled], .asciidoc-box html input[disabled] {
    cursor: default
}

.asciidoc-box input[type=checkbox], .asciidoc-box input[type=radio] {
    padding: 0
}

.asciidoc-box button::-moz-focus-inner, .asciidoc-box input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.asciidoc-box textarea {
    overflow: auto;
    vertical-align: top
}

.asciidoc-box table {
    border-collapse: collapse;
    border-spacing: 0
}

.asciidoc-box *,
.asciidoc-box ::before, .asciidoc-box ::after {
    box-sizing: border-box
}

.asciidoc-box html, .asciidoc-box body {
    font-size: 100%
}

.asciidoc-box body {
    background: #fff;
    color: rgba(0, 0, 0, .8);
    padding: 0;
    margin: 0;
    font-family: "Noto Serif", "DejaVu Serif", serif;
    line-height: 1;
    position: relative;
    cursor: auto;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-wrap: anywhere;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.asciidoc-box a:hover {
    cursor: pointer
}

.asciidoc-box img, .asciidoc-box object, .asciidoc-box embed {
    max-width: 100%;
    height: auto
}

.asciidoc-box object, .asciidoc-box embed {
    height: 100%
}

.asciidoc-box img {
    -ms-interpolation-mode: bicubic
}

.asciidoc-box .left {
    float: left !important
}

.asciidoc-box .right {
    float: right !important
}

.asciidoc-box .text-left {
    text-align: left !important
}

.asciidoc-box .text-right {
    text-align: right !important
}

.asciidoc-box .text-center {
    text-align: center !important
}

.asciidoc-box .text-justify {
    text-align: justify !important
}

.asciidoc-box .hide {
    display: none
}

.asciidoc-box img, .asciidoc-box object, .asciidoc-box svg {
    display: inline-block;
    vertical-align: middle
}

.asciidoc-box textarea {
    height: auto;
    min-height: 50px
}

.asciidoc-box select {
    width: 100%
}

.asciidoc-box .subheader, .asciidoc-box .admonitionblock td.content > .title, .asciidoc-box .audioblock > .title, .asciidoc-box .exampleblock > .title, .asciidoc-box .imageblock > .title, .asciidoc-box .listingblock > .title, .asciidoc-box .literalblock > .title, .asciidoc-box .stemblock > .title, .asciidoc-box .openblock > .title, .asciidoc-box .paragraph > .title, .asciidoc-box .quoteblock > .title, .asciidoc-box table.tableblock > .title, .asciidoc-box .verseblock > .title, .asciidoc-box .videoblock > .title, .asciidoc-box .dlist > .title, .asciidoc-box .olist > .title, .asciidoc-box .ulist > .title, .asciidoc-box .qlist > .title, .asciidoc-box .hdlist > .title {
    line-height: 1.45;
    color: #7a2518;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: .25em
}

.asciidoc-box div, .asciidoc-box dl, .asciidoc-box dt, .asciidoc-box dd, .asciidoc-box ul, .asciidoc-box ol, .asciidoc-box li, .asciidoc-box h1, .asciidoc-box h2, .asciidoc-box h3, .asciidoc-box #toctitle, .asciidoc-box .sidebarblock > .content > .title, .asciidoc-box h4, .asciidoc-box h5, .asciidoc-box h6, .asciidoc-box pre, .asciidoc-box form, .asciidoc-box p, .asciidoc-box blockquote, .asciidoc-box th, .asciidoc-box td {
    margin: 0;
    padding: 0
}

.asciidoc-box a {
    color: #2156a5;
    text-decoration: underline;
    line-height: inherit
}

.asciidoc-box a:hover, .asciidoc-box a:focus {
    color: #1d4b8f
}

.asciidoc-box a img {
    border: 0
}

.asciidoc-box p {
    line-height: 1.6;
    margin-bottom: 1.25em;
    text-rendering: optimizeLegibility
}

.asciidoc-box p aside {
    font-size: .875em;
    line-height: 1.35;
    font-style: italic
}

.asciidoc-box h1, .asciidoc-box h2, .asciidoc-box h3, .asciidoc-box #toctitle, .asciidoc-box .sidebarblock > .content > .title, .asciidoc-box h4, .asciidoc-box h5, .asciidoc-box h6 {
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ba3925;
    text-rendering: optimizeLegibility;
    margin-top: 1em;
    margin-bottom: .5em;
    line-height: 1.0125em
}

.asciidoc-box h1 .small, .asciidoc-box h2 .small, .asciidoc-box h3 .small, .asciidoc-box #toctitle .small, .asciidoc-box .sidebarblock > .content > .title .small, .asciidoc-box h4 .small, .asciidoc-box h5 .small, .asciidoc-box h6 .small {
    font-size: 60%;
    color: #e99b8f;
    line-height: 0
}

.asciidoc-box h1 {
    font-size: 2.125em
}

.asciidoc-box h2 {
    font-size: 1.6875em
}

.asciidoc-box h3, .asciidoc-box #toctitle, .asciidoc-box .sidebarblock > .content > .title {
    font-size: 1.375em
}

.asciidoc-box h4, .asciidoc-box h5 {
    font-size: 1.125em
}

.asciidoc-box h6 {
    font-size: 1em
}

.asciidoc-box hr {
    border: solid #dddddf;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25em 0 1.1875em
}

.asciidoc-box em, .asciidoc-box i {
    font-style: italic;
    line-height: inherit
}

.asciidoc-box strong, .asciidoc-box b {
    font-weight: bold;
    line-height: inherit
}

.asciidoc-box small {
    font-size: 60%;
    line-height: inherit
}

.asciidoc-box code {
    font-family: "Droid Sans Mono", "DejaVu Sans Mono", monospace;
    font-weight: 400;
    color: rgba(0, 0, 0, .9)
}

.asciidoc-box ul, .asciidoc-box ol, .asciidoc-box dl {
    line-height: 1.6;
    margin-bottom: 1.25em;
    font-family: inherit;
    list-style: revert;
}

.asciidoc-box ul, .asciidoc-box ol {
    margin-left: 1.5em
}

.asciidoc-box ul .circle, .asciidoc-box ul .disc, .asciidoc-box ul .square, .asciidoc-box ul .circle ul:not([class]), .asciidoc-box ul .disc ul:not([class]), .asciidoc-box ul .square ul:not([class]) {
    list-style: inherit
}

.asciidoc-box ol li ul, .asciidoc-box ol li ol {
    margin-left: 1.25em;
    margin-bottom: 0
}

.asciidoc-box dl dt {
    margin-bottom: .3125em;
    font-weight: bold
}

.asciidoc-box dl dd {
    margin-bottom: 1.25em
}

.asciidoc-box blockquote {
    margin: 0 0 1.25em;
    padding: .5625em 1.25em 0 1.1875em;
    border-left: 1px solid #ddd
}

.asciidoc-box blockquote, .asciidoc-box blockquote p {
    line-height: 1.6;
    color: rgba(0, 0, 0, .85)
}

.asciidoc-box @media screen and (min-width: 768px) {
    .asciidoc-box h1, .asciidoc-box h2, .asciidoc-box h3, .asciidoc-box #toctitle, .asciidoc-box .sidebarblock > .content > .title, .asciidoc-box h4, .asciidoc-box h5, .asciidoc-box h6 {
        line-height: 1.2
    }

    .asciidoc-box h1 {
        font-size: 2.75em
    }

    .asciidoc-box h2 {
        font-size: 2.3125em
    }

    .asciidoc-box h3, .asciidoc-box #toctitle, .asciidoc-box .sidebarblock > .content > .title {
        font-size: 1.6875em
    }

    .asciidoc-box h4 {
        font-size: 1.4375em
    }
}

.asciidoc-box table {
    background: #fff;
    margin-bottom: 1.25em;
    border: 1px solid #dedede;
    word-wrap: normal
}

.asciidoc-box table thead, .asciidoc-box table tfoot {
    background: #f7f8f7
}

.asciidoc-box table thead tr th, .asciidoc-box table thead tr td, .asciidoc-box table tfoot tr th, .asciidoc-box table tfoot tr td {
    padding: .5em .625em .625em;
    font-size: inherit;
    color: rgba(0, 0, 0, .8);
    text-align: left
}

.asciidoc-box table tr th, .asciidoc-box table tr td {
    padding: .5625em .625em;
    font-size: inherit;
    color: rgba(0, 0, 0, .8)
}

.asciidoc-box table tr.even, .asciidoc-box table tr.alt {
    background: #f8f8f7
}

.asciidoc-box table thead tr th, .asciidoc-box table tfoot tr th, .asciidoc-box table tbody tr td, .asciidoc-box table tr td, .asciidoc-box table tfoot tr td {
    line-height: 1.6
}

.asciidoc-box h1, .asciidoc-box h2, .asciidoc-box h3, .asciidoc-box #toctitle, .asciidoc-box .sidebarblock > .content > .title, .asciidoc-box h4, .asciidoc-box h5, .asciidoc-box h6 {
    line-height: 1.2;
    word-spacing: -.05em
}

.asciidoc-box h1 strong, .asciidoc-box h2 strong, .asciidoc-box h3 strong, .asciidoc-box #toctitle strong, .asciidoc-box .sidebarblock > .content > .title strong, .asciidoc-box h4 strong, .asciidoc-box h5 strong, .asciidoc-box h6 strong {
    font-weight: 400
}

.asciidoc-box .center {
    margin-left: auto;
    margin-right: auto
}

.asciidoc-box .stretch {
    width: 100%
}

.asciidoc-box .clearfix::before, .asciidoc-box .clearfix::after, .asciidoc-box .float-group::before, .asciidoc-box .float-group::after {
    content: " ";
    display: table
}

.asciidoc-box .clearfix::after, .asciidoc-box .float-group::after {
    clear: both
}

.asciidoc-box :not(pre).nobreak {
    word-wrap: normal
}

.asciidoc-box :not(pre).nowrap {
    white-space: nowrap
}

.asciidoc-box :not(pre).pre-wrap {
    white-space: pre-wrap
}

.asciidoc-box :not(pre):not([class^=L]) > code {
    font-size: .9375em;
    font-style: normal !important;
    letter-spacing: 0;
    padding: .1em .5ex;
    word-spacing: -.15em;
    background: #f7f7f8;
    border-radius: 4px;
    line-height: 1.45;
    text-rendering: optimizeLegibility
}

.asciidoc-box pre {
    color: rgba(0, 0, 0, .9);
    font-family: "Droid Sans Mono", "DejaVu Sans Mono", monospace;
    line-height: 1.45;
    text-rendering: optimizeSpeed
}

.asciidoc-box pre code, .asciidoc-box pre pre {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.asciidoc-box pre > code {
    display: block
}

.asciidoc-box pre.nowrap, .asciidoc-box pre.nowrap pre {
    white-space: pre;
    word-wrap: normal
}

.asciidoc-box em em {
    font-style: normal
}

.asciidoc-box strong strong {
    font-weight: 400
}

.asciidoc-box .keyseq {
    color: rgba(51, 51, 51, .8)
}

.asciidoc-box kbd {
    font-family: "Droid Sans Mono", "DejaVu Sans Mono", monospace;
    display: inline-block;
    color: rgba(0, 0, 0, .8);
    font-size: .65em;
    line-height: 1.45;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 0 0 .1em #fff;
    margin: 0 .15em;
    padding: .2em .5em;
    vertical-align: middle;
    position: relative;
    top: -.1em;
    white-space: nowrap
}

.asciidoc-box .keyseq kbd:first-child {
    margin-left: 0
}

.asciidoc-box .keyseq kbd:last-child {
    margin-right: 0
}

.asciidoc-box .menuseq, .asciidoc-box .menuref {
    color: #000
}

.asciidoc-box .menuseq b:not(.caret), .asciidoc-box .menuref {
    /*font-weight: inherit Was deleted because select menu (class menuseq) (a > b > c) should be bold */
}

.asciidoc-box .menuseq {
    word-spacing: -.02em
}

.asciidoc-box .menuseq b.caret {
    font-size: 1.25em;
    line-height: .8
}

.asciidoc-box .menuseq i.caret {
    font-weight: bold;
    text-align: center;
    width: .45em
}

/* We have styles for .menu and want to reset them */
.asciidoc-box .menu{
    position: unset;
    display: unset;
    box-shadow: unset;
    background-color: unset;
}

.asciidoc-box b.button::before, .asciidoc-box b.button::after {
    position: relative;
    top: -1px;
    font-weight: 400
}

.asciidoc-box b.button::before {
    content: "[";
    padding: 0 3px 0 2px
}

.asciidoc-box b.button::after {
    content: "]";
    padding: 0 2px 0 3px
}

.asciidoc-box p a > code:hover {
    color: rgba(0, 0, 0, .9)
}

.asciidoc-box #header, .asciidoc-box #content, .asciidoc-box #footnotes, .asciidoc-box #footer {
    width: 100%;
    margin: 0 auto;
    max-width: 62.5em;
    *zoom: 1;
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em
}

.asciidoc-box #footnotes {
    /* We don't want the notes to be in the center of the post */
    margin: unset;
    max-width: unset;
}

.asciidoc-box #header::before, .asciidoc-box #header::after, .asciidoc-box #content::before, .asciidoc-box #content::after, .asciidoc-box #footnotes::before, .asciidoc-box #footnotes::after, .asciidoc-box #footer::before, .asciidoc-box #footer::after {
    content: " ";
    display: table
}

.asciidoc-box #header::after, .asciidoc-box #content::after, .asciidoc-box #footnotes::after, .asciidoc-box #footer::after {
    clear: both
}

.asciidoc-box #content {
    margin-top: 1.25em
}

.asciidoc-box #content::before {
    content: none
}

.asciidoc-box #header > h1:first-child {
    color: rgba(0, 0, 0, .85);
    margin-top: 2.25rem;
    margin-bottom: 0
}

.asciidoc-box #header > h1:first-child + .asciidoc-box #toc {
    margin-top: 8px;
    border-top: 1px solid #dddddf
}

.asciidoc-box #header > h1:only-child, .asciidoc-box body.toc2 .asciidoc-box #header > h1:nth-last-child(2) {
    border-bottom: 1px solid #dddddf;
    padding-bottom: 8px
}

.asciidoc-box #header .details {
    border-bottom: 1px solid #dddddf;
    line-height: 1.45;
    padding-top: .25em;
    padding-bottom: .25em;
    padding-left: .25em;
    color: rgba(0, 0, 0, .6);
    display: flex;
    flex-flow: row wrap
}

.asciidoc-box #header .details span:first-child {
    margin-left: -.125em
}

.asciidoc-box #header .details span.email a {
    color: rgba(0, 0, 0, .85)
}

.asciidoc-box #header .details br {
    display: none
}

.asciidoc-box #header .details br + span::before {
    content: "\00a0\2013\00a0"
}

.asciidoc-box #header .details br + span.author::before {
    content: "\00a0\22c5\00a0";
    color: rgba(0, 0, 0, .85)
}

.asciidoc-box #header .details br + span#revremark::before {
    content: "\00a0|\00a0"
}

.asciidoc-box #header #revnumber {
    text-transform: capitalize
}

.asciidoc-box #header #revnumber::after {
    content: "\00a0"
}

.asciidoc-box #content > h1:first-child:not([class]) {
    color: rgba(0, 0, 0, .85);
    border-bottom: 1px solid #dddddf;
    padding-bottom: 8px;
    margin-top: 0;
    padding-top: 1rem;
    margin-bottom: 1.25rem
}

.asciidoc-box #toc {
    border-bottom: 1px solid #e7e7e9;
    padding-bottom: .5em
}

.asciidoc-box #toc > ul {
    margin-left: .125em
}

.asciidoc-box #toc ul.sectlevel0 > li > a {
    font-style: italic
}

.asciidoc-box #toc ul.sectlevel0 ul.sectlevel1 {
    margin: .5em 0
}

.asciidoc-box #toc ul {
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
    list-style-type: none
}

.asciidoc-box #toc li {
    line-height: 1.3334;
    margin-top: .3334em
}

.asciidoc-box #toc a {
    text-decoration: none
}

.asciidoc-box #toc a:active {
    text-decoration: underline
}

.asciidoc-box #toctitle {
    color: #7a2518;
    font-size: 1.2em
}

.asciidoc-box @media screen and (min-width: 768px) {
    .asciidoc-box #toctitle {
        font-size: 1.375em
    }

    .asciidoc-box body.toc2 {
        padding-left: 15em;
        padding-right: 0
    }

    .asciidoc-box #toc.toc2 {
        margin-top: 0 !important;
        background: #f8f8f7;
        position: fixed;
        width: 15em;
        left: 0;
        top: 0;
        border-right: 1px solid #e7e7e9;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        z-index: 1000;
        padding: 1.25em 1em;
        height: 100%;
        overflow: auto
    }

    .asciidoc-box #toc.toc2 #toctitle {
        margin-top: 0;
        margin-bottom: .8rem;
        font-size: 1.2em
    }

    .asciidoc-box #toc.toc2 > ul {
        font-size: .9em;
        margin-bottom: 0
    }

    .asciidoc-box #toc.toc2 ul ul {
        margin-left: 0;
        padding-left: 1em
    }

    .asciidoc-box #toc.toc2 ul.sectlevel0 ul.sectlevel1 {
        padding-left: 0;
        margin-top: .5em;
        margin-bottom: .5em
    }

    .asciidoc-box body.toc2.toc-right {
        padding-left: 0;
        padding-right: 15em
    }

    .asciidoc-box body.toc2.toc-right .asciidoc-box #toc.toc2 {
        border-right-width: 0;
        border-left: 1px solid #e7e7e9;
        left: auto;
        right: 0
    }
}

.asciidoc-box @media screen and (min-width: 1280px) {
    .asciidoc-box body.toc2 {
        padding-left: 20em;
        padding-right: 0
    }

    .asciidoc-box #toc.toc2 {
        width: 20em
    }

    .asciidoc-box #toc.toc2 #toctitle {
        font-size: 1.375em
    }

    .asciidoc-box #toc.toc2 > ul {
        font-size: .95em
    }

    .asciidoc-box #toc.toc2 ul ul {
        padding-left: 1.25em
    }

    .asciidoc-box body.toc2.toc-right {
        padding-left: 0;
        padding-right: 20em
    }
}

.asciidoc-box #content .asciidoc-box #toc {
    border: 1px solid #e0e0dc;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #f8f8f7;
    border-radius: 4px
}

.asciidoc-box #content .asciidoc-box #toc > :first-child {
    margin-top: 0
}

.asciidoc-box #content .asciidoc-box #toc > :last-child {
    margin-bottom: 0
}

.asciidoc-box #footer {
    max-width: none;
    background: rgba(0, 0, 0, .8);
    padding: 1.25em
}

.asciidoc-box #footer-text {
    color: hsla(0, 0%, 100%, .8);
    line-height: 1.44
}

.asciidoc-box #content {
    margin-bottom: .625em
}

.asciidoc-box .sect1 {
    padding-bottom: .625em
}

.asciidoc-box @media screen and (min-width: 768px) {
    .asciidoc-box #content {
        margin-bottom: 1.25em
    }

    .asciidoc-box .sect1 {
        padding-bottom: 1.25em
    }
}

.asciidoc-box .sect1:last-child {
    padding-bottom: 0
}

.asciidoc-box .sect1 + .asciidoc-box .sect1 {
    border-top: 1px solid #e7e7e9
}

.asciidoc-box #content .asciidoc-box h1 > a.anchor, .asciidoc-box h2 > a.anchor, .asciidoc-box h3 > a.anchor, .asciidoc-box #toctitle > a.anchor, .asciidoc-box .sidebarblock > .content > .title > a.anchor, .asciidoc-box h4 > a.anchor, .asciidoc-box h5 > a.anchor, .asciidoc-box h6 > a.anchor {
    position: absolute;
    z-index: 1001;
    width: 1.5ex;
    margin-left: -1.5ex;
    display: block;
    text-decoration: none !important;
    visibility: hidden;
    text-align: center;
    font-weight: 400
}

.asciidoc-box #content .asciidoc-box h1 > a.anchor::before, .asciidoc-box h2 > a.anchor::before, .asciidoc-box h3 > a.anchor::before, .asciidoc-box #toctitle > a.anchor::before, .asciidoc-box .sidebarblock > .content > .title > a.anchor::before, .asciidoc-box h4 > a.anchor::before, .asciidoc-box h5 > a.anchor::before, .asciidoc-box h6 > a.anchor::before {
    content: "\00A7";
    font-size: .85em;
    display: block;
    padding-top: .1em
}

.asciidoc-box #content .asciidoc-box h1:hover > a.anchor, .asciidoc-box #content .asciidoc-box h1 > a.anchor:hover, .asciidoc-box h2:hover > a.anchor, .asciidoc-box h2 > a.anchor:hover, .asciidoc-box h3:hover > a.anchor, .asciidoc-box #toctitle:hover > a.anchor, .asciidoc-box .sidebarblock > .content > .title:hover > a.anchor, .asciidoc-box h3 > a.anchor:hover, .asciidoc-box #toctitle > a.anchor:hover, .asciidoc-box .sidebarblock > .content > .title > a.anchor:hover, .asciidoc-box h4:hover > a.anchor, .asciidoc-box h4 > a.anchor:hover, .asciidoc-box h5:hover > a.anchor, .asciidoc-box h5 > a.anchor:hover, .asciidoc-box h6:hover > a.anchor, .asciidoc-box h6 > a.anchor:hover {
    visibility: visible
}

.asciidoc-box #content .asciidoc-box h1 > a.link, .asciidoc-box h2 > a.link, .asciidoc-box h3 > a.link, .asciidoc-box #toctitle > a.link, .asciidoc-box .sidebarblock > .content > .title > a.link, .asciidoc-box h4 > a.link, .asciidoc-box h5 > a.link, .asciidoc-box h6 > a.link {
    color: #ba3925;
    text-decoration: none
}

.asciidoc-box #content .asciidoc-box h1 > a.link:hover, .asciidoc-box h2 > a.link:hover, .asciidoc-box h3 > a.link:hover, .asciidoc-box #toctitle > a.link:hover, .asciidoc-box .sidebarblock > .content > .title > a.link:hover, .asciidoc-box h4 > a.link:hover, .asciidoc-box h5 > a.link:hover, .asciidoc-box h6 > a.link:hover {
    color: #a53221
}

.asciidoc-box details, .asciidoc-box .audioblock, .asciidoc-box .imageblock, .asciidoc-box .literalblock, .asciidoc-box .listingblock, .asciidoc-box .stemblock, .asciidoc-box .videoblock {
    margin-bottom: 1.25em
}

.asciidoc-box details {
    margin-left: 1.25rem
}

.asciidoc-box details > summary {
    cursor: pointer;
    display: block;
    position: relative;
    line-height: 1.6;
    margin-bottom: .625rem;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

.asciidoc-box details > summary::-webkit-details-marker {
    display: none
}

.asciidoc-box details > summary::before {
    content: "";
    border: solid transparent;
    border-left: solid;
    border-width: .3em 0 .3em .5em;
    position: absolute;
    top: .5em;
    left: -1.25rem;
    transform: translateX(15%)
}

.asciidoc-box details[open] > summary::before {
    border: solid transparent;
    border-top: solid;
    border-width: .5em .3em 0;
    transform: translateY(15%)
}

.asciidoc-box details > summary::after {
    content: "";
    width: 1.25rem;
    height: 1em;
    position: absolute;
    top: .3em;
    left: -1.25rem
}

.asciidoc-box .admonitionblock td.content>.title, .asciidoc-box .audioblock>.title, .asciidoc-box .exampleblock>.title, .asciidoc-box .listingblock>.title, .asciidoc-box .literalblock>.title, .asciidoc-box .stemblock>.title, .asciidoc-box .openblock>.title, .asciidoc-box .paragraph>.title, .asciidoc-box .quoteblock>.title, .asciidoc-box table.tableblock>.title, .asciidoc-box .verseblock>.title, .asciidoc-box .videoblock>.title, .asciidoc-box .dlist>.title, .asciidoc-box .olist>.title, .asciidoc-box .ulist>.title, .asciidoc-box .qlist>.title, .asciidoc-box .hdlist>.title {
    text-rendering: optimizeLegibility;
    text-align: left;
    font-family: "Noto Serif", "DejaVu Serif", serif;
    font-size: 1rem;
    font-style: italic;
}

.asciidoc-box .imageblock>.title {
    text-rendering: optimizeLegibility;
    font-family: "Noto Serif", "DejaVu Serif", serif;
    font-size: 1rem;
    font-style: italic;
}

.asciidoc-box table.tableblock.fit-content>caption.title {
    white-space: nowrap;
    width: 0;
}

.asciidoc-box .paragraph.lead>p, .asciidoc-box #preamble>.sectionbody>[class=paragraph]:first-of-type p {
    font-size: 1.21875em;
    line-height: 1.6;
    color: rgba(0, 0, 0, .85);
}

.asciidoc-box .admonitionblock>table {
    border-collapse: separate;
    border: 0;
    background: none;
    width: 100%;
}

.asciidoc-box .admonitionblock>table td.icon {
    text-align: center;
    min-width: 80px;
}

.asciidoc-box .admonitionblock>table td.icon img {
    max-width: none;
}

.asciidoc-box .admonitionblock>table td.icon .title {
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
    text-transform: uppercase;
}

.asciidoc-box .admonitionblock>table td.content {
    padding-left: 1.125em;
    padding-right: 1.25em;
    color: rgba(0, 0, 0, .6);
    word-wrap: anywhere;
}

.asciidoc-box .admonitionblock>table td.content>:last-child>:last-child {
    margin-bottom: 0;
}

.asciidoc-box .admonitionblock {
    margin: 1.4rem 0 0
}

.asciidoc-box .admonitionblock p, .asciidoc-box .admonitionblock td.content {
    font-size: .88889rem
}

.asciidoc-box .admonitionblock td.content > .title + *, .asciidoc-box .admonitionblock td.content > :not(.title):first-child {
    margin-top: 0
}

.asciidoc-box .admonitionblock td.content pre {
    font-size: .83333rem
}

.asciidoc-box .admonitionblock > table {
    table-layout: fixed;
    position: relative;
    width: 100%
}

.asciidoc-box .admonitionblock td.content {
    padding: 1rem 1rem .75rem;
    background: #fafafa;
    width: 100%;
    word-wrap: anywhere
}

.asciidoc-box .admonitionblock td.icon {
    font-size: .83333rem;
    left: 0;
    line-height: 1;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-.5rem, -50%);
    transform: translate(-.5rem, -50%)
}

.asciidoc-box .admonitionblock td.icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-radius: .45rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-filter: initial;
    filter: none;
    height: 1.25rem;
    padding: 0 .5rem;
    vertical-align: initial;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.asciidoc-box .admonitionblock td.icon i::after {
    content: attr(title);
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase
}

.asciidoc-box .admonitionblock.caution td.icon {
    background-color: #a0439c;
    color: #fff
}

.asciidoc-box .admonitionblock.important td.icon {
    background-color: #d32f2f;
    color: #fff
}

.asciidoc-box .admonitionblock.note td.icon {
    background-color: #217ee7;
    color: #fff
}

.asciidoc-box .admonitionblock.tip td.icon {
    background-color: #41af46;
    color: #fff
}

.asciidoc-box .admonitionblock.warning td.icon {
    background-color: #e18114;
    color: #fff
}


.asciidoc-box .exampleblock>.content {
    border: 1px solid #e6e6e6;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #fff;
    border-radius: 4px;
}

.asciidoc-box .sidebarblock {
    border: 1px solid #dbdbd6;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #f3f3f2;
    border-radius: 4px;
}

.asciidoc-box .sidebarblock>.content>.title {
    color: #7a2518;
    margin-top: 0;
    text-align: center;
}

.asciidoc-box .exampleblock>.content>:first-child, .asciidoc-box .sidebarblock>.content>:first-child {
    margin-top: 0;
}

.asciidoc-box .exampleblock>.content>:last-child, .asciidoc-box .exampleblock>.content>:last-child>:last-child, .asciidoc-box .exampleblock>.content .olist>ol>li:last-child>:last-child, .asciidoc-box .exampleblock>.content .ulist>ul>li:last-child>:last-child, .asciidoc-box .exampleblock>.content .qlist>ol>li:last-child>:last-child, .asciidoc-box .sidebarblock>.content>:last-child, .asciidoc-box .sidebarblock>.content>:last-child>:last-child, .asciidoc-box .sidebarblock>.content .olist>ol>li:last-child>:last-child, .asciidoc-box .sidebarblock>.content .ulist>ul>li:last-child>:last-child, .asciidoc-box .sidebarblock>.content .qlist>ol>li:last-child>:last-child {
    margin-bottom: 0;
}

.asciidoc-box .literalblock pre, .asciidoc-box .listingblock>.content>pre {
    border-radius: 4px;
    overflow-x: auto;
    padding: 1em;
    font-size: .8125em;
}



@media screen and (min-width: 768px) {
    .asciidoc-box .literalblock pre, .asciidoc-box .listingblock>.content>pre {
        font-size: .90625em;
    }
}

@media screen and (min-width: 1280px) {
    .asciidoc-box .literalblock pre, .asciidoc-box .listingblock>.content>pre {
        font-size: 1em;
    }
}

.asciidoc-box .literalblock pre, .asciidoc-box .listingblock>.content>pre:not(.highlight), .asciidoc-box .listingblock>.content>pre[class=highlight], .asciidoc-box .listingblock>.content>pre[class^="highlight "] {
    background: #f7f7f8;
}

.asciidoc-box .literalblock.output pre {
    color: #f7f7f8;
    background: rgba(0, 0, 0, .9);
}

.asciidoc-box .listingblock>.content {
    position: relative;
}

.asciidoc-box .listingblock code[data-lang]::before {
    display: none;
    content: attr(data-lang);
    position: absolute;
    font-size: .75em;
    top: .425rem;
    right: .5rem;
    line-height: 1;
    text-transform: uppercase;
    color: inherit;
    opacity: .5;
}

.asciidoc-box .listingblock:hover code[data-lang]::before {
    display: block;
}

.asciidoc-box .listingblock.terminal pre .command::before {
    content: attr(data-prompt);
    padding-right: .5em;
    color: inherit;
    opacity: .5;
}

.asciidoc-box .listingblock.terminal pre .command:not([data-prompt])::before {
    content: "$";
}

.asciidoc-box .listingblock pre.highlightjs {
    padding: 0;
}

.asciidoc-box .listingblock pre.highlightjs>code {
    padding: 1em;
    border-radius: 4px;
}

.asciidoc-box .listingblock pre.prettyprint {
    border-width: 0;
}

.asciidoc-box .prettyprint {
    background: #f7f7f8;
}

.asciidoc-box pre.prettyprint .linenums {
    line-height: 1.45;
    margin-left: 2em;
}

.asciidoc-box pre.prettyprint li {
    background: none;
    list-style-type: inherit;
    padding-left: 0;
}

.asciidoc-box pre.prettyprint li code[data-lang]::before {
    opacity: 1;
}

.asciidoc-box pre.prettyprint li:not(:first-child) code[data-lang]::before {
    display: none;
}

.asciidoc-box table.linenotable {
    border-collapse: separate;
    border: 0;
    margin-bottom: 0;
    background: none;
}

.asciidoc-box table.linenotable td[class] {
    color: inherit;
    vertical-align: top;
    padding: 0;
    line-height: inherit;
    white-space: normal;
}

.asciidoc-box table.linenotable td.code {
    padding-left: .75em;
}

.asciidoc-box table.linenotable td.linenos, .asciidoc-box pre.pygments .linenos {
    border-right: 1px solid;
    opacity: .35;
    padding-right: .5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.asciidoc-box pre.pygments span.linenos {
    display: inline-block;
    margin-right: .75em;
}





.asciidoc-box .quoteblock {
    margin: 0 1em 1.25em 1.5em;
    display: table;
}

.asciidoc-box .quoteblock:not(.excerpt)>.title {
    margin-left: -1.5em;
    margin-bottom: .75em;
}

.asciidoc-box .quoteblock blockquote, .asciidoc-box .quoteblock p {
    color: rgba(0, 0, 0, .85);
    font-size: 1.15rem;
    line-height: 1.75;
    word-spacing: .1em;
    letter-spacing: 0;
    font-style: italic;
    text-align: justify;
}

.asciidoc-box .quoteblock blockquote {
    margin: 0;
    padding: 0;
    border: 0;
}

.asciidoc-box .quoteblock blockquote::before {
    content: "\201c";
    float: left;
    font-size: 2.75em;
    font-weight: bold;
    line-height: .6em;
    margin-left: -.6em;
    color: #7a2518;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.asciidoc-box .quoteblock blockquote>.paragraph:last-child p {
    margin-bottom: 0;
}

.asciidoc-box .quoteblock .attribution {
    margin-top: .75em;
    margin-right: .5ex;
    text-align: right;
}

.asciidoc-box .verseblock {
    margin: 0 1em 1.25em;
}

.asciidoc-box .verseblock pre {
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
    font-size: 1.15rem;
    color: rgba(0, 0, 0, .85);
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

.asciidoc-box .verseblock pre strong {
    font-weight: 400;
}

.asciidoc-box .verseblock .attribution {
    margin-top: 1.25rem;
    margin-left: .5ex;
}

.asciidoc-box .quoteblock .attribution, .asciidoc-box .verseblock .attribution {
    font-size: .9375em;
    line-height: 1.45;
    font-style: italic;
}

.asciidoc-box .quoteblock .attribution br, .asciidoc-box .verseblock .attribution br {
    display: none;
}

.asciidoc-box .quoteblock .attribution cite, .asciidoc-box .verseblock .attribution cite {
    display: block;
    letter-spacing: -.025em;
    color: rgba(0, 0, 0, .6);
}

.asciidoc-box .quoteblock.abstract blockquote::before, .asciidoc-box .quoteblock.excerpt blockquote::before, .asciidoc-box .quoteblock .quoteblock blockquote::before {
    display: none;
}

.asciidoc-box .quoteblock.abstract blockquote, .asciidoc-box .quoteblock.abstract p, .asciidoc-box .quoteblock.excerpt blockquote, .asciidoc-box .quoteblock.excerpt p, .asciidoc-box .quoteblock .quoteblock blockquote, .asciidoc-box .quoteblock .quoteblock p {
    line-height: 1.6;
    word-spacing: 0;
}

.asciidoc-box .quoteblock.abstract {
    margin: 0 1em 1.25em;
    display: block;
}

.asciidoc-box .quoteblock.abstract>.title {
    margin: 0 0 .375em;
    font-size: 1.15em;
    text-align: center;
}

.asciidoc-box .quoteblock.excerpt>blockquote, .asciidoc-box .quoteblock .quoteblock {
    padding: 0 0 .25em 1em;
    border-left: .25em solid #dddddf;
}

.asciidoc-box .quoteblock.excerpt, .asciidoc-box .quoteblock .quoteblock {
    margin-left: 0;
}

.asciidoc-box .quoteblock.excerpt blockquote, .asciidoc-box .quoteblock.excerpt p, .asciidoc-box .quoteblock .quoteblock blockquote, .asciidoc-box .quoteblock .quoteblock p {
    color: inherit;
    font-size: 1.0625rem;
}

.asciidoc-box .quoteblock.excerpt .attribution, .asciidoc-box .quoteblock .quoteblock .attribution {
    color: inherit;
    font-size: .85rem;
    text-align: left;
    margin-right: 0;
}

.asciidoc-box p.tableblock:last-child {
    margin-bottom: 0;
}

.asciidoc-box td.tableblock>.content {
    margin-bottom: 1.25em;
    word-wrap: anywhere;
}

.asciidoc-box td.tableblock>.content>:last-child {
    margin-bottom: -1.25em;
}

.asciidoc-box table.tableblock, .asciidoc-box th.tableblock, .asciidoc-box td.tableblock {
    border: 0 solid #dedede;
}

.asciidoc-box table.grid-all>*>tr>* {
    border-width: 1px;
}

.asciidoc-box table.grid-cols>*>tr>* {
    border-width: 0 1px;
}

.asciidoc-box table.grid-rows>*>tr>* {
    border-width: 1px 0;
}

.asciidoc-box table.frame-all {
    border-width: 1px;
}

.asciidoc-box table.frame-ends {
    border-width: 1px 0;
}

.asciidoc-box table.frame-sides {
    border-width: 0 1px;
}

.asciidoc-box table.frame-none>colgroup+*>:first-child>*, .asciidoc-box table.frame-sides>colgroup+*>:first-child>* {
    border-top-width: 0;
}

.asciidoc-box table.frame-none>:last-child>:last-child>*, .asciidoc-box table.frame-sides>:last-child>:last-child>* {
    border-bottom-width: 0;
}

.asciidoc-box table.frame-none>*>tr>:first-child, .asciidoc-box table.frame-ends>*>tr>:first-child {
    border-left-width: 0;
}

.asciidoc-box table.frame-none>*>tr>:last-child, .asciidoc-box table.frame-ends>*>tr>:last-child {
    border-right-width: 0;
}

.asciidoc-box table.stripes-all>*>tr, .asciidoc-box table.stripes-odd>*>tr:nth-of-type(odd), .asciidoc-box table.stripes-even>*>tr:nth-of-type(even), .asciidoc-box table.stripes-hover>*>tr:hover {
    background: #f8f8f7;
}

.asciidoc-box th.halign-left, .asciidoc-box td.halign-left {
    text-align: left;
}

.asciidoc-box th.halign-right, .asciidoc-box td.halign-right {
    text-align: right;
}

.asciidoc-box th.halign-center, .asciidoc-box td.halign-center {
    text-align: center;
}

.asciidoc-box th.valign-top, .asciidoc-box td.valign-top {
    vertical-align: top;
}

.asciidoc-box th.valign-bottom, .asciidoc-box td.valign-bottom {
    vertical-align: bottom;
}

.asciidoc-box th.valign-middle, .asciidoc-box td.valign-middle {
    vertical-align: middle;
}

.asciidoc-box table thead th, .asciidoc-box table tfoot th {
    font-weight: bold;
}

.asciidoc-box tbody tr th {
    background: #f7f8f7;
}

.asciidoc-box tbody tr th, .asciidoc-box tbody tr th p, .asciidoc-box tfoot tr th, .asciidoc-box tfoot tr th p {
    color: rgba(0, 0, 0, .8);
    font-weight: bold;
}

.asciidoc-box p.tableblock>code:only-child {
    background: none;
    padding: 0;
}

.asciidoc-box p.tableblock {
    font-size: 1em;
}

.asciidoc-box ol {
    margin-left: 1.75em;
}

.asciidoc-box ul li ol {
    margin-left: 1.5em;
}

.asciidoc-box dl dd {
    margin-left: 1.125em;
}

.asciidoc-box dl dd:last-child, .asciidoc-box dl dd:last-child>:last-child {
    margin-bottom: 0;
}

.asciidoc-box li p, .asciidoc-box ul dd, .asciidoc-box ol dd, .asciidoc-box .olist .olist, .asciidoc-box .ulist .ulist, .asciidoc-box .ulist .olist, .asciidoc-box .olist .ulist {
    margin-bottom: .625em;
}

.asciidoc-box li p {
    margin-bottom: 0.225em;
}

.asciidoc-box ul.checklist, .asciidoc-box ul.none, .asciidoc-box ol.none, .asciidoc-box ul.no-bullet, .asciidoc-box ol.no-bullet, .asciidoc-box ol.unnumbered, .asciidoc-box ul.unstyled, .asciidoc-box ol.unstyled {
    list-style-type: none;
}

.asciidoc-box ul.no-bullet, .asciidoc-box ol.no-bullet, .asciidoc-box ol.unnumbered {
    margin-left: .625em;
}

.asciidoc-box ul.unstyled, .asciidoc-box ol.unstyled {
    margin-left: 0;
}

.asciidoc-box li>p:empty:only-child::before {
    content: "";
    display: inline-block;
}

.asciidoc-box ul.checklist>li>p:first-child {
    margin-left: -1em;
}

.asciidoc-box ul.checklist>li>p:first-child>.fa-square-o:first-child, .asciidoc-box ul.checklist>li>p:first-child>.fa-check-square-o:first-child {
    width: 1.25em;
    font-size: .8em;
    position: relative;
    bottom: .125em;
}

.asciidoc-box ul.checklist>li>p:first-child>input[type=checkbox]:first-child {
    margin-right: .25em;
}

.asciidoc-box ul.inline {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 0 0 .625em -1.25em;
}

.asciidoc-box ul.inline>li {
    margin-left: 1.25em;
}

.asciidoc-box .unstyled dl dt {
    font-weight: 400;
    font-style: normal;
}




.asciidoc-box ol.arabic {
    list-style-type: decimal;
}

.asciidoc-box ol.decimal {
    list-style-type: decimal-leading-zero;
}

.asciidoc-box ol.loweralpha {
    list-style-type: lower-alpha;
}

.asciidoc-box ol.upperalpha {
    list-style-type: upper-alpha;
}

.asciidoc-box ol.lowerroman {
    list-style-type: lower-roman;
}

.asciidoc-box ol.upperroman {
    list-style-type: upper-roman;
}

.asciidoc-box ol.lowergreek {
    list-style-type: lower-greek;
}

.asciidoc-box .hdlist>table, .asciidoc-box .colist>table {
    border: 0;
    background: none;
}

.asciidoc-box .hdlist>table>tbody>tr, .asciidoc-box .colist>table>tbody>tr {
    background: none;
}

.asciidoc-box td.hdlist1, .asciidoc-box td.hdlist2 {
    vertical-align: top;
    padding: 0 .625em;
}

.asciidoc-box td.hdlist1 {
    font-weight: bold;
    padding-bottom: 1.25em;
}

.asciidoc-box td.hdlist2 {
    word-wrap: anywhere;
}

.asciidoc-box .literalblock+.colist, .asciidoc-box .listingblock+.colist {
    margin-top: -.5em;
}

.asciidoc-box .colist td:not([class]):first-child {
    padding: .4em .75em 0;
    line-height: 1;
    vertical-align: top;
}

.asciidoc-box .colist td:not([class]):first-child img {
    max-width: none;
}

.asciidoc-box .colist td:not([class]):last-child {
    padding: .25em 0;
}

.asciidoc-box .thumb, .asciidoc-box .th {
    line-height: 0;
    display: inline-block;
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
}

.asciidoc-box .imageblock.left {
    margin: .25em .625em 1.25em 0;
}

.asciidoc-box .imageblock.right {
    margin: .25em 0 1.25em .625em;
}

.asciidoc-box .imageblock>.title {
    margin-bottom: 0;
}

.asciidoc-box .imageblock.thumb, .asciidoc-box .imageblock.th {
    border-width: 6px;
}

.asciidoc-box .imageblock.thumb>.title, .asciidoc-box .imageblock.th>.title {
    padding: 0 .125em;
}

.asciidoc-box .image.left, .asciidoc-box .image.right {
    margin-top: .25em;
    margin-bottom: .25em;
    display: inline-block;
    line-height: 0;
}

.asciidoc-box .image.left {
    margin-right: .625em;
}

.asciidoc-box .image.right {
    margin-left: .625em;
}

.asciidoc-box a.image {
    text-decoration: none;
    display: inline-block;
}

.asciidoc-box a.image object {
    pointer-events: none;
}

.asciidoc-box sup.footnote, .asciidoc-box sup.footnoteref {
    font-size: .875em;
    position: static;
    vertical-align: super;
}

.asciidoc-box sup.footnote a, .asciidoc-box sup.footnoteref a {
    text-decoration: none;
}

.asciidoc-box sup.footnote a:active, .asciidoc-box sup.footnoteref a:active {
    text-decoration: underline;
}

.asciidoc-box #footnotes {
    padding-top: .75em;
    padding-bottom: .75em;
    margin-bottom: .625em;
}

.asciidoc-box #footnotes hr {
    width: 20%;
    min-width: 6.25em;
    margin: -.25em 0 .75em;
    border-width: 1px 0 0;
}

.asciidoc-box #footnotes .footnote {
    padding: 0 .375em 0 .225em;
    line-height: 1.3334;
    font-size: .875em;
    margin-left: 1.2em;
    margin-bottom: .2em;
}

.asciidoc-box #footnotes .footnote a:first-of-type {
    font-weight: bold;
    text-decoration: none;
    margin-left: -1.05em;
}

.asciidoc-box #footnotes .footnote:last-of-type {
    margin-bottom: 0;
}

.asciidoc-box #content #footnotes {
    margin-top: -.625em;
    margin-bottom: 0;
    padding: .75em 0;
}



.asciidoc-box div.unbreakable {
    page-break-inside: avoid;
}

.asciidoc-box .big {
    font-size: larger;
}

.asciidoc-box .small {
    font-size: smaller;
}

.asciidoc-box .underline {
    text-decoration: underline;
}

.asciidoc-box .overline {
    text-decoration: overline;
}

.asciidoc-box .line-through {
    text-decoration: line-through;
}

.asciidoc-box .aqua {
    color: #00bfbf;
}

.asciidoc-box .aqua-background {
    background: #00fafa;
}

.asciidoc-box .black {
    color: #000;
}

.asciidoc-box .black-background {
    background: #000;
}

.asciidoc-box .blue {
    color: #0000bf;
}

.asciidoc-box .blue-background {
    background: #0000fa;
}

.asciidoc-box .fuchsia {
    color: #bf00bf;
}

.asciidoc-box .fuchsia-background {
    background: #fa00fa;
}

.asciidoc-box .gray {
    color: #606060;
}

.asciidoc-box .gray-background {
    background: #7d7d7d;
}

.asciidoc-box .green {
    color: #006000;
}

.asciidoc-box .green-background {
    background: #007d00;
}

.asciidoc-box .lime {
    color: #00bf00;
}

.asciidoc-box .lime-background {
    background: #00fa00;
}

.asciidoc-box .maroon {
    color: #600000;
}

.asciidoc-box .maroon-background {
    background: #7d0000;
}

.asciidoc-box .navy {
    color: #000060;
}

.asciidoc-box .navy-background {
    background: #00007d;
}

.asciidoc-box .olive {
    color: #606000;
}

.asciidoc-box .olive-background {
    background: #7d7d00;
}

.asciidoc-box .purple {
    color: #600060;
}

.asciidoc-box .purple-background {
    background: #7d007d;
}

.asciidoc-box .red {
    color: #bf0000;
}

.asciidoc-box .red-background {
    background: #fa0000;
}

.asciidoc-box .silver {
    color: #909090;
}

.asciidoc-box .silver-background {
    background: #bcbcbc;
}

.asciidoc-box .teal {
    color: #006060;
}

.asciidoc-box .teal-background {
    background: #007d7d;
}

.asciidoc-box .white {
    color: #bfbfbf;
}

.asciidoc-box .white-background {
    background: #fafafa;
}

.asciidoc-box .yellow {
    color: #bfbf00;
}

.asciidoc-box .yellow-background {
    background: #fafa00;
}

.asciidoc-box span.icon>.fa {
    cursor: default;
}

.asciidoc-box a span.icon>.fa {
    cursor: inherit;
}

.asciidoc-box .admonitionblock td.icon [class^="fa icon-"] {
    font-size: 2.5em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    cursor: default;
}

.asciidoc-box .admonitionblock td.icon .icon-note::before {
    content: "\f05a";
    color: #19407c;
}

.asciidoc-box .admonitionblock td.icon .icon-tip::before {
    content: "\f0eb";
    text-shadow: 1px 1px 2px rgba(155, 155, 0, .8);
    color: #111;
}

.asciidoc-box .admonitionblock td.icon .icon-warning::before {
    content: "\f071";
    color: #bf6900;
}

.asciidoc-box .admonitionblock td.icon .icon-caution::before {
    content: "\f06d";
    color: #bf3400;
}

.asciidoc-box .admonitionblock td.icon .icon-important::before {
    content: "\f06a";
    color: #bf0000;
}

.asciidoc-box .conum[data-value] {
    display: inline-block;
    color: #fff!important;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    text-align: center;
    font-size: .75em;
    width: 1.67em;
    height: 1.67em;
    line-height: 1.67em;
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
}

.asciidoc-box .conum[data-value] * {
    color: #fff!important;
}

.asciidoc-box .conum[data-value]+b {
    display: none;
}

.asciidoc-box .conum[data-value]::after {
    content: attr(data-value);
}

.asciidoc-box pre .conum[data-value] {
    position: relative;
    top: -.125em;
}

.asciidoc-box b.conum * {
    color: inherit!important;
}

.asciidoc-box .conum:not([data-value]):empty {
    display: none;
}

.asciidoc-box dt, .asciidoc-box th.tableblock, .asciidoc-box td.content, .asciidoc-box div.footnote {
    text-rendering: optimizeLegibility;
}

.asciidoc-box h1, .asciidoc-box h2, .asciidoc-box p, .asciidoc-box td.content, .asciidoc-box span.alt, .asciidoc-box summary {
    letter-spacing: -.01em;
}

.asciidoc-box p strong, .asciidoc-box td.content strong, .asciidoc-box div.footnote strong {
    letter-spacing: -.005em;
}

.asciidoc-box p, .asciidoc-box blockquote, .asciidoc-box dt, .asciidoc-box td.content, .asciidoc-box td.hdlist1, .asciidoc-box span.alt, .asciidoc-box summary {
    font-size: 1.0625rem;
}

.asciidoc-box p {
    margin-bottom: 1.25rem;
}

.asciidoc-box .sidebarblock p, .asciidoc-box .sidebarblock dt, .asciidoc-box .sidebarblock td.content, .asciidoc-box p.tableblock {
    font-size: 1em;
}

.asciidoc-box .exampleblock>.content {
    background: #fffef7;
    border-color: #e0e0dc;
    box-shadow: 0 1px 4px #e0e0dc;
}

.asciidoc-box .print-only {
    display: none!important;
}



.asciidoc-box @page {
    margin: 1.25cm .75cm;
}

.asciidoc-box @media print {
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }
    html {
        font-size: 80%;
    }
    a {
        color: inherit !important;
        text-decoration: underline !important;
    }
    a.bare,
    a[href^="#"],
    a[href^="mailto:"] {
        text-decoration: none !important;
    }
    a[href^="http:"]:not(.bare)::after,
    a[href^="https:"]:not(.bare)::after {
        content: "(" attr(href) ")";
        display: inline-block;
        font-size: .875em;
        padding-left: .25em;
    }
    abbr[title] {
        border-bottom: 1px dotted;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre,
    blockquote,
    tr,
    img,
    object,
    svg {
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    svg {
        max-width: 100%;
    }
    p,
    blockquote,
    dt,
    td.content {
        font-size: 1em;
        orphans: 3;
        widows: 3;
    }
    h2,
    h3,
    #toctitle,
    .sidebarblock > .content > .title {
        page-break-after: avoid;
    }
    #header,
    #content,
    #footnotes,
    #footer {
        max-width: none;
    }
    #toc,
    .sidebarblock,
    .exampleblock > .content {
        background: none !important;
    }
    #toc {
        border-bottom: 1px solid #dddddf !important;
        padding-bottom: 0 !important;
    }
    body.book #header {
        text-align: center;
    }
    body.book #header > h1:first-child {
        border: 0 !important;
        margin: 2.5em 0 1em;
    }
    body.book #header .details {
        border: 0 !important;
        display: block;
        padding: 0 !important;
    }
    body.book #header .details span:first-child {
        margin-left: 0 !important;
    }
    body.book #header .details br {
        display: block;
    }
    body.book #header .details br + span::before {
        content: none !important;
    }
    body.book #toc {
        border: 0 !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.book #toc,
    body.book #preamble,
    body.book h1.sect0,
    body.book .sect1 > h2 {
        page-break-before: always;
    }
    .listingblock code[data-lang]::before {
        display: block;
    }
    #footer {
        padding: 0 .9375em;
    }
    .hide-on-print {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
    .hide-for-print {
        display: none !important;
    }
    .show-for-print {
        display: inherit !important;
    }
}

@media print {
    .asciidoc-box {
        #header > h1:first-child {
            margin-top: 1.25rem;
        }
        .sect1 {
            padding: 0 !important;
        }
        .sect1 + .sect1 {
            border: 0;
        }
        #footer {
            background: none;
        }
        #footer-text {
            color: rgba(0, 0, 0, .6);
            font-size: .9em;
        }
    }
}

.asciidoc-box @media amzn-kf8 {
    #header > h1:first-child {
        margin-top: 1.25rem;
    }
    .sect1 {
        padding: 0 !important;
    }
    .sect1 + .sect1 {
        border: 0;
    }
    #footer {
        background: none;
    }
    #footer-text {
        color: rgba(0, 0, 0, .6);
        font-size: .9em;
    }
}

.asciidoc-box @media amzn-kf8 {
    #header,
    #content,
    #footnotes,
    #footer {
        padding: 0;
    }
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_billing_tab_style.css ***!
  \**********************************************************************************************************/
.container[data-name="billing"]{
    min-width: 21rem;
    border: none;
    border-radius: 0;
}

.billing-section {
    margin-bottom: 1rem;
}

.billing-section__header {
    min-height: 3rem;
    padding: 0.5rem 1rem;
    border-bottom: var(--plain-border);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
    font-weight: 600;
    background: #f1f1f1;
}

.billing-section__header h2 {
    font-weight: 500;
    margin: 0;
    order: 0;
    flex: 1 1 auto;
}

.billing-section__main {
    margin-top: 1rem;
    border: var(--plain-border);
    border-radius: var(--border-radius);
}

.billing-section__body {
    padding: 1rem;
}
.billing-section__quotas-row {
    height: 2.5rem;
    display: flex;
    align-items: center;
}
.billing-section__quotas-row [data-name="metric-label"] {
    color: var(--theme-text-secondary-on-light);
}
.button--upgrade-plan {
    min-height: 1.8rem;
}
.billing-metric-tooltip-text {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    margin-top: 1.3rem;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    max-width: 28rem;
    font-size: 1rem;
}
.billing-metric {
    cursor: help;
}
[data-name="storage-free"], [data-name="requests-free"] {
    color: var(--theme-text-secondary-on-light);
    font-size: 0.8rem;
}

.billing-metric:hover .billing-metric-tooltip-text {
    visibility: visible;
    opacity: 1;
}

.billing-section__footer {
    padding: 1rem;
    background: #ffebe9;
}

.billing-section__footer:empty {
    display: none;
}

#featuresDisabled:empty {
    display: none;
}

.billing-section__quotas-text {
    display: inline-block;
    width: 10rem;
}
.billing-section__quotas-value{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.billing-section__quotas-hint {
    font-style: italic;
    display: inline-block;
    margin-left: 1rem;
}

.billing-section__description {
    font-style: italic;
    padding-top: 1rem;
}

#billing-section-usage .container {
    border: none;
}

.cancel-subscription-confirmation-dialog__body {
    padding: 1rem 2rem 2rem 0;
}

.cancel-subscription-confirmation-dialog__body p {
    padding: 0.3rem 0;
}
/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_chromatogram-card.css ***!
  \**********************************************************************************************************/
:root {
    --chromatogram-card__header-line-height : 20px;
}
.detector-run-card {
    display        : flex;
    flex-direction : column;
    position       : relative;
    height         : 100%;
    border-radius: var(--border-radius);
    background     : var(--theme-element-background);
    box-shadow     : var(--box-shadow);
}

.detector-run-card .progress {
    display          : block !important;
    height           : 0;
    transition       : height 150ms linear 250ms;
}

.detector-run-card--loading {
    pointer-events : none;
}

.detector-run-card--loading svg {
    pointer-events : none;
}

.detector-run-card--loading .progress {
    height : 0.25rem;
}

.detector-run-card--loading .detector-run-card-graph-container {
    filter : opacity(0.5);
}

.detector-run-card:focus {
    outline : none;
}

.detector-run-card-header {
    padding         : 0 8px;
    height          : 35px;
    display         : flex;
    align-items     : end;
    justify-content : space-between;
    color           : var(--card-text-color);
    font-size       : 16px;
    line-height     : var(--chromatogram-card__header-line-height);
}

.chromatogram-header__start {
    display : flex;
    gap: 8px;
}

.chromatogram-header__start .material-icons {
    font-size : var(--chromatogram-card__header-line-height);
}

.chromatogram-header__view-model-label {
    font-size: 12px;
    user-select: none;
}
.chromatogram-header__end {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1rem;
}

.chromatogram-header__end .material-icons {
    font-size  : 16px;
}
.circle {
    width          : 12px;
    height         : 12px;
    margin-right   : 2px;
    border-radius  : 50%;
    vertical-align : middle;
}

.detector-run-card-header .material-icons {
    color      : var(--mdc-theme-text-icon-on-light);
    transition : color 250ms;
}

.detector-run-card-header .material-icons:hover {
    cursor : pointer;
    color  : var(--theme-text-primary-on-light);
    scale  : 1.1;
}

.detector-run-card-graph-container {
    flex-grow  : 2;
    filter     : opacity(1);
    transition : filter 250ms linear 250ms;
}

.chromatogram-header-tour-tip {
    top: -0.25rem;
}
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_crawler-page.css ***!
  \*****************************************************************************************************/
.crawlers-table-header-enabled {
    width : 55px;
}

.crawlers-table-header-progress {
    width : 170px;
}

.crawler-state {
    display : inline-block;
    float   : right;
    height  : 20px;
}

.crawler-state:hover {
    text-decoration : underline;
}

.crawler-state span {
    margin-left    : 8px;
    vertical-align : sub;
}

.crawler-options {
    display : inline-block;
    width   : 60px;
    height  : 20px;
    float   : right;
}

.crawler-options .material-icons {
    display    : inline-block;
    float      : right;
    font-size  : 18px !important;
    opacity    : .25 !important;
    transition : opacity 250ms;
}

.crawler-options .material-icons:hover {
    opacity   : .85 !important;
    transform : scale(1.1);
    cursor    : pointer;
}
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_import-status-page.css ***!
  \***********************************************************************************************************/
.page-header--import-status-page .page-header__section--align-start {
    /*The table body has a width of 1000px.*/
    /*Since the table is centered, we can divide the remaining space by 2 to*/
    /*align the end of the first header section with the start of the table.*/
    max-width: calc(calc(100% - 1000px) / 2);
    min-width: 10rem;
}

.page-header--import-status-page .page-header__breadcrumbs-section {
    /*We don't want to show the breadcrumbs on this page*/
    display: none;
}
.page-header--import-status-page .page-header__section--align-mid {
    max-width: 1000px;
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_injection-info-dialog.css ***!
  \**************************************************************************************************************/
#injection-info-dialog {
    width  : 450px;
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_injection-page.css ***!
  \*******************************************************************************************************/
injection-page {
    display: block;
    margin-top: 4rem;
    width: 100%;
    padding-bottom: 4rem;
    flex: 1 1 auto;
}

.injection-page__chart-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.injection-page__chart-col--left {
    width      : 70%;
    box-sizing : border-box;
    min-width  : 350px;
}

.injection-page__chart-col--right {
    width       : calc(30% - 4px);
    box-sizing  : border-box;
    min-width   : 296px;
}

.injection-chart-slot {
    height: 266px;
}

/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_landing.css ***!
  \************************************************************************************************/
.table-page-container {
    width: 100%;
    flex: 1 1 auto;
    box-sizing: border-box;
    background: white;
    padding: 4rem 0;
}
.landing-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    height: 4em;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.landing-tabs__list {
    padding-left : 2.5rem;
}
.landing-tabs__item {
    list-style-type: none;
    display: inline;
    border: 3px solid rgba(0, 0, 0, 0);
    padding-bottom: 10px;
}
.landing-tabs__item--current {
    border-bottom: 3px solid var(--theme-primary);
}
.landing-tabs__link {
    color: black;
    text-decoration: none;
    font-weight: 400;
    padding: 10px 15px;
}
.landing-tabs__link:hover, .landing-tabs__link--current {
    color: var(--theme-primary);
}

.landing-search {
    height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.landing-search__icon {
    color: grey;
    padding: 0 15px 0 20px;
}
.landing-search__input {
    border: none;
    height: 90%;
    padding: 0;
    flex: 1 1 0;
}
.n-of-found {
    font-style: italic;
    font-size: .8em;
    margin-right: 20px;
}
.n-of-found > span {
    margin: 0 .2em;
}
.landing-search__button {
    margin-right: 20px;
}
/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_page-table.css ***!
  \***************************************************************************************************/
.page-table__body {
    padding: 0;
    margin: 0;
}
.page-table__row {
    height: 48px;
    border-bottom: 1px #eee solid;
    font-weight: 300;
    padding: 0 0.5rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.page-table__row:hover {
    background: var(--md-theme-background);
}
.page-table__row--header {
    display: flex;
    justify-content: flex-start;
}
.page-table__header-cell {
    border: none;
    background: none;
    text-align: left;
    padding: 0;
    font-size: 0.8em;
    font-weight: 500;
}
.page-table__row > * {
    flex: 1 1 0;
}

/*
 1st column is usually the most important (unless there's a column with checkboxes in front of it),
 so making it largest by default.
 */
.page-table__row > :first-child {
    margin: 0 0 0 55px;
    flex: 2 1 0;
}

/************
  Modification for particular tables (e.g. a table of batches, injections, tc) in case defaults didn't work
************/
.page-table__row--edit-batch-injections > :first-child {
    flex: 0 0 80px;
}

.page-table__cell {
    overflow           : hidden;
    /*max-height = 2 x line-height in order to allow only 2 rows per cell*/
    line-height        : 1.2em;
    max-height         : 2.4em;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
}

.injection-list__row {
    position: relative;
}

.list__checkbox-input {
    position: absolute;
    left: 0;
    width: 1rem;
    display: none;
    margin: 1rem 1.25rem;
}

.page-table__row:hover .list__checkbox-input {
    display: inline-block;
}

.list__checkbox-input:checked {
    display: inline-block;
}

.list__header {
    text-align: center;
    padding: 2rem;
    line-height: 2;
}

/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_pay.css ***!
  \********************************************************************************************/
[data-name="subscription-checkout"] {
    border: none;
}

[data-name="subscription-checkout"] .container__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* approximately equal to height of Paddle's iframe */
    min-height: 812px;
    gap: 4px;
}

.paddle-order-details, .paddle-payment-details {
    flex: 1;
    border: var(--plain-border);
    /* Nicely fit to mobile devices and desktop */
    min-width: 350px;
    max-width: 500px;
    border-radius: var(--border-radius);
}

.checkout-row {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
}

.checkout-row section {
    display: flex;
    flex-direction: column;
}

[data-name="checkout-subscription"] .checkout-row__label,
[data-name="checkout-subscription"] .checkout-row__value,
[data-name="checkout-pay-as-you-go"] .checkout-row__label,
[data-name="checkout-pay-as-you-go"] .checkout-row__value {
    line-height: 2rem;
}

.checkout-list-title {
    background: var(--md-theme-background);
}

li.checkout-list-title span {
    line-height: 2rem;
    padding-left: 1rem;
}

.checkout-row__details {
    font-weight: 300;
    font-size: 0.825rem;
}

[data-name="checkout-totals"] {
    padding-bottom: 2rem;
}
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_report-page.css ***!
  \****************************************************************************************************/
:root {
    --peak-spectrum-card__header-height : 26px;
    --peak-spectrum-card__body-height   : calc(100% - var(--peak-spectrum-card__header-height));
}

.peak-spectrum-card {
    width      : 219px;
    height     : 208px;
    border     : 1px solid gray;
    margin     : 8px;
    display    : inline-block;
    background : var(--theme-element-background);
    position   : relative;
}

.peak-spectrum-card__header {
    font-size     : 14px;
    padding       : 8px 4px 0 12px;
    height        : var(--peak-spectrum-card__header-height);
    box-sizing    : border-box;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.peak-spectrum-card__body {
    height   : var(--peak-spectrum-card__body-height);
    position : relative;
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/css/03_scan_chart.css ***!
  \***************************************************************************************************/
.axis-horizontal-container {
    position: relative;
}

.axis-o {
    display: none;
}

.axis-o:not(:empty) {
    display: unset;
    position: absolute;
    top: 0;
    left: 0;
}

.axis-x:has(+ .axis-o:not(:empty)) {
    display: none;
}

.axis-x:has(+ .axis-o:empty) {
    display: unset;
}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/ActionPanel/ActionPanel.css ***!
  \********************************************************************************************************************/
.action-panel {
    --action-panel-background-color: rgb(51, 51, 51);
    --action-panel-background-color-hover: rgb(84, 84, 84);
    --action-panel-text-label-color: rgb(255, 255, 255);
    --action-panel-cancel-icon-color: rgb(196, 196, 196);
    --action-panel-button-disabled-color: rgb(136, 136, 136);
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4rem;
    min-width: 30rem;
    background: var(--action-panel-background-color);
    border-radius: var(--border-radius);
    color: var(--action-panel-text-label-color)
}

.action-panel__body {
    padding: 1rem;
    height: 4rem;
}

.action-panel__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
}

.action-panel__selected-block {
    display: flex;
    align-items: center;
}

.action-panel__selected-count {
    padding-right: 0.375rem;
}

.action-panel__cancel-selection-icon {
    padding-left: 0.5rem;
    font-size: 1.25rem;
    color: var(--action-panel-cancel-icon-color);
    cursor: pointer;
}

.action-panel__cancel-selection-icon:hover {
    color: var(--action-panel-text-label-color);
}

.action-panel__action-button {
    border: none;
    padding: 0.5rem;
    font-size: 1rem;
    background: var(--action-panel-background-color);
    cursor: default;
    color: var(--action-panel-text-label-color);
    margin-left: 1rem;
}

.action-panel__action-button[disabled]{
    color: var(--action-panel-button-disabled-color);
}

.action-panel__action-button:hover:not([disabled]) {
    cursor: pointer;
}

.action-panel__action-icon {
    font-size: 1.25rem;
    color: inherit;
}

.action-panel__action-text {
    color: inherit;
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/AddInjectionDialog/AddInjectionDialog.css ***!
  \**********************************************************************************************************************************/
.add-injection-dialog {
    width: 40rem;
    overflow: unset;
}

.add-injection-dialog__content {
    position: relative;
}

.add-injection-dialog__row {
    padding-bottom: .8rem ;
}

.add-injection-dialog__row-subtitle{
    font-style: italic;
    font-size: .8rem;
    color: var(--theme-text-hint-on-light);
}

.add-injection-dialog__drop-area {
    width: 100%;
    height: 15rem;
    border: 1px dashed var(--border-color);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #f9f9f9;
}

.add-injection-dialog__upload-icon path {
    fill: var(--theme-text-hint-on-light);
}

.add-injection-dialog__drop-area-description {
    color: var(--theme-text-hint-on-light);
}

.add-injection-dialog__drop-area .drag-n-drop-area {
    box-sizing: content-box;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: var(--theme-element-background);
}

.add-injection-dialog__drop-area .drag-n-drop-area span {
    background: var(--theme-element-background);
    font-size: 1rem;
}

.add-injection-dialog__link {
    color: var(--theme-primary);
    text-decoration: underline;
    cursor: pointer;
}

.add-injection-dialog__help-icon {
    position: absolute;
    top: 1.3rem;
    right: 1.3rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--mdc-theme-text-icon-on-background);
    border: none;
    background: transparent;
}

.add-injection-dialog__help-icon:hover {
    cursor: pointer;
    color: var(--mdc-theme-text-primary-on-background);
}

.add-injection-dialog__help-block {
    position: absolute;
    top: 2.75rem;
    right: 1.3rem;
    width: fit-content;
    height: 2.5rem;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
}

.add-injection-dialog__help-block:hover {
    box-shadow: var(--box-shadow-hover);
}

.add-injection-dialog__help-link, .add-injection-dialog__help-link:visited {
    padding: 0.75rem 1rem;
    line-height: 2.5rem;
    color: var(--theme-primary);
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/AddUserToTeamDialog/AddUserToTeamDialog.css ***!
  \************************************************************************************************************************************/
.add-user-dialog {
    width: 40rem;
    overflow: unset;
}

.add-user-dialog__dropdown-item {
    list-style: none;
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.add-user-dialog__dropdown-item:hover {
    background: var(--list-background-on-hover-color);
    cursor: pointer;
}

.add-user-dialog__dropdown-item {
    display: flex;
}

.add-user-dialog__item-name {
    font-weight: bold;
}

.add-user-dialog__item-description {
    font-size: 0.75rem;
    opacity: 0.8;
}

.add-user-dialog__selected-users {
    max-height: 15rem;
    overflow: auto;
    margin-bottom: 1rem;
}

.add-user-dialog__admin-icon {
    margin-right: 1rem;
    flex-shrink: 0;
}

.add-user-dialog .chips__item:hover {
    cursor: default;
}

.add-user-dialog .chips__item:hover .chips__icon {
    cursor: pointer;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/apply-to-others-dialog/ApplyToOthersDialog.css ***!
  \***************************************************************************************************************************************/
.apply-to-others-dialog {
    min-width: 20rem;
}

.apply-to-others-dialog__content {
    display: flex;
    gap: 4rem;
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/BaseDialog/BaseDialog.css ***!
  \******************************************************************************************************************/
.base-dialog {
    min-width: 32rem;
    max-width: 85vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    --dialog__header__height: 3em;
    --dialog__header__top-padding: 24px;
    --dialog__header__bottom-padding: 10px;
    --dialog__footer__height: 3em;
    --dialog__right-padding: 24px;

    /*need to keep right padding 0 so that the content could extend fully to the right and have its own padding.
     This way its scroll bar will touch popup right border instead of being padded.*/
    padding: 24px 0 var(--dialog__header__bottom-padding) 24px;
    background: white;
    outline: none;
}

.dialog__header {
    font-size: 1.25em;
    padding-right: var(--dialog__right-padding);
}

.dialog__main-content {
    /*
      We want the content of the popup to be scrollable while the header and the footer (buttons) stay on the screen,
      so the max height of the content is the screen height minus header & footer.

      The calculations are a bit off since the scroll appears sooner when you start shrinking the window,
      was lazy to figure out the mistake. But that's fine - we'd add extra space anyway, don't want to touch
      browser boundaries.

      There will be dialogs w/o header or footer, but those are usually small ones. Their max-height will have
      extra pixels, well.. because they have no actual header or footer. But for small popups this isn't critical
      because no one will shrink the browser that much.
    */
    max-height: calc(100vh - var(--dialog__header__height)
    - var(--dialog__header__top-padding) - var(--dialog__header__bottom-padding)
    - var(--dialog__footer__height));
    overflow: auto;
    margin: 1rem 0;
    padding-right: var(--dialog__right-padding);
}

.dialog__main-content--stack-trace-only {
    font-family: monospace;
    font-size: .75rem;
    line-height: 1.3;
    color: var(--theme-text-primary-on-light);
    white-space: pre;
}

.dialog__footer {
    height: var(--dialog__footer__height);
    padding-right: var(--dialog__right-padding);
}

.dialog__footer--main-buttons-only {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dialog__footer--main-buttons-only > button {
    margin-left: 0.5rem;
}

.bad-request-dialog__list-item {
    padding: 0.5rem 0;
}
/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/BatchViewCmp/BatchView.css ***!
  \*******************************************************************************************************************/
.batch-view {
    padding: 4px 8px 0 8px;
}

.batch-view__content {
    display: flex;
    position: relative;
}

.batch-view__content .v-table-body {
    height: 156px;
}

.batch-view__preview {
    display: inline-block;
    height: 192px;
    border-radius: var(--border-radius);
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    position: relative;
    vertical-align: top;
    flex: 1;
}

.batch-view__preview .dancing-bars {
    color: #009292;
    text-indent: -9999em;
    margin: 70px auto;
    position: relative;
    font-size: 8px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.batch-view__preview-plate {
    width: 254px;
}

.batch-view__preview-table {
    width: 100%;
}

.batch-view__plates {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.batch-view__table {
    height: 192px;
    width: 100%;
    min-width: 254px;
    border-radius: var(--border-radius);
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    /*margin: 0 4px;*/
    position: relative;
    vertical-align: top;
    flex: 1;
    padding: 4px 8px 8px;
    white-space: nowrap;
}

@media (max-width: 552px) {
    .batch-view__plates {
        width: 256px;
    }
}

@media (min-width: 553px) and (max-width: 812px) {
    .batch-view__plates {
        width: 516px;
    }
}

@media (min-width: 813px) and (max-width: 1072px) {
    .batch-view__plates {
        width: 772px;
    }
}

@media (min-width: 1073px) and (max-width: 1332px) {
    .batch-view__plates {
        width: 1032px;
    }
}

@media (min-width: 1333px) {
    .batch-view__plates {
        width: 1296px;
    }
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/BulkOperationWarningDialog/BulkOperationDialog.css ***!
  \*******************************************************************************************************************************************/
.bulk-operation-warning-dialog {
    width: 70vw;
    min-width: 30rem;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.bulk-operation-warning-dialog .dialog-buttons-row {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

.bulk-operation-warning-dialog .dialog-row{
    height: unset;
}

.bulk-operation-warning-dialog .dialog-row:nth-child(2){
    max-height: 40vh;
    overflow-y: auto;
    margin: 1rem 0;
}

.bulk-operation-warning-dialog li span:nth-child(2) {
    padding-left: 1rem;
    white-space: nowrap;
}

.bulk-operation-warning-dialog li {
    height: 1.5rem;
    display: flex;
}


/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/charts/axes/axes.css ***!
  \*************************************************************************************************************/
.axis__label--y {
    transform   : rotate(-90deg) translate(0px, -5px);
    font-size   : 12px;
    fill        : #9e9e9e;
    user-select : text;
    text-anchor : end;
}
/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/charts/line-chart/LineChart.css ***!
  \************************************************************************************************************************/
.line-chart__trace {
    fill : none;
}

.transient-trace {
    stroke-opacity : 0.75;
}

.transient-trace--active {
    stroke-opacity : 1;
    stroke-width   : 2px;
}

.transient-trace--fadeout {
    stroke-opacity : 0.25;
}
/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chips/Chips.css ***!
  \********************************************************************************************************/
.chips {
    --chip-color-primary : 6, 95, 212;
    --chip-height        : 24px;
    width                : 100%;
    display              : flex;
    gap                  : 2px;
    overflow             : hidden;
}

.chip-container {
    display     : flex;
    position    : relative;
    align-items : center;
    height      : var(--chip-height);
    box-sizing  : border-box;
    flex-grow   : 1;
}

.chips__item {
    display       : flex;
    align-items   : center;
    padding       : 0 8px;
    border-radius : 8px;
    min-width     : 45px;
    height        : var(--chip-height);
    box-sizing    : border-box;
    position      : absolute;
    left          : 0;
    font-size     : 0.875rem;
    font-weight   : 400;
    color         : black;
    border        : solid 1px rgba(var(--chip-color-primary));
    cursor        : pointer;
    user-select   : none;
    background    : white;
    width         : max-content;
}

.chips__item:hover {
    box-shadow : inset 0 var(--chip-height) rgba(var(--chip-color-primary), .04);
    z-index    : 1;
}

.chips__item:active {
    box-shadow : inset 0 var(--chip-height) rgba(var(--chip-color-primary), .08);
}

.chips__item--selected {
    border-color: var(--theme-primary-light);
    color: var(--theme-primary);
}

.chips__icon {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-left: 0.25rem;
    color: var(--mdc-theme-text-icon-on-background);
}

.chips__icon:hover {
    color: var(--mdc-theme-text-primary-on-background);
}

.chips--wrapped {
    flex-wrap: wrap;
}

.chips--wrapped .chip-container {
    /** We should remove option 'position: relative' because in wrapped mode want to apply default position */
    position: unset;
}

.chips--wrapped .chips__item {
    /** We should remove option 'position: absolut' because in wrapped mode want to apply default position */
    position: unset;
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/baseline/baseline-editor.css ***!
  \**********************************************************************************************************************************/
.baseline-overlay {
    fill           : none;
    stroke-opacity : 0;
    stroke-width   : 14px;
    stroke         : rgb(117, 117, 117);
}

.baseline-anchor {
    fill : #2b2b2b;
}

.baseline-anchor.active {
    fill-opacity : 0;
    stroke       : #2b2b2b;
}

/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/injection-splitter/EchoMsSplitDialog.css ***!
  \**********************************************************************************************************************************************/
.echoMs-split-popup {
    min-width: 34rem;
    width: 80%;
}

.echoMs-split-popup #chromatogram-graph {
    height: 200px;
}

.echoMs-split-popup #header-with-zoom-icon {
    display: flex;
    justify-content: flex-end;
}

.echoMs-split-popup #chromatogram-header-zoom-out-icon {
    font-size: var(--chromatogram-card__header-line-height);
    color: var(--mdc-theme-text-icon-on-light);
    transition: color 250ms;
}

.echoMs-split-popup #chromatogram-header-zoom-out-icon:hover {
    cursor: pointer;
    color: var(--theme-text-primary-on-light);
    scale: 1.1;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/integration/IntegrationMethodEditorCmp.css ***!
  \************************************************************************************************************************************************/
.integration-method-editor__original-signal-trace{
    stroke       : rgba(0, 0, 0, .5);
    stroke-width : 1px;
}
.integration-method-editor__smoothed-signal-trace{
    stroke       : rgba(0, 0, 0, .5);
    stroke-width : 1px;
}
.integration-method-editor__deriv1-trace{
    stroke       : rgba(0, 128, 0, 0.5);
    stroke-width : 1px;
}
.integration-method-editor__deriv2-trace{
    stroke       : rgba(0, 0, 255, 0.5);
    stroke-width : 1px;
}
.integration-method-editor__curvature-threshold-line {
    stroke       : rgba(0, 0, 255);
    stroke-width : 2px;
    stroke-dasharray: 3;
}

.integration-method-editor__detected-peak {
    fill: #cafebabe;
    stroke: gray;
    fill-opacity: .15;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/non-integrable-area/non-integrable-area.css ***!
  \*************************************************************************************************************************************************/
.non-integrable {
    pointer-events : none;
}

.non-integrable__area {
    fill    : grey;
    opacity : .3;
    mask    : url(#mask-stripe);
}

.non-integrable__border {
    fill    : grey;
    opacity : .3;
}
.non-integrable__text {
    transform      : matrix(1, 0, 0, -1, 0, 0) rotate(-90deg);
    fill           : #9e9e9e;
    font-size      : 12px;
    pointer-events : none;
}

.non-integrable__area--editable {
    fill : #ff1b1b;
}

.non-integrable__border--editable {
    fill : #ff1b1b;
    cursor  : ew-resize;
    pointer-events: all;
}
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/peak/peak-editor.css ***!
  \**************************************************************************************************************************/
.peak__area {
    stroke         : #000066;
    pointer-events : none;
}

.peak-creator__overlay {
    cursor         : crosshair;
    fill           : none;
    stroke         : none;
    pointer-events : all;
}

.peak-creator__selection {
    cursor          : crosshair;
    fill            : rgb(119, 119, 119);
    fill-opacity    : 0.3;
    shape-rendering : crispedges;
    stroke          : none;
}

.peak-editor__overlay {
    cursor          : move;
    fill            : rgb(119, 119, 119);
    fill-opacity    : 0.3;
    shape-rendering : crispedges;
    stroke          : none;
}

.peak-editor__border {
    cursor       : ew-resize;
    fill-opacity : 0;
}

.peak-editor__anchor {
    visibility             : visible;
    pointer-events         : all;
    font-family            : Lato, sans-serif;
    -webkit-font-smoothing : antialiased;
    fill                   : #2b2b2b;
}
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/peak/peak-labels.css ***!
  \**************************************************************************************************************************/
.chromatogram-graph__peak-labels {
    position       : absolute;
    overflow       : visible;
    /**
    The layer with labels is above the layer with peak-editing controls. And we can't move it underneath because
    in that case the line between peak and label will be underneath too and won't be visible. Neither we could
    put this layer as a sub-layer within the chromatogram graphs, because this one should be able to overflow.
     */
    pointer-events : none;
}

.peak-labels__label {
    cursor         : pointer;
    /**
    We set "pointer-events: none" to the parent, but the label itself must be clickable.
     */
    pointer-events : all;
}

.peak-labels__svg {
    overflow : hidden;
}

.peak-labels__label-text {
    pointer-events : none;
    font-size      : 12px;
}

.peak-labels__label-rect {
    filter : url(#drop-shadow);
    fill   : white;
}

.peak-labels__link {
    fill             : none;
    pointer-events   : none;
    stroke           : black;
    stroke-dasharray : 2, 4;
}

/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/PeakSpectrumPopup/SpectrumPopup.css ***!
  \*****************************************************************************************************************************************/
.spectrum-popup .spectrum-component__header {
    height: 20px;
}

.spectrum-popup .spectrum-component__body {
    width: 650px;
    height: 350px;
    box-shadow: none;
}

.spectrum-popup .dancing-bars {
    position: absolute;
    top: 200px;
    left: 340px;
    margin: 0 auto;
    z-index: 9;
}

/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/scan-selector/scan-selector.css ***!
  \*************************************************************************************************************************************/
.chromatogram-graph__scan-selector {
    overflow : visible;
}

.shadow-scan-selector-stripe {
    fill             : none;
    pointer-events   : none;
    stroke           : #9e9e9e;
    stroke-dasharray : 4, 4;
}

.shadow-scan-selector-rect {
    opacity : 0.9;
    fill    : #616161;
}

.shadow-scan-selector-text {
    font-size   : 75%;
    fill        : white;
    user-select : text;
}

.scan-selector-line-red {
    fill           : none;
    stroke         : #F44336;
    stroke-width   : 1px;
    pointer-events : none;
}

/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/chromatogram/trace/chromatogram-trace.css ***!
  \**********************************************************************************************************************************/
.chromatogram-graph {
    position : relative;
    width    : 100%;
    height   : 100%;
}

.chromatogram-graph__trace {
    fill         : none;
    stroke       : rgb(117, 117, 117);
    stroke-width : 1px;
    opacity      : 0.5;
}

.chromatogram-graph__axes {
    width    : 100%;
    height   : 100%;
    position : absolute;
}

.chromatogram-graph__drawing-layer {
    position  : absolute;
}

svg.scan-selector-svg {
    width     : calc(100% - 38px);
    height    : 185px;
    transform : matrix(1, 0, 0, -1, 20, 15)
}

svg.baseline-controls-svg {
    width     : calc(100% - 38px);
    height    : 185px;
    transform : matrix(1, 0, 0, -1, 20, 15);
    overflow  : visible;
    display   : none;
}

svg.peak-anchors-controls-svg {
    width          : calc(100% - 38px);
    height         : 185px;
    transform      : matrix(1, 0, 0, -1, 20, 15);
    overflow       : visible;
    pointer-events : none;
}

.chromatogram-graph__alignment {
    height    : 25px;
    cursor    : grab;
}

/*LEGACY*/
.total-signal-chromatogram-baseline-area {
    opacity : 0.25;
}

.extracted-signal-chromatogram {
    fill         : none;
    stroke-width : 1px;
}

.chromatogram-graph svg {
    position : absolute;
}

.chromatogram-graph-svg-text {
    /*
    -1 turns they y coordinates upside down. So whatever was at the top is now at the bottom. This makes the
    actual text upside down. This is needed because the text's parent is also upside down, so we do yet another
    turn to fix the text.
    */
    transform : matrix(1, 0, 0, -1, 0, 0)
}

.baseline-anchor[activated="true"] {
    fill-opacity : 0;
    stroke       : #2b2b2b;
}

.peak-baseline-anchors-link {
    pointer-events : none;
    stroke         : #2b2b2b;
    stroke-width   : 1px;
}

g.peak-controls rect.selection {
    stroke : none;
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/CreateOrgDialog/CreateOrgDialog.css ***!
  \****************************************************************************************************************************/
.create-organization-dialog {
    width: 35rem;
}

dialog.create-organization-dialog .dialog-content {
    padding: .25rem .75rem .25rem .75rem;
    border-width: 1.25rem 0 0 0;
    border-color: var(--theme-element-background);
    border-style: solid;
    overflow: auto;
    max-height: 80vh;
}

dialog.create-organization-dialog .dialog-buttons {
    height: 2.25rem;
}

.create-organization-dialog__prompt-row {
    height: 3rem;
}

.create-organization-dialog__prompt {
    font-size: 0.75rem;
    font-style: italic;
    color: var(--theme-text-hint-on-light);
    height: 3rem;
}

.create-organization-dialog__url {
    color: var(--theme-text-primary-on-light);
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/DeleteBatchNotificationDialog/DeleteBatchNotificationDialog.css ***!
  \********************************************************************************************************************************************************/
.delete-batch-notification-dialog__content{
    padding-bottom: 0.5rem;
}

.delete-batch-notification-dialog__radio-buttons-block {
    margin: 1rem 0;
}

.delete-batch-notification-dialog__radio-buttons-row {
    display: flex;
    padding: 0.5rem 0;
}

.delete-batch-notification-dialog__error-block {
    height: 1.5rem;
}

.delete-batch-notification-dialog__error-text {
    color: var(--mdc-theme-error);
    font-size: 0.75rem;
}

.delete-batch-notification-dialog__radio-buttons-row input,
.delete-batch-notification-dialog__radio-buttons-row label {
    cursor: pointer;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/DeleteBatchNotificationDialog/FailedBatchResourses/FailedInjectionsDialog.css ***!
  \**********************************************************************************************************************************************************************/
.forbidden-injections-dialog .dialog__header {
    font-size: 1rem;
}

.forbidden-injections-dialog__batch-block{
    margin: 1rem 0;
}

.forbidden-injections-dialog__batch-name{
    margin: 0.5rem 0;
}

.forbidden-injections-dialog__content {
    overflow: auto;
    margin: 2rem 0;
    padding: 0 1rem 0 0;
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/DownloadErrorDialog/DownloadErrorDialog.css ***!
  \************************************************************************************************************************************/
.download-error-dialog__list {
    list-style: inside;
    padding: 0.5rem 0;
}
/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/DropdownInput/DropdownInput.css ***!
  \************************************************************************************************************************/
dropdown-input {
    display: inline-block;
    width: 100%;
    height: 4rem;
}

dropdown-input dropdown-list {
    display: none;
    margin-top: 3rem;
    /* We use a fixed position because we want to specify the location ourselves (related to the browser window,
    not closest positioned relative)*/
    position: fixed;
    z-index: 9;
}

dropdown-input dropdown-list[open] {
    display: block;
}

dropdown-input.dropdown-select text-input .text-input__input {
    pointer-events: none;
}

dropdown-list {
    width: 100%;
}

dropdown-list ul {
    display: grid;
    position: absolute;
    margin: 0;
    box-shadow: var(--box-shadow);
    background-color: var(--theme-element-background);
    grid-template-columns: 1fr;
    max-height: 10rem;
    padding: 0;
    border-radius: 0.375rem;
    color: var(--theme-text-primary-on-light);
    z-index: 9;
    overflow-y: auto;
    max-width: 100%;
}

dropdown-list li {
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    min-height: 2rem;
    color: var(--theme-text-primary-on-light);
    cursor: pointer;
    background-color: var(--theme-element-background);
}

dropdown-list li[hidden] {
    display: none;
}

dropdown-list li[disabled] {
    pointer-events: none;
    color: var(--mdc-theme-text-disabled-on-background);
}

dropdown-list li:hover, .dropdown-list__item--active {
    background-color: var(--list-background-on-hover-color);
}

dropdown-list li mark {
    font-weight: 600;
    background-color: unset;
}
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/ErrorPopup/ErrorPopup.css ***!
  \******************************************************************************************************************/
.popup--error {
    max-width : 700px;
}

.popup--error .labeled-text--text {
    max-height    : 350px;
    overflow-y    : auto;
    border-bottom : var(--plain-border);
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/file-drop/FileDropArea.css ***!
  \*******************************************************************************************************************/
.drag-n-drop-area {
    width            : 100%;
    height           : 100%;
    position         : absolute;
    display          : flex;
    top              : 0;
    flex-direction   : column;
    justify-content  : center;
    align-items      : center;
    box-sizing       : border-box;
    background-color : #f9f9f9;
    border           : 1px dashed gray;
    border-radius: var(--border-radius);
}

.drag-n-drop-area span {
    font-size : 23px;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/IconWithDropdownMenu/IconWithDropdownMenu.css ***!
  \**************************************************************************************************************************************/
.icon-with-dropdown-menu{
    position: relative;
}
.icon-with-dropdown-menu__icon{
    cursor: pointer;
}
.icon-with-dropdown-menu__menu-below {
    display: grid;
    position: absolute;
    right: 0;
    margin: 0;
    box-shadow: var(--box-shadow);
    border: none;
    background-color: var(--theme-element-background);
    grid-template-columns: 1fr;
    width: max-content;
    padding: 0;
    border-radius: 6px;
    color: var(--theme-text-primary-on-light);
    top: 2em;
}
.icon-with-dropdown-menu__menu-below[data-hidden] {
    display: none;
}
.icon-with-dropdown-menu__menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    min-height: 42px;
    cursor: pointer;
}
.icon-with-dropdown-menu__menu-item:hover:not([disabled]) {
    background-color: var(--list-background-on-hover-color);
}
.icon-with-dropdown-menu__menu-item[disabled]{
    cursor: default;
    color: var(--theme-text-hint-on-light);
}
.icon-with-dropdown-menu__menu-item[id="injection-delete"],
.icon-with-dropdown-menu__menu-item[id="batch-delete"],
.icon-with-dropdown-menu__menu-item[id="post-delete"] {
    color: red;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/InjectionPropertiesDialog/InjectionPropertiesDialog.css ***!
  \************************************************************************************************************************************************/
.injection-properties-dialog {
    width: 50rem;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.injection-properties-dialog__content-block {
    height: calc(100% - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.injection-properties-dialog__content {
    max-height: calc(100% - 2.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.injection-properties-dialog__property-inputs{
    overflow-y: auto;
    padding-right: 1rem;
}

.injection-properties-dialog__title-row {
    height: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.injection-properties-dialog__add-property-row {
    height: 1.5rem;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--theme-text-primary-on-light);
    opacity: 0.8;
    width: max-content;
    padding-right: 0.5rem;
}

.injection-properties-dialog__add-property-row:hover {
   opacity: 1;
}

.injection-properties-dialog__add-property-row[disabled]{
    opacity: 0.5;
    cursor: default;
}

.injection-properties-dialog__title{
    font-size: 1.5rem;
    font-weight: bold;
}

.injection-properties-dialog__prompt {
    margin: 2rem auto;
    text-align: center;
}

.injection-properties-dialog__icon {
    padding-left: 0.5rem;
    font-size: 1.25rem;
    color: var(--mdc-theme-text-icon-on-background);
    cursor: pointer;
}

.injection-properties-dialog__icon:hover {
    color: var(--mdc-theme-text-primary-on-background);
}

.injection-properties-dialog__add-icon {
    height: 1.25rem;
    width: 1.25rem;
    display: inline-flex;
    background: var(--theme-text-primary-on-light);
    opacity: 0.9;
    color: white;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    margin-right: 0.5rem;
}

.injection-properties-dialog__property-row{
    display: flex;
    gap: 1rem;
    align-items: center;
}

.injection-properties-dialog__name-input {
    flex: 2;
}

.injection-properties-dialog__value-input {
    flex: 3;
}

.injection-properties-dialog__icon-block {
    width: 1rem;
}

.injection-properties-dialog__delete {
    display: none;
}

.injection-properties-dialog__property-row:hover .injection-properties-dialog__delete {
    display: inline;
}

.injection-properties-dialog__property-row[data-type="OVERRIDDEN"]:hover .injection-properties-dialog__delete {
    display: none;
}

.injection-properties-dialog__add-first-property-btn{
    margin-top: 1rem;
}

.injection-properties-dialog__help-link {
    display: inline-block;
    height: 1.25rem;
}

.injection-properties-dialog__undo {
    display: none;
}

[data-type="OVERRIDDEN"]:hover .injection-properties-dialog__undo {
    display: unset;
}

[data-type="OVERRIDDEN"] .injection-properties-dialog__delete {
    display: none;
}

[data-type="RAW"] .injection-properties-dialog__delete:hover {
    cursor: not-allowed;
    color: var(--mdc-theme-text-icon-on-background);
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/IntegrationMethodCard/IntegrationMethodCard.css ***!
  \****************************************************************************************************************************************/
.integration-method-card {
    display        : flex;
    flex-direction : column;
    position       : relative;
    height         : 266px;
    width          : 320px;
    border-radius: var(--border-radius);
    background     : var(--mdc-theme-background);
    box-shadow     : var(--box-shadow);
}

.integration-method-card__header {
    width  : 100%;
    height : 48px;
}

.integration-method-card__header .mdc-tab {
    width : 33%;
}

.integration-method-card__tab-content {
    height  : 154px;
    padding : 0 8px;
}

.integration-method-card .dialog-row {
    display : flex;
    height  : auto;
}

.integration-method-card .dialog-row:nth-child(2) {
    flex-direction : column;
}

.integration-method-card .dialog-buttons-row {
    height : 64px;
}

.integration-method-card .dialog-row text-input {
    margin-right : 0.875rem;
    display      : inline-block;
    flex: 1 1 45%;
}

.integration-method-card .dialog-row text-input label {
    font-size : 0.6875rem;
}

.integration-method-card .checkbox-with-label {
    display     : flex;
    align-items : center;
    font-size   : 12px;
    cursor      : pointer;
    user-select : none;
    color       : var(--theme-text-secondary-on-light);
    line-height : 32px;
    width       : fit-content;
}

.integration-method-card .checkbox-with-label input {
    width : 1.3125em;
}

.integration-method-card .js-additional-options-menu {
    margin-top : 88px;
}

.checkbox-with-label {
    display : flex;
}

.integration-method-card__help-icon {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--mdc-theme-text-icon-on-background);
    border: none;
    background: transparent;
}

.integration-method-card__help-icon:hover {
    color: var(--mdc-theme-text-primary-on-background);
}
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/massSpec/FragmentConfigDialog.css ***!
  \**************************************************************************************************************************/
dialog.fragment-config .dialog-content {
    padding: .25rem .75rem .25rem .75rem;
    border-width: 1.25rem 0;
    border-color: var(--theme-element-background);
    border-style: solid;
    overflow: auto;
    max-height: 80vh;
    min-width: 37rem;
}

dialog.fragment-config .dialog-buttons {
    height: 2.25rem;
}

dialog.fragment-config header {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 2.25rem;
    position: relative;
}

dialog.fragment-config header h3 {
    margin: 0;
}

dialog.fragment-config .table__body--empty::after {
    content: "empty";
    color: darkgray;
}

dialog.fragment-config input[type="checkbox"] {
    width: 1rem
}

dialog.fragment-config th {
    text-align: center;
    vertical-align: middle;
    min-width: 7rem;
}

dialog.fragment-config th:first-child, dialog.fragment-config th:last-child {
    min-width: 2rem;
}

dialog.fragment-config td {
    text-align: center;
    vertical-align: middle;
}

.table__row--fragment-config .table__cell.clickable {
    text-decoration: underline;
    text-underline-offset: 4px;
}

dialog.fragment-config section[data-fragment-type] header button[data-name="add-fragment"] {
    display: none;
}

dialog.fragment-config section[data-fragment-type]:hover header button[data-name="add-fragment"] {
    display: block;
}

dialog.fragment-config section[data-fragment-type]:not(:last-of-type){
    margin-bottom: 1rem;
}

.fragment-config__dropdown-icon {
    transform: scaleY(-1);
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: var(--theme-text-hint-on-light);
    display: none;
}

.fragment-config__dropdown-icon:hover {
    color: var(--theme-text-primary-on-light);
}

[data-element="table-section"]:has(table.visually-hidden) .fragment-config__dropdown-icon {
    transform: unset;
}

[data-element="table-section"]:has(.table__body .table__row--fragment-config) .fragment-config__dropdown-icon {
    display: inline;
}
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/massSpec/IonConfigDialog.css ***!
  \*********************************************************************************************************************/
dialog.ion-config .dialog-content {
    padding: .25rem .75rem .25rem .75rem;
    border-width: 1.25rem 0;
    border-color: var(--theme-element-background);
    border-style: solid;
    overflow: auto;
    max-height: 80vh;
}

dialog.ion-config .dialog-buttons {
    height: 2.25rem;
}

.ions-with-chart {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
}

input.table-cell-input {
    padding: 0;
    border: none;
}

.mass-spec-ion__line {
    stroke: blue;
}

dialog.ion-config h3:first-of-type {
    margin-top: 0;
}

.mass-spec-ion__rect {
    fill: lightblue;
}

tbody tr td[data-name="int"] span {
    opacity: .2
}

tbody.qualifier-group tr td[data-name="int"] span {
    opacity: 1;
}

.ion-config__product-ion-scan td[data-name="int"] span {
    opacity: 1
}

.section__table {
    max-height: calc(80vh - 20rem);
    overflow: auto;
}

dialog.ion-config .table .table__row {
    height: 2.25rem;
}

dialog.ion-config th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--theme-element-background);
}

dialog.ion-config th:last-child, dialog.ion-config td:last-child {
    padding-left: 1rem;
    padding-right: 1rem;
}

.table__row--disabled span,
tbody.qualifier-group .table__row--disabled td[data-name="int"] span,
.table__row--disabled td[data-name="int"] span {
    opacity: 0.2;
}

.table__cell--italic {
    font-style: italic;
}

dialog.ion-config .table__cell.intensity-resolution,
dialog.ion-config .table__cell.mass-to-charge {
    width: 7rem;
}

dialog.ion-config .table__cell.intensity-resolution {
    text-align: center;
}

dialog.ion-config .table__cell.ion-name {
    min-width: 10rem;
}


/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/massSpec/MassSpecChart.css ***!
  \*******************************************************************************************************************/
.section__graph {
    height: 10rem;
    width: 100%;
}

.mass-spec-graph {
    width: 100%;
    height: 100%;
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/massSpec/MassSpecOverviewDialog.css ***!
  \****************************************************************************************************************************/
dialog.mass-spec-overview {
    width: 36rem;
}

dialog.mass-spec-overview .dialog-content {
    padding: .25rem .75rem .25rem .75rem;
    border-width: 1.25rem 0;
    border-color: var(--theme-element-background);
    border-style: solid;
    overflow: auto;
    max-height: 80vh;
}

dialog.mass-spec-overview .mass-spec h3 {
    margin: 0;
}

dialog.mass-spec-overview .mass-spec:not(:last-child) {
    margin-bottom: 1rem;
}

dialog.mass-spec-overview .dialog-buttons {
    height: 2.25rem;
}

dialog.mass-spec-overview .mass-spec:not(:last-child) {
    margin-bottom: 1rem;
}

dialog.mass-spec-overview .mass-spec h3 {
    margin: 0;
}

td.mass-spec-row__value:not([disabled]) {
    color: var(--theme-text-primary-on-light);
    text-decoration: underline;
    cursor: pointer;
}

.mass-spec-ion__line--quantifier {
    stroke: blue;
}

.mass-spec-ion__rect--quantifier {
    fill: lightblue;
}

.mass-spec-ion__line--qualifier {
    stroke: green;
}

.mass-spec-ion__rect--qualifier {
    fill: lightgreen;
}

.mass-spec__header {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/page-header/PageHeader.css ***!
  \*******************************************************************************************************************/
.page-header {
    height: 4rem;
    top: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 4;
    border-bottom: 1px solid var(--border-color);
    width: 100%;
    min-width: 350px;
}
.page-header--borderless {
    height: 4rem;
    border-bottom: none;
}

.page-header.scroll {
    -webkit-box-shadow: var(--page-header-box-shadow);
    box-shadow: var(--page-header-box-shadow);
}

.page-header__row {
    display: flex;
    top: 0;
    position: static;
    background-color: var(--theme-element-background);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

.page-header__row a {
    text-decoration: none;
}

.page-header__title {
    color: var(--theme-text-primary-on-light);
    line-height: var(--page-header-title-line-height);
    vertical-align: super;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.0125em;
    text-decoration: inherit;
    text-transform: inherit;
    padding-left: 20px;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-header__section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px 12px;
    z-index: 1;
}

.page-header__section--align-mid {
    display: flex;
    flex-grow: 3;
    flex-shrink: 1;
    justify-content: end;
    max-width: 600px;
    min-width: 150px;
}
.page-header__section--align-mid:empty{
    display: none;
}
.page-header__section--align-end {
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: end;
    padding: 0;
}

.page-header__section--align-mid .mdc-button {
    margin-left: 8px;
}

.page-header__section--align-end i, .page-header__section--align-end > svg, .top-app-bar-nav-icon {
    cursor: pointer;
    color: black;
    opacity: .5;
    transition: 250ms;
    padding-left: 8px;
}

.header__right{
    display: flex;
}

.page-header__section--align-end i:hover, .page-header__section--align-end > svg:hover, .top-app-bar-nav-icon:hover {
    opacity: .9;
}

.page-header__section--align-end .add-visualization, .page-header__section--align-end > button {
    margin: 0 0.5rem;
}

.page-header__section--user {
    justify-content: end;
    flex: none;
    gap: 0.5rem;
    margin: 0 1rem;
}

.user-section__button-name {
    cursor: pointer;
    border: 1px solid;
    box-shadow: var(--box-shadow);
}

.user-section__button-name:hover {
    opacity: 0.7;
    box-shadow: var(--box-shadow-hover);
}
.header-buttons-section {
    display: contents;
}

.header-chips {
    padding: 0 1rem;
}

.header-chip {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    font-size: 0.8125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 16px;
    cursor: unset;
    outline: 0;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid;
}
.header-chip--warning {
    border-color: #ffda47;
    background-color: #fffbeb;
    color: #8a5300;
}
.header-chip--error {
    border-color: #febdc3;
    background-color: #fff0f1;
    color: #92010e;
}

.page-header__breadcrumbs-section {
    flex-shrink: 1;
    display: flex;
    width: calc(100% - 40px); /* 40px - logo width */
}

.breadcrumbs {
    display: flex;
    margin-left: 1rem;
    align-items: center;
    width: 100%;
    min-width: 2rem;
}

.breadcrumbs__item {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 2 auto;
    min-width: 1.75rem;
}

.breadcrumbs__item:last-child[data-id="breadcrumbs-org"] {
    max-width: 100%;
}

.breadcrumbs__item:not(:last-child) .breadcrumbs__link {
    color: var(--theme-text-hint-on-light );
    margin-right: 1rem;
}

.breadcrumbs__item:last-child .breadcrumbs__link {
    pointer-events: none;
    color: var(--theme-text-primary-on-light);
}

.breadcrumbs__item:not(:last-child)::after {
    content: "/";
    position: absolute;
    right: 0.3rem;
    color: var(--theme-text-hint-on-light );
}

.breadcrumbs__link{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs__link:hover {
    text-decoration: underline;
    color: var(--theme-text-secondary-on-light);
}

.breadcrumbs__menu-icon {
    height: 1.5rem;
    cursor: pointer;
    display: inline-block;
}

.breadcrumbs__item:not(:last-child) .breadcrumbs__menu-icon {
    display: none;
}

.header-app-menu {
    .app-button {
        color: var(--theme-text-primary-on-light);
        cursor: pointer;
        display: flex;
        border: none;
        background: white;
        align-items: center;
        font-size: 1rem;
        letter-spacing: 0.05rem;
    }

    .app-menu{
        position: fixed;
        inset: unset;
        border: none;
        box-shadow: var(--box-shadow);
        padding: 0;
        margin: 0;
        top: 4rem;
        border-radius: 0.375rem;
        width: 20rem;
        overflow: hidden;
        transform: unset;
        justify-self: end;
        right: 0;
    }

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

    .list-item {
        display: flex;
        flex-direction: column;
        padding: .8rem .5rem .8rem 2rem;
        gap: 0.2rem;
    }

    .list-item:hover {
        background-color: var(--theme-background-on-hover);
    }

    .links-row {
        display: flex;
        flex-direction: row;
        justify-content: start;
        gap: .8rem;
        font-size: .8rem;
    }

    .link {
        color: black;
        text-decoration: underline;
    }

    .dropdown-icon {
        font-size: 1.5rem;
        color: var(--theme-text-primary-on-light);
        background: none;
        border: none;
        padding: 0;
    }

    .dropdown-icon:hover {
        color: var(--theme-text-primary-on-light);
    }

    .item-description {
        color: var(--theme-text-hint-on-light);
        font-size: .8rem;
    }
}

@media (max-width : 592px){
    .breadcrumbs__item:not(:last-child) .breadcrumbs__link {
        max-width: 70px;
    }
}
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/QualifierPopup/QualifierPopup.css ***!
  \**************************************************************************************************************************/
.ion-descriptor-popup {
    position: fixed;
    pointer-events: none;
    background: var(--theme-element-background);
    box-shadow: var(--box-shadow);
    width: 20rem;
    padding: 0.5rem;
    font-size: 0.825rem;
    z-index: 99;
}

.ion-descriptor-popup td:first-of-type {
    padding-right: 0.5rem;
    font-weight: 400;
    width: 9.5rem;
}

.ion-descriptor-popup td:last-of-type {
    font-weight: 600;
}

#spectrum-dialog .scan-card{
    box-shadow: none;
}
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/spectra/SpectrumGraph.css ***!
  \******************************************************************************************************************/
.spectrum-graph {
    width  : 100%;
    height : 100%;
}

.spectrum-graph svg {
    position : absolute;
    overflow : visible;
}

.spectrum-graph__axes-layer {
    width  : 100%;
    height : 100%;
}

/**
sg - spectrum-graph
sg__b - spectrum-graph__bar
sg__lol-c - spectrum-graph__lollipop-circle

Because there are too many of them on the charts, we abbreviate so that HTML isn't too large
 */
.sg__b {
    fill : #757575;
}

.sg__lol-c {
    /*Half of bar width*/
    transform : translate(0.5px, 0);
}

.sg__l {
    text-anchor : start;
    font-size   : 11px;
    fill        : #0000cd;
    transform   : matrix(1, 0, 0, -1, 0, 0) rotate(-90deg);
}
/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/spinner/Spinner.css ***!
  \************************************************************************************************************/
.spinner {
    width            : 100%;
    height           : 100%;
    position         : absolute;
    background-color : rgba(255, 255, 255, 0.6);
    top              : 0;
    left             : 0;
    display          : flex;
    align-items      : center;
    justify-content  : center;
}

.spinner svg {
    -webkit-animation : rotation 1.35s linear infinite;
    animation         : rotation 1.35s linear infinite;
    position          : relative;
    stroke            : #9c27b0;
    display           : flex;
}


.spinner svg circle {
    stroke-dasharray         : 180;
    stroke-dashoffset        : 0;
    -webkit-transform-origin : center;
    transform-origin         : center;
    -webkit-animation        : turn 1.35s ease-in-out infinite;
    animation                : turn 1.35s ease-in-out infinite;
}

@keyframes rotation {
    0% {
        transform : rotate(0deg);
    }
    100% {
        transform : rotate(270deg);
    }
}

@keyframes turn {
    0% {
        stroke-dashoffset : 180;
    }
    50% {
        stroke-dashoffset : 45;
        transform         : rotate(135deg);
    }
    100% {
        stroke-dashoffset : 180;
        transform         : rotate(450deg);
    }
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/substance-picker/substance-picker.css ***!
  \******************************************************************************************************************************/
.substance-picker__label {
    cursor: pointer;
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/SubstanceDialog/SubstanceDialog.css ***!
  \****************************************************************************************************************************/
.substance-dialog {
    width: 576px;
    outline: none;
}

.substance-dialog .dialog-content {
    display: flex;
    padding: 1rem 1rem 1.5rem 1rem;
    justify-content: space-between;
}

.substance-dialog .dialog-content-col {
    display: flex;
    height: 222px;
    flex-direction: column;
    justify-content: space-between;
}

.substance-dialog .col-1 {
    width: 196px;
}

.substance-dialog #alias, .substance-dialog #mfOrEmw {
    display: block;
    height: 4rem;
}

#substance-dialog-color:not([disabled]) {
    display: block;
    position: relative;
    cursor: pointer;
    margin-top: 36px;
}

#substance-dialog-color span {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.64);
}

#substance-dialog-color .color-preview-rect {
    width: 36px;
    height: 18px;
    display: inline-block;
    margin-left: 8px;
    box-shadow: 0 0 2px -1px rgb(0 0 0 / 14%), 0 2px 4px 0 rgb(0 0 0 / 14%), 0 1px 8px 0 rgb(0 0 0 / 14%);
    vertical-align: sub;
}

#substance-dialog-color color-palette {
    position: absolute;
    top: -122px;
    right: -140px;
    z-index: 1;
}

.substance-dialog .col-2 {
    width: 296px;
}

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

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/SubstanceDialog/UploadStructure.css ***!
  \****************************************************************************************************************************/
upload-structure-component {
    --border: 1px dashed #afafaf;
    width: 100%;
    height: 100%;
}

.upload-structure-component__body {
    width: 100%;
    height: 100%;
    border: var(--border);
    border-radius: var(--border-radius);
    position: relative;
}

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

.structure-container svg {
    width: 100%;
    height: 100%;
}

.structure-container__hint {
    margin-bottom: -1rem;
}

.structure-container__hint * {
    font-size: .5625rem !important;
}


.upload-structure-component__body span {
    font-size: 1rem;
    color: var(--theme-text-secondary-on-light);
}

.upload-structure-component__body label {
    cursor: pointer;
    color: var(--theme-primary);
}

.drop-structure {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.structure-container .icon--zoom-in {
    position: absolute;
    top: .375rem;
    right: .375rem;
    cursor: pointer;
}

.structure-container .icon--zoom-in {
    transition: color 250ms;
    color: var(--theme-text-hint-on-light);
}

.structure-container .icon--zoom-in:hover {
    color: var(--theme-text-primary-on-light);
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/TeamMemberList/TeamMemberList.css ***!
  \**************************************************************************************************************************/
.container[data-name="members"] {
    min-width: 21rem;
    border: none;
    border-radius: 0;
}

.container[data-name="members"] .container__body {
    padding: 1rem 0;
}

.container[data-name="members"] .table__cell:nth-of-type(1) {
    padding-left: 1.5rem;
}

.member-table {
    table-layout: fixed
}

.table__cell--admin-action {
    width: 4rem;
}

.member-table__admin-icon {
    margin-right: 0.5rem;
}

.member-table__delete-action{
    visibility: hidden;
}

.table__row-admin:hover .member-table__delete-action {
    visibility: visible;
    cursor: pointer;
}

.member-table__undo-link {
    color: var(--theme-primary);
    text-decoration: underline;
    cursor: pointer;
}

.member-table__deleted-info {
    display: none;
}

.table__row-admin--deleted .member-table__undo-action-block {
    color: var(--theme-text-secondary-on-light);
    font-style: italic;
    text-align: end;
    padding-right: 1rem;
}

.table__row-admin--deleted .table__cell--admin-name {
    opacity: 0.4;
}

.member-table .table__cell--admin-action {
    width: 7rem;
    margin-right: 1rem;
}

.member-table .action-icons {
    justify-content: end;
}

.member-table__admin-full-name {
    padding-right: 0.75rem;
}

.member-table__admin-full-name:empty {
    display: none;
}

.member-table__admin-username {
    font-size: 0.9rem;
}

.table__cell--admin-name {
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.table__no-member-row {
    padding: 1rem;
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/toggle-zoom-btn/ToggleZoomBtn.css ***!
  \**************************************************************************************************************************/
.toggle-zoom-icon {
    font-size   : 20px;
    color       : var(--mdc-theme-text-icon-on-light);
    cursor      : pointer;
    transition  : color 250ms;
    user-select : none;
}

.toggle-zoom-icon:hover {
    color  : var(--theme-text-primary-on-light);
}

/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/TourTip/TourTip.css ***!
  \************************************************************************************************************/
.tour-tip {
    /*--tour-tip__main-color: rgb(51, 51, 51);*/
    --tour-tip__main-color: rgb(102, 124, 255);
    --tour-tip__text-color: white;
    position: relative;
    display: inline-block;
    font-size: 1rem;
}

.tour-tip__content {
    width: max-content;
    background-color: var(--tour-tip__main-color);
    color: var(--tour-tip__text-color);
    text-align: center;
    border-radius: 6px;
    padding: 0.75rem;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tour-tip__content::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}

.tour-tip__arrow-bottom {
    bottom: 150%;
    left: 50%;
    transform: translateX(-77%);
}

.tour-tip__arrow-bottom:after {
    top: 100%;
    left: 85%;
    border-color: var(--tour-tip__main-color) transparent transparent transparent;
}

.tour-tip__arrow-top{
    top: 100%;
    left: 50%;
    transform: translateX(-77%) translateY(25%);
}

.tour-tip__arrow-top:after {
    bottom: 100%;
    left: 75%;
    border-color: transparent transparent var(--tour-tip__main-color) transparent;
}

.tour-tip__arrow-right {
    top: -5px;
    right: 110%;
    transform: translateY(25%);
}

.tour-tip__arrow-right:after {
    top: 25%;
    left: 100%;
    border-color: transparent transparent transparent var(--tour-tip__main-color);
}

.tour-tip__arrow-left {
    left: 5px;
    transform: translateY(-25%);
}

.tour-tip__arrow-left:after {
    top: 25%;
    right: 100%;
    border-color: transparent var(--tour-tip__main-color) transparent transparent;
}

.tour-tip .tour-tip__content {
    visibility: visible;
}

.tour-tip__row {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: start;
}

.tour-tip__footer{
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.tour-tip__text{
    max-width: 200px;
    text-align: start;
}

.tour-tip__reject {
    font-size: 0.75rem;
    cursor: pointer;
}

.tour-tip .tour-tip__icon {
    font-size: 1rem;
    cursor: pointer;
    color: var(--tour-tip__text-color) !important;
    scale: 1 !important;
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/UpdateAccessDialog/UpdateAccessDialog.css ***!
  \**********************************************************************************************************************************/
.update-access-dialog {
    width: 50rem;
    overflow: unset;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.update-access-dialog__content{
    padding-right: 1rem;
    flex: 1 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.update-access-dialog__buttons{
    flex: 0 0;
}

.update-access-dialog__find-block{
    flex: 0 0;
    height: 4rem;
    margin-bottom: 1rem;
}

.update-access-dialog__permissions-block{
    overflow: auto;
    padding: 1rem 0;
}

.update-access-dialog__row {
    display: flex;
    min-height: 4rem;
    justify-content: space-between;
    align-items: center;
}

.update-access-dialog__name-block {
    min-height: 4rem;
    flex: 3;
    margin-right: 2rem;
}

.update-access-dialog__access {
    flex: 2;
    margin-right: 1rem;
    max-width: 14rem;
}

.update-access-dialog__button {
    width: 4.5rem;
    text-align: center;
    height: 4rem;
}

.update-access-dialog__grant-btn {
    height: 2.25rem;
    width: 4.5rem;
}

.update-access-dialog__subject-name {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.update-access-dialog__delete-btn {
    cursor: pointer;
    color: var(--mdc-theme-text-icon-on-background);
    display: none;
    height: 1.5rem;
    width: 1.5rem;
    margin: 1.25rem 0;
}

.update-access-dialog__permission-row:hover .update-access-dialog__delete-btn {
    display: inline-block;
}

.update-access-dialog__delete-btn:hover {
    color: var(--mdc-theme-text-primary-on-background);
}

.update-access-dialog__icon {
    margin-right: 1rem;
    flex-shrink: 0;
}

.update-access-dialog__team-icon {
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--icon-team);
    border-radius: 50%;
    color: var(--icon-team);
    text-align: center;
}

.update-access-dialog__team-icon span{
    /* We don't use line-height equal to icon height, because icon is not symmetrical
       and looks better if we move it up a little */
    line-height: 1.8rem;
}

.update-access-dialog__user-full-name{
    padding-right: 0.75rem;
}

.update-access-dialog__user-full-name:empty {
    display: none;
}

.update-access-dialog__username {
    font-size: 0.9rem;
}

.update-access-dialog__dropdown-item {
    list-style: none;
    padding: 0.5rem;
    border-radius: 0.25rem;
    display: flex;
}

.update-access-dialog__dropdown-item:hover {
    background: var(--list-background-on-hover-color);
    cursor: pointer;
}

.update-access-dialog__dropdown-username {
    font-weight: bold;
}

.update-access-dialog__item-description {
    font-size: 0.75rem;
    opacity: 0.8;
}

.update-access-dialog__save-button .update-access-dialog__save-button-text--save-and-grant {
    display: none;
}

.update-access-dialog__save-button[grant-and-save] .update-access-dialog__save-button-text--save-and-grant {
    display: inline;
}

.update-access-dialog__save-button[grant-and-save] .update-access-dialog__save-button-text--save {
    display: none;
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/UploadInjectionDialog/UploadInjectionDialog.css ***!
  \****************************************************************************************************************************************/
.upload-injection-dialog {
    width: 70vw;
    min-width: 30rem;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.upload-injection-dialog .dialog-buttons-row {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

.upload-injection-dialog .progress {
    display: block !important;
    position: relative;
    margin-top: 1rem;
}

.upload-injection-dialog .dialog-content {
    overflow: auto;
    margin-bottom: 1rem;
}

.upload-injection-dialog .dialog-row:nth-child(1) {
    height: 2.25rem;
}

.upload-injection-dialog .dialog-row:nth-child(2) {
    max-height: 50vh;
    height: 100%;
    overflow: auto;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

.upload-injection-dialog .dialog-row:nth-child(3) {
    height: 1rem;
}

.upload-injection-dialog li span:nth-child(2) {
    padding-left: 1rem;
    white-space: nowrap;
}

.upload-error-message-modal {
    width: 70vw;
    padding: 0;
}

.upload-error-message-modal .dialog-content {
    height: auto;
    max-height: 70vh;
    overflow: auto;
    width: 100%;
    word-wrap: break-word;
}

.upload-injection-dialog__error-list {
    padding-bottom: 1rem;
}

.upload-injection-dialog__error-list li{
    list-style: inside;
}

.upload-injection-dialog__list-item {
    white-space: nowrap;
    padding-bottom: 0.5rem;
}

.upload-injection-dialog__list-item-icon {
    padding-right: 1rem;
}

.upload-injection-dialog__error-prompt {
    padding: .5rem 1rem;
    margin-top: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/UserMenu/UserMenu.css ***!
  \**************************************************************************************************************/
.user-menu {
    padding: 0;
    margin: 0;
    top: 4rem;
    left: auto;
    border-radius: 0.375rem;
    width: 18rem;
    overflow: hidden;
}

.user-menu__menu-wrapper {
    padding: 0.75rem;
    display: grid;
    margin: 0;
    background-color: var(--theme-element-background);
    grid-template-columns: 1fr;
    top: 1rem;
}

.user-menu__header {
    display: flex;
    align-items: center;
    height: 2.625rem;
    overflow: hidden;
}

.user-menu__name {
    max-height: 2.2rem;
    line-height: 1.1;
    overflow: hidden;
    color: var(--theme-text-primary-on-light);
}

.user-menu__initials-icon {
    flex: 0 0 2rem;
    margin-right: .5rem;
}

.user-menu__menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border-radius: 0.25rem;
    min-height: 2.625rem;
    cursor: pointer;
    color: var(--theme-text-primary-on-light);
}

.user-menu__menu-item:hover:not([disabled]) {
    background-color: var(--list-background-on-hover-color);
}

.user-menu__menu-item[disabled]{
    cursor: default;
    color: var(--theme-text-hint-on-light);
}

.user-menu::backdrop{
    background-color: rgba(0, 0, 0, 0.05);
}

.user-menu__separator {
    display: none;
}

.user-menu__separator:has(+ li) {
    display: block;
    height: 1px;
    width: 100%;
    background: var(--border-color);
    margin: 0.75rem 0;
}

.user-menu__arrow-icon {
    margin-left: 1rem;
}

.user-menu__side-menu {
    padding: 0.75rem;
    margin: 0;
    top: 9rem;
    left: auto;
    right: 18rem;
    max-height: 24rem;
    min-width: 12rem;
}

.user-menu__side-menu::backdrop{
    background-color: transparent;
}

.user-menu__menu-item--link {
    padding: 0;
}

.user-menu__link, .user-menu__link:visited {
    height: 100%;
    width: 100%;
    padding: 0.5rem;
    color: var(--theme-text-primary-on-light);
    line-height: 1.625rem;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.user-menu__section-title {
    list-style: none;
    padding: 0.5rem;
    font-size: 1rem;
    color: var(--theme-text-hint-on-light);
    user-select: none;
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/UserTeamListDialog/UserTeamListDialog.css ***!
  \**********************************************************************************************************************************/
.user-team-list-dialog {
    width: 35rem;
}

.user-team-list-dialog__content {
    padding-bottom: 1rem;
}

.user-team-list-dialog__user-name{
    margin-bottom: 1rem;
    overflow: hidden;
}

.user-team-list-dialog__team-row {
    display: flex;
    padding: 0.5rem 0;
}

.user-team-list-dialog__checkbox {
    width: 1rem;
    margin-right: 1rem;
}

.user-team-list-dialog__checkbox:focus-within {
    outline: 1px solid var(--theme-text-hint-on-light);
}

.user-team-list-dialog__prompt-block {
    height: 1.5rem;
    margin-top: 1rem;
    color: var(--mdc-theme-error);
}
/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/zoom-range-picker/ZoomRangePicker.css ***!
  \******************************************************************************************************************************/
#zoom-range-picker ul {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    max-height      : 300px;
}

#zoom-range-picker li {
    cursor : pointer;
}

/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/components/zoom-selector/ZoomSelector.css ***!
  \***********************************************************************************************************************/
.zoom-selector-rect {
    fill             : #2082d820;
    stroke           : #2082d880;
    stroke-dasharray : 4 4;
}

.chromatogram-graph__zoom-layer, .zoom-selector {
    cursor : url(/static/img/cursor-zoom.svg), crosshair;
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/batch/BatchPage.css ***!
  \*******************************************************************************************************/
.batch-page {
    padding-top: 4rem;
    flex: 1 1 auto;
    padding-bottom: 4rem;
}

.batch-page .plates {
    margin: 0 4px;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/error/ErrorPage.css ***!
  \*******************************************************************************************************/
#error-page {
    flex: 1;
    padding-top: 4rem;
}
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/home/HomePage.css ***!
  \*****************************************************************************************************/
.home-page {
    width: 100%;
    flex: 1 1 auto;
    box-sizing: border-box;
    min-width: 350px;
    padding: 4rem 0;
    background: white;
}

.home-page__container {
    padding: 1rem;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 2rem;
}

.home-page__main-column {
    display: flex;
    min-height: 50vh;
    justify-content: center;
    flex: 1 1 70%;
    padding: 0 0.75rem;
    overflow: hidden;
    width: 100%;
}

.home-page__main-column-body {
    max-width: 75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6rem;
    width: 100%;
}

.home-page__intro-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 75rem;
}

.home-page__title {
    text-align: center;
    font-weight: normal;
    font-size: 56px;
    color: #4b4949;
    margin-top: 10rem;
    margin-bottom: 1rem;
}

.home-page__subtitle {
    text-align: center;
    font-size: 1.25rem;
    font-weight: normal;
    letter-spacing: 0.1rem;
}

.realistic-marker-highlight{
    position:relative;
}

.highlight-container, .highlight {
    position: relative;
}

.highlight-container  {
    display: inline-block;
}

.highlight-container:before{
    content: " ";
    display: block;
    height: 90%;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    position: absolute;
    transform: rotate(2deg);
    top: 3px;
    left: -1px;
    border-radius: 20% 25% 20% 24%;
    padding: 10px 3px 3px 10px;
}

.highlight-container--yellow::before {
    background: #ffd500;
}

.highlight-container--green::before {
    background: #99f6a7;
}

.highlight-container--magenta::before {
    background-color:#ff6db7;
}

.home-page__action-cards {
    display: flex;
    flex-wrap: wrap;
    max-width: 75rem;
    width: 100%;
    gap: 2rem;
}

.home-page__card {
    padding: 1rem 0;
}

.home-page__card--action {
    flex: 1 1 45%;
    min-width: 18rem;
}

.home-page__card--news {
    width: 100%;
    max-width: 75rem;
}

.home-page__card-body, .news-item__body {
    padding: 2rem 1rem;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--border-color );
}

.home-page__card-button{
    margin-bottom: 1rem;
    font-weight: bold;
    border-radius: 3rem;
    width: 15rem;
    height: 3rem;
    font-size: 1rem;
    background: white;
    color: var(--theme-primary);
    white-space: nowrap;
}

.home-page__card-description {
    font-size: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.home-page__card-title, .news-item__title {
    font-size: 1.75rem;
    color: #4b4949;
    text-align: center;
}

.home-page__news-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.news-item__body {
    padding: 1rem;
    align-items: start;
    max-width: 75rem;
    background: var(--list-background-secondary-color);
}

.news-item {
    padding: 1rem 0;
}

.news-item__title {
    font-size: 1.75rem;
    color: #4b4949;
    margin-bottom: 0.83rem;
    font-weight: bold;
    text-align: start;
}

.news-item__ul {
    list-style: unset;
    padding-left: 2rem;
}

.home-page__your-menu-section {
    padding: 1rem;
    border-right: 1px solid var(--border-color);
    min-height: 100%;
    flex: 1 1 20%;
    overflow: hidden;
    max-width: 25rem;
    min-width: 13rem;
}

.home-page__your-menu-title {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    padding-bottom: 0.75rem;
    color: #4b4949;
    font-weight: bold;
}

.home-page__org-block-title-icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0.25rem;
    color: var(--mdc-theme-text-icon-on-background);
    margin-left: 0.25rem;
}

.home-page__org-block-title-icon:hover {
    cursor: pointer;
    color: var(--mdc-theme-text-primary-on-background);
}

.home-page__org-row {
    display: flex;
    align-items: center;
    height: 3rem;
}

.home-page__org-name {
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    color: var(--theme-primary);
    text-decoration: underline;
}

.home-page__org-link {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0.5rem;
    gap: 1rem;
    text-decoration: none;
}

.home-page__org-link:hover {
    background-color: var(--list-background-on-hover-color);
}

.hero {
    max-width: 50rem;
    width: 100%;
}

@media (max-width: 850px){
    .home-page__your-menu-section {
        border: none;
        flex: 1 1 100%;
    }
}
/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/home/Slider.css ***!
  \***************************************************************************************************/
.slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.slides {
    width: 400%;
    height: 100%;
    display: flex;
}

.slides__item {
    width: 25%;
    transition: all 0.6s ease;
    background: white;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.slides__image {
    max-width: 100%;
    max-height: 78%;
    aspect-ratio: auto;
    display: block;
    margin: 0 auto;

    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
}

/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/org-settings/BillingSummary/CreateOrUpdateCustomerDialog.css ***!
  \************************************************************************************************************************************************/
.billing-customer-dialog {
    min-width: 30rem;
}

/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/org-settings/OrgMembersList/OrgMembersList.css ***!
  \**********************************************************************************************************************************/
.container[data-name="org-members-list"] {
    min-width: 21rem;
    border: none;
    border-radius: 0;
}

.container[data-name="org-members-list"] .container__body {
    padding: 1rem 0;
}

.container[data-name="org-members-list"] .table__cell:nth-of-type(1) {
    padding-left: 1.5rem;
}

.org-members-list-table{
    table-layout: fixed;
}

.org-members-list__user-icon {
    margin-right: 0.5rem;
}

.org-members-list__user-full-name {
    padding-right: 0.75rem;
}

.org-members-list__user-full-name:empty {
    display: none;
}

.org-members-list__username {
    font-size: 0.9rem;
}

.table__cell--org-members-list-action {
    width: 4rem;
}

.table__cell--org-members-list-teams-list {
    padding-left: 0.5rem;
}

.org-members-list__teams-list-link{
    color: var(--theme-primary);
    text-decoration: underline;
    cursor: pointer;
}

.org-members-list__delete-action {
    display: none;
}

.table__row-member:hover .org-members-list__delete-action{
    display: inline-block;
}
/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/org-settings/TeamsList/TeamsList.css ***!
  \************************************************************************************************************************/
.container[data-name="teams-list"] {
    min-width: 21rem;
    border: none;
    border-radius: 0;
}

.container[data-name="teams-list"] .container__body {
    padding: 1rem 0;
}

.container[data-name="teams-list"] .table__cell:nth-of-type(1) {
    padding-left: 1.5rem;
}

.table__cell--team-name {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
}

.table__row-team {
    cursor: pointer;
}

.table__team-description {
    padding: 0.5rem 0;
    font-size: 0.9rem;
}

.table__team-name-link, .table__team-name-link:hover  {
    color: var(--theme-text-primary-on-light);
    text-decoration: none;
    font-weight: bold;
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/post-edit/EditPostPage.css ***!
  \**************************************************************************************************************/
.edit-post-page {
    --edit-page-padding-top: 4rem;
    --edit-post-header-height: 3.75rem;
    --edit-post-buttons-height: 4rem;
    --edit-post-body-height: calc(100vh - var(--edit-page-padding-top) - var(--edit-post-header-height) -
                            var(--edit-post-buttons-height) - 2rem /*padding*/);
    width: 100%;
    flex: 1 0 auto;
    padding: var(--edit-page-padding-top) 0 0;
    max-width: 1300px;
    margin: 0 auto;
}

.edit-post-page__container {
    padding: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.edit-post__title-block {
    display: flex;
    gap: 2rem;
    align-items: baseline;
}

.edit-post__title-input {
    flex: 1;
}

.edit-post__body-block {
    flex: 1 0 auto;
    border: 1px solid gray;
    padding: 1rem;
}

.edit-post__body {
    display: none;
}

.edit-post__body[active] {
    display: unset;
    font-size: 1rem;
}

.edit-post__header {
    height: var(--edit-post-header-height);
}

.edit-post__buttons-block {
    height: var(--edit-post-buttons-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edit-post__buttons-left-block{
    display: flex;
    gap: 1rem;
}

.edit-post__button {
    color: var(--theme-primary);
}

.edit-post__button[active] {
    border-radius: unset;
    border-bottom: 3px solid var(--theme-primary);
}

.edit-post__button--right {
    float: right;
}

.edit-post__body-input {
    resize: none;
    border: none;
    outline: none;
    height: calc(var(--edit-post-body-height) - 2.2rem);
    width: 100%;
}

.edit-post__body-preview[active] {
    display: block;
    min-height: calc(var(--edit-post-body-height) - 2rem);
    overflow-x: auto;
    padding: 0 1rem;
}

.edit-post__body-example[active] {
    display: flex;
    gap: 1rem;
}

.edit-post__body-example-column {
    width: 50%;
    max-width: 50%;
    overflow-x: auto;
}

.edit-post__body-example-column:last-of-type{
    padding-left: 1rem;
    border-left: 1px solid var(--theme-text-hint-on-light);
}

.edit-post__example-row{
    color: var(--theme-text-hint-on-light);
    display: flex;
    justify-content: space-between;
    height: 1.5rem;
}

.edit-post__example-copy-icon {
    font-size: 1.25rem;
    cursor: pointer;
}

.edit-post__example-copy-icon:hover {
    color: var(--theme-text-primary-on-light);
}

.edit-page__doc-link, .edit-page__doc-link:visited {
    padding-left: 1rem;
    color: var(--theme-primary);
    font-weight: 200;
    font-size: 0.9rem;
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/post-list/PostListPage.css ***!
  \**************************************************************************************************************/
.post-list__create-post-link{
    text-decoration: none;
}
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/post/PostPage.css ***!
  \*****************************************************************************************************/
.post-page {
    width: 100%;
    flex: 1 1 auto;
    padding: 4rem 0;
}

.post-page__container {
    padding: 1rem 2rem;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.post {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.post__header {
    margin: 2rem 0 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post__title {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 1rem;
}

.post__data {
    color: var(--theme-text-hint-on-light);
    font-style: italic;
}

.post__buttons-block {
    display: flex;
    gap: 1rem;
}
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/AliasTable/AliasTable.css ***!
  \**********************************************************************************************************************/
.container[data-name="aliases"] {
    border        : none;
    border-radius : 0;
}

.container[data-name="aliases"] .container__body {
    padding : 1rem 0;
}

.container[data-name="aliases"] .table {
    table-layout                 : fixed;
    --sidenav-width              : 9.375rem;
    --scroll-bar-width           : 26px;
    --table-width                : calc(100vw - var(--sidenav-width) - var(--scroll-bar-width));
    --table-col-1-width          : 7.5rem;
    --table-col-3-width          : 3.975rem;
    --fixed-columns-total-width  : calc(var(--table-col-1-width) + var(--table-col-3-width));
    --middle-columns-total-width : calc(var(--table-width) - var(--fixed-columns-total-width));
    --table-col-2-width          : calc(var(--middle-columns-total-width));
}

.container[data-name="aliases"] .table__cell {
    padding-left  : 0.5rem;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.container[data-name="aliases"] .table .table__cell:nth-of-type(1) {
    padding-left : 4.9rem;
    width        : var(--table-col-1-width);
}

.container[data-name="aliases"] .table .table__cell:nth-of-type(2) {
    width : var(--table-col-2-width);
}

.container[data-name="aliases"] .table .table__cell:nth-of-type(3) {
    width : var(--table-col-3-width);
}


.container[data-name="aliases"] .table .table__body .table__cell:nth-of-type(3) .material-icons {
    padding-right : 1rem;
}

.container[data-name="aliases"] .table__cell--head {
    font-size   : 0.875rem;
    font-weight : 500;
}

.container[data-name="aliases"] span[data-name="color-box"] {
    display        : inline-block;
    width          : 1rem;
    height         : 1rem;
    border-radius  : 0.25rem;
    vertical-align : middle;
    margin-right   : 0.5rem;
}

/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/CrawlerTable/CrawlerDialog.css ***!
  \***************************************************************************************************************************/
/*to be moved out into a separate file or removed if we don't need to customize it*/
.crawler-info-dialog {
    width: 450px;
    height: 200px;
}

#crawler-dialog {
    width      : 450px;
    transition : height 250ms;
}

.change-passwd-button {
    height: 2.75em;
    align-self: center;
}

#safari-prevent-autocomplete {
    position : absolute;
    height   : 0;
    overflow : hidden;
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/CrawlerTable/CrawlerTable.css ***!
  \**************************************************************************************************************************/
.container[data-name="crawlers"] {
    border        : none;
    border-radius : 0;
}

.container[data-name="crawlers"] .container__body {
    padding : 1rem 0;
}

.container[data-name="crawlers"] .table {
    table-layout                 : fixed;
    --sidenav-width              : 9.375rem;
    --scroll-bar-width           : 26px;
    --table-width                : calc(100vw - var(--sidenav-width) - var(--scroll-bar-width));
    --table-col-1-width          : 4.5rem;
    --table-col-5-width          : 3.975rem;
    --fixed-columns-total-width  : calc(var(--table-col-1-width) + var(--table-col-5-width));
    --middle-columns-total-width : calc(var(--table-width) - var(--fixed-columns-total-width));
    --table-col-2-width          : calc(var(--middle-columns-total-width) * 0.5);
    --table-col-3-width          : calc(var(--middle-columns-total-width) * 0.3);
    --table-col-4-width          : calc(var(--middle-columns-total-width) * 0.2);
}

.container[data-name="crawlers"] .table__cell:not([data-name="status-cell"]) {
    padding-left  : 0.5rem;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.container[data-name="crawlers"] .table__cell[data-name="status-cell"] {
    padding-left  : 0.5rem;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.container[data-name="crawlers"] .table__cell[data-name="status-cell"] span:nth-of-type(2){
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width: calc(var(--table-col-4-width) - 2rem);
    margin-left: 0.5rem;
}

.crawler-status__text {
    margin-left : 0.125rem;
}

.container[data-name="crawlers"] .table .table__cell:nth-of-type(1) {
    padding-left : 1.5rem;
    width        : var(--table-col-1-width);
}

.container[data-name="crawlers"] .table .table__cell:nth-of-type(2) {
    width : var(--table-col-2-width);
}

.container[data-name="crawlers"] .table .table__cell:nth-of-type(3) {
    width : var(--table-col-3-width);
}

.container[data-name="crawlers"] .table .table__cell:nth-of-type(4) {
    width : var(--table-col-4-width);
}

.container[data-name="crawlers"] .table .table__cell:nth-of-type(5) {
    width : var(--table-col-5-width);
}

.container[data-name="crawlers"] .table .table__body .table__cell:nth-of-type(4) span {
    font-size      : 1rem;
    line-height    : 1.5rem;
    vertical-align : middle;
    display        : inline-block;
}

.container[data-name="crawlers"] .table .table__body .table__cell:nth-of-type(5) .material-icons {
    padding-right : 1rem;
}

.container[data-name="crawlers"] .table__cell--head {
    font-size   : 0.875rem;
    font-weight : 500;
}

.container[data-name="crawlers"] .table__cell .switch {
    font-size : 0.875rem;
}

.container__header--crawler{
    display: none;
}

.org-settings-page__crawler-table .container__header--crawler {
    display: flex;
}

.status-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    vertical-align: middle;
}

.status-gray { background-color: #b0b0b0; }   /* Idle / Disabled */
.status-blue { background-color: #2196f3; }   /* Discovering / Importing */
.status-red { background-color: #f44336; }    /* Error */

.dot-anim::after {
    content: '';
    display: inline-block;
    width: 1em;
    text-align: left;
    animation: dots 2s steps(2, end) infinite;
}

@keyframes dots {
    33%   { content: '.'; }
    66%  { content: '..'; }
    100%  { content: '...'; }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/ProcessingMethodTable/IntegrationAlgorithmDialog.css ***!
  \*************************************************************************************************************************************************/
.integration-algorithm-dialog {
    max-width : 90vw;
    width     : 31.25rem;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/ProcessingMethodTable/ProcessingMethodDialog.css ***!
  \*********************************************************************************************************************************************/
.processing-methods-dialog .accordion__item-header-title--detector-family-w-alignment edit-text {
    max-width : 5rem;
    overflow: hidden;
    margin: 0 0.2rem;
}

.accordion__item-header-title--detector-family-name {
    letter-spacing : 0.125rem;
}

.processing-methods-dialog .accordion__item-header-title--detector-family-w-alignment span:nth-child(2) {
    font-size    : 0.8125rem;
    padding-left : 0.25rem;
    display: inline-flex;
}

.processing-methods-dialog .accordion {
    margin-bottom : 1.5rem;
}

.processing-methods-dialog .accordion .accordion__item:last-of-type .list {
    border-bottom-right-radius : var(--border-radius);
    border-bottom-left-radius  : var(--border-radius);
}

.processing-methods-dialog .accordion .list {
    background : var(--list-background-secondary-color);
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/ProcessingMethodTable/ProcessingMethodTable.css ***!
  \********************************************************************************************************************************************/
.container[data-name="processing-methods"] {
    min-width     : 21rem;
    border        : none;
    border-radius : 0;
}

.container[data-name="processing-methods"] .container__body {
    padding : 1rem 0;
}

.container[data-name="processing-methods"] .table {
    table-layout                 : fixed;
    --table-col-1-width          : 4.5rem;
    --table-col-4-width          : 5.75rem;
    --middle-columns-total-width : calc(100vw - var(--table-col-1-width) - var(--table-col-4-width) - 9.375rem/*sidenav*/ - 26px /*scrollbar*/);
    --table-col-2-width          : calc(var(--middle-columns-total-width) * 0.65);
    --table-col-3-width          : calc(var(--middle-columns-total-width) * 0.35);
}

.container[data-name="processing-methods"] .table__cell {
    padding-left  : 0.5rem;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.container[data-name="processing-methods"] .table .table__cell:nth-of-type(1) {
    padding-left : 1.5rem;
    width        : var(--table-col-1-width);
}

.container[data-name="processing-methods"] .table .table__cell:nth-of-type(2) {
    width : var(--table-col-2-width);
}

.container[data-name="processing-methods"] .table .table__cell:nth-of-type(3) {
    width : var(--table-col-3-width);
}

.container[data-name="processing-methods"] .table .table__cell:nth-of-type(4) {
    width         : var(--table-col-4-width);
    padding-right : 1rem;
}

.container[data-name="processing-methods"] .table__cell--head {
    font-size   : 0.875rem;
    font-weight : 500;
}

.container[data-name="processing-methods"] .table__cell .switch {
    font-size : 0.875rem;
}
/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/SettingsPage.css ***!
  \*************************************************************************************************************/
settings-page {
    flex: 1 1 auto;
    display: flex;
    background: white;
}

.page__content {
    overflow: hidden;
    flex: 1 1 auto;
}

.page__main {
    flex: 1 1 auto;
}

settings-page .page__main--with-sidenav {
    flex: 1 1 auto;
    padding: 4rem 0;
    display: flex;
    width: 100%;
}
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/static/pages/settings/SideNav/SideNav.css ***!
  \****************************************************************************************************************/
.page__sidenav--left {
    flex-shrink      : 0;
    width            : 10rem;
    background-color : var(--mdc-theme-background);
    border-right     : 1px #eee solid;
    display          : flex;
    flex-direction   : column;
    padding-top      : 1rem;
}

.sidenav__link {
    display         : flex;
    align-items     : center;
    font-size       : 0.9375rem;
    line-height     : 3.25rem;
    padding         : 0 1rem;
    color           : var(--theme-text-primary-on-light);
    text-decoration : none;
    cursor          : pointer;
}

.sidenav__link:hover {
    background-color : rgba(48, 48, 48, 0.06);
}

.sidenav__link--active {
    box-shadow       : inset 4px 0 0 var(--theme-primary);
    color            : var(--theme-primary);
    background-color : #f9f9f9;
}

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