/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./node_modules/reset.css/reset.css ***!
  \**************************************************************************************************************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./src/shared/style/global/font/proxima_nova.css ***!
  \***************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'proxima-nova-light';
  font-weight: 200;
  font-style: normal;
  src:
    url(/assets/fonts/proxima_nova_light.c3303d.woff2) format('woff2'),
    url(/assets/fonts/proxima_nova_light.90fab6.woff) format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'proxima-nova-regular';
  font-weight: 200;
  font-style: normal;
  src:
    url(/assets/fonts/proxima_nova_regular.bec662.woff2) format('woff2'),
    url(/assets/fonts/proxima_nova_regular.ce6b07.woff) format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'proxima-nova-semibold';
  font-weight: 200;
  font-style: normal;
  src:
    url(/assets/fonts/proxima_nova_semibold.227318.woff2) format('woff2'),
    url(/assets/fonts/proxima_nova_semibold.516348.woff) format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'proxima-nova-bold';
  font-weight: 200;
  font-style: normal;
  src:
    url(/assets/fonts/proxima_nova_bold.aa4e0b.woff2) format('woff2'),
    url(/assets/fonts/proxima_nova_bold.4725e2.woff) format('woff');
  font-display: swap;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/shared/style/global/base.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}*{box-sizing:border-box;-webkit-backface-visibility:hidden}body,input,select,textarea,button{color:#fff;background:#0f1d2d;font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;font-weight:200;font-size:13px;font-style:normal;letter-spacing:.4px}strong{font-family:"proxima-nova-semibold",Helvetica,arial,freesans,clean,sans-serif}label{cursor:pointer}button{border:0;outline:0;padding:0;margin:0;background:transparent;border-radius:0;line-height:1;cursor:pointer;text-align:left}a{text-decoration:none}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/shared/style/global/public.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__header{margin-bottom:40px}.cb__content{max-width:1020px;margin:0 auto 80px auto;padding:0 40px;font-size:16px;line-height:1.5}.cb__content--title{font-size:30px;font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif}.cb__content--subtitle{color:#77899c;font-size:14px}.cb__content--main{margin-top:30px}.cb__content a{color:#8aa1ba;transition:color .1s 0s cubic-bezier(.4,0,.6,1)}.cb__content a:hover{color:#6b88a8}.cb__content p{margin-bottom:20px}.cb__content h2{font-size:22px}.cb__content h3{font-size:20px}.cb__content h2,.cb__content h3,.cb__content h4{margin-top:20px;margin-bottom:10px;font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif}.cb__content ol{margin-left:27px;counter-reset:list}.cb__content ol h3{position:relative}.cb__content ol h3:before{position:absolute;top:0;left:-34px;counter-increment:list;content:counter(list) '.';display:block;text-align:right;width:30px}.cb__content strong,.cb__content b{font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif}.cb__content ul{margin-bottom:20px;list-style-type:disc}.cb__content ul li{margin-left:20px}.cb__content table{empty-cells:show;border:1px solid #77899c;margin-bottom:20px}.cb__content table thead{border-bottom:1px solid #77899c}.cb__content table td,.cb__content table th{border-left:1px solid #77899c;border-width:0 0 0 1px;margin:0;overflow:visible;padding:.5em 1em}.cb__content table td:first-child,.cb__content table th:first-child{border-left-width:0}.cb__content table tr{border-bottom:1px solid #77899c}.cb__content table tr:last-of-type{border-bottom:none}.cb__content table tr th{text-align:left;font-family:"proxima-nova-semibold",Helvetica,arial,freesans,clean,sans-serif}.cb__tos .cb__footer,.cb__cookies .cb__footer{padding-top:0}.cb__button{color:#fff;display:inline-block;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;font-size:14px;transition:all .1s 0s cubic-bezier(.4,0,.6,1);position:relative;border-radius:24px}.cb__button--loader{fill:#fff;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:40px;height:20px;display:none}.cb__button.is--loading .cb__button--loader{display:block}.cb__button.is--loading .cb__button--text{visibility:hidden}.cb__button.is--loading{cursor:default;pointer-events:none}.cb__button.is--small{font-size:13px;border-radius:16px;padding:10px 15px;min-height:32px}.cb__button.is--large{border-radius:24px;padding:14px 30px;min-height:50px}.cb__button.is--secondary{box-shadow:inset 0 0 0 2px #10bb7a}.cb__button.is--secondary:hover{background:#3fc894;box-shadow:inset 0 0 0 2px #3fc894}.cb__button.is--secondary:active{background:#0ea76d;box-shadow:inset 0 0 0 2px #0ea76d}.cb__button.is--disabled.cb__button.is--secondary{background:#87ddbc;box-shadow:inset 0 0 0 2px #87ddbc;pointer-events:none}.cb__button.is--loading.cb__button.is--secondary:hover{box-shadow:inset 0 0 0 2px #3fc894}.cb__button.is--default{background:#10bb7a}.cb__button.is--default:hover{background:#3fc894}.cb__button.is--default:active{background:#0ea76d}.cb__button.is--disabled.cb__button.is--default{background:#87ddbc;pointer-events:none}.cb__button.is--loading.cb__button.is--default:hover{background:#10bb7a}.cb__button.is--no-background{padding-left:16px;padding-right:16px;min-width:auto}.cb__button.is--no-background.is--black{color:#16283d}.cb__button.is--no-background.is--black:hover{color:#455364}.cb__button.is--no-background.is--black:active{color:#15283e}.cb__button.is--disabled.cb__button.is--no-background.is--black{color:#8a949f}.cb__button.is--loading.cb__button.is--no-background.is--black:hover{color:#16283d}.cb__button.is--no-background.is--white{color:#fff}.cb__button.is--no-background.is--white:hover,.cb__button.is--no-background.is--white:active{opacity:.8}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Icon/Icon.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.icon{fill:#fff;transition:fill .1s 0s cubic-bezier(.4,0,.6,1),stroke .1s 0s cubic-bezier(.4,0,.6,1)}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Button/ButtonLink.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.button-link{cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;font-size:14px;transition:all .1s 0s cubic-bezier(.4,0,.6,1);position:relative;width:100%}.button-link__wrapper{display:flex;align-items:center;justify-content:center;pointer-events:none}.button-link__wrapper--loader{visibility:hidden}.button-link__icon{margin-right:16px}.button-link__icon--google{margin-top:-1px}.button-link__loader{fill:#fff;position:absolute;top:50%;transform:translateY(-50%)}.button-link--large{border-radius:24px;padding:17px 64px;min-height:48px}.button-link--medium{border-radius:20px;padding:13px 32px;min-width:136px;min-height:40px}.button-link--small{border-radius:16px;min-width:114px;padding:9px 8px;min-height:32px}.button-link--loading{pointer-events:none}.button-link--default{background:#10bb7a}.button-link--default:hover{background:#3fc894}.button-link--default:active{background:#0ea76d}.button-link--disabled.button-link--default{background:#87ddbc;pointer-events:none}.button-link--loading.button-link--default:hover{background:#10bb7a}.button-link--warning{background:#ec494b}.button-link--warning:hover{background:#ef6d6f}.button-link--warning:active{background:#d34143}.button-link--disabled.button-link--warning{background:#f5a4a5;pointer-events:none}.button-link--loading.button-link--warning:hover{background:#ec494b}.button-link--secondary{box-shadow:inset 0 0 0 2px #10bb7a}.button-link--secondary:hover{background:#3fc894;box-shadow:inset 0 0 0 2px #3fc894}.button-link--secondary:active{background:#0ea76d;box-shadow:inset 0 0 0 2px #0ea76d}.button-link--disabled.button-link--secondary{background:#87ddbc;box-shadow:inset 0 0 0 2px #87ddbc;pointer-events:none}.button-link--loading.button-link--secondary:hover{box-shadow:inset 0 0 0 2px #3fc894}.button-link--no-background{padding-left:16px;padding-right:16px;min-width:auto}.button-link--no-background-black{color:#16283d}.button-link--no-background-black:hover{color:#455364}.button-link--no-background-black:active{color:#15283e}.button-link--disabled.button-link--no-background-black{color:#8a949f}.button-link--loading.button-link--no-background-black:hover{color:#16283d}.button-link--no-background-white{color:#fff}.button-link--no-background-white:hover,.button-link--no-background-white:active{opacity:.8}.button-link--no-background-white--disabled{opacity:.5}.button-link--auto-width{width:auto}.button-link--spacing-left-small{margin-left:16px}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/PrivacyBanner/Content/PrivacyBannerContent.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__privacy{position:fixed;bottom:0;left:0;right:0;background:#15283e;box-shadow:0 2px 44px 0 rgba(0,0,0,0.5);padding:25px 40px 25px 90px;color:#fff;font-size:14px;transform:translateY(100%);transition:transform .25s ease-in;z-index:10}.cb__privacy.is--visible{transform:translateY(0)}.cb__privacy--wrapper{display:block}@media screen and (min-width:600px){.cb__privacy--wrapper{align-items:center;display:flex}}.cb__privacy--wrapper__button.button-link{min-width:auto;width:auto;padding:9px 15px}.cb__privacy--wrapper__button,.cb__privacy--wrapper__link{white-space:nowrap}.cb__privacy--wrapper__link{color:#10bb7a;margin-right:20px}.cb__privacy--wrapper__link:hover{color:#12d78c}.cb__privacy--wrapper__text{padding-right:40px;flex-grow:1;line-height:1.3}@media screen and (max-width:599px){.cb__privacy--wrapper__text{margin-bottom:20px}}.cb__privacy--wrapper__text--link{color:#10bb7a}.cb__privacy--wrapper__text--link:hover{color:#12d78c}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Notification/Notification.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.notification{position:fixed;display:flex;color:#fff;align-items:center;text-align:center;justify-content:center;font-size:14px;top:72px;left:0;transform:translate(0,-100%);opacity:0;transition:transform .25s 0s cubic-bezier(.4,0,.6,1),opacity .25s 0s cubic-bezier(.4,0,.6,1),background-color .25s 0s cubic-bezier(.4,0,.6,1);z-index:7;padding:10px 50px;width:100%;line-height:1.2}.notification__close{position:absolute !important;top:50%;margin-top:-5px;right:16px;width:10px;height:10px}.notification--no-top-spacing{top:0}.notification--show{transform:translate(0,0);opacity:1}.notification--success{background:#10bb7a}.notification--error{background:#ec494b}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/shared/components/Url/UrlLink.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.url-link{display:inline;color:#10bb7a;transition:color .5s ease;cursor:pointer}.url-link:hover{color:#0ea76d}.url-link:active{color:#0ea76d}.url-link--disabled{color:#87ddbc;pointer-events:none}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Modal/Header/ModalHeader.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.modal-header{color:#15283e;font-size:22px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;margin-bottom:8px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Modal/Body/ModalBody.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.modal-body{font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;font-size:14px;line-height:24px}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Modal/Footer/ModalFooter.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.modal-footer{display:flex;justify-content:flex-end;margin-top:40px}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Modal/Subtitle/ModalSubtitle.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.modal-subtitle{font-size:14px;color:#77899c;margin-top:16px;margin-bottom:24px}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Modal/ModalPortal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.modal{background:rgba(21,40,62,0.7);color:#77899c;display:flex;justify-content:center;align-items:flex-start;height:100%;left:0;overflow-y:auto;outline:0;top:0;position:fixed;width:100%;opacity:0;transition:opacity .2s 0s cubic-bezier(.4,0,.6,1);z-index:10}.modal--after-open{opacity:1}.modal--before-close{opacity:0}.modal__content{background:#fff;border-radius:8px;margin-top:130px;max-width:536px;outline:0;padding:40px;position:relative;width:100%;transition:margin-top .2s 0s cubic-bezier(.4,0,.6,1)}.modal__content--after-open{margin-top:174px}.modal__content--before-close{margin-top:130px}.modal__close{display:block;position:absolute;top:-28px;right:-28px;width:16px;height:16px;transition:color .1s 0s cubic-bezier(.4,0,.6,1)}.modal__close:hover .modal__close-icon{fill:#f0f6fc}.modal__close:active .modal__close-icon{fill:#324050}.modal__close-icon{display:block;fill:#77899c}.ReactModal__Body--open{overflow-y:hidden}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/@material/textfield/dist/mdc.textfield.css ***!
  \***************************************************************************************************************************************/
/*!
 Material Components for the web
 Copyright (c) 2018 Google Inc.
 License: Apache-2.0
*/
@-webkit-keyframes invalid-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }

