@-webkit-keyframes sound {
	0% {
		opacity: .35;
		height: .1875em
	}
	to {
		opacity: 1;
		height: 1.75em
	}
}

@keyframes sound {
	0% {
		opacity: .35;
		height: .1875em
	}
	to {
		opacity: 1;
		height: 1.75em
	}
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(-1turn)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(-1turn)
	}
}

.rotate {
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite
}

#bars {
	height: 1.875em;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 2.25em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	transform: translate3d(-50%, -50%, 0)
}

.bar {
	-webkit-animation: sound 0ms linear -.8s infinite alternate;
	animation: sound 0ms linear -.8s infinite alternate;
	transform: translateY(-50%);
	height: .1875em;
	width: .1875em;
	position: relative;
	top: 50%
}

.bar:first-child {
	-webkit-animation-duration: 474ms;
	animation-duration: 474ms
}

.bar:nth-child(2) {
	-webkit-animation-duration: 433ms;
	animation-duration: 433ms
}

.bar:nth-child(3) {
	-webkit-animation-duration: 407ms;
	animation-duration: 407ms
}

.bar:nth-child(4) {
	-webkit-animation-duration: 458ms;
	animation-duration: 458ms
}

.bar:nth-child(5) {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}

.bar:nth-child(6) {
	-webkit-animation-duration: 427ms;
	animation-duration: 427ms
}

.bar:nth-child(7) {
	-webkit-animation-duration: 441ms;
	animation-duration: 441ms
}

.bar:nth-child(8) {
	-webkit-animation-duration: 419ms;
	animation-duration: 419ms
}

.bar:nth-child(9) {
	-webkit-animation-duration: 487ms;
	animation-duration: 487ms
}

.bar:nth-child(10) {
	-webkit-animation-duration: 442ms;
	animation-duration: 442ms
}

.pulse {
    transform: translate3d(-50%, -50%, 0) scale(1);
	animation: pulse-black 2s infinite;
    box-shadow: 0 0 0 0 rgba(27, 177, 186, 1);
}

@keyframes pulse-black {
	0% {
		transform: translate3d(-50%, -50%, 0) scale(0.90);
		box-shadow: 0 0 0 0 rgba(27, 177, 186, 1);
	}

	70% {
		transform: translate3d(-50%, -50%, 0) scale(1);
		box-shadow: 0 0 0 10px rgba(27, 177, 186, 0);
	}

	100% {
		transform: translate3d(-50%, -50%, 0) scale(0.90);
		box-shadow: 0 0 0 0 rgba(27, 177, 186, 0);
	}
}

@keyframes bounceScale {
	0%, 100% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.5);
	}
	40% {
		transform: scale(0.9);
	}
	45% {
		transform: scale(1.1);
	}
	48% {
		transform: scale(0.97);
	}
	50% {
		transform: scale(1);
	}
}
#grid-wrapper {
    display: grid;
    grid-template: auto / auto 1fr;
}

#grid-main {
    display: grid;
    grid-template: auto 1fr auto / auto;
    padding-right: 1.5em;
}

#grid-content {
    display: grid;
    grid-template: auto 1fr auto / auto;
}

#grid-stage {
    order: 1
}

#portal-sidebar {
    order: 2
}

#grid-stage {
    display: grid;
    grid-template: auto 1fr / auto;
}

@media (min-width: 1000px) {
    #grid-content {
        grid-template: auto / auto 1fr auto;
    }
    #portal-sidebar {
        order: 1
    }
    #grid-stage {
        order: 2
    }
    #portal-notifications {
        order: 3
    }
}

.dash-date-picker.react-datepicker {
    border: 1px solid #101415;
    border-radius: 1em;
    color: white;
    background-color: #24282a;
    box-shadow: 0 0 0em 1em rgba(0,0,0,0.8);
}

.dash-date-picker .react-datepicker__header {
    background-color: #2e3234;
    border-bottom-color: #101415;
    border-top-left-radius: 1em;
}

.dash-date-picker .react-datepicker__day-name,
.dash-date-picker .react-datepicker__day,
.dash-date-picker .react-datepicker__time-name {
    color: white;
}