@keyframes invalid-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }

@-webkit-keyframes invalid-shake-float-above-box {
  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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-box {
  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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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); } }

@-webkit-keyframes invalid-shake-float-above-box-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); } }

@keyframes invalid-shake-float-above-box-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); } }

@-webkit-keyframes invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-outlined-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); } }

@keyframes invalid-shake-float-above-outlined-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); } }

@-webkit-keyframes invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-outlined-leading-icon-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); } }

@keyframes invalid-shake-float-above-outlined-leading-icon-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); } }

@-webkit-keyframes invalid-shake-float-above-textarea {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }

@keyframes invalid-shake-float-above-textarea {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }

@-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.16); } }

@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.16); } }

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16); }
  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.16); }
  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); }

/**
 * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
.mdc-line-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  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; }

.mdc-text-field-helper-text {
  margin: 0;
  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  font-size: .75rem;
  will-change: opacity; }
  .mdc-text-field + .mdc-text-field-helper-text {
    margin-bottom: 8px; }

.mdc-text-field-helper-text--persistent {
  -webkit-transition: none;
  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; }

@keyframes invalid-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }

@keyframes invalid-shake-float-above-box {
  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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-box-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); } }

@keyframes invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-outlined-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); } }

@keyframes invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-outlined-leading-icon-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); } }

@keyframes invalid-shake-float-above-textarea {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }

/**
 * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-text-field__label {
  position: absolute;
  bottom: 8px;
  left: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 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), color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: text; }
  .mdc-text-field[dir="rtl"] .mdc-text-field__label,
  [dir="rtl"] .mdc-text-field .mdc-text-field__label {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
            transform-origin: right top; }

.mdc-text-field__label--float-above {
  cursor: auto; }

.mdc-text-field__label--float-above {
  -webkit-transform: translateY(-100%) scale(0.75);
          transform: translateY(-100%) scale(0.75); }

.mdc-text-field__label--shake {
  -webkit-animation: invalid-shake-float-above-standard 250ms 1;
          animation: invalid-shake-float-above-standard 250ms 1; }

@keyframes invalid-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }

@keyframes invalid-shake-float-above-box {
  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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-box-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923); } }

@keyframes invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-outlined-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923); } }

@keyframes invalid-shake-float-above-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.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -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.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -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 invalid-shake-float-above-outlined-leading-icon-dense {
  0% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);
            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923); } }

@keyframes invalid-shake-float-above-textarea {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }

.mdc-text-field__idle-outline {
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  border: 1px solid;
  opacity: 1; }

.mdc-text-field__outline {
  --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: transparent;
  will-change: transform, opacity;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 2px);
  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  overflow: hidden; }
  .mdc-text-field__outline::before, .mdc-text-field__outline::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-text-field__outline::before {
    -webkit-transition: opacity 15ms linear;
    transition: opacity 15ms linear; }
  .mdc-text-field__outline.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
            transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-text-field__outline.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-text-field__outline.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0); }
  .mdc-text-field__outline.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__outline.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__outline::before, .mdc-text-field__outline::after {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-text-field__outline.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-text-field__outline::before, .mdc-text-field__outline::after {
    /* @alternate */
    background-color: rgba(0, 0, 0, 0.87); }
    @supports not (-ms-ime-align: auto) {
      .mdc-text-field__outline::before, .mdc-text-field__outline::after {
        background-color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } }
  .mdc-text-field__outline:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
  .mdc-text-field__outline:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
    opacity: 0.16; }
  .mdc-text-field__outline.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16; }
  .mdc-text-field__outline svg {
    position: absolute;
    width: 100%;
    height: 100%; }

.mdc-text-field__outline-path {
  stroke-width: 1px;
  -webkit-transition: stroke 180ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: stroke 180ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  fill: transparent; }

.mdc-text-field {
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
  will-change: opacity, transform, color; }
  .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.5); }
  .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: black; }
  .mdc-text-field .mdc-line-ripple {
    /* @alternate */
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary, #6200ee); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,
  .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__label,
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,
  .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__label,
  .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-helper-text {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
  .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__icon {
    color: black; }

.mdc-text-field__input {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.04em;
  width: 100%;
  padding: 0 0 8px;
  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  background: none;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1; }
  .mdc-text-field__input::-moz-placeholder {
    -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1; }
  .mdc-text-field__input:-ms-input-placeholder {
    -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1; }
  .mdc-text-field__input::placeholder {
    -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    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 {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .mdc-text-field__input:-webkit-autofill + .mdc-text-field__label {
    -webkit-transform: translateY(-100%) scale(0.75);
            transform: translateY(-100%) scale(0.75);
    cursor: auto; }

.mdc-text-field--outlined {
  height: 56px;
  border: none; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__idle-outline {
    border-color: rgba(0, 0, 0, 0.12); }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__outline .mdc-text-field__outline-path {
    stroke: rgba(0, 0, 0, 0.12); }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {
    border-color: rgba(0, 0, 0, 0.87); }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-text-field__outline-path {
    /* @alternate */
    stroke: #6200ee;
    stroke: var(--mdc-theme-primary, #6200ee); }
  .mdc-text-field--outlined .mdc-text-field__label--float-above {
    -webkit-transform: translateY(-130%) scale(0.75);
            transform: translateY(-130%) scale(0.75); }
  .mdc-text-field--outlined .mdc-text-field__label--shake {
    -webkit-animation: invalid-shake-float-above-outlined 250ms 1;
            animation: invalid-shake-float-above-outlined 250ms 1; }
  .mdc-text-field--outlined .mdc-text-field__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 12px;
    border: none;
    background-color: transparent;
    z-index: 1; }
  .mdc-text-field--outlined .mdc-text-field__label {
    left: 16px;
    right: initial;
    position: absolute;
    bottom: 20px;
    -webkit-transition: -webkit-transform 260ms ease;
    transition: -webkit-transform 260ms ease;
    transition: transform 260ms ease;
    transition: transform 260ms ease, -webkit-transform 260ms ease; }
    [dir="rtl"] .mdc-text-field--outlined .mdc-text-field__label, .mdc-text-field--outlined .mdc-text-field__label[dir="rtl"] {
      left: initial;
      right: 16px; }
  .mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2; }
  .mdc-text-field--outlined .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline {
    border: 1px solid; }
  .mdc-text-field--outlined .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {
    border: 1px solid rgba(0, 0, 0, 0.87); }

.mdc-text-field--outlined.mdc-text-field--focused .mdc-text-field__outline-path {
  stroke-width: 2px; }

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.38); }

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__idle-outline {
  border-color: rgba(0, 0, 0, 0.06); }

.mdc-text-field--outlined.mdc-text-field--disabled:not(.mdc-text-field--focused) .mdc-text-field__outline .mdc-text-field__outline-path {
  stroke: 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--disabled .mdc-text-field__outline-path {
  stroke-width: 1px; }

.mdc-text-field--outlined.mdc-text-field--dense {
  height: 48px; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above {
    -webkit-transform: translateY(-145%) scale(0.923);
            transform: translateY(-145%) scale(0.923); }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--shake {
    -webkit-animation: invalid-shake-float-above-outlined-dense 250ms 1;
            animation: invalid-shake-float-above-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-text-field__label {
    bottom: 18px; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px; }

.mdc-text-field--box {
  --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: transparent;
  will-change: transform, opacity;
  border-radius: 4px 4px 0 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 56px;
  margin-top: 16px;
  overflow: hidden; }
  .mdc-text-field--box::before, .mdc-text-field--box::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-text-field--box::before {
    -webkit-transition: opacity 15ms linear;
    transition: opacity 15ms linear; }
  .mdc-text-field--box.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
            transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-text-field--box.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-text-field--box.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0); }
  .mdc-text-field--box.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--box.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--box::before, .mdc-text-field--box::after {
    /* @alternate */
    background-color: rgba(0, 0, 0, 0.87); }
    @supports not (-ms-ime-align: auto) {
      .mdc-text-field--box::before, .mdc-text-field--box::after {
        background-color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } }
  .mdc-text-field--box:hover::before {
    opacity: 0.04; }
  .mdc-text-field--box:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within::before, .mdc-text-field--box.mdc-ripple-upgraded--background-focused::before {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
    opacity: 0.12; }
  .mdc-text-field--box:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
  .mdc-text-field--box:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
    opacity: 0.16; }
  .mdc-text-field--box.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16; }
  .mdc-text-field--box::before, .mdc-text-field--box::after {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-text-field--box.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-text-field--box:not(.mdc-text-field--disabled) {
    background-color: rgba(0, 0, 0, 0.04); }
  .mdc-text-field--box .mdc-text-field__label--float-above {
    -webkit-transform: translateY(-50%) scale(0.75);
            transform: translateY(-50%) scale(0.75); }
  .mdc-text-field--box .mdc-text-field__label--shake {
    -webkit-animation: invalid-shake-float-above-box 250ms 1;
            animation: invalid-shake-float-above-box 250ms 1; }
  .mdc-text-field--box .mdc-text-field__input {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    padding: 20px 16px 0; }
  .mdc-text-field--box .mdc-text-field__label {
    left: 16px;
    right: initial;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 48px);
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    overflow: hidden;
    will-change: transform; }
    [dir="rtl"] .mdc-text-field--box .mdc-text-field__label, .mdc-text-field--box .mdc-text-field__label[dir="rtl"] {
      left: initial;
      right: 16px; }

.mdc-text-field--box.mdc-text-field--disabled {
  background-color: rgba(0, 0, 0, 0.02);
  border-bottom: none; }
  .mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, 0.06); }
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,
  .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }

.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__label--float-above {
  -webkit-transform: translateY(-90%) scale(0.923);
          transform: translateY(-90%) scale(0.923); }

.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__label--shake {
  -webkit-animation: invalid-shake-float-above-box-dense 250ms 1;
          animation: invalid-shake-float-above-box-dense 250ms 1; }

.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 0; }

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
  left: 15px;
  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"] {
    left: initial;
    right: 15px; }

.mdc-text-field--with-leading-icon .mdc-text-field__input {
  padding-left: 48px;
  padding-right: 15px; }
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] {
    padding-left: 15px;
    padding-right: 48px; }

.mdc-text-field--with-leading-icon .mdc-text-field__label {
  left: 48px;
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__label, .mdc-text-field--with-leading-icon .mdc-text-field__label[dir="rtl"] {
    left: initial;
    right: 48px; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__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-text-field__label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__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-text-field__label--shake {
  -webkit-animation: invalid-shake-float-above-outlined-leading-icon 250ms 1;
          animation: invalid-shake-float-above-outlined-leading-icon 250ms 1; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above {
  -webkit-transform: translateY(-145%) translateX(-21px) scale(0.923);
          transform: translateY(-145%) translateX(-21px) scale(0.923); }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above[dir="rtl"] {
    -webkit-transform: translateY(-145%) translateX(21px) scale(0.923);
            transform: translateY(-145%) translateX(21px) scale(0.923); }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--shake {
  -webkit-animation: invalid-shake-float-above-outlined-leading-icon-dense 250ms 1;
          animation: invalid-shake-float-above-outlined-leading-icon-dense 250ms 1; }

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  left: initial;
  right: 15px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
    left: 15px;
    right: initial; }

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 15px;
  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"] {
    padding-left: 48px;
    padding-right: 15px; }

.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 {
  left: 12px;
  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"] {
    left: initial;
    right: 12px; }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-left: 38px;
  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"] {
    padding-left: 12px;
    padding-right: 38px; }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__label {
  left: 38px;
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__label[dir="rtl"] {
    left: initial;
    right: 38px; }

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  left: initial;
  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"] {
    left: 12px;
    right: initial; }

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-left: 12px;
  padding-right: 38px; }
  [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"] {
    padding-left: 38px;
    padding-right: 12px; }

.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 16px; }
  .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined) {
    height: 48px; }
  .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) .mdc-text-field__label {
    pointer-events: none; }

.mdc-text-field--dense {
  margin-top: 12px;
  margin-bottom: 4px;
  font-size: .813rem; }
  .mdc-text-field--dense .mdc-text-field__label--float-above {
    -webkit-transform: translateY(-110%) scale(0.923);
            transform: translateY(-110%) scale(0.923); }

.mdc-text-field__input:required + .mdc-text-field__label::after {
  margin-left: 1px;
  content: "*"; }

.mdc-text-field--textarea {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: initial;
  -webkit-transition: none;
  transition: none;
  border: 1px solid;
  overflow: hidden; }
  .mdc-text-field--textarea .mdc-text-field__label {
    border-radius: 4px 4px 0 0; }
  .mdc-text-field--textarea .mdc-text-field__input {
    border-radius: 2px; }
  .mdc-text-field--textarea .mdc-text-field__label {
    background-color: white; }
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    border-color: rgba(0, 0, 0, 0.73); }
    .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
      border-color: rgba(0, 0, 0, 0.73); }
  .mdc-text-field--textarea .mdc-text-field__label--float-above {
    -webkit-transform: translateY(-50%) scale(0.923);
            transform: translateY(-50%) scale(0.923); }
  .mdc-text-field--textarea .mdc-text-field__label--shake {
    -webkit-animation: invalid-shake-float-above-textarea 250ms 1;
            animation: invalid-shake-float-above-textarea 250ms 1; }
  .mdc-text-field--textarea .mdc-text-field__input {
    margin: 0;
    padding: 16px;
    padding-top: 32px;
    border: 1px solid transparent; }
  .mdc-text-field--textarea .mdc-text-field__label {
    left: 1px;
    right: initial;
    top: 18px;
    bottom: auto;
    margin-top: 2px;
    margin-left: 8px;
    padding: 8px;
    line-height: 1.15; }
    [dir="rtl"] .mdc-text-field--textarea .mdc-text-field__label, .mdc-text-field--textarea .mdc-text-field__label[dir="rtl"] {
      left: initial;
      right: 1px; }

.mdc-text-field--fullwidth {
  width: 100%; }
  .mdc-text-field--fullwidth .mdc-text-field__input {
    resize: vertical; }
  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 56px;
    margin: 0;
    border: none;
    border-bottom: 1px solid;
    outline: none; }
    .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
      width: 100%;
      height: 100%;
      padding: 0;
      resize: none;
      border: none !important; }

.mdc-text-field--dense + .mdc-text-field-helper-text {
  margin-bottom: 4px; }

.mdc-text-field--box + .mdc-text-field-helper-text,
.mdc-text-field--outlined + .mdc-text-field-helper-text {
  margin-right: 16px;
  margin-left: 16px; }

.mdc-form-field > .mdc-text-field + label {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  /* @alternate */
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee); }

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
  /* @alternate */
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee); }

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  /* @alternate */
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee); }

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  /* @alternate */
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee); }