.react-datepicker__day--disabled {
    color: #3a3f41 !important;
}

.dash-date-picker .react-datepicker__current-month,
.dash-date-picker .react-datepicker-time__header,
.dash-date-picker .react-datepicker-year-header {
    color: white;
}

.dash-date-picker .react-datepicker__time-container
.react-datepicker__time {
    background-color: #24282a;
}

.dash-date-picker .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 1em;
}

.dash-date-picker .react-datepicker__time-container {
    border-left-color: #101415;
}

.dash-date-picker .react-datepicker__day--in-selecting-range,
.dash-date-picker .react-datepicker__day--in-range {
    border-radius: 0.25em;
    background-color: #11656A !important;
    color: black;
}

.dash-date-picker .react-datepicker__day--selected,
.dash-date-picker .react-datepicker__day--range-end {
    border-radius: 0.25em;
    background-color: #1DB1BA !important;
    color: black;
}

.dash-date-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #1DB1BA;
    color: black;
}

.dash-date-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: auto;
    padding: 8px;
}

.dash-date-picker .react-datepicker__day:hover,
.dash-date-picker .react-datepicker__month-text:hover,
.dash-date-picker .react-datepicker__quarter-text:hover,
.dash-date-picker .react-datepicker__year-text:hover {
    border-radius: 0.25em;
    background-color: #2E3234 !important;
}

.dash-date-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #2E3234;
}

.dash-date-picker .react-datepicker__day--selected:hover,
.dash-date-picker .react-datepicker__day--in-selecting-range:hover,
.dash-date-picker .react-datepicker__day--in-range:hover,
.dash-date-picker .react-datepicker__month-text--selected:hover,
.dash-date-picker .react-datepicker__month-text--in-selecting-range:hover,
.dash-date-picker .react-datepicker__month-text--in-range:hover,
.dash-date-picker .react-datepicker__quarter-text--selected:hover,
.dash-date-picker .react-datepicker__quarter-text--in-selecting-range:hover,
.dash-date-picker .react-datepicker__quarter-text--in-range:hover,
.dash-date-picker .react-datepicker__year-text--selected:hover,
.dash-date-picker .react-datepicker__year-text--in-selecting-range:hover,
.dash-date-picker .react-datepicker__year-text--in-range:hover {
    background-color: #1DB1BA;
}

.dash-date-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #1DB1BA;
}

.dash-date-picker .react-datepicker__day--keyboard-selected,
.dash-date-picker .react-datepicker__month-text--keyboard-selected,
.dash-date-picker .react-datepicker__quarter-text--keyboard-selected,
.dash-date-picker .react-datepicker__year-text--keyboard-selected {
    background-color: transparent;
    color: white;
}

.dash-date-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    border-bottom-right-radius: 1em;
}

.dash-date-picker .react-datepicker--time-only .react-datepicker__time,
.dash-date-picker .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 1em !important;
    border-bottom-right-radius: 1em;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 1em !important;
}
[type=range] {
	-webkit-appearance: none;
	background: transparent;
	width: 100%
}

[type=range]::-moz-focus-outer {
	border: 0
}

[type=range]:focus {
	outline: 0
}

[type=range]:focus::-webkit-slider-runnable-track {
	background: #3a3f42
}

[type=range]:focus::-ms-fill-lower {
	background: #2e3234
}

[type=range]:focus::-ms-fill-upper {
	background: #3a3f42
}

[type=range]::-webkit-slider-runnable-track {
	cursor: default;
	height: 8px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width: 100%;
	box-shadow: none;
	background: #2e3234;
	border: 1px solid #111;
	border-radius: 5px
}

[type=range]::-webkit-slider-thumb {
	box-shadow: none;
	background: #1DB1BA;
	border: 1px solid #111;
	border-radius: 10em;
	cursor: default;
	height: 16px;
	width: 16px;
	-webkit-appearance: none;
	margin-top: -5px
}

[type=range]::-moz-range-track {
	height: 8px;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	width: 100%;
	background: #2e3234;
	border: 1px solid #111;
	border-radius: 5px;
	height: 4px
}