.mdc-text-field--focused .mdc-text-field__input:required + .mdc-text-field__label::after {
  color: #d50000; }

.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) {
  /* @alternate */
  border-color: #6200ee;
  border-color: var(--mdc-theme-primary, #6200ee); }
  .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
    /* @alternate */
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary, #6200ee); }

.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: #d50000; }

.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: #d50000; }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  background-color: #d50000; }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  color: #d50000; }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
  color: #d50000; }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  color: #d50000; }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  color: #d50000; }

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  color: #d50000; }

.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) {
  border-color: #d50000; }
  .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
    border-color: #d50000; }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__idle-outline {
  border-color: #d50000; }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__outline .mdc-text-field__outline-path {
  stroke: #d50000; }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {
  border-color: #d50000; }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-text-field__outline-path {
  stroke: #d50000; }

.mdc-text-field--disabled {
  pointer-events: none; }
  .mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(35, 31, 32, 0.26); }
  .mdc-text-field--disabled .mdc-text-field__input {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--disabled .mdc-text-field__label,
  .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--disabled .mdc-text-field__label,
  .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--disabled .mdc-text-field__label,
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--disabled .mdc-text-field__label,
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  .mdc-text-field--disabled + .mdc-text-field-helper-text {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  .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-text-field__input {
    border-bottom: 1px dotted; }
  .mdc-text-field--disabled .mdc-text-field__label {
    cursor: default; }

.mdc-text-field--textarea.mdc-text-field--disabled {
  border-color: rgba(35, 31, 32, 0.26);
  background-color: #f9f9f9;
  border-style: solid; }
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__label {
    background-color: #f9f9f9; }
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus {
    border-color: rgba(35, 31, 32, 0.26); }
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border: 1px solid transparent; }

.mdc-text-field__label--float-above ~ .mdc-text-field__idle-outline {
  opacity: 0; }

.mdc-text-field__label--float-above ~ .mdc-text-field__outline {
  opacity: 1; }

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Form/TextInput/Input.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.text-input{width:100%;margin-top:24px}.text-input .mdc-text-field--textarea{border:0}.text-input .mdc-text-field--textarea .text-input__input{border:1px solid #15283e;border-radius:4px;padding:25px 16px 16px}.text-input .mdc-text-field--textarea .text-input__input:not(:disabled):hover,.text-input .mdc-text-field--textarea .text-input__input:not(:disabled):focus{border-width:2px;padding:24px 15px 15px}.text-input:not(:disabled):hover .text-input__input,.text-input:not(:disabled):focus .text-input__input{padding-bottom:7px;border-width:2px}.text-input__input:not(:disabled):hover,.text-input__input:not(:disabled):focus{padding-bottom:7px;border-width:2px}.text-input--is-light{--mdc-theme-primary:#10bb7a;--mdc-ripple-top:#10bb7a;--mdc-theme-text-primary-on-background:#15283e}.text-input__input::placeholder{color:#fff !important}.text-input__input:focus::placeholder{color:#c4d2e1 !important}.text-input--is-light .mdc-text-field__label{color:#77899c !important}.text-input--is-light .mdc-text-field__label--float-above{color:#10bb7a !important}.text-input--is-light .mdc-text-field__input{border-color:#15283e !important}.text-input--is-light .mdc-text-field__input:not(:disabled):hover,.text-input--is-light .mdc-text-field__input:not(:disabled):focus{border-color:#10bb7a !important}.text-input--is-dark{--mdc-theme-primary:#10bb7a;--mdc-ripple-top:#10bb7a;--mdc-theme-text-primary-on-background:#fff}.text-input--is-dark .mdc-text-field__label{color:#77899c !important}.text-input--is-dark .mdc-text-field__label--float-above{color:#10bb7a !important}.text-input--is-dark .mdc-text-field__input{border-color:#77899c !important}.text-input--is-dark .mdc-text-field__input:not(:disabled):hover,.text-input--is-dark .mdc-text-field__input:not(:disabled):focus{border-color:#10bb7a !important}.text-input.text-input--error .text-input__label{color:#ec494b !important}.text-input.text-input--error .mdc-text-field__input,.text-input.text-input--error .mdc-text-field__input:hover,.text-input.text-input--error .mdc-text-field__input:focus{border-color:#ec494b !important}.text-input__wrapper{width:100%;cursor:text}.text-input__bottom-line{background-color:#10bb7a}.text-input--error .text-input__bottom-line{background-color:#ec494b}.text-input__password-icon{fill:#77899c;opacity:.15;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);right:0;transition:opacity .1s 0s cubic-bezier(.4,0,.6,1)}.text-input__password-icon--active{opacity:.4}.text-input__password-icon:hover{opacity:.5}.text-input__password-icon:active{opacity:.35}.text-input__input{color:#fff;border-bottom:1px solid #77899c;transition:border-color .1s 0s cubic-bezier(.4,0,.6,1);font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;font-size:16px;padding:24px 0 8px}.text-input__input:hover{border-bottom:1px solid #77899c}.text-input__input:disabled{border-bottom:1px dashed #77899c}.text-input--error .text-input__input{border-color:#ec494b}.text-input--is-dark .text-input__input{color:#fff}.text-input--is-light .text-input__input{color:#15283e}.text-input__input:-webkit-autofill{line-height:40px;padding:0;border:0}.text-input:hover .text-input__input:-webkit-autofill{border:0 !important;padding-bottom:0 !important}.text-input__label{font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;font-size:16px;padding:0;transition:transform .18s 0s cubic-bezier(.4,0,.2,1),font-size .18s 0s cubic-bezier(.4,0,.2,1),color .1s 0s cubic-bezier(.4,0,.6,1);bottom:0;line-height:48px;pointer-events:none}.text-input__label.mdc-text-field__label--float-above{transform:translateY(-19px);font-size:12px}.text-input__input--textarea + .text-input__label.mdc-text-field__label--float-above{transform:translateY(-9px)}.text-input__input:-webkit-autofill + .mdc-text-field__label{transform:translateY(-26px);font-size:12px}.text-input__input--textarea + .text-input__label{line-height:normal;background-color:transparent;top:9px}.text-input__error{font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;color:#ec494b;font-size:12px;line-height:14px}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/LeaveFeedback/Modal/Form/FeedbackForm.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.leave-feedback-form__email{margin-bottom:16px}.leave-feedback-form__description-input{resize:vertical;min-height:100px;max-height:300px}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/LeaveFeedback/Link.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.leave-feedback--fixed{position:fixed;bottom:21px;left:21px;z-index:10}.leave-feedback__button{width:50px;height:50px;border-radius:50%;padding:10px;background:#0f1d2d}.leave-feedback__button--toolbar{width:72px;height:72px}.leave-feedback__icon{fill:#77899c;margin:0}.leave-feedback__button:hover .leave-feedback__icon{fill:#3fc894}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Tooltip/Tooltip.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip{border-radius:4px !important;background:#fff !important;font-size:11px !important;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif !important;color:#15283e !important;padding:0 16px !important;display:flex !important;opacity:1 !important;align-items:center;height:24px}.tooltip.place-bottom{margin-top:12px !important}.tooltip.place-bottom:after{border-bottom-color:#fff !important}.tooltip.place-right{margin-left:16px !important}.tooltip.place-right:after{margin-top:-5px !important;border-right-color:#fff !important}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Logo/AuthLogo.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-logo{text-align:center}.auth-logo__link{display:inline-block;margin-bottom:40px}.auth-logo__icon{margin:0;display:block}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Menu/AuthMenu.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#8aa1ba;max-width:630px;margin:0 auto 50px auto}@media screen and (max-width:599px){.auth-menu{justify-content:center}}.auth-menu__link{white-space:nowrap;color:#8aa1ba;padding:5px}.auth-menu__link:hover{color:#6b88a8}.auth-menu__element{white-space:nowrap;margin:0 10px}@media screen and (max-width:599px){.auth-menu__element{margin-bottom:10px}}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/AuthLayout.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-layout{width:100%;padding:0 25px;display:flex;flex-direction:column;min-height:100vh}.auth-layout--wrapper{max-width:354px;margin:72px auto 0;flex-grow:1}.auth-layout.is-wide .auth-layout--wrapper{max-width:600px}.auth-layout--form{min-height:100vh}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Header/AuthHeader.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-header{font-size:24px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;text-align:center;margin-bottom:16px}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Text/AuthText.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-text{margin:40px 0;font-size:14px;line-height:22px;font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/TextSeparator/AuthTextSeparator.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-text-separator{font-size:16px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Subheader/AuthSubheader.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-subheader{font-size:12px;text-align:center;color:#77899c}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Inputs/AuthInputs.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-inputs{margin:40px 0 24px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Options/AuthOptions.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-options{display:flex;align-items:center;justify-content:space-between;font-size:12px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Buttons/AuthButtons.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-buttons{display:flex;justify-content:center;flex-direction:column;margin:40px 0 40px;text-align:center}.auth-buttons--single-button{flex-direction:row}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/Auth/Separator/AuthSeparator.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-separator{font-size:16px;color:#77899c;margin:18px 0;text-align:center}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Form/Checkbox/Input.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.checkbox-input{font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;display:flex;align-items:center}.checkbox-input__wrapper{flex:0 0 24px;width:24px;height:24px;padding:0}.checkbox-input__native-control{display:none}.checkbox-input__native-control ~ .checkbox-input__background .checkbox-input__icon{opacity:0}.checkbox-input__native-control:checked ~ .checkbox-input__background{background:#10bb7a}.checkbox-input__native-control:checked ~ .checkbox-input__background .checkbox-input__icon{opacity:1;fill:#0f1d2d}.checkbox-input__background{display:flex;align-items:center;justify-content:center;border:1px solid #10bb7a;border-radius:4px;width:24px;height:24px;transition:background .1s 0s cubic-bezier(.4,0,.6,1),border-color .1s 0s cubic-bezier(.4,0,.6,1)}.checkbox-input__background:before{display:none}.checkbox-input:hover .checkbox-input__background{border:1px solid #3fc894}.checkbox-input__label{color:#77899c;margin-left:8px;font-size:12px;transition:color .1s 0s cubic-bezier(.4,0,.6,1)}.checkbox-input:active{color:#324050}.checkbox-input:hover .checkbox-input__label{color:#f0f6fc}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/SignIn/Content/SignInContent.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sign-in-content__lost-password{font-size:12px}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/PasswordNote/PasswordNote.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.password-note{font-size:12px;line-height:1.33;margin-top:5px;color:#77899c}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/SignUp/Content/SignUpContent.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sign-up-content__note{margin:8px 0 0 0;font-size:10px;color:#77899c;line-height:1.6;text-align:left}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/LostPassword/Content/CheckEmailScreen/CheckEmail.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lost-password-check-email__back-to-sign-in{margin-left:auto}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/LostPassword/Content/EnterEmailScreen/EnterEmail.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lost-password-enter-email__back-to-sign-in{margin-left:auto}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/PageWrapper/PageWrapper.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/PageWrapper/Content/PageContent.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.page-content{margin:0 auto 40px;padding:0 24px;max-width:1064px}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/PageWrapper/Header/PageHeader.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.page-header{display:flex;align-items:center;border-bottom:1px solid #324050;padding-top:101px;margin:0 auto 40px;width:100%}.page-header__header{font-size:30px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;text-align:center;line-height:64px}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/TopBar/Logo/Logo.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.top-bar-main-logo__link{display:block}.top-bar-main-logo__icon{vertical-align:middle}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/DropdownMenu/Menu.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dropdown-menu__list{border-radius:4px;text-align:left;right:0;top:0;position:absolute;min-width:170px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:0;padding:0;border-radius:2px;background-color:#fff;white-space:nowrap;opacity:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;z-index:4;box-shadow:0 3px 1px -2px #000,0 2px 2px 0 #000,0 1px 5px 0 #000;transition:opacity 300ms ease-out,transform 300ms ease-out;transform:scale(0);transform-origin:top right}.dropdown-menu__list-items{padding:0 !important}.dropdown-menu--open{transform:scale(1);transform:scale(1);opacity:1}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/TopBar/UserMenu/AnonymUserMenu/AnonymousUserMenu.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.top-bar-anonym-user-menu{display:flex;align-items:center;margin-left:64px;position:relative}.top-bar-anonym-user-menu__icon{transition:fill .1s 0s cubic-bezier(.4,0,.6,1);fill:#77899c;margin:0}.top-bar-anonym-user-menu__icon--open{transform:rotate(180deg)}.top-bar-anonym-user-menu:hover .top-bar-anonym-user-menu__icon{fill:#f0f6fc}.top-bar-anonym-user-menu:active .top-bar-anonym-user-menu__icon{fill:#324050}.top-bar-anonym-user-menu__trigger{display:inline-block;padding:10px;margin-left:10px}.top-bar-anonym-user-menu__wrapper{display:flex;align-items:center;cursor:pointer}.top-bar-anonym-user-menu__dropdown{position:absolute !important;right:0;top:46px}.top-bar-anonym-user-menu__dropdown-item{display:flex;justify-content:flex-start;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif !important;padding:13px 16px !important;font-size:14px !important;color:#15283e !important;height:auto !important;letter-spacing:.4px !important;line-height:1 !important;position:relative;outline:0;cursor:pointer;width:100%}.top-bar-anonym-user-menu__dropdown-item[aria-disabled="true"]{color:#77899c !important}.top-bar-anonym-user-menu__dropdown-item:hover:not([aria-disabled="true"]){background:#f0f6fc}.top-bar-anonym-user-menu__dropdown-item:focus:not([aria-disabled="true"]){background:#f0f6fc !important}.top-bar-anonym-user-menu__dropdown-item:focus:not([aria-disabled="true"]):before{display:none}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Avatar/Avatar.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.avatar{background:#007cff;border-radius:50%;overflow:hidden;font-size:14px;height:32px;width:32px;min-height:32px;min-width:32px}.avatar__no-avatar{display:flex;align-items:center;justify-content:center;font-family:"proxima-nova-semibold",Helvetica,arial,freesans,clean,sans-serif;text-transform:uppercase;color:#fff}.avatar__image{width:100%;height:100%}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/TopBar/UserMenu/AuthUserMenu/AuthUserMenu.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.top-bar-auth-user-menu{display:flex;align-items:center;margin-left:64px;position:relative}.top-bar-auth-user-menu__wrapper{display:flex;align-items:center;cursor:pointer}.top-bar-auth-user-menu__image{border-radius:50%;height:32px;width:32px}.top-bar-auth-user-menu__name{transition:color .1s 0s cubic-bezier(.4,0,.6,1);color:#77899c;font-size:13px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;margin-left:16px;max-width:160px}.top-bar-auth-user-menu:hover .top-bar-auth-user-menu__name{color:#f0f6fc}.top-bar-auth-user-menu:active .top-bar-auth-user-menu__name{color:#324050}.top-bar-auth-user-menu__icon{transition:fill .1s 0s cubic-bezier(.4,0,.6,1);fill:#77899c;margin:-2px 0 0 16px}.top-bar-auth-user-menu__icon--open{transform:rotate(180deg)}.top-bar-auth-user-menu:hover .top-bar-auth-user-menu__icon{fill:#f0f6fc}.top-bar-auth-user-menu:active .top-bar-auth-user-menu__icon{fill:#324050}.top-bar-auth-user-menu__dropdown{position:absolute !important;right:0;top:46px}.top-bar-auth-user-menu__dropdown-item{display:flex;justify-content:flex-start;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif !important;padding:13px 16px !important;font-size:14px !important;color:#15283e !important;height:auto !important;letter-spacing:.4px !important;line-height:1 !important;position:relative;outline:0;cursor:pointer;width:100%}.top-bar-auth-user-menu__dropdown-item[aria-disabled="true"]{color:#77899c !important}.top-bar-auth-user-menu__dropdown-item:hover:not([aria-disabled="true"]){background:#f0f6fc}.top-bar-auth-user-menu__dropdown-item:focus:not([aria-disabled="true"]){background:#f0f6fc !important}.top-bar-auth-user-menu__dropdown-item:focus:not([aria-disabled="true"]):before{display:none}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/TopBar/UserMenu/UserMenu.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.top-bar-user-menu{display:flex;align-items:center;margin-left:64px;position:relative}.top-bar-user-menu__wrapper{display:flex;align-items:center;cursor:pointer}.top-bar-user-menu__image{border-radius:50%;height:32px;width:32px}.top-bar-user-menu__name{transition:color .1s 0s cubic-bezier(.4,0,.6,1);color:#77899c;font-size:13px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;margin-left:16px;max-width:160px}.top-bar-user-menu:hover .top-bar-user-menu__name{color:#f0f6fc}.top-bar-user-menu:active .top-bar-user-menu__name{color:#324050}.top-bar-user-menu__icon{transition:fill .1s 0s cubic-bezier(.4,0,.6,1);fill:#77899c;margin:-2px 0 0 16px}.top-bar-user-menu__icon--open{transform:rotate(180deg)}.top-bar-user-menu:hover .top-bar-user-menu__icon{fill:#f0f6fc}.top-bar-user-menu:active .top-bar-user-menu__icon{fill:#324050}.top-bar-user-menu__dropdown{position:absolute !important;right:0;top:46px}.top-bar-user-menu__dropdown-item{display:flex;justify-content:flex-start;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif !important;padding:13px 16px !important;font-size:14px !important;color:#15283e !important;height:auto !important;letter-spacing:.4px !important;line-height:1 !important;position:relative;outline:0;cursor:pointer;width:100%}.top-bar-user-menu__dropdown-item[aria-disabled="true"]{color:#77899c !important}.top-bar-user-menu__dropdown-item:hover:not([aria-disabled="true"]){background:#f0f6fc}.top-bar-user-menu__dropdown-item:focus:not([aria-disabled="true"]){background:#f0f6fc !important}.top-bar-user-menu__dropdown-item:focus:not([aria-disabled="true"]):before{display:none}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/TopBar/TopBar.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.top-bar{background-color:#0f1d2d;box-shadow:0 2px 44px 0 rgba(0,0,0,0.5);display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:72px;position:relative;z-index:8}.top-bar__content{width:100%;display:flex}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/@material/select/dist/mdc.select.css ***!
  \*********************************************************************************************************************************/
/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-select {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75rem;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  color: rgba(0, 0, 0, 0.87);
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  padding-left: 0;
  padding-right: 24px;
  background-image: 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%230%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");
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: calc(100% - 24px);
  height: 32px;
  -webkit-transition: border-bottom-color 150ms 0ms cubic-bezier(0.4, 0, 0.6, 1), background-color 150ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: border-bottom-color 150ms 0ms cubic-bezier(0.4, 0, 0.6, 1), background-color 150ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: right center;
  font-family: Roboto, sans-serif;
  font-size: .936rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] {
    padding-left: 24px;
    padding-right: 0; }
  .mdc-select::-ms-expand {
    display: none; }
  .mdc-select:focus {
    /* @alternate */
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--mdc-theme-primary, #3f51b5);
    outline: none;
    background-color: rgba(0, 0, 0, 0.06); }
  [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] {
    background-position: left center; }
  .mdc-select--theme-dark,
  .mdc-theme--dark .mdc-select {
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-dark, white);
    background-image: 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%23ffffff%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");
    border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    .mdc-select--theme-dark:focus,
    .mdc-theme--dark .mdc-select:focus {
      /* @alternate */
      border-bottom-color: #3f51b5;
      border-bottom-color: var(--mdc-theme-primary, #3f51b5);
      background-color: rgba(255, 255, 255, 0.09); }
  .mdc-select__menu {
    position: fixed;
    top: 0;
    left: 0;
    max-height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    z-index: 4; }
  .mdc-select__selected-text {
    -webkit-transition: opacity 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    white-space: nowrap;
    overflow: hidden; }

.mdc-select--open .mdc-select__selected-text {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: opacity 125ms 125ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 125ms 125ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 125ms 125ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 125ms 125ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 125ms 125ms cubic-bezier(0, 0, 0.2, 1), transform 125ms 125ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 125ms 125ms cubic-bezier(0, 0, 0.2, 1), transform 125ms 125ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 125ms 125ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 0; }

.mdc-select--disabled,
.mdc-select[disabled] {
  /* @alternate */
  color: rgba(0, 0, 0, 0.38);
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  background-image: 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%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
  border-bottom-style: dotted;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.mdc-select--theme-dark.mdc-select--disabled,
.mdc-theme--dark .mdc-select--disabled {
  /* @alternate */
  color: rgba(255, 255, 255, 0.5);
  color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5));
  background-image: 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%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
  border-bottom: 1px dotted rgba(255, 255, 255, 0.38); }

.mdc-select--theme-dark.mdc-select[disabled],
.mdc-theme--dark .mdc-select[disabled] {
  /* @alternate */
  color: rgba(255, 255, 255, 0.5);
  color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5));
  background-image: 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%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
  border-bottom: 1px dotted rgba(255, 255, 255, 0.38); }

.mdc-select__menu .mdc-list-item {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75rem;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }
  .mdc-select__menu .mdc-list-item[aria-selected="true"] {
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }
  .mdc-select--theme-dark .mdc-select__menu .mdc-list-item,
  .mdc-theme--dark .mdc-select__menu .mdc-list-item {
    /* @alternate */
    color: rgba(255, 255, 255, 0.7);
    color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
    .mdc-select--theme-dark .mdc-select__menu .mdc-list-item[aria-selected="true"],
    .mdc-theme--dark .mdc-select__menu .mdc-list-item[aria-selected="true"] {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }

.mdc-select__menu .mdc-list-group,
.mdc-select__menu .mdc-list-group > .mdc-list-item:first-child {
  margin-top: 12px; }

.mdc-select__menu .mdc-list-group {
  /* @alternate */
  color: rgba(0, 0, 0, 0.38);
  color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38));
  font-weight: normal; }
  .mdc-select__menu .mdc-list-group .mdc-list-item {
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }

.mdc-select--theme-dark .mdc-select__menu .mdc-list-group,
.mdc-theme--dark .mdc-select__menu .mdc-list-group {
  /* @alternate */
  color: rgba(255, 255, 255, 0.5);
  color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)); }
  .mdc-select--theme-dark .mdc-select__menu .mdc-list-group .mdc-list-item,
  .mdc-theme--dark .mdc-select__menu .mdc-list-group .mdc-list-item {
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-dark, white); }

.mdc-multi-select {
  /* @alternate */
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38));
  width: 250px;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .mdc-multi-select--theme-dark,
  .mdc-theme--dark .mdc-multi-select {
    /* @alternate */
    border-color: rgba(255, 255, 255, 0.5);
    border-color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)); }
  .mdc-multi-select .mdc-list-group {
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38));
    margin: 16px 0 0;
    padding: 0 0 0 16px;
    font-weight: normal; }
    .mdc-multi-select .mdc-list-group--theme-dark,
    .mdc-theme--dark .mdc-multi-select .mdc-list-group {
      /* @alternate */
      color: rgba(255, 255, 255, 0.5);
      color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)); }
    .mdc-multi-select .mdc-list-group:last-child {
      margin-bottom: 16px; }
    .mdc-multi-select .mdc-list-group .mdc-list-divider {
      margin-left: -16px; }
  .mdc-multi-select .mdc-list-item {
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    margin: 0 0 0 -16px;
    padding: 0 16px; }
    .mdc-multi-select .mdc-list-item--theme-dark,
    .mdc-theme--dark .mdc-multi-select .mdc-list-item {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
    .mdc-multi-select .mdc-list-item:first-child {
      margin-top: 12px; }
    .mdc-multi-select .mdc-list-item:last-child {
      margin-bottom: 8px; }
  .mdc-multi-select .mdc-list-item:checked {
    /* @alternate */
    background-color: #fff;
    background-color: var(--mdc-theme-background, #fff); }
    .mdc-multi-select .mdc-list-item:checked--theme-dark,
    .mdc-theme--dark .mdc-multi-select .mdc-list-item:checked {
      /* @alternate */
      background-color: white;
      background-color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-multi-select .mdc-list-divider {
    margin-bottom: 8px;
    padding-top: 8px;
    font-size: 0; }

.mdc-multi-select:focus .mdc-list-item:checked {
  /* @alternate */
  background-color: #3f51b5;
  background-color: var(--mdc-theme-primary, #3f51b5); }
  .mdc-multi-select:focus .mdc-list-item:checked--theme-dark,
  .mdc-theme--dark .mdc-multi-select:focus .mdc-list-item:checked {
    /* @alternate */
    background-color: white;
    background-color: var(--mdc-theme-text-primary-on-dark, white); }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Form/Dropdown/Input.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.dropdown-input{position:relative;border-bottom:1px solid #15283e;padding:24px 0 8px;height:48px;background-image:none !important;margin-top:24px;max-width:none;width:100% !important}.dropdown-input:hover{border-bottom:2px solid #15283e;padding-bottom:7px}.dropdown-input:focus,.dropdown-input.mdc-select--open{background:transparent;border-bottom:2px solid #10bb7a;padding-bottom:7px}.dropdown-input__icon{position:absolute;fill:#15283e;top:50%;transform:translateY(-50%);right:8px}.dropdown-input.mdc-select--open .dropdown-input__icon{display:none}.dropdown-input:hover .dropdown-input__icon,.dropdown-input:focus .dropdown-input__icon{top:calc(50% + 1px)}.dropdown-input__icon--open{display:none;transform:translateY(-50%) rotate(180deg)}.dropdown-input.mdc-select--open .dropdown-input__icon--open{display:block}.dropdown-input__select{display:none}.dropdown-input__label{color:#77899c;position:absolute;font-size:16px;left:0;top:0;line-height:48px;transition:color .1s 0s cubic-bezier(.4,0,.6,1),font-size .1s 0s cubic-bezier(.4,0,.6,1),transform .1s 0s cubic-bezier(.4,0,.6,1)}.dropdown-input__label--float-above{transform:translateY(-19px);font-size:12px}.dropdown-input:focus .dropdown-input__label--float-above,.dropdown-input.mdc-select--open .dropdown-input__label--float-above{color:#10bb7a}.dropdown-input__list{border-radius:4px;text-align:left}.dropdown-input__selected-text{background:transparent;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif !important;font-size:16px !important;letter-spacing:.4px;color:#15283e;line-height:1}.dropdown-input__selected-text--label{color:#77899c}.dropdown-input__list-items{padding:0 !important}.dropdown-input__list-item{display:flex;justify-content:flex-start;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif !important;padding:13px 16px !important;font-size:14px !important;color:#15283e !important;height:auto !important;letter-spacing:.4px !important;line-height:1 !important;position:relative;outline:0;cursor:pointer;width:100%}.dropdown-input__list-item[aria-disabled="true"]{color:#77899c !important}.dropdown-input__list-item:hover:not([aria-disabled="true"]){background:#f0f6fc}.dropdown-input__list-item:focus:not([aria-disabled="true"]){background:#f0f6fc !important}.dropdown-input__list-item:focus:not([aria-disabled="true"]):before{display:none}.dropdown-input__list-item[aria-selected="true"]{background:transparent !important}.dropdown-input__tick-icon{fill:#10bb7a;margin-left:auto}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Layouts/PageWrapper/TopBar/PageTopBar.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.page-top-bar__nav{display:flex;flex-grow:1;justify-content:flex-end}.page-top-bar__nav-button{margin-right:24px}.page-top-bar__nav-button--upload-box{margin-right:0}.page-top-bar__nav-button--disabled{pointer-events:none}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Dashboard/Content/Entries/Image/LinkCopy/Link.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.link-copy{position:relative}.link-copy__copy-text{opacity:1;position:absolute;transition:opacity .18s 0s cubic-bezier(.4,0,.6,1);top:50%;transform:translateY(-50%)}.link-copy__copy-text--hide{opacity:0}.link-copy__copied-text{display:flex;text-align:left;align-items:center;opacity:0;transition:opacity .18s 0s cubic-bezier(.4,0,.6,1)}.link-copy__copied-text--show{opacity:1}.link-copy__tick{fill:#10bb7a;margin-left:8px}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Dashboard/Content/Entries/Image/DashboardImage.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dashboard-image{height:144px;flex-basis:224px;position:relative;border-radius:4px;margin:24px 20px 0}.dashboard-image__box{border-radius:4px 4px 0 0;background-size:cover;background-position:top center;background-repeat:no-repeat;background-color:#15283e;height:104px;width:100%}.dashboard-image__overlay{border-radius:4px 4px 0 0;background:#000;transition:opacity .1s 0s cubic-bezier(.4,0,.6,1);opacity:0;height:100%;width:100%;z-index:1}.dashboard-image:hover .dashboard-image__overlay{opacity:.5}.dashboard-image__view-button{position:absolute;opacity:0;left:50%;top:50%;transform:translateX(-50%) translateY(-100%);width:110px}.dashboard-image:hover .dashboard-image__view-button{opacity:1}.dashboard-image__footer,.dashboard-image__notes{border-radius:0 0 4px 4px;display:flex;align-items:center;background:#15283e;color:#77899c;font-size:11px;height:40px;padding:0 16px;text-align:left;position:relative;width:100%}.dashboard-image__notes,.dashboard-image__notes__notes{justify-content:space-between;transition:opacity .1s 0s cubic-bezier(.4,0,.6,1);position:absolute;opacity:0;top:0;left:0}.dashboard-image:hover .dashboard-image__notes,.dashboard-image__notes:hover .dashboard-image__notes__notes{opacity:1}.dashboard-image__buttons{display:flex;align-items:center}.dashboard-image__icon-button{display:block}.dashboard-image__icon-button:hover .dashboard-image__icon{fill:#f0f6fc}.dashboard-image__icon-button--share{margin-left:16px}.dashboard-image__icon{fill:#77899c;vertical-align:middle}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Dashboard/Content/Entries/DashboardEntries.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dashboard-entries{display:flex;flex-flow:row wrap;margin:0 -20px}.dashboard-entries--no-entries{font-size:16px;color:#77899c;text-align:center;margin-top:80px}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/@material/tabs/dist/mdc.tabs.css ***!
  \*****************************************************************************************************************************/
/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
@-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: 1; } }

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

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

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 1; }
  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); }

/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-tab {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  text-decoration: inherit;
  text-transform: inherit;
  display: table-cell;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 160px;
  min-height: 48px;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle;
  /* @alternate */
  color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }
  .mdc-tab:hover {
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }
  .mdc-tab:focus {
    /* @alternate */
    outline-color: rgba(0, 0, 0, 0.54);
    outline-color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }
  .mdc-tab-bar--theme-dark .mdc-tab,
  .mdc-theme--dark .mdc-tab {
    /* @alternate */
    color: rgba(255, 255, 255, 0.7);
    color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
    .mdc-tab-bar--theme-dark .mdc-tab:hover,
    .mdc-theme--dark .mdc-tab:hover {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
    .mdc-tab-bar--theme-dark .mdc-tab:focus,
    .mdc-theme--dark .mdc-tab:focus {
      /* @alternate */
      outline-color: rgba(255, 255, 255, 0.7);
      outline-color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
  @media screen and (max-width: 600px) {
    .mdc-tab {
      min-width: 72px;
      padding: 0 12px; } }
  .mdc-tab__icon {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px; }
    .mdc-tab-bar--icons-with-text .mdc-tab__icon {
      margin-top: 4px; }
  .mdc-tab__icon-text {
    display: block;
    margin: 0 auto; }
  .mdc-tab__icon + .mdc-tab__icon-text {
    padding-top: 6px; }

.mdc-tab--active {
  /* @alternate */
  color: rgba(0, 0, 0, 0.87);
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }
  .mdc-tab-bar--theme-dark .mdc-tab--active,
  .mdc-theme--dark .mdc-tab--active {
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-tab--active::before {
    bottom: 0; }

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab {
  position: relative; }
  .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    width: calc(100% - 4px);
    height: 2px;
    content: "";
    pointer-events: none;
    /* @alternate */
    background-color: rgba(0, 0, 0, 0.87);
    background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }
    .mdc-tab-bar--theme-dark.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after,
    .mdc-theme--dark .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
      /* @alternate */
      background-color: white;
      background-color: var(--mdc-theme-text-primary-on-dark, white); }
    .mdc-toolbar .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
      /* @alternate */
      background-color: white;
      background-color: var(--mdc-theme-text-primary-on-primary, white); }
  .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active::after, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:active::after, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:hover::after {
    display: block; }
  .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):hover::after {
    opacity: .38; }
  .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):active::after {
    opacity: .87; }

.mdc-tab-bar--icons-with-text:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
  top: 70px; }