[type=range]::-moz-range-thumb,
[type=range]::-moz-range-track {
	box-shadow: none;
	cursor: default
}

[type=range]::-moz-range-thumb {
	background: #1DB1BA;
	border: 1px solid #111;
	border-radius: 12px;
	height: 20px;
	width: 20px
}

[type=range]::-ms-track {
	cursor: default;
	height: 8px;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	width: 100%;
	background: transparent;
	border-color: transparent;
	border-width: 12px 0;
	color: transparent
}

[type=range]::-ms-fill-lower {
	background: #222526
}

[type=range]::-ms-fill-lower,
[type=range]::-ms-fill-upper {
	box-shadow: none;
	border: 1px solid #111;
	border-radius: 10px
}

[type=range]::-ms-fill-upper {
	background: #2e3234
}

[type=range]::-ms-thumb {
	box-shadow: none;
	background: #1DB1BA;
	border: 1px solid #111;
	border-radius: 12px;
	cursor: default;
	height: 20px;
	width: 20px;
	margin-top: 2px
}

[type=range]:disabled::-webkit-slider-thumb,
[type=range]:disabled::-moz-range-thumb,
[type=range]:disabled::-ms-thumb {
	cursor: not-allowed;
	background: #2b2b2b
}

[type=range]:disabled::-webkit-slider-runnable-track,
[type=range]:disabled::-ms-fill-lower,
[type=range]:disabled::-ms-fill-upper {
	cursor: not-allowed
}

table {
	color: #fff;
	width: 100%;
    border-spacing: 0;
}

th, td {
    padding: 0;
    text-align: left
}

/* Customize website's scrollbar like Mac OS */

.hide-scrollbar {
    scrollbar-width: none;
}

.scrollable {
    overflow-y: scroll;
    scrollbar-color: #A8ACAD transparent;
}

/* total width */
.scrollable::-webkit-scrollbar {
    background-color: transparent;
    width: 1em;
}

/* background of the scrollbar except button or resizer */
.scrollable::-webkit-scrollbar-track {
    background-color: transparent;
}

/* scrollbar itself */
.scrollable::-webkit-scrollbar-thumb {
    cursor: pointer;
    min-height: 2em;
    background-color: transparent;
    box-shadow: inset 0 0 0 10em #A8ACAD;
    border-radius: 1em;
    border: 0.4em solid transparent;
}
.scrollable::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 0 10em white;
}

.scrollable::-webkit-scrollbar-track:hover {
    background-color: transparent;
}

/* set button(top and bottom of the scrollbar) */
.scrollable::-webkit-scrollbar-button {
    display: none;
}

.scrollable::-webkit-scrollbar-corner {
    background: transparent;
}

.scrollable-border::-webkit-scrollbar:horizontal {
    border-top: #2E3234 1px solid;
}

.scrollable-border::-webkit-scrollbar:vertical {
    border-left: #2E3234 1px solid;
}

.markdown {
    color: white;
    line-height: 1.5
}

.markdown strong {
    color: white;
}

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 {
    color: white;
    font-size: 1.2em;
}

.markdown li {
    margin: 0.5em;
}
.zoom-content img {
    pointer-events: none
}
body,
button,
input {
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 1em
}

svg {
	max-width: 100%
}

ul {
	padding-left: 1.25em
}

a, a:visited {
    color: #4dd9e0;
}

.plain-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	color: #fff;
	font: inherit;
	font-size: 80%;
    height: calc(2rem - 2px);
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	transition: color .5s ease;
}

.plain-input option {
    background-color: #C2BBBA;
    color: black;
}

input[type="file"] {
    display: none;
}

input::-webkit-input-placeholder {
    font-size: '100%';
    color: 'white';
}

.yellow::-webkit-input-placeholder {
	color: #E0CF02
}

.plain-input[disabled] {
	color: #BFC3C5;
	opacity: 1;
	cursor: not-allowed
}

.padded-input {
	padding: .5em .75em
}

.mic,
.mic * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mic * {
	pointer-events: none
}


/*# sourceMappingURL=main.5a38b6ad.css.map*/