.mdc-tab.mdc-ripple-upgraded {
  --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;
  will-change: transform, opacity;
  -webkit-tap-highlight-color: transparent; }
  .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {
    position: absolute;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""; }
  .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {
    background-color: rgba(0, 0, 0, 0.06);
    opacity: 0; }
  .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):hover::before, .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
    opacity: .6; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {
    opacity: .99999; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    -webkit-transition-duration: 120ms;
            transition-duration: 120ms;
    opacity: 1; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity: 0; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
            animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
            animation: 83ms 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.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0); }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::after,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::before,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::after {
    background-color: rgba(255, 255, 255, 0.16);
    opacity: 0; }
    @supports (background-color: color(green a(10%))) {
      .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::after,
      .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::before,
      .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::after {
        background-color: color(var(--mdc-theme-text-primary-on-dark, white) a(16%)); } }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):hover::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):hover::before,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
    opacity: .6; }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {
    opacity: .99999; }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    -webkit-transition-duration: 120ms;
            transition-duration: 120ms;
    opacity: 1; }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity: 0; }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
            animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after,
  .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
            animation: 83ms 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 .mdc-tab.mdc-ripple-upgraded::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::after {
    background-color: rgba(255, 255, 255, 0.16);
    opacity: 0; }
    @supports (background-color: color(green a(10%))) {
      .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::after {
        background-color: color(var(--mdc-theme-text-primary-on-primary, white) a(16%)); } }
  .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):hover::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
    opacity: .6; }
  .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {
    opacity: .99999; }
  .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    -webkit-transition-duration: 120ms;
            transition-duration: 120ms;
    opacity: 1; }
  .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity: 0; }
  .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
            animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
            animation: 83ms 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.mdc-ripple-upgraded:focus {
    outline: none; }

/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-tab-bar {
  display: table;
  position: relative;
  height: 48px;
  margin: 0 auto;
  text-transform: uppercase; }
  .mdc-tab-bar__indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    /* @alternate */
    background-color: rgba(0, 0, 0, 0.87);
    background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transition: -webkit-transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
    will-change: transform;
    visibility: hidden; }
    .mdc-tab-bar--theme-dark .mdc-tab-bar__indicator,
    .mdc-theme--dark .mdc-tab-bar__indicator {
      /* @alternate */
      background-color: white;
      background-color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-toolbar .mdc-tab-bar .mdc-tab {
    /* @alternate */
    color: rgba(255, 255, 255, 0.7);
    color: var(--mdc-theme-text-secondary-on-primary, rgba(255, 255, 255, 0.7)); }
    .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab,
    .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab {
      /* @alternate */
      color: rgba(255, 255, 255, 0.7);
      color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
  .mdc-toolbar .mdc-tab-bar .mdc-tab--active,
  .mdc-toolbar .mdc-tab-bar .mdc-tab:hover {
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-primary, white); }
    .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab--active,
    .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab--active, .mdc-tab-bar--theme-dark
    .mdc-toolbar .mdc-tab-bar .mdc-tab:hover,
    .mdc-theme--dark
    .mdc-toolbar .mdc-tab-bar .mdc-tab:hover {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator {
    /* @alternate */
    background-color: white;
    background-color: var(--mdc-theme-text-primary-on-primary, white); }
    .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator,
    .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator {
      /* @alternate */
      background-color: white;
      background-color: var(--mdc-theme-text-primary-on-dark, white); }

.mdc-tab-bar--icons-with-text {
  height: 72px; }

.mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator,
.mdc-toolbar .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator {
  /* @alternate */
  background-color: #3f51b5;
  background-color: var(--mdc-theme-primary, #3f51b5); }
  .mdc-tab-bar--theme-dark .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator,
  .mdc-theme--dark .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator, .mdc-tab-bar--theme-dark
  .mdc-toolbar .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator,
  .mdc-theme--dark
  .mdc-toolbar .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator {
    /* @alternate */
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary, #3f51b5); }

.mdc-tab-bar--indicator-primary.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after,
.mdc-toolbar .mdc-tab-bar--indicator-primary.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
  /* @alternate */
  background-color: #3f51b5;
  background-color: var(--mdc-theme-primary, #3f51b5); }

.mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator,
.mdc-toolbar .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator {
  /* @alternate */
  background-color: #ff4081;
  background-color: var(--mdc-theme-secondary, #ff4081); }
  .mdc-tab-bar--theme-dark .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator,
  .mdc-theme--dark .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator, .mdc-tab-bar--theme-dark
  .mdc-toolbar .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator,
  .mdc-theme--dark
  .mdc-toolbar .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator {
    /* @alternate */
    background-color: #ff4081;
    background-color: var(--mdc-theme-secondary, #ff4081); }

.mdc-tab-bar--indicator-accent.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after,
.mdc-toolbar .mdc-tab-bar--indicator-accent.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
  /* @alternate */
  background-color: #ff4081;
  background-color: var(--mdc-theme-secondary, #ff4081); }

/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-tab-bar-scroller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: inherit;
  overflow: hidden; }
  .mdc-tab-bar-scroller__scroll-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow: hidden; }
    .mdc-tab-bar-scroller__scroll-frame__tabs {
      -webkit-transition: -webkit-transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
      transition: -webkit-transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
      transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
      transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
      will-change: transform; }
  .mdc-tab-bar-scroller__indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    cursor: pointer;
    visibility: hidden;
    /* @alternate */
    color: rgba(0, 0, 0, 0.54);
    color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }
    .mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator,
    .mdc-theme--dark .mdc-tab-bar-scroller__indicator {
      /* @alternate */
      color: rgba(255, 255, 255, 0.7);
      color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
    .mdc-tab-bar-scroller__indicator:hover {
      /* @alternate */
      color: rgba(0, 0, 0, 0.87);
      color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }
      .mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator:hover,
      .mdc-theme--dark .mdc-tab-bar-scroller__indicator:hover {
        /* @alternate */
        color: white;
        color: var(--mdc-theme-text-primary-on-dark, white); }
    .mdc-tab-bar-scroller__indicator__inner {
      color: inherit;
      text-decoration: inherit;
      cursor: inherit; }
      .mdc-tab-bar-scroller__indicator__inner:focus {
        outline-color: inherit; }
      [dir="rtl"] .mdc-tab-bar-scroller .mdc-tab-bar-scroller__indicator__inner,
      .mdc-tab-bar-scroller[dir="rtl"] .mdc-tab-bar-scroller__indicator__inner {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .mdc-tab-bar-scroller__indicator__inner:hover {
      color: inherit; }
      .mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator__inner:hover,
      .mdc-theme--dark .mdc-tab-bar-scroller__indicator__inner:hover {
        /* @alternate */
        color: rgba(255, 255, 255, 0.7);
        color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
  .mdc-tab-bar-scroller__indicator--enabled {
    visibility: visible; }

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Dashboard/Content/Tabs/DashboardTabs.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.dashboard-tabs{margin:0;display:flex;align-items:center;height:auto}.dashboard-tabs:first-child{margin-left:48px}.dashboard-tabs__tab{display:block;color:#77899c;text-transform:none;font-size:16px;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;letter-spacing:.1px;line-height:64px;padding:0 !important;min-height:auto}.dashboard-tabs__tab:first-child{margin-left:32px}.dashboard-tabs__tab:hover{color:#f0f6fc}.dashboard-tabs__indicator{background-color:#10bb7a;text-align:center}.dashboard-tabs .mdc-tab--active{color:#fff !important}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Dashboard/Content/DashboardContent.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dashboard-content{margin:0 auto;width:1016px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Settings/Content/Avatar/SettingsAvatar.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.settings-avatar{border-radius:50%;overflow:hidden;position:relative;height:100px;background-size:100px 100px;min-width:100px}@media screen and (min-width:600px){.settings-avatar{height:150px;background-size:150px 150px;min-width:150px}}@media screen and (min-width:900px){.settings-avatar{height:200px;background-size:200px 200px;min-width:200px}}.settings-avatar__letter-avatar{height:100%;width:100%;font-size:80px}.settings-avatar__text{display:flex;font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;justify-content:center;padding-top:12px;background:rgba(0,0,0,0.7);color:#fff;font-size:12px;left:50%;transform:translateX(-50%);bottom:0;height:40px;width:100%;position:absolute}.settings-avatar:hover .settings-avatar__text{background:rgba(0,0,0,0.4)}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Settings/Content/SettingsContent.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.settings-content__content{display:flex;align-items:flex-start}@media screen and (max-width:599px){.settings-content__content{flex-direction:column}}@media screen and (min-width:600px){.settings-content__content{flex-direction:row}}.settings-content__form{width:100%}@media screen and (max-width:599px){.settings-content__form{margin-top:15px}}@media screen and (min-width:600px){.settings-content__form{margin-left:80px;max-width:484px}}.settings-content__username{margin-top:0}@media screen and (max-width:599px){.settings-content__change-password{margin-top:15px}}@media screen and (min-width:600px){.settings-content__change-password{margin-top:24px}}.settings-content__footer{display:flex;justify-content:flex-end;margin-top:40px;width:100%}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/shared/components/PublicFooter/DownloadButton/DownloadButton.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__download__button{background:#10bb7a;border-radius:24px;padding:14px 30px;min-height:50px;color:#fff;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;font-size:14px;transition:all .1s 0s cubic-bezier(.4,0,.6,1);display:inline-block}.os--mac .cb__download__button.is--mac,.os--linux .cb__download__button.is--linux,.os--win .cb__download__button.is--win{display:inline-block}.cb__download__button:hover{background:#3fc894;box-shadow:inset 0 0 0 2px #3fc894}.cb__download__button:active{background:#0ea76d;box-shadow:inset 0 0 0 2px #0ea76d}.cb__download__button--wrapper{display:flex;align-items:center;justify-content:center}.cb__download__button--icon{fill:#fff;width:22px;height:22px;margin-right:10px}.cb__download__button.is--mac .cb__download__button--icon{margin-top:-2px}.cb__download__button.is--mac .cb__download__button--text{margin-top:2px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/shared/components/PublicFooter/FooterLinks/FooterLinks.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__footer--menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#8aa1ba;max-width:630px;margin:0 auto}@media screen and (max-width:599px){.cb__footer--menu{justify-content:center}}.cb__footer--menu__link{white-space:nowrap;color:#8aa1ba;padding:5px;transition:color .1s 0s cubic-bezier(.4,0,.6,1)}.cb__footer--menu__link:hover{color:#6b88a8}.cb__footer--menu__element{white-space:nowrap;margin:0 10px}@media screen and (max-width:599px){.cb__footer--menu__element{margin-bottom:10px}}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/shared/components/PublicFooter/PublicFooter.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__footer{padding:80px 40px 40px;text-align:center;background:#0b1724}.cb__footer--header{padding-top:120px;font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif;font-size:30px;line-height:1.3;max-width:630px;margin:0 auto 65px auto}@media screen and (max-width:599px){.cb__footer--header{font-size:20px;margin:0 auto 35px auto}}.cb__footer--button{max-width:630px;margin:60px auto 80px}.cb__footer--menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#8aa1ba;max-width:630px;margin:0 auto}@media screen and (max-width:599px){.cb__footer--menu{justify-content:center}}.cb__footer--menu__link{white-space:nowrap;color:#8aa1ba;padding:5px;transition:color .1s 0s cubic-bezier(.4,0,.6,1)}.cb__footer--menu__link:hover{color:#6b88a8}.cb__footer--menu__element{white-space:nowrap;margin:0 10px}@media screen and (max-width:599px){.cb__footer--menu__element{margin-bottom:10px}}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Loader/Loader.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}.loader__icon{animation:rotate 1000ms infinite linear}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Viewers/Content/Dropdown/Entry/ViewersEditorDropdownEntry.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.viewers-editor-dropdown-entry{color:#15283e;padding:8px 16px;display:flex;align-items:center;font-size:14px;min-height:54px;background:#fff;transition:background .1s 0s cubic-bezier(.4,0,.6,1)}.viewers-editor-dropdown-entry:hover{background:#f0f6fc}.viewers-editor-dropdown-entry__meta{flex-grow:1;margin:0 16px}.viewers-editor-dropdown-entry__name,.viewers-editor-dropdown-entry__viewed{max-width:135px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.viewers-editor-dropdown-entry__name{color:#15283e;margin-bottom:4px}.viewers-editor-dropdown-entry__flag{width:16px}.viewers-editor-dropdown-entry__viewed{color:#77899c}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Viewers/Content/Dropdown/ViewersEditorDropdown.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.viewers-editor-dropdown{position:absolute;display:flex;flex-direction:column;width:260px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.26);border-radius:5px;left:-80px;top:47px;max-height:300px;overflow-y:scroll;overflow-x:hidden;background:#fff}.viewers-editor-dropdown::-webkit-scrollbar-track{background:transparent}.viewers-editor-dropdown::-webkit-scrollbar{width:8px;background:transparent}.viewers-editor-dropdown::-webkit-scrollbar-thumb{background:#7f7f7f;border-radius:10px}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Viewers/Content/AvatarList/AvatarList.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-viewers-avatar-list{display:flex;flex-flow:row nowrap;position:relative}.editor-viewers-avatar-list__avatar{margin-right:16px}.editor-viewers-avatar-list__avatar:last-of-type{margin-right:0}.editor-viewers-avatar-list__number{width:34px;height:34px;border-radius:50%;background-color:#364759;color:#c4d2e1;margin-right:16px;text-align:center;padding-top:1px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Viewers/Content/EditorViewersContent.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-viewers{display:flex;align-items:center;flex-grow:1}.editor-viewers__text{color:#77899c;flex-grow:1;white-space:nowrap;text-align:right;padding-right:16px}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Controls/ColorPicker/Picker/Pointer/Pointer.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.color-pointer{width:30px;height:9px;border-radius:4px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.13);border:solid 1px rgba(0,0,0,0.12);display:inline-block;cursor:pointer;transform:translate(-2px,-6px)}.color-pointer--horizontal{transform:rotate(90deg) translate(8px,14px)}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Controls/ColorPicker/LatestColors/LatestColors.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.latest-colors{color:#7f7f7f;font-size:14px;text-transform:uppercase;margin:16px -16px 0;padding:16px 16px 0;border-top:1px solid rgba(34,34,34,0.12)}.latest-colors__list{display:flex;flex-wrap:wrap;align-content:stretch;margin-top:16px}.latest-colors__list-item{margin-right:10px}.latest-colors__list-item:last-of-type{margin:0}.latest-colors__circle{width:18px;height:18px;border-radius:50%;display:inline-block}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Controls/ColorPicker/Picker/Picker.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.picker{width:248px;background:#fff;padding:16px;position:absolute;top:30px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.26);border-radius:2px}.picker:focus{outline:0}.picker__alpha,.picker__saturation,.picker__hue{position:relative;cursor:crosshair}.picker__alpha{height:26px;margin-bottom:10px}.picker__saturation{height:178px;width:178px}.picker__hue{width:26px}.picker-hue-saturation{display:flex;justify-content:space-between;margin-bottom:10px}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Controls/ColorPicker/ColorPicker.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.color-picker{margin-left:48px;margin-right:48px;position:relative}.color-picker:focus{outline:0}.color-picker div:focus{outline:0}.color-picker__circle{border-radius:50%;width:16px;height:16px;margin-right:8px}.color-picker__circle-wrapper{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-picker__circle-wrapper:focus{outline:0}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/@material/slider/dist/mdc.slider.css ***!
  \*********************************************************************************************************************************/
/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
@-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;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  -webkit-tap-highlight-color: transparent; }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
    /* @alternate */
    background-color: #ff4081;
    background-color: var(--mdc-theme-secondary, #ff4081); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(255, 64, 129, 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 {
    /* @alternate */
    background-color: #ff4081;
    background-color: var(--mdc-theme-secondary, #ff4081); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
    /* @alternate */
    fill: #ff4081;
    fill: var(--mdc-theme-secondary, #ff4081);
    /* @alternate */
    stroke: #ff4081;
    stroke: var(--mdc-theme-secondary, #ff4081); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
    /* @alternate */
    background-color: #ff4081;
    background-color: var(--mdc-theme-secondary, #ff4081); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    /* @alternate */
    background-color: #ff4081;
    background-color: var(--mdc-theme-secondary, #ff4081); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-dark, white); }
  .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--theme-dark.mdc-slider--disabled .mdc-slider__track,
  .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track {
    background-color: #787878; }
  .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track-container,
  .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track-container {
    background-color: rgba(120, 120, 120, 0.26); }
  .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track-marker::after, .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track-marker-container::after,
  .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track-marker::after,
  .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track-marker-container::after {
    background-color: #787878; }
  .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__thumb,
  .mdc-theme--dark .mdc-slider--disabled .mdc-slider__thumb {
    fill: #787878;
    stroke: #787878; }
  .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__thumb,
  .mdc-theme--dark .mdc-slider--disabled .mdc-slider__thumb {
    /* @alternate */
    stroke: #333;
    stroke: var(--mdc-slider-bg-color-behind-component, #333); }
  .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; }
    [dir="rtl"] .mdc-slider .mdc-slider__track,
    .mdc-slider[dir="rtl"] .mdc-slider__track {
      -webkit-transform-origin: right top;
              transform-origin: right top; }
  .mdc-slider__track-marker-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: -1px;
    visibility: hidden; }
    [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container,
    .mdc-slider[dir="rtl"] .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 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            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);
    -webkit-transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
    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;
    -webkit-transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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);
    -webkit-transition: -webkit-transform 100ms ease-out;
    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%;
    /**
     * Ensuring that the pin is higher than the thumb in the stacking order
     * removes some rendering jank observed in Chrome.
     */
    z-index: 1; }
  .mdc-slider__pin-value-marker {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.25rem;
    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: .25; }

.mdc-slider--disabled {
  cursor: auto; }

.mdc-slider--in-transit .mdc-slider__thumb {
  -webkit-transition-delay: 140ms;
          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 {
  -webkit-transition: -webkit-transform 80ms ease;
  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; }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Slider/Slider.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.slider__track-container{background-color:rgba(255,255,255,0.12) !important}.slider__thumb-container{top:17px !important}.slider__track{background-color:#fff !important}.slider__thumb{fill:#fff !important;stroke:#fff !important;stroke-width:3;transform:scale(.75)}.slider__focus-ring{background-color:#fff !important;width:16px !important;height:16px !important}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Controls/Slider/Slider.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-slider{display:flex;align-items:center;width:150px;margin-right:40px}.editor-slider__slider{width:100px;margin-right:16px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/Controls/EditorControls.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-controls{display:flex;align-items:center;margin-right:30px}.editor-controls__action-button{display:flex;align-items:center;margin-right:25px}.editor-controls__action-button__icon{margin:0}.editor-controls__action-button:hover .editor-controls__action-button__icon{fill:#10bb7a}.editor-controls__action-buttons{display:flex}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/TopBar/EditorTopBar.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-top-bar{position:fixed;top:0;left:0;width:100%}.editor-top-bar__user-menu{margin-left:30px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Toolbar/Tool/ToolbarTool.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-toolbar-tool{height:72px;width:100%;display:flex;align-items:center;justify-content:center;transition:background .1s 0s cubic-bezier(.4,0,.6,1)}.editor-toolbar-tool:active,.editor-toolbar-tool--selected{background:#0a141f}.editor-toolbar-tool__icon{transition:stroke .1s 0s cubic-bezier(.4,0,.6,1);fill:#77899c}.editor-toolbar-tool:hover .editor-toolbar-tool__icon{fill:#3fc894}.editor-toolbar-tool:active .editor-toolbar-tool__icon,.editor-toolbar-tool--selected .editor-toolbar-tool__icon{fill:#0ea76d}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Toolbar/EditorToolbar.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-toolbar{background:#0f1d2d;padding-top:80px;position:fixed;top:72px;left:0;height:calc(100% - 72px);width:72px;z-index:6;display:flex;justify-content:space-between;flex-direction:column}.editor-toolbar__tooltip.tooltip.place-right{margin-left:0 !important;padding:0 12px !important}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Canvas/EditorCanvas.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-canvas{background:#09131e;position:relative;padding:152px 80px 80px 152px;min-width:calc(100% - 232px);min-height:calc(100vh - 232px);box-sizing:content-box}.editor-canvas:hover{cursor:crosshair}.editor-canvas__canvas{position:absolute}.editor-canvas--brush-2:hover{cursor:url(/assets/fonts/brush_2.e8ab3f.cur) 3 3,crosshair}.editor-canvas--brush-4:hover{cursor:url(/assets/fonts/brush_4.62261c.cur) 4 4,crosshair}.editor-canvas--brush-8:hover{cursor:url(/assets/fonts/brush_8.88581e.cur) 6 6,crosshair}.editor-canvas--brush-16:hover{cursor:url(/assets/fonts/brush_16.02ea31.cur) 10 10,crosshair}.editor-canvas--brush-32:hover{cursor:url(/assets/fonts/brush_32.207bd3.cur) 16 16,crosshair}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Chat/Content/Entry/ChatEntry.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-chat-entry{display:flex;margin-top:16px}.editor-chat-entry:first-child{margin-top:8px}.editor-chat-entry__avatar{border-radius:50%;min-width:32px;min-height:32px;height:32px;width:32px;font-size:12px}.editor-chat-entry__wrapper{padding:0 8px 0 16px}.editor-chat-entry__author{display:flex;align-items:center;font-size:14px;line-height:1;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;color:#fff}.editor-chat-entry__author-name{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-chat-entry__flag-icon{margin-left:16px;width:16px}.editor-chat-entry__text{margin-top:4px;font-size:12px;line-height:18px;font-family:"proxima-nova-light",Helvetica,arial,freesans,clean,sans-serif;color:#c4d2e1}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Chat/Content/EditorChatContent.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-chat-content{position:fixed;bottom:0;right:0;width:312px;z-index:9;background:#0f1d2d;box-shadow:0 1px 13px 0 rgba(0,0,0,0.5);transition:bottom .2s 0s cubic-bezier(.4,0,.6,1)}.editor-chat-content__bar{display:flex;align-items:center;justify-content:space-between;color:#77899c;transition:color .1s 0s cubic-bezier(.4,0,.6,1);height:48px;padding:0 16px;font-size:14px;width:100%}.editor-chat-content__bar:hover{color:#f0f6fc}.editor-chat-content__bar:active{color:#324050}.editor-chat-content__icon{fill:#77899c}.editor-chat-content__icon--open{transform:rotate(180deg)}.editor-chat-content:hover .editor-chat-content__icon{fill:#f0f6fc}.editor-chat-content:active .editor-chat-content__icon{fill:#324050}.editor-chat-content__box{display:flex;flex-direction:column;align-items:center;height:0;transition:height .1s 0s cubic-bezier(.4,0,.6,1),padding .1s 0s cubic-bezier(.4,0,.6,1);padding:0 16px}.editor-chat-content__entries{width:100%;overflow-y:auto;height:100%}.editor-chat-content__entries::-webkit-scrollbar-track{background:transparent}.editor-chat-content__entries::-webkit-scrollbar{width:8px;background:transparent}.editor-chat-content__entries::-webkit-scrollbar-thumb{background:#2d4663;border-radius:10px}.editor-chat-content__text-input{resize:none;padding:8px !important;line-height:18px;font-size:12px;height:80px}.editor-chat-content__box--open{height:360px;padding:8px 16px}.editor-chat-content__loader{fill:#fff;position:absolute;top:50%;transform:translateY(-50%)}.editor-chat-content--download-bar-open{bottom:70px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Download/EditorDownload.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-download{position:fixed;bottom:0;left:0;right:0;background:#fff;height:70px;z-index:10;text-align:center;padding:15px 45px 15px 75px;color:#15283e;font-family:"proxima-nova-regular",Helvetica,arial,freesans,clean,sans-serif;transform:translateY(70px);transition:transform .2s 0s cubic-bezier(.4,0,.6,1)}.editor-download--open{transform:translateY(0)}.editor-download__cta{position:relative}.editor-download__cta-download,.editor-download__cta-text{display:inline-block}.editor-download__cta-text{font-size:16px}.editor-download__cta-download{width:auto;margin-left:30px}.editor-download__cta-close{position:absolute;display:block;top:12px;right:-30px;width:20px;height:20px;padding:4px}.editor-download__cta-close__icon{fill:#c4d2e1;margin:0}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/Note/Note.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-note{position:absolute;z-index:5}.editor-note__input{font-size:16px;background:transparent;border:1px dashed #dedede;outline:0;font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/Content/EditorContent.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-content{min-height:100vh}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Editor/EditorContainer.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.editor-container{min-height:100vh}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/StatusCodes/Content/StatusContent.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.status-codes-content{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;width:100%}.status-codes-content__text{font-size:16px;margin-top:32px}.status-codes-content__button{margin-top:32px}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/index.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#wrapper{min-height:100vh}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Landing/LandingHeader/LandingHeaderUpper/LandingHeaderUpper.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__landing__header__upper{padding:25px 40px}@media screen and (min-width:600px){.cb__landing__header__upper{display:flex;justify-content:space-between}}@media screen and (max-width:599px){.cb__landing__header__upper{text-align:center}}.cb__landing__header__upper--link{display:inline-block}@media screen and (max-width:599px){.cb__landing__header__upper--link{max-width:232px;width:100%;margin-bottom:15px}}@media screen and (max-width:599px){.cb__landing__header__upper--link__img{width:100%;height:auto}}@media screen and (max-width:599px){.cb__landing__header__upper--right{text-align:center}}.cb__landing__header__upper--nav{align-items:center}.cb__landing__header__upper--nav__button{margin-right:10px}.cb__landing__header__upper--nav__button:last-of-type{margin:0}@media screen and (max-width:599px){.cb__landing__header__upper--nav.is--visible{display:block}}@media screen and (min-width:600px){.cb__landing__header__upper--nav.is--visible{display:flex}}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Landing/LandingHeader/LandingHeaderLower/LandingHeaderLower.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__landing__header__lower{max-width:1280px;margin:0 auto;padding:90px 40px;display:flex}@media screen and (max-width:599px){.cb__landing__header__lower{padding:60px 40px}}@media screen and (max-width:899px){.cb__landing__header__lower{flex-direction:column-reverse}}@media screen and (max-width:899px){.cb__landing__header__lower--hero{margin-bottom:45px}}@media screen and (min-width:900px){.cb__landing__header__lower--hero{margin-left:40px}}.cb__landing__header__lower--hero__img{box-shadow:-24px 15px 43px 0 rgba(0,0,0,0.2);width:100%;height:auto}.cb__landing__header__lower--promo{text-align:left}@media screen and (min-width:900px){.cb__landing__header__lower--promo{margin-right:40px;flex-basis:60%}}.cb__landing__header__lower--promo__title{font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif;font-size:40px;text-align:left;margin:0 0 30px;line-height:1.42}@media screen and (max-width:899px){.cb__landing__header__lower--promo__title{font-size:25px;line-height:1.4;margin-bottom:15px}}.cb__landing__header__lower--promo__subtitle{font-size:20px;line-height:1.75;text-align:left;margin-bottom:40px}@media screen and (max-width:899px){.cb__landing__header__lower--promo__subtitle{font-size:16px;line-height:1.35;margin-bottom:20px}}.cb__landing__header__lower--promo__list{margin-top:40px;text-align:left;font-size:14px;color:#77899c;display:flex;justify-content:flex-start;align-content:center}@media screen and (max-width:899px){.cb__landing__header__lower--promo__list{margin:25px 0}}.cb__landing__header__lower--promo__list--text{padding:14px 0 7px}.cb__landing__header__lower--promo__list--item{margin-right:15px}.cb__landing__header__lower--promo__list--item:last-of-type{margin:0}.cb__landing__header__lower--promo__list--item__link{padding:8px}.os--mac .cb__landing__header__lower--promo__list--item__link.is--mac,.os--linux .cb__landing__header__lower--promo__list--item__link.is--linux,.os--win .cb__landing__header__lower--promo__list--item__link.is--win{display:none}.cb__landing__header__lower--promo__list--item__link,.cb__landing__header__lower--promo__list--item__icon{height:25px;width:25px;display:inline-block}.cb__landing__header__lower--promo__list--item__link:hover .cb__landing__header__lower--promo__list--item__icon{fill:#fff}.cb__landing__header__lower--promo__list--item__icon{transition:all .1s 0s cubic-bezier(.4,0,.6,1);fill:#77899c}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Landing/LandingHeader/LandingHeader.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__landing__header{background-image:radial-gradient(circle at 63% 0,rgba(255,255,255,0.19),rgba(15,29,45,0))}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Landing/NotificationBanner/NotificationBanner.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__landing__notification{color:#fff;align-items:center;text-align:center;justify-content:center;font-size:14px;transform:translate(0,-100%);opacity:0;transition:transform .25s 0s cubic-bezier(.4,0,.6,1),opacity .25s 0s cubic-bezier(.4,0,.6,1),background .25s 0s cubic-bezier(.4,0,.6,1);z-index:8;padding:10px 50px;width:100%;background:#ec494b;line-height:1.2;position:fixed;top:0;left:0;right:0;min-height:37px}.cb__landing__notification.is--visible{transform:translate(0,0);opacity:1}.cb__landing__notification--wrapper{position:relative}.cb__landing__notification--close{position:absolute;right:16px;display:inline-block;padding:2px;cursor:pointer;margin-top:1px;top:10px}.cb__landing__notification--icon{fill:#fff;height:9px;width:9px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Landing/SectionFeatures/SectionFeatures.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__landing__features{background:#0f1d2d;position:relative}.cb__landing__features--title{font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif;font-size:30px;line-height:1.3;max-width:630px;margin:0 auto 65px auto}@media screen and (max-width:599px){.cb__landing__features--title{font-size:20px;margin:0 auto 35px auto}}.cb__landing__features--container{text-align:center;max-width:1280px;margin:0 auto;padding:90px 40px 45px}@media screen and (max-width:599px){.cb__landing__features--container{padding:60px 40px}}.cb__landing__features--list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -25px}.cb__landing__features--item{width:350px;margin:0 25px 100px}@media screen and (max-width:599px){.cb__landing__features--item{margin-bottom:50px}}.cb__landing__features--item__image{width:43px;height:43px;margin:0 auto}.cb__landing__features--item__image--icon{width:100%;height:100%}.cb__landing__features--item__title{margin:55px 0 20px;font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif;font-size:20px}@media screen and (max-width:599px){.cb__landing__features--item__title{font-size:16px;margin-top:25px}}.cb__landing__features--item__text{color:#8aa1ba;font-size:18px;line-height:1.67}.cb__landing__features--item__text--highlight,.cb__landing__features--item__text--link{color:#3096ff}.cb__landing__features--figure{width:105px;height:105px;display:grid;border-radius:50%;background:#15283e;box-shadow:0 12px 43px 0 rgba(0,0,0,0.19);position:absolute;bottom:-54px;left:50%;margin-left:-53px}.cb__landing__features--figure__icon{width:52px;height:53px;margin:auto}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/prepend-style-loader/index.js??ruleSet[1].rules[7].use[4]!./src/app/components/Pages/Landing/SectionTryout/SectionTryout.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cb__landing__tryout{text-align:center;background:#0b1724}.cb__landing__tryout--container{max-width:1280px;margin:0 auto;padding:90px 40px}@media screen and (max-width:599px){.cb__landing__tryout--container{padding:60px 40px}}.cb__landing__tryout--title{font-family:"proxima-nova-bold",Helvetica,arial,freesans,clean,sans-serif;font-size:30px;line-height:1.3;max-width:630px;margin:0 auto 30px auto}@media screen and (max-width:599px){.cb__landing__tryout--title{font-size:20px;margin:0 auto 30px auto}}.cb__landing__tryout--subtitle{color:#8aa1ba;font-size:18px;margin:0 auto 55px;line-height:1.67;max-width:500px}@media screen and (max-width:599px){.cb__landing__tryout--subtitle{font-size:16px;line-height:1.3}}.cb__landing__tryout--list{display:flex;margin:0 auto 15px;align-items:center;justify-content:flex-end;max-width:640px;width:100%}@media screen and (max-width:599px){.cb__landing__tryout--list{flex-direction:column}}.cb__landing__tryout--upload,.cb__landing__tryout--or,.cb__landing__tryout--create{width:100%;text-align:center}@media screen and (max-width:599px){.cb__landing__tryout--upload,.cb__landing__tryout--or,.cb__landing__tryout--create{margin-bottom:25px;min-height:55px}}@media screen and (min-width:600px){.cb__landing__tryout--upload,.cb__landing__tryout--or,.cb__landing__tryout--create{max-width:210px}}@media screen and (min-width:600px){.cb__landing__tryout--upload{margin-right:90px}}.cb__landing__tryout--upload__text{white-space:nowrap}.cb__landing__tryout--upload__label.cb__button{position:relative;overflow:hidden;padding-top:18px}.cb__landing__tryout--upload__label.cb__button:hover{margin:-1px;overflow:visible}.cb__landing__tryout--upload__input{cursor:inherit;display:block;opacity:0;position:absolute;right:-100%;top:-100%}.cb__landing__tryout--upload__tooltip{font-size:11px;color:#15283e;position:absolute;display:block;top:60px;left:50%;transform:translate(-50%,0);border-radius:4px;background:#fff;padding:12px 14px;width:230px;opacity:0;transition:opacity .2s 0s cubic-bezier(.4,0,.6,1);z-index:5}.cb__landing__tryout--upload__tooltip:before{content:'';position:absolute;top:-8px;left:50%;transform:translate(-50%,0);width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #fff transparent}.cb__landing__tryout--upload__label:hover .cb__landing__tryout--upload__tooltip{opacity:1}.cb__landing__tryout--or{color:#b5b5b5;font-size:16px;position:relative;min-width:50px;width:auto}@media screen and (max-width:599px){.cb__landing__tryout--or{width:100%}}@media screen and (min-width:600px){.cb__landing__tryout--or{min-height:180px}}.cb__landing__tryout--or:before{position:absolute;content:'';background:#23364b}@media screen and (min-width:600px){.cb__landing__tryout--or:before{top:0;left:50%;width:1px;height:100%}}@media screen and (max-width:599px){.cb__landing__tryout--or:before{top:50%;left:0;height:1px;width:100%}}.cb__landing__tryout--or__text{background:#0b1724;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px}@media screen and (min-width:600px){.cb__landing__tryout--create{margin-left:80px}}.cb__landing__tryout--create__item{padding-top:18px;cursor:pointer}.cb__landing__tryout--create__item--button{position:relative;padding-right:20px;pointer-events:none;display:inline-block;margin-top:4px}.cb__landing__tryout--create__item--button__text{white-space:nowrap}.cb__landing__tryout--create__item--button__icon{display:block;width:10px;height:10px;position:absolute;top:50%;right:-2px;fill:#10bb7a;margin-top:-5px;pointer-events:none}.cb__landing__tryout--create__item:hover .cb__landing__tryout--create__item--button__icon{fill:#fff}.cb__landing__tryout--create__item--options{display:none;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:1;box-shadow:0 1px 5px 0 rgba(0,0,0,0.26);border-radius:4px}.cb__landing__tryout--create__item--options.is--visible{display:block}.cb__landing__tryout--create__item--options__item{font-size:14px;line-height:1.29;text-align:left;color:#15283e;cursor:pointer;height:40px;padding:11px 16px;background:#fff;transition:background .2s 0s cubic-bezier(.4,0,.6,1)}.cb__landing__tryout--create__item--options__item:first-of-type{border-radius:4px 4px 0 0}.cb__landing__tryout--create__item--options__item:last-of-type{border-radius:0 0 4px 4px}.cb__landing__tryout--create__item--options__item:hover{background:#f0f6fc